@font-face {

    font-family: 'IndustryLight';

    src: url('../fonts/Industry-Light.eot');

    src: local('Industry Light'), local('Industry-Light'),

        url('../fonts/Industry-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Light.woff') format('woff'),

        url('../fonts/Industry-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: 'IndustryBold';

    src: url('../fonts/Industry-Bold.eot');

    src: local('Industry Bold'), local('Industry-Bold'),

        url('../fonts/Industry-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Bold.woff') format('woff'),

        url('../fonts/Industry-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'Industry-Book';

    src: url('../fonts/Industry-Book.eot');

    src: local('Industry Book'), local('Industry-Book'),

        url('../fonts/Industry-Book.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Book.woff') format('woff'),

        url('../fonts/Industry-Book.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'IndustryBlack';

    src: url('../fonts/Industry-Black.eot');

    src: local('Industry Black'), local('Industry-Black'),

        url('../fonts/Industry-Black.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Black.woff') format('woff'),

        url('../fonts/Industry-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

}

@font-face {

    font-family: 'IndustryMedium';

    src: url('../fonts/Industry-Medium.eot');

    src: local('Industry Medium'), local('Industry-Medium'),

        url('../fonts/Industry-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Medium.woff') format('woff'),

        url('../fonts/Industry-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: 'Industry-Demi';

    src: url('../fonts/Industry-Demi.eot');

    src: local('Industry Demi'), local('Industry-Demi'),

        url('../fonts/Industry-Demi.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Industry-Demi.woff') format('woff'),

        url('../fonts/Industry-Demi.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



:root {

	--color-white: #fff;

  --color-black:#000; 

  --color-1788CF: #1788CF;

  --color-ECA400: #ECA400;

  --color-B9B9B9: #B9B9B9;

  --color-707070: #707070;

  --color-17252D: #17252D;

  --color-5A6B7C: #5A6B7C;

  --color-E5E5E5: #E5E5E5;

  --color-6D7D81: #6D7D81;

  --color-424B54: #424B54;

  --color-4E4C4A: #4E4C4A;

  --color-F0F0F0: #F0F0F0;

  --color-D8D8D8: #D8D8D8;

  --color-8B8B8B: #8B8B8B;

  --color-0F1527: #0F1527;

  --font-IndustryLight: 'IndustryLight';

  --font-IndustryBold: 'IndustryBold';

  --font-Industry-Book: 'Industry-Book';

  --font-IndustryBlack: 'IndustryBlack';

  --font-IndustryMedium: 'IndustryMedium';

  --font-Industry-Demi: 'Industry-Demi';

  --font-NotoSans: 'Noto Sans', sans-serif;

	--transition: all .5s ease-in-out;

	--transition-2: all .8s ease-in-out;

  }

*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

html{scroll-behavior: smooth;overflow-x: hidden;}

body{

	animation: transitions 0.75s ;

	font-family: var(--font-Industry-Book);

}

@keyframes transitions {

  from {

    opacity: 0;

    transform: translateY(-10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

.btn,

.btn:focus,

button,

button:focus,

.form-control:focus,

select:focus,

input:focus

{

	outline: none;

	box-shadow: none;

}

a,a:hover{text-decoration: none;}ul,li{list-style: none;margin: 0;padding: 0;}





p

{

margin: 0;

padding: 0;

color: #000000;

font-size: 1rem;

}

b, strong 

{

font-weight: 600;

}

blockquote 

{

margin: 0;

padding: 0;

border: none;

}

a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus

{

outline:none;

}

/* defult css Styles

---------------------------------*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, blockquote {margin: 0; padding: 0; border: 0; display: block;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height: normal;}

h1 {font-size: 1.9rem; margin: 0 0 1rem;}

h2 {font-size: 1.8rem; margin: 0 0 1rem;}

h3 {font-size: 1.5rem; margin: 0 0 0.9rem;}

h4 {font-size: 1.4rem; margin: 0 0 0.9rem;}

h5 {font-size: 1.3rem; margin: 0 0 0.9rem;}

h6 {font-size: 1rem; margin: 0 0 0.9rem;}

li {margin: 0 0 0.8rem; padding: 0;}

p {margin: 0; }

p:last-child{padding-bottom: 0;}

label, span, strong {display: inline-block;}

p label, p span, p strong {display: inline;}

strong{font-weight: 700;}

a {

color: #1788CF;

text-decoration: none;

border: none;

outline: none;

-moz-transition: all 300ms ease-in-out 0s;

-webkit-transition: all 300ms ease-in-out 0s;

transition: all 300ms ease-in-out 0s;

}

a:hover, a:focus{color: #1788CF;text-decoration: none;outline: none;}

a:focus{color: 1788CF;}

img {border: none; outline: none; display: inline-block; max-width: 100%;}

mark {background-color: #1788CF; color: #000; font-style: italic; font-weight: bold;}

del {text-decoration: line-through;}

hr {display: block; height: 1px; border: 0; margin: 0.8rem 0; padding: 0; border-top: 1px solid #d3d3d3;}

::-moz-selection{background: #1788CF; color: #fff; text-shadow: none;}

::selection{background: #1788CF; color: #fff; text-shadow: none;} 

table {border: none; border-collapse: collapse; border-spacing: 0; width: 100%;}

table th, table td {padding: 10px 12px; vertical-align: top; border: 1px solid #d3d3d3;}

.sec-pad

{

	padding: 4rem 0;

}



/*----------------------------------------------------

scroll bar

------------------------------------------------------*/

::-webkit-scrollbar-track 

{

	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

	border-radius: 0px;

	background-color: #F5F5F5;

	width: 6px;

}



::-webkit-scrollbar {

	width: 6px;

	background-color: #F5F5F5;



}



::-webkit-scrollbar-thumb {

	border-radius: 0px;

	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	background-color: var(--color-1788CF);

}





/*header start*/

.main-header

{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  background: transparent;

  padding: 0.2rem 2.6rem;

  z-index: 999;

}

.main-header.home-header

{

   

}



.main-header.inner_head{

  background: rgba(15, 21, 39,0.96);

}



.main-header .navbar-brand

{

    width: 10rem;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.navbar-collapse

{

    padding: 1.8em 0;

}

.main-header ul li

{

    margin: 0;

}

.main-header ul li a  

{

    font-size: 1.1rem;

    padding: 0.2rem 1rem !important;

    color: var(--color-white);

    transition: var(--transition);

}

.main-header ul li a:hover,

.main-header ul li.active a

{

    color: var(--color-ECA400);

}

.main-header .dropdown-toggle::after

{

  display: none;

}

.dropdown-menu

{

  top: 3rem;

  padding: 0;

  border: none;

  border-radius: 0.4rem;

  width: 13rem;

  background: var(--color-white);

  position: relative;

  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.45);

}

.big-dropdown
{
    width: calc(100vw - 0.5rem);
    left: -3.5rem;
    background: #17263B;
    padding: 1.5rem 0;
    border-radius: 0;
    top: 4.4rem;
}
.big-dropdown:before
{
    display: none;
}
.big-dropdown ul  
{
    display: flex;
    flex-wrap: wrap;
}
.big-dropdown ul li  
{
    flex: auto;
    width: auto;
    height: 15rem;
    position: relative;
    margin: 1.2rem 1.5rem !important;
    overflow: hidden;
}
.big-dropdown ul li a 
{
        display: block !important;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}
.big-dropdown ul li a:hover .sub-menus-content
{
    color:var(--color-ECA400);
    text-decoration: underline;
}
.big-dropdown ul li a img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.big-dropdown ul li a .sub-menus-content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    font-family: var(--font-Industry-Demi);
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding: 1rem 5rem;
    color: var(--color-white);
    transition: var(--transition);
}

.dropdown-menu:before

{

  content: '';

  position: absolute;

  top: -0.8rem;

  left: 1rem;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 8px 13px 8px;

  border-color: transparent transparent var(--color-ECA400) transparent;

}

.dropdown-menu a 

{

  padding: 0.5rem 1rem;

  border-bottom: 0.02rem solid rgba(193,198,205,0.5);

  font-size: 0.85rem;

  font-weight: 500;

  color: var(--color-black) !important;

  transition: var(--transition);

}

.dropdown-menu a:hover

{

  background: var(--color-ECA400);

  border-color: var(--color-ECA400);

  color: var(--color-white) !important;

}

.dropdown-menu a:last-child

{

  border-bottom: none;

  border-bottom-left-radius: 0.4rem;

  border-bottom-right-radius: 0.4rem;

}

.dropdown-menu a:first-child

{

  border-top-left-radius: 0.4rem;

  border-top-right-radius: 0.4rem;

}

.header-right-side ul

{

    display: flex;

}

.header-right-side ul li.cart-icon a 

{

    position: relative;

    margin-right: 2rem;

}

.header-right-side ul li.cart-icon a span 

{

    position: absolute;

    top: 0;

    right: -0.3rem;

    display: block;

    width: 1.2rem;

    height: 1.2rem;

    background: var(--color-white);

    border-radius: 50%;

    font-size: 0.8rem;

    color: var(--color-black);

    text-align: center;

}

.header-side-bar

{

    position: fixed;

    right: -110%;

    top: 0;

    height: 100vh;

    overflow-y: auto;

    width: 25rem;

    background: var(--color-17252D);

    padding: 1.8rem;

    z-index: 9999999;

    visibility: hidden;

    transform-origin: right;

    transition: var(--transition);

}

.header-side-bar.header-side-bar-active

{

    visibility: visible;

    right: 0;

}

.body-overlay

{

    position: relative;

    overflow: hidden;

}

.body-overlay:before

{

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.45);

    z-index: 999;

}

.header-side-bar .header-side-bar-close

{

    position: absolute;

    top: 1rem;

    left: 2rem;

    background: transparent;

    border: none;

    color: var(--color-white);

    font-size: 2.5rem;

}

.header-side-bar .header-side-bar-box ul

{

    display: block;

}

.header-side-bar .header-side-bar-box ul li

{

    display: block;

    text-align: right;

    margin: 0.3rem 0;

}

.header-side-bar .header-side-bar-box ul li a 

{

    font-size: 1.5rem;

    color: var(--color-white);

    display: block;

}

.header-side-bar .header-side-bar-box ul li a:hover 

{

    color: var(--color-ECA400);

}

.header-side-bar-box ul li a.has-sub

{

    position: relative;

}

.header-side-bar-box ul li a.has-sub span 

{

    position: absolute;

    top: 0;

    left:0.5rem;

}

.sub-menus

{

    position: fixed;

    top: 0;

    right: -200%;

    width: 25rem;

    height: 100vh;

    background: #17263B;

    overflow-y: auto;

    padding:2.5rem 1.8rem;

    z-index: 9999999;

    visibility: hidden;

    transform-origin: right;

    transition: var(--transition);

}

.sub-menus.sub-menus-active

{

    right: 25rem;

    visibility: visible;

}

.sub-menus ul li

{

    width: 100%;

    height: 15rem;

    position: relative;

    margin: 1.2rem 0 !important;

    overflow: hidden;

}

.sub-menus ul li a 

{

    display: block !important;

    width: 100%;

    height: 100%;

    padding: 0 !important;

}

.sub-menus ul li img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.sub-menus ul li .sub-menus-content

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2.3rem;

    font-family: var(--font-Industry-Demi);

    text-transform: uppercase;

    text-align: center;

    line-height: 1.2;

    padding: 1rem;

    color: var(--color-white);

}

.header-about

{

    width: 100%;

    height: 15rem;

    position: relative;

    margin: 1.2rem 0;

    overflow: hidden;

}

.header-about img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.header-about:before

{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.45);

}

.header-about-content

{

    position: absolute;

    width: 100%;

    top: 50%;

    text-align: right;

    right: 0;

    padding: 1rem;

    z-index: 2;

    transform: translateY(-50%);

}

.header-about-content h4 

{

    font-size: 1.5rem;

    font-style: italic;

    margin-bottom: 1rem;

    color: var(--color-white);

}



.header-about-content a {

    font-size: 1.15rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-white);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.header-about-content a  img 

{

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.header-about-content a:before

{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 85%;

    height: 0.02rem;

    background: var(--color-white);

    transition: var(--transition);

}

.header-about-content a:hover

{

    color: var(--color-ECA400);

}

.header-about-content a:hover:before

{

    background: var(--color-ECA400);

}

.header-menu-social

{

    display: flex !important;

    justify-content: flex-end;

}

.header-menu-social li

{

    margin: 0;

    display: inherit;

}

.header-side-bar .header-side-bar-box .header-menu-social li a 

{

    padding: 0 0.5rem!important;

}



/*header end*/





/*banner start*/

.banner

{

  position: relative;

}

.banner .item

{

  height: 50rem;

  position: relative;

}

.banner .item img 

{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner .item:before

{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  z-index: 1;

}

.banner-content

{

  position: absolute;

  left: 0;

  bottom: 20%;

  width: 100%;

  z-index: 99;

}

.banner-content h2, .banner-content h3, .banner-content h4,

.banner-content h1, .banner-content h5 

{

  font-size: 3.9rem;

  font-family: var(--font-IndustryBold);

  color: var(--color-white);

  line-height: 1.1;

  margin-bottom: 2.2rem;

}

.banner-content h2 strong, .banner-content h3 strong, .banner-content h4 strong 

{

  font-size: 4.2rem;

  color: var(--color-1788CF);

  border-bottom: 0.3rem solid var(--color-1788CF);

}

.btn-all

{

  padding: 0.8rem 2rem;

  font-size: 1.2rem;

  font-family: var(--font-IndustryMedium);

  background: var(--color-ECA400);

  color: var(--color-black);

  transition: var(--transition);

}

.btn-all:hover

{

  background: var(--color-1788CF);

  color: var(--color-white);

}

.banner-social

{

    position: absolute;

    bottom: 10%;

    left: 3.5rem;

    z-index: 999;

}

.banner-social ul  

{

    display: flex;

    flex-wrap: wrap;

}

.banner-social ul li

{

    margin: 0;

}

.banner-social ul li a 

{

    display: block;

    font-size: 1.5rem;

    color: var(--color-white);

    margin: 0 0.5rem;

    transition: var(--transition);

}

.banner-social ul li a:hover

{

    color: var(--color-ECA400);

}

.banner .owl-dots 

{

    position: absolute;

    bottom: 10%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 999;

}

.banner .owl-dots button

{

    width: 1rem;

    height: 1rem;

    background:var(--color-707070);

    border-radius: 50%;

    margin: 0 0.3rem;

}

.banner .owl-dots button.active

{

    background: var(--color-B9B9B9);

}

.banner-call
{
    position: fixed;
    top: 50%;
    right:-124px;
    background: var(--color-5A6B7C);
    border: 0.1rem solid rgba(229, 229, 229,0.9);
    z-index: 999;
    padding: 0.3rem 0.6rem 0.2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    transform: rotate(-90deg);
}

.banner-call p  

{

    margin: 0;

    font-size: 1.1rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-white);

}

.banner-call p a 

{

    color: var(--color-ECA400);

}

.banner-call p i 

{

    color: var(--color-black);

}

/*banner end*/



/*banner-bottom start*/

.banner-bottom

{

    padding: 5rem 0;

}

.banner-bottom p 

{

    font-size: 1.2rem;

    text-transform: uppercase;

    color: var(--color-1788CF);

    margin: 0 0 1.5rem;

}

.banner-bottom p strong 

{

    font-family: var(--font-IndustryMedium);

}

.banner-bottom h3, .banner-bottom h2, .banner-bottom h4 

{

    font-family: var(--font-IndustryLight);

    font-size: 2.8rem;

    color: var(--color-black);

    line-height: 1.1;

    margin: 0;

}

/*banner-bottom end*/





/*company-policy start*/

.company-policy-box

{

    padding: 3rem;

    height: 100%;

    text-align: center;

}

.company-policy-col:nth-child(1) .company-policy-box

{

    background: var(--color-6D7D81);

}

.company-policy-col:nth-child(2) .company-policy-box

{

    background: var(--color-424B54);

}

.company-policy-col:nth-child(3) .company-policy-box

{

    background: var(--color-4E4C4A);

}

.company-policy-box figure

{

    height: 4.5rem;

    margin-bottom: 2.5rem;

}

.company-policy-box figure img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.company-policy-box h3 

{

    font-size: 2.4rem;

    font-family: var(--font-Industry-Demi);

    color: var(--color-white);

    line-height: 1.2;

    margin: 0 0 2rem;

}

.company-policy-box p 

{

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

    color: var(--color-white);

    line-height: 1.2;

    margin: 0;

}

/*company-policy end*/



/*we-learned start*/

.we-learned h3, .we-learned h2, .we-learned h4 

{

    font-size: 3rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-black);

}

.we-learned p 

{

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

    color: var(--color-black);

    padding: 0 10%;

}

.we-learned-box

{

    height: 4rem;

}

.we-learned-box img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.we-learned

{

    position: relative;

}

.we-learned:before

{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    background: url(../images/Yellow-Stripe.png);

    width: 100%;

    height: 100%;

    background-position: bottom 1rem left -8.2rem;

    background-size:100%;

    background-repeat: no-repeat;

}

.testimonial-box

{

    border-radius: 0.5rem;

    background: var(--color-F0F0F0);

    display: flex;

    flex-wrap: wrap;

    overflow: hidden;

}

.testimonial-img

{

    flex: 0 0 18rem;

    max-width: 18rem;

    background: var(--color-D8D8D8);

    padding: 2rem;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}

.testimonial-img img 

{

    height: 3rem;

    width: 100%;

    object-fit: contain;



}

.testimonial-img h4 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.1rem;

    color: var(--color-black);

    margin: 0.6rem 0;

}

.testimonial-img p 

{

    font-family: var(--font-IndustryLight);

    font-size: 1.1rem;

    color: var(--color-black);

    padding: 0;

    margin: 0;

    line-height: 1.2;

}

.testimonial-content

{

    flex: 0 0 calc(100% - 18rem);

    max-width: calc(100% - 18rem);

    padding: 2.5rem;

}

.testimonial-content p 

{

    position: relative;

    font-size: 1.2rem;

    font-family: var(--font-Industry-Book);

    font-style: italic;

    color: var(--color-black);

    padding-left: 2rem;

}

.testimonial-content p i 

{

    position: absolute;

    top: 0;

    left: -0.5rem;

    color: var(--color-ECA400);

    font-size: 2rem;

}  

.owl-testimonial .owl-nav button 

{

    position: absolute;

    top: 50%;

    left: 1.2rem;

    font-size: 3rem !important;

    color: var(--color-707070) !important;

    transform: translateY(-50%);

} 

.owl-testimonial .owl-nav button.owl-next

{

    left: inherit;

    right: 1.2rem;

}

/*we-learned end*/



.headding-text h3 

{

    font-size: 2.5rem;

    font-family: var(--font-Industry-Demi);

    color: var(--color-black);

    margin-bottom: 1rem;

}

.headding-text p 

{

    font-family: var(--font-NotoSans);

    font-size: 1.2rem;

    color: var(--color-black);

    line-height: 1.2;

}



.explore-more-towing

{

    padding: 3rem 0;

    position: relative;

}

.explore-more-towing:before

{

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    width: 75%;

    height: 0.01rem;

    background: var(--color-8B8B8B);

    transform: translateX(-50%);

}



.explore-more-towing-box figure

{

    margin: 0;

    border: 0.01rem solid var(--color-707070);

    height: 13rem;

}

.explore-more-towing-box figure img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.explore-more-towing-box .explore-more-towing-content

{

    padding: 1.5rem 0;

}

.explore-more-towing-content h4 

{

    font-size: 1.75rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-black);

    line-height: 1.2;

    margin: 0 0 1rem;

}

.explore-more-towing-content p

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    color: var(--color-black);

    line-height: 1.2;

    margin: 0 0 1rem;

}

.explore-more-towing-content a 

{

    font-size: 1.15rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-black);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.explore-more-towing-content a:before

{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 85%;

    height: 0.02rem;

    background: var(--color-black);

    transition: var(--transition);

}

.explore-more-towing-content a img

{

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.explore-more-towing-content a:hover

{

    color: var(--color-ECA400);

}

.explore-more-towing-content a:hover:before

{

    background: var(--color-ECA400);

}





.owl-explore-more-towing .owl-dots 

{

    margin: 1rem 0 0;

}

.owl-explore-more-towing .owl-dots  button

{

    width: 1rem;

    height: 1rem;

    background:var(--color-707070);

    border-radius: 50%;

    margin: 0 0.3rem;

}

.owl-explore-more-towing .owl-dots  button.active

{

    background: var(--color-B9B9B9);

}



.get-in-touch

{

    padding: 4rem 2rem 0;

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

}



.get-in-touch-form

{

    background: rgba(78, 76, 74,0.8);

    padding: 2rem;

}

.get-in-touch-form h3 

{

    font-size: 3rem;

    font-family: var(--font-Industry-Demi);

    color: var(--color-white);

}

.get-in-touch-form-box

{

    position: relative;

    background: rgba(172, 172, 172,0.8);

    border: 0.01rem solid transparent;

    border-radius: 0.4rem;

    margin: 0.6rem 0;

    display: flex;

    align-items: center;

    padding: 0.6rem 0.9rem;

    transition: var(--transition);

}
.get-in-touch-form-box span {
    display: block;
    width: 100%;
}

.get-in-touch-form-box i 

{

    font-size: 1.1rem;

    color: #6A6967;

    margin: 0 0.2rem 0 0;

}

.get-in-touch-form-box input

{

    background: transparent;

    border: none;

    width: 100%;

    height: 2.5rem;

    padding: 0.5rem;

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

}

.get-in-touch-form-box select 

{

    background: transparent;

    border: none;

    width: 100%;

    height: 2.5rem;

    padding: 0.5rem;

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

}

.get-in-touch-form-box input::placeholder,

.get-in-touch-form-box textarea::placeholder

{

    color: #2F2F2F;

}

.get-in-touch-form-box:focus-within  

{

    border-color: var(--color-black);

}

.get-in-touch-form-box textarea

{

    background: transparent;

    border: none;

    width: 100%;

    height: 5rem;

    padding: 0.5rem 0.5rem 0.5rem 1.5rem;

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

    resize: none;

}

.get-in-touch-form .btn-all

{

    width: 85%;

    border-radius: 2rem;

    margin: 1rem auto;

    display: block;

}

.get-in-touch-content

{

    width: 18rem;

    padding: 1.5rem;

    background: rgba(109, 125, 129,0.9);

}

.get-in-touch-content h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.2rem;

    color: var(--color-white);

    line-height: 1.1;

}

.get-in-touch-content p 

{

    font-size: 1.5rem;

    color: var(--color-white);

    line-height: 1.2;

}



/*footer start*/

.main-footer

{

    padding: 3rem 0 0;

    background: var(--color-0F1527);

}

.f-logo

{

    width: 10rem;

    margin: 0 0 1rem;

}

.main-footer p 

{

    font-size: 1rem;

    color: var(--color-D8D8D8);

    text-align: center;

    line-height: 1.2;

}

.f-social {

    display: flex;

    flex-wrap: wrap;

    margin: 1rem 0;

    justify-content: center;

}

.main-footer li {

    margin: 0 ;

}

.f-social li  a {

    display: block;

    font-size: 1.2rem;

    color: var(--color-white);

    margin: 0 0.5rem;

    transition: var(--transition);

}

.f-social li  a:hover {

    color: var(--color-ECA400);

}

.main-footer .border-right

{

    border-right: 0.01rem solid #A0A9C9 !important;

}

.main-footer h4 

{

    font-size: 1.2rem;

    font-family: var(--font-NotoSans);

    color: #7986B1;

}

.main-footer ul:not(.f-social) li a 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    color: #C9C9C9;

    display: block;

    margin: 0.5rem 0;

}

.have-question

{

    padding: 1rem;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.have-question h3 

{

    font-size: 1.6rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-white);

}

.copyright-text {

    padding: 1rem 0 !important;

    font-size: 0.8rem !important;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: #9B9B9B !important;

    display: block;

}

/*footer end*/









.inner-banner

{

    height: 25rem;

    position: relative;

}

.inner-banner:before

{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    z-index: 99;

}

.inner-banner img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.inner-banner .inner-banner-content

{

    position: absolute;

    bottom: 30%;

    left: 0;

    width: 100%;

    z-index: 99;

    text-align: center;

}

.inner-banner-content h3 

{

    font-size: 2.5rem;

    font-family: var(--font-Industry-Demi);

    color: var(--color-white);

    margin: 0;

}



.service-cat-top-box

{

    padding: 3rem 0;

}

.service-cat-top-box .service-cat-top-menu

{

    display: flex;

    flex-wrap: wrap;

    border-bottom: 0.01rem solid #B5B5B5;

    justify-content: center;

    margin-bottom: 2rem;

}

.service-cat-top-box .service-cat-top-menu li  

{

    padding: 1.5rem 2.5rem;

    margin: 0;

}

.service-cat-top-box .service-cat-top-menu li a 

{

    font-size: 1.4rem;

    color: #B5B5B5;

    line-height: 1.1;

    transition: var(--transition);

}

.service-cat-top-box .service-cat-top-menu li a.active,

.service-cat-top-box .service-cat-top-menu li a:hover

{

    color: var(--color-white);

    text-decoration: underline;

}

.bg-blue

{

    background: #0C4160;

}

.service-cat-top-box h3 

{

    font-size: 3rem;

    font-family: var(--font-Industry-Demi);

    line-height: 1.1;

    color: var(--color-white);

    margin-bottom: 1.5rem;

}

.service-cat-top-box h3 strong 

{

    display: block;

    color: var(--color-ECA400);

}

.service-cat-top-box p 

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-white);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.service-cat-top-box h5 

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: var(--color-white);

    line-height: 1.2;

}

.service-cat-top-box h5 a 

{

    color: var(--color-ECA400);

}

.service-cat-top-img

{

    height: 24rem;

    position: relative;

    z-index: 1;

}

.service-cat-top-img:before

{

    content: '';

    position: absolute;

    width: 70%;

    height: 100%;

    background: #FFC93E;

    right: -1rem;

    top: -1rem;

    z-index: -1;

}

.service-cat-top-img img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.Towing-Recovery-service-sec h4
{
    font-size: 2.4rem;
    font-family: var(--font-IndustryLight);
    color: var(--color-black);
    line-height: 1.2;
    text-align: center;
}

.Towing-Recovery-service-sec h4 span 
{
    color: var(--color-1788CF);
}

.Towing-Recovery-service-sec h3

{

    position: relative;

    text-align: center;

    font-size: 2.7rem;

    color: var(--color-1788CF);

    margin: 0;

}

.Towing-Recovery-service-sec h3 span 

{

    background: var(--color-white);

    padding: 0 2rem;

}

.Towing-Recovery-service-sec h3:before

{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 0.01rem;

    background: #B5B5B5;

    transform: translateY(-60%);

    z-index: -1;

}



.Towing-Recovery-service-box

{

    background: #B22E37;

    padding: 2rem;

    text-align: center;

    height: 100%;

}

.Towing-Recovery-service-box img 

{

    height: 3rem;

    object-fit: contain;

}

.Towing-Recovery-service-box h4 

{

    font-size: 2rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-white);

    margin: 1rem 0 0;

}



.what-Towing-Recovery

{

    padding: 4.5rem 0;

    background: #17263B;

}

.what-Towing-Recovery h3

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.6rem;

    color: var(--color-white);

}

.what-Towing-Recovery h3 strong 

{

    color: var(--color-ECA400);

}

.what-Towing-Recovery p 

{

    font-family: var(--font-IndustryLight);

    font-size: 1.3rem;

    color: var(--color-white);

}

.what-Towing-Recovery p span 

{

    font-family: var(--font-IndustryMedium);

}

.what-Towing-Recovery ul  

{

    margin-top: 2rem;

    margin-bottom: 2rem;

}

.what-Towing-Recovery ul li  

{

    font-size: 1.2rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    padding-left: 0.8rem;

    margin: 0.3rem 0;

    color: var(--color-white);

    position: relative;

}

.what-Towing-Recovery ul li:before

{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    width: 0.3rem;

    height: 0.3rem;

    background: #1788CF;

    border-radius: 50%;

    transform: translateY(-50%);

}

.what-Towing-Recovery .btn-all

{

    margin: 0 auto;

    padding: 0.8rem 2.5rem;

    display: block;

    width: fit-content;

}

.what-Towing-Recovery-img

{

    height: 34rem;

    position: relative;

    background: #BBBBBC;

    z-index: 1;

    display: block;

    border: 0.01rem solid var(--color-707070);

}

.what-Towing-Recovery-img img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.what-Towing-Recovery-img:before

{

    content: '';

    position: absolute;

    top: -1rem;

    right: -1rem;

    width: 80%;

    height: 70%;

    background: #FFC93E;

    z-index: -1;

    display: block;

}



.inner-footer-top

{

    background: #4F78A0;   

}

.inner-footer-top h3 

{

    font-size: 1.9rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-white);

}

.inner-footer-top a:not(.btn-all) {

    font-size: 1.15rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-white);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.inner-footer-top a img {

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.inner-footer-top a:not(.btn-all):before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 85%;

    height: 0.02rem;

    background: var(--color-white);

    transition: var(--transition);

}

.inner-footer-top a:hover {

    color: var(--color-ECA400);

}

.inner-footer-top a:hover:before {

    background: var(--color-ECA400);

}



.bg-darkblue

{

    background: #1A2938;

}



.service-cat-top-box h4 

{

    font-size: 2.1rem;

    font-family: var(--font-IndustryLight);

    color: var(--color-white);

    line-height: 1.2;

}

.service-cat-top-box h4 strong 

{

    font-family: var(--font-IndustryMedium);

    color: var(--color-ECA400);

    display: inline;

}



.Advanced-Repairs h3 
{
    font-size: 3rem;
    font-family: var(--font-Industry-Demi);
    line-height: 1.1;
    color: var(--color-black);
    margin-bottom: 1.5rem;
}

.Advanced-Repairs h3 strong 

{

    display: block;

    color: var(--color-1788CF);

}

.Advanced-Repairs p 

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-black);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.Advanced-Repairs h5 {

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: var(--color-black);

    line-height: 1.2;

}

.Advanced-Repairs h5 a 

{

     color: var(--color-1788CF);

}

.Advanced-Repairs

{

    padding: 5rem 0;

}

.Advanced-Repairs-img

{

    height: 25rem;

    position: relative;

    z-index: 1;

}

.Advanced-Repairs-img img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.Advanced-Repairs-img:before {

    content: '';

    position: absolute;

    top: -1rem;

    left: -1rem;

    width: 80%;

    height: 70%;

    background: #FFC93E;

    z-index: -1;

    display: block;

}

.E-O-Gallery

{

    background: #3D5369;

}

.Advanced-Repairs-img-right.Advanced-Repairs-img:before

{

    left: inherit;

    right: -1rem;

}

.heavy-transportation-top-box

{

    padding: 0;

}

.heavy-transportation-top-box.service-cat-top-box .service-cat-top-menu li a.active, .heavy-transportation-top-box.service-cat-top-box .service-cat-top-menu li a:hover

{

    color: var(--color-black);

}

.heavy-transportation-top-box.service-cat-top-box .service-cat-top-menu

{

    border-bottom: none;

    margin: 0;

}

.heavy-transportation-we-move

{

    padding: 6rem 0;

    background-size: cover !important;

    background-position: center !important;

    background-attachment: fixed !important;

    background-blend-mode: multiply !important;

    position: relative;

}



.heavy-transportation-we-move h3 
{
    font-family: var(--font-Industry-Demi);
    font-size: 2.6rem;
    color: var(--color-white);
}

.heavy-transportation-we-move h3 strong
{
    display: block;
    color: var(--color-ECA400);
}

.heavy-transportation-we-move p 

{

    font-family: var(--font-IndustryLight);

    font-size: 1.3rem;

    color: var(--color-white);

    line-height: 1.2;

    margin: 0 0 1rem;

}

.heavy-transportation-we-move p span 

{

    font-family: var(--font-NotoSans);

    font-weight: 400;

}



.E-O-Gallery.Advanced-Repairs h3
{
    color: var(--color-white);
    font-size: 2.6rem;
}

.E-O-Gallery.Advanced-Repairs h3 strong
{
    display: inline;
    color: var(--color-ECA400);
}

.E-O-Gallery.Advanced-Repairs h4 

{

    font-size: 1.4rem;

    color: var(--color-white);

    line-height: 1.2;

    margin: 0 0 1rem;

}

.E-O-Gallery.Advanced-Repairs p 

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-white);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.E-O-Gallery.Advanced-Repairs p span 

{

    font-weight: 400;

}

.E-O-Gallery.Advanced-Repairs h5 

{

    font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: var(--color-white);

    line-height: 1.2;

}



.what-our-client-say

{

    background: #17263B;

}

.what-our-client-say h4

{

    font-size: 1.2rem;

    color: var(--color-white);

    text-transform: uppercase;

    position: relative;

    margin-bottom: 2rem;

}

.what-our-client-say h4:before

{

    content: '';

    position: absolute;

    bottom: -0.6rem;

    width: 2.8rem;

    height: 0.1rem;

    background: #4086C9;

}

.what-our-client-say h3 

{

    font-family: var(--font-Industry-Book);

    font-size: 2.5rem;

    color: var(--color-white);

    line-height: 1.2;

    margin:3rem 0 1.6rem;

    display: block;

}

.what-our-client-say h3 strong 

{

    color:var(--color-ECA400);

    display: inline;

}

.what-our-client-say p 

{

        font-size: 1.15rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-white);

    line-height: 1.2;

    margin-bottom: 2.5rem;

}

.what-our-client-say a {

    font-size: 1.15rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-white);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.what-our-client-say a:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 90%;

    height: 0.02rem;

    background: var(--color-white);

    transition: var(--transition);

}

.what-our-client-say a img {

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.what-our-client-say a:hover {

    color: var(--color-ECA400);

}

.what-our-client-say a:hover:before {

    background: var(--color-ECA400);

}

.what-Towing-Recovery.we-transport

{

    background: var(--color-white);

}

.what-Towing-Recovery.we-transport .what-Towing-Recovery-img:before

{

    right: inherit;

    left: -1rem;

}

.what-Towing-Recovery.we-transport h3 span 

{

    color: var(--color-1788CF);

}

.what-Towing-Recovery.we-transport ul  

{

    margin-bottom: 0;

}

.what-Towing-Recovery.we-transport li 

{

    color: var(--color-black);

}

.what-Towing-Recovery.we-transport a 

{

    font-size: 1.2rem;

    font-family: var(--font-NotoSans);

    font-weight: 600;

    color: var(--color-ECA400);

    margin-top: 1rem;

}

.heavy-transportation-f-top 

{

    background: #1F3048;

}

.heavy-transportation-f-top  h6 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    color: var(--color-white);

    margin-bottom:2rem;

}



.Letter-of-Recomendation-sec

{

    background: #F4F4F4;

    padding: 2.5rem 0;

}

.Letter-of-Recomendation-sec h3 

{

    font-size: 2.8rem;

    color: var(--color-black);

    text-align: center;

    position: relative;

    margin-bottom: 1.5rem;

}

.Letter-of-Recomendation-sec h3:before

{

    content: '';

    position: absolute;

    bottom: -0.3rem;

    width: 4rem;

    height: 0.11rem;

    background: var(--color-black);

    left: 50%;

    transform: translateX(-50%);

}

.Letter-of-Recomendation-sec p 

{

    font-family: var(--font-NotoSans);

    color: var(--color-black);

    font-size: 1rem;

    text-align: center;

    margin: 1rem 0;

}





.leave-a-review

{

    padding: 4rem 0;

    background-size: cover !important;

    background-position: center !important;

    background-attachment: fixed !important;

    background-blend-mode: multiply !important;

}

.leave-a-review h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.2rem;

    text-transform: uppercase;

    color: var(--color-white);

    position: relative;

    margin-bottom: 3rem;

}

.leave-a-review h3:before

{

    content: '';

    position: absolute;

    bottom: -1.2rem;

    left: 50%;

    width: 5rem;

    height: 0.2rem;

    background: var(--color-white);

    transform: translateX(-50%);

}

.leave-a-review p 

{

    font-family: var(--font-NotoSans);

    font-size: 1.2rem;

    font-weight: 500;

    color: var(--color-white);

    line-height: 1.2;

    margin-bottom: 2rem;

}

.leave-a-review .btn-all

{

    margin: 0 0.5rem;

}

.leave-a-review .btn-all:nth-child(3)

{

    background: var(--color-1788CF);

    color: var(--color-white);

}

.leave-a-review .btn-all:nth-child(3):hover 

{

        background: var(--color-ECA400);

    color: var(--color-black);

}

.lest-chat

{

    background: #0C4160;

    padding: 2rem 0;

    text-align: center;

}

.lest-chat h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.8rem;

    color: var(--color-ECA400);

    margin-bottom: 1.5rem;

}

.lest-chat-box span 

{
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #91A9B7;
  font-size: 2.5rem;
  color: var(--color-white);
  line-height: 80px;
  text-align: center;
  margin: 0 auto 1rem;
}
.lest-chat-box span img {
    width: 70%;
    padding: 6px;
}

.lest-chat-box h4 
{
    font-family: var(--font-Industry-Demi);
    font-size:26px;
    line-height: 30px;
    color: var(--color-white);
}

.lest-chat-box p,

.lest-chat-box p a 

{

    font-family: var(--font-NotoSans);
    font-weight: 300;
    color: var(--color-white);
    font-size: 18px;
    line-height: 24px;

}



.message-us-portal

{

    background: #17252D;

    padding: 2rem 0;

    text-align: center;

}

.message-us-portal p 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-white);

    margin: 0;

}

.message-us-portal p a 

{

    color: #FFC93E;

    text-decoration: underline;

}



.message-us h3 

{

    font-family: var(--font-IndustryMedium);

    font-size: 2.8rem;

    color: var(--color-1788CF);

}

.message-us p:not(.message-us-portal p)

{

    font-family: var(--font-NotoSans);

    font-size: 1.4rem;

    font-weight: 500;

    color: var(--color-black);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.message-us .get-in-touch-form-box

{

    border: 0.1rem solid #ACACAC;

}

.message-us .get-in-touch-form-box:focus-within

{

    border-color: var(--color-black);

}

.message-us .get-in-touch-form-box input,

.message-us .get-in-touch-form-box select,

.message-us .get-in-touch-form-box textarea

{

    font-size: 1rem;

}

.message-us .get-in-touch-form-box img 

{

    width: 1.2rem;

}

.message-us .get-in-touch-form-box textarea

{

    height: 6rem;

}

.map

{

    border-top-left-radius: 4rem;

    border-top-right-radius: 4rem;

    overflow: hidden;

}

.product-listing-sec

{

    padding: 5rem 0;

}

.product-listing-sec .woocommerce-result-count,

.product-listing-sec .woocommerce-ordering

{

  display: none;

}

.product-list-box

{

    text-align: center;

}

.product-list-box figure  

{

    height: 15rem;

    margin: 0;

}

.product-list-box figure img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.product-list-content

{

    padding: 0.5rem 0;

}

.product-list-content h4 

{

    font-family: var(--font-Industry-Book);

    font-size: 1.1rem;

    text-transform: uppercase;

    color: var(--color-black);

    line-height: 1.2;

    margin: 0 0 0.3rem;

}

.product-list-content p 

{

    font-family: var(--font-NotoSans);

    font-size: 0.9rem;

    color: #535353;

    font-weight: 300;

}



.page-link

{

    border: none;

    border-bottom: 0.02rem solid #9D9D9E;

    color: #535353;

    transition: var(--transition);

}

.pagination,

.page-item:first-child .page-link,

.page-item:last-child .page-link

{

    border-radius: 0;

}

.page-link:hover,

.page-link.active

{

    background: transparent;

    color: var(--color-black);

    border-bottom: 0.1rem solid var(--color-black);

}

.product-details-img figure

{

    height: 30rem;

    margin: 0 0 1.5rem;

}

.product-details-img figure img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.p-details-top

{

    height: 8rem;

}

.product-details-sticky

{

    z-index: 9;

}

.product-details-sticky h3 

{

    font-size: 1.5rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-black);

    line-height: 1.2;

    text-transform: uppercase;

}

.product-details-sticky .p-price

{

    font-size: 1.1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: #535353;

    margin-bottom: 2rem;

}

.product-details-sticky hr 

{

    border-color: #B5B5B5;

}

.product-details-sticky h4 

{

    font-size: 1.2;

    text-transform: uppercase;

    color: var(--color-black);

    margin: 1.5rem 0;

}

.product-details-sticky p:not(.p-price)

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: #535353;

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.product-details-sticky ul li

{

    margin: 0 0 0.2rem;

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: #535353;

    line-height: 1.2;

}

.product-details-sticky ul

{

    margin-bottom: 1.5rem;

    margin-left: 0;

}

.product-details-sticky form label

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: #535353;

}

.product-details-sticky form .form-control

{

    border: 0.01rem solid #909090;

    border-radius: 0;

    height: 3rem;

        padding: 0.5rem;

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-black);

}

.product-details-sticky form .form-control::placeholder

{

    color:#838383;

}

.product-details-sticky .p-quantity-select

{

    width: 10rem;

    display: flex;

    align-items: center;

    padding:0.2rem 0.6rem;

    border: 0.01rem solid #909090;

    transition: var(--transition);

}

.product-details-sticky .p-quantity-select button

{

    padding: 0.6rem;

    background: transparent;

    border: none;

    font-size: 1.5rem;

    color: #838383;

    line-height: 1;

    transition: var(--transition);

}

.product-details-sticky .p-quantity-select input 

{

    width: 100%;

    background: transparent;

    border: none;

    height: 2rem;

    text-align: center;

    color: var(--color-black);

}

.product-details-sticky .p-quantity-select button:hover 

{

    color: var(--color-black);

}

.related-product

{

    position: relative;

}

.related-product:before

{

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    width: 80%;

    height: 0.01rem;

    background: #B5B5B5;

    transform: translateX(-50%);

}

.related-product h3

{

    font-size: 1.5rem;

    font-family: var(--font-IndustryMedium);

    color: var(--color-black);

}





.header-my-cart

{

    position: fixed;

    right: -110%;

    top: 0;

    height: 100vh;

    overflow-y: auto;

    width: 26rem;

    background: var(--color-17252D);

    padding: 1.8rem;

    z-index: 9999999;

    visibility: hidden;

    transform-origin: right;

    transition: var(--transition);

}

.header-my-cart.header-my-cart-active {

    visibility: visible;

    right: 0;

}

.header-my-cart-header

{

    padding: 1rem 0 1.5rem;

    position: relative;

    border-bottom: 0.01rem solid #B5B5B5;

}

.header-my-cart-header h3 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.5rem;

    text-transform: uppercase;

    color: var(--color-white);

    line-height: 1;

    margin: 0;

}

.header-my-cart-header .header-my-cart-close

{

    position: absolute;

    top: 50%;

    right: 0;

    background: transparent;

    border: none;

    color: var(--color-white);

    font-size: 2.5rem;

    transform: translateY(-50%);

}

.header-my-cart-body

{

    padding: 2rem 0 ;

    max-height: calc(100vh - 16rem);

    overflow-y: auto;

}

.header-my-cart-body::-webkit-scrollbar {

  display: none;

}

.empty-cart p 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-white);

    margin: 0 0 1.5rem;

}

.empty-cart a {

    font-size: 1.1rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-white);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.empty-cart a:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 90%;

    height: 0.02rem;

    background: var(--color-white);

    transition: var(--transition);

}

.empty-cart a img {

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.empty-cart a:hover {

    color: var(--color-ECA400);

}

.empty-cart a:hover:before {

    background: var(--color-ECA400);

}



.header-my-cart-footer

{

    padding: 1.5rem 0;

    border-top: 0.01rem solid #B5B5B5;;

}

.header-my-cart-footer h5

{

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: var(--color-white);

    font-size: 1.1rem;

}

.header-my-cart-footer h5 span 

{

    float: right;

}

.header-my-cart-footer .btn-all

{

    width: 100%;

}

.my-cart-products-item

{

    display: flex;

    flex-wrap: wrap;

}

.my-cart-products-item figure

{

    flex: 0 0 6rem;

    width: 6rem;

    margin: 0;

}

.my-cart-products-item figure img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.my-cart-products-item .my-cart-products-contents

{

    flex: 0 0 calc(100% - 6rem);

    max-width: calc(100% - 6rem);

    padding: 0.5rem 0.5rem 0.5rem 0.8rem;

}

.my-cart-products-contents h4 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.1rem;

    color: var(--color-white);

    margin: 0 0 0.3rem;

}

.my-cart-products-contents p 

{

    font-family: var(--font-NotoSans);

    font-size: 0.9rem;

    font-weight: 300;

    color: var(--color-white);

    margin-bottom: 1rem;

}

.my-cart-products-contents  .my-cart-products-quantity

{

    display: flex;

}

.my-cart-products-quantity button

{

    padding: 0.6rem;

    background: transparent;

    border: none;

    font-size: 1.5rem;

    color: #C1C1C1;

    line-height: 1;

    transition: var(--transition);

}

.my-cart-products-quantity input

{

    width: 100%;

    background: transparent;

    border: none;

    text-align: center;

    color: #C1C1C1;

}

.btn-remove-product

{

    font-size: 0.9rem;

    font-family: var(--font-IndustryMedium);

    color: #C1C1C1;

}





.c-logo

{

    margin: 2rem 0;

    text-align: center;

}

.c-logo img 

{

    width: 10rem;

    margin: 0 auto;

}

.checkout-form

{

    padding: 2rem 4rem;

}



.checkout-breadcrumb

{

    display: flex;

    margin: 0 0 1.5rem;

}

.checkout-breadcrumb li  

{

    margin: 0;

}

.checkout-breadcrumb li a 

{

    font-family: var(--font-NotoSans);

    font-size: 0.95rem;

    color: #848484;

    font-weight: 400;

    padding: 0 0.4rem;

}

.checkout-breadcrumb li a.active 

{

    color: var(--color-black);

}



.checkout-products

{

    padding: 2.5rem 1.2rem;

    border: 0.01rem solid #707070;

    background: #FAFAFA;

    min-height: 100vh;

}

.checkout-items

{

    padding: 1rem;

    border-bottom:  0.01rem solid #B5B5B5;

}

.checkout-items li 

{

    display: flex;

    flex-wrap: wrap;

    padding: 0.5rem;

    align-items: center;

}

.checkout-items li figure

{

    flex: 0 0 5rem;

    max-width: 5rem;

}

.checkout-items li figure img 

{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.checkout-items li .checkout-items-content

{

    flex: 0 0 calc(100% - 5rem);

    max-width: calc(100% - 5rem);

    padding-left: 1rem;

}



.checkout-items-content h4 

{

    font-family: var(--font-NotoSans);

    font-weight: 400;

    font-size: 1rem;

    color: var(--color-black);

}

.checkout-items-content h4 span 

{

    float: right;

    font-weight: 300;

    font-size: 0.9rem;

}



.checkout-apply-discount

{

    display: flex;

    padding: 2rem 0;

    border-bottom:  0.01rem solid #B5B5B5;

}

.checkout-apply-discount .form-control

{

    height: 2.8rem;

    background: #E6E6E6;

    border: 0.12rem solid #ACACAC;

    padding: 0.5rem 1rem;

    font-family: var(--font-NotoSans);

    font-size: 0.95rem;

    color: #838383;

}

.checkout-apply-discount button 

{

    margin-left: 0.8rem;

    background: #C1C1C1;

    padding: 0.5rem 1.5rem;

    font-family: var(--font-IndustryMedium);

    font-size: 1rem;

    color: #676767;

    transition: var(--transition);

}

.checkout-apply-discount button:hover 

{

    background: var(--color-ECA400);

}



.checkout-amounts

{

    padding: 1.5rem 0;

}

.checkout-amounts p 

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-black);

    margin: 0 0 0.6rem;

}

.checkout-amounts p span,

.checkout-amounts h5 span

{

    float: right;

}

.not-cal

{

    font-size: 0.9rem;

}

.checkout-amounts hr 

{

    margin: 1.5rem 0;

    border-color: #B5B5B5;

}

.checkout-amounts h5  

{

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

    color: var(--color-black);

}

.checkout-form h5 

{

    font-family: var(--font-NotoSans);

    font-size: 1.3rem;

    color: var(--color-black);

}

.checkout-form label

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-black);

}

.checkout-form .form-control

{

    border: 0.1rem solid #707070;

    background: transparent;

    height: 2.8rem;

    padding: 0.5rem;

    font-size: 1rem;

    color: var(--color-black);

}

.reaturn-to-cart

{

    font-family: var(--font-NotoSans);

    font-size: 0.9rem;

    font-weight: 300;

    color: #676767;

    margin: 1rem;

}

.checkout-footer

{

    padding: 1rem 0;

    border-top: 0.01rem solid #B5B5B5;

    margin: 2rem 0 0;

    display: flex;

}

.checkout-footer a  

{

    font-family: var(--font-NotoSans);

    font-size: 0.8rem;

    font-weight: 300;

    color: #676767;

    margin: 0 1.5rem 0 0;

}

.checkout-amounts h5 span

{

    font-weight: 700;

    font-size: 1.3rem;

}

.checkout-info-added

{

    padding: 1rem;

    border: 0.1rem solid #707070;

    border-radius: 0.4rem;

    margin: 1rem 0 1.8rem;

}

.checkout-info-added ul li  

{

    display: flex;

    margin: 0;

    padding: 0.5rem 0;

    border-bottom: 0.1rem solid #707070;

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-black);

}

.checkout-info-added ul li:last-child

{

    border-bottom: none;

}

.checkout-info-added ul li span

{

    width: 15%;

}

.checkout-info-added ul li a 

{

    text-align: right;

    width: 10%;

    color: #676767;

    font-size: 0.9rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

}

.checkout-info-added ul li div  

{

    width: 75%;

}

.radio-buttons-box

{

    padding:0 1rem;

    border: 0.1rem solid #707070;

    border-radius: 0.4rem;

}

.checkout-form .custom-control

{

    padding-top: 1rem;

    padding-bottom: 1rem;

    border-bottom:  0.1rem solid #707070;

}

.checkout-form .custom-control:last-child

{

    border-bottom: none;

}

.checkout-form .custom-control .custom-control-label

{

    display: block;

}

.checkout-form .custom-control .custom-control-label span 

{

    float: right;

    font-family: var(--font-NotoSans);

    font-weight: 700;

    color: var(--color-black);

}

.checkout-form h5 span

{

    display: block;

    font-size: 1rem;

}



.thank-you

{

    padding: 4rem 0;

}

.thank-you-msg

{

    text-align: center;

}

.thank-you-msg h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 3rem;

    color: var(--color-1788CF);

}

.thank-you-msg p 

{

    font-size: 1.6rem;

    color: var(--color-black);

    margin-bottom: 2rem;

}

.thank-you-msg a  

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: var(--color-ECA400);

}

.order-details

{

    padding: 2.5rem 0;

    border-top: 0.01rem solid #B5B5B5;

    border-bottom: 0.01rem solid #B5B5B5;

}

.order-details h3,

.order-summery h3

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.2rem;

    color: var(--color-black);

    margin-bottom: 1.5rem;

}

.order-details h4 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.5rem;

    color: var(--color-black);

    margin-bottom: 1rem;

}

.order-details p 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    color: var(--color-black);

    margin-bottom: 1.5rem;

    line-height: 1.2;

}

.order-summery .checkout-items li figure

{

    flex: 0 0 8rem;

    max-width: 8rem;

}

.order-summery .checkout-items li .checkout-items-content {

    flex: 0 0 calc(100% - 8rem);

    max-width: calc(100% - 8rem);

    padding-left: 2rem;

}

.order-summery .checkout-items-content h4

{

    font-size: 1.3rem;

    margin: 0;

}

.order-summery .checkout-items-content h4 span 

{

    font-size: 1rem;

}

.order-summery .checkout-items-content h4 span span 

{

    font-weight: 600;

    color: var(--color-black);

    margin-left: 0.3rem;

}

.order-summery-breakup

{

    width: 50%;

    display: block;

    margin: 1rem 0 0 auto;

}

.order-summery-breakup p 

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-black);

    margin: 0 0 0.6rem;

}

.order-summery-breakup p span,

.order-summery-breakup h5 span

{

    float: right;

}

.order-summery-breakup h5  

{

    font-family: var(--font-NotoSans);

    font-size: 1.1rem;

    color: var(--color-black);

}

.order-summery-breakup h5 span 

{

    font-weight: 700;

    font-size: 1.3rem;

}

.flow-coadys

{

    padding: 2.5rem;

    background: #17263B;

    border: 0.3rem solid #E1A739;

}

.flow-coadys h4 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.1rem;

    color: var(--color-ECA400);

}

.flow-coadys p 

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-white);

}

.flow-coadys ul   

{

    display: flex;

    justify-content: center;

    margin-top: 1rem;

}

.flow-coadys ul li

{

    margin: 0 0.5rem;

}

.flow-coadys ul li a 

{

    font-size: 1.5rem;

    color: var(--color-white);

    display: block;

}

.cms-page.service-cat-top-box .service-cat-top-menu li a.active, .cms-page.service-cat-top-box .service-cat-top-menu li a:hover

{

    color: var(--color-black);

}

.cms-page.service-cat-top-box h4 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.2rem;

    color: var(--color-1788CF);

    padding-left: 5%;

    padding-right: 5%;

}

.cms-page.service-cat-top-box p 

{

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-black);

    font-size: 1rem;

}

.cms-page.service-cat-top-box p span 

{

    font-style: italic;

}

.cms-page .border-bottom

{

    border-bottom: 0.01rem solid #B5B5B5;

}

.our-story h3

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.3rem;

    color: var(--color-1788CF);

    margin-bottom: 4rem;

}

.our-story

{

    padding: 1.5rem 0;

}

.our-story h4 

{

    font-family: var(--font-Industry-Book);

    font-size: 1.2rem;

    text-transform: uppercase;

    color: var(--color-black);

    position: relative;

    padding-bottom: 0.5rem;

    margin-bottom: 1.8rem;

}

.our-story h4:before

{

    content: '';

    position: absolute;

    bottom: 0;

    width: 2.5rem;

    height: 0.1rem;

    background: var(--color-1788CF);

}

.our-story h5{

    font-family: var(--font-IndustryMedium);

    font-size: 1.5rem;

    color: var(--color-black);

}

.our-story p 

{

    font-size: 1.1rem;

}

.our-story a,

.careers-about a ,

.giving-back-box .giving-back-content a,

.giving-back-details a:not(.giving-back-share li a)

{

    font-size: 1.15rem;

    font-family: var(--font-Industry-Book);

    color: var(--color-black);

    line-height: 1.2;

    position: relative;

    padding: 0.2rem 0;

    transition: var(--transition);

}

.our-story a img,

.careers-about a  img,

.giving-back-box .giving-back-content a img,

.giving-back-details a img

{

        width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.our-story a:before,

.careers-about a:before,

.giving-back-box .giving-back-content a:before,

.giving-back-details a:not(.giving-back-share li a):before

{

        content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 85%;

    height: 0.02rem;

    background: var(--color-black);

    transition: var(--transition);

}

.our-story a:hover,

.careers-about a:hover,

.giving-back-box .giving-back-content a:hover,

.giving-back-details a:not(.giving-back-share li a):hover{

    color: var(--color-ECA400);

}

.our-story a:hover:before,

.careers-about a:hover:before,

.giving-back-box .giving-back-content a:hover:before,

.giving-back-details a:not(.giving-back-share li a):hover:before {

    background: var(--color-ECA400);

}



.about-points

{

    background: #17252D;

    text-align: center;

}

.about-points img 
{
    height:3rem;
}

.about-points h4 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.4rem;

    color: var(--color-white);

    line-height: 1.2;

    margin: 1.5rem 0;

}

.about-points p 

{

    font-family: var(--font-NotoSans);

    font-weight: 300;

    font-size: 1rem;

    line-height: 1.2;

    color: var(--color-white);

    padding: 0 5%;

}

.email-us

{

    padding: 3rem;

    background: var(--color-1788CF);

    text-align: center;

}

.email-us h4 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.9rem;

    color: var(--color-white);

    margin-bottom: 2rem;

}

.email-us a

{

    padding: 0.6rem 2rem;

    font-size: 1.2rem;

    font-family: var(--font-IndustryMedium);

    background: transparent;

    color: var(--color-white);

    border: 0.1rem solid var(--color-white);

    border-radius: 0.2rem;

    transition: var(--transition);

}

.cms-page-careers

{

    background: #17252D;

}

.color-yellow

{

    color: #ECA400 !important;

}

.open-positions-box

{

    padding: 2rem;

    border: 0.1rem solid #E2E2E2;
    min-height: 260px;

}

.open-positions-box h4 

{

    font-size: 1.6rem;

    font-family: var(--font-Industry-Demi);

    color: var(--color-white);

    margin: 0 0 0.03rem;

}

.open-positions-box p 

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-white);

    margin: 0 0 0.8rem;

}

.open-positions-box p small 

{

    font-size: 0.8rem;

}

.open-positions-box p span 

{

    color: var(--color-1788CF);

}

.open-positions-box a
{
    font-size: 1.15rem;
    font-family: var(--font-Industry-Book);
    color: var(--color-white);
    line-height: 1.2;
    position: relative;
    padding: 0.2rem 0;
    transition: var(--transition);
}
.open-positions-box a:hover{
  color: #ECA400;
}

.open-positions-box a img 

{

    width: 0.9rem !important;

    margin: 0 0 0 0.3rem;

    display: inherit !important;

}

.open-positions-box a:before

{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 85%;

    height: 0.02rem;

    background: var(--color-white);

    transition: var(--transition);

}

.careers-about h3

{

    font-size: 2.6rem;

    color: var(--color-black);

}

.careers-about figure

{

    height: 15rem;

    margin-bottom: 1.5rem;

    box-shadow: 9px 12px 5px #00000029;

}

.careers-about figure img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.careers-about p 

{

    font-size: 1.2rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-black);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}



.cms-page-giving-back.cms-page.service-cat-top-box h4

{

    color: var(--color-black);

    font-family: var(--font-Industry-Book);

    font-size: 2.1rem;

}

.cms-page-giving-back.cms-page.service-cat-top-box h4 strong 

{

    display: block;

    color: var(--color-1788CF);

}

.giving-back-box

{

    padding: 0.8rem 0.8rem 1.5rem;

    background: #F8F8F8;

}

.giving-back-box figure

{

    height: 16rem;

    margin: 0;

}

.giving-back-box figure img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.giving-back-box .giving-back-content

{

    padding: 0.5rem;

}

.giving-back-box .giving-back-content h4 

{

    font-family: var(--font-Industry-Demi) !important;

    font-size: 1.5rem !important;

    color: var(--color-black);

    padding: 0 !important;

}

.giving-back-details h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.5rem;

    color: var(--color-black);

    padding-right: 15%;

}

.giving-back-details p 

{

    font-size: 1rem;

    font-family: var(--font-NotoSans);

    font-weight: 300;

    color: var(--color-black);

    margin: 0 0 1.5rem;

}

.giving-back-details p span 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.2rem;

}

.giving-back-details-top p 

{

    padding-right: 30%;

}

.giving-back-share

{

    display: flex;

    margin-bottom: 1.5rem;

}

.giving-back-share li  

{

    margin: 0;

}

.giving-back-share li a 

{

    display: block;

    width: 2rem;

    height: 2rem;

    background: #E6E6E6;

    border-radius: 50%;

    font-size: 1rem;

    color: var(--color-black);

    text-align: center;

    line-height: 2rem;

    margin: 0 0.3rem;

}

.giving-back-details figure

{

    height: 35rem;

    margin-bottom: 1.5rem;

}

.giving-back-details figure img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.gal-cat.giving-back-box .giving-back-content a img

{

    width: 1.5rem !important;

    transform: rotate(90deg);

}

.gal-cat.giving-back-box .giving-back-content a:before

{

    display: none;

}

.gal-cat-sec h3

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.5rem;

    color: var(--color-black);

    margin-bottom: 0.2rem !important;

}

.gal-cat-sec p 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.3rem;

    color: var(--color-black);

}

.gal-cat-sec figure

{

    height: 18rem;

}

.gal-cat-sec figure img 
{
    width: 100%;
    height: 100%;
    box-shadow: 7px 10px 5px #00000029;
    object-fit: cover;
}

.job-details

{

    padding: 7rem 0 4rem;

}

.job-title

{

    background: #1788CF;

}

.job-title h2 

{

    padding: 3rem 5rem;

    font-family: var(--font-Industry-Demi);

    font-size: 3rem;

    color: var(--color-white);

}

.job-details h3 

{

    font-size: 2.6rem;

    color: var(--color-black);

    margin: 1.5rem 0;

}

.job-details p 

{

    font-size: 1.2rem;

    color: var(--color-black);

    font-family: var(--font-NotoSans);

}

.job-details ul li

{

    list-style: disc;

    font-size: 1.2rem;

    color: var(--color-black);

    font-family: var(--font-NotoSans);

}

.apply-jobs h2

{

    font-family: var(--font-Industry-Demi);

    font-size: 2.8rem;

    color: var(--color-1788CF);

}

.apply-jobs h3 

{

    font-size: 2.2rem;

    color: var(--color-black);



}

.apply-jobs label

{

    font-family: var(--font-NotoSans);

    font-weight: 400;

    color: #838383;

    font-size: 1rem;

    margin: 0;

}

.apply-jobs .form-control

{

    border: 0.1rem solid #707070;

    border-radius: 0;

    font-size: 1rem;

    color: var(--color-black);

}

.apply-jobs input.form-control,

.apply-jobs select.form-control

{

    height: 3rem;

    margin: 0.5rem 0;

}

.apply-jobs input[type="checkbox"].form-control

{

    width: 1rem;

    height: 1rem;

    margin: 0 0 0 0.2rem;

}

.apply-jobs textarea.form-control

{

    height: 7rem;

    margin: 0.5rem 0;

}

.apply-jobs label input[type="checkbox"].form-control

{

    display: inline;

}

.apply-jobs

{

    padding-bottom: 4rem;

}

.apply-jobs .d-block a  

{

    font-size: 1rem;

    color: var(--color-black);

    font-family: var(--font-NotoSans);

    text-decoration: underline;

    margin: 0 0.1rem;

}

.job-submit-sec

{

    padding: 5rem 0;

    margin-top: 7rem;

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

}



.job-submit-success

{

    padding: 2rem;

    background: rgba(109, 125, 129,0.85);

}

.job-submit-success h3 

{

    font-size: 2.5rem;

    font-family: var(--font-Industry-Demi);

    color: #ECA400;

    margin: 0 0 1rem;

}

.job-submit-success h3 span 

{

    color: var(--color-white);

    display: block;

}

.job-submit-success p 

{

    font-family: var(--font-Industry-Book);

    font-size: 1.4rem;

    color: var(--color-white);

}

.job-submit-success hr 

{

    width: 80%;

    margin: 2rem auto;

}

.job-submit-success p span

{

    color: #ECA400;

}

.job-submit-success ul  

{

    display: flex;

    justify-content: center;

}

.job-submit-success ul li  

{

    margin: 0;

    list-style: none;

}

.job-submit-success ul li a 

{

    font-size: 1rem;

    color: var(--color-white);

    margin: 0.2rem 0.4rem;

}

.our-team-slider-box

{

    position: relative;

    height: 40rem;

}

.our-team-slider-box:before

{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.6;

}

.our-team-slider-box img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.our-team-slider-content

{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 40%;

    transform: translate(-50%,-50%);

    z-index: 999;

    text-align: center;

}

.our-team-slider-content h3 

{

    font-family: var(--font-Industry-Demi);

    font-size: 3rem;

    color: var(--color-white);

    line-height: 1.2;

    margin-bottom: 1.5rem;

}

.our-team-slider-content h3 strong 

{

    color: #ECA400;

    display: block;

}

.our-team-slider-content p 

{

    font-family: var(--font-NotoSans);

    font-size: 1rem;

    color: var(--color-white);

    margin-bottom: 1.2rem;

    font-weight: 300;

}

.our-team-slider-content p span 

{

    font-weight: 400;

    text-decoration: underline;

}

.owl-our-team-sli .owl-nav button

{

    position: absolute;

    top: 50%;

    width: 1.5rem;

    height: 1.5rem;

    background: #585858 !important;

    color: var(--color-white) !important;

    border-radius: 50% !important;

    z-index: 999;

    left: 1.5rem;

}

.owl-our-team-sli .owl-nav button.owl-next

{

    left: inherit;

    right: 1.5rem;

}

.meet-our-team

{

    padding: 4rem 0;

}

.meet-our-team h3 

{

    font-size: 2.8rem;

    font-family: var(--font-Industry-Demi);

    color: #1788CF;

}

.meet-our-team-box figure

{

    box-shadow: 9px 12px 5px #00000029;

    position: relative;

    height: 25rem;

    overflow: hidden;

}

.meet-our-team-box figure img 

{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.meet-our-team-box figure .meet-our-team-hover

{

    position: absolute;

    top: 110%;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    z-index: 9;

    padding: 1.5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    transform-origin: bottom;

    transition: var(--transition);

}

.meet-our-team-box figure .meet-our-team-hover p 

{

    font-size: 1.5rem;

    color: var(--color-white);

}

.meet-our-team-box figure:hover .meet-our-team-hover

{

    top: 0;

}

.meet-our-team-content

{

    padding: 1.2rem 0;

}

.meet-our-team-content h4 

{

    font-family: var(--font-IndustryMedium);

    font-size: 1.3rem;

    color: var(--color-black);

    margin-bottom: 0.5rem;

}

.meet-our-team-content p

{

    font-family: var(--font-IndustryLight);

    font-size: 1rem;

    color: var(--color-black);

}

.team-f-top

{

    background: #17263B;

}

.cms-page-giving-back.cms-page.service-cat-top-box h4.bd_gallcat
{
    font-family: var(--font-Industry-Book) !important;
}