@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


@font-face {                    
    font-family:'pill_gothic';
    src: url('../fonts/Pill_Gothic_600mg_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {                    
    font-family:'pill_gothic';
    src: url('../fonts/Pill_Gothic_600mg_Semibd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {                    
    font-family:'pill_gothic';
    src: url('../fonts/Pill_Gothic_600mg_Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {                    
    font-family:'pill_gothic';
    src: url('../fonts/Pill_Gothic_600mg_Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {                    
    font-family:'pill_gothic';
    src: url('../fonts/Pill-Gothic-600mg-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; vertical-align: baseline;}
 html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
 }
 img, fieldset, a img {border: none; vertical-align: middle; max-width: 100%; height: auto; width: auto;}
 input[type="text"], input[type="email"], input[type="tel"], textarea {-webkit-appearance: none;}
 input[type="submit"], button {cursor: pointer;background: none;}
 input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {padding: 0; border: 0;}
 textarea {overflow: auto;}
 input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
 input, button {margin: 0; padding: 0;	border: 0;}
 div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {outline: none;}
 select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
 ul, ol {list-style-type: none;}
 table {border-spacing: 0; border-collapse: collapse; width: 100%;}
 html {-webkit-box-sizing: border-box; box-sizing: border-box;}
 *, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit;}
 a {
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    text-decoration: none;
 }
 a:hover{color: #45BEDB; }
 a, button {
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 section {clear: both; width: 100%; overflow: hidden;}
 
 body{ font-family:'pill_gothic'; font-size: 16px; ; line-height: 25px; font-weight: 400; color: #656161;}

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

.pt-35 { padding-top: 35px}
.ptb-35{padding-top: 35px; padding-bottom: 35px;}
.ptb-60{padding-top: 60px; padding-bottom: 60px;}
.pt-60{padding-top: 60px;}
.pb-60{padding-bottom: 60px;}

h2{font-size: 45px;}

.common-btn{color: #fff ; line-height: normal; display: inline-block; border: 1px solid #fff ;  transition: 0.5s all; text-align: center; padding: 16px 15px; min-width: 200px;  font-weight: 700; border-radius: 25px ; }
.common-btn:hover{ background-color: var(--heading-color); color: #fff ; border-color: var(--heading-color);}
.common-btn-2{background: var(--heading-color); color: #fff; border-color: var(--heading-color);}
.common-btn-2:hover{background: #fff; color: var(--heading-color);}


.common-heading h2{font-size: 45px; color:var(--heading-color);  margin-bottom: 20px; line-height: 53px;}

:root {
  --heading-color: #60b6b3;
  }
/**************** header start  ****************/



.navbar .row.header-row{width: 100%; justify-content: center;}
.navbar .row.header-row .col-12{ display: flex; align-items: center;}

/* droup down css start  */
.navbar-expand-lg {padding: 0;}
.lower-header{box-shadow: 0px 3px 6px #00000029;}

.lower-header  .navbar-collapse{display: flex; justify-content: end;}
.lower-header .logo{padding: 0px 0;}
.lower-header .logo img{transition: 0.5s  all;}
.lower-header  .navbar-nav .nav-link {color: #313131; transition: 0.3s all; font-size: 16px; font-weight: 300; padding: 45px 0px;}
.lower-header  .dropend .dropdown-toggle {display: flex;justify-content: space-between;}
.lower-header .dropdown-toggle i{font-size: 14px;}
.lower-header  .dropend .dropdown-toggle i{display: flex;align-items: center;}
.lower-header  .dropdown-item:hover { color: #000;}
.lower-header  .dropdown .dropdown-menu {display: none; background-color: #fff; border-radius: 0;}
.lower-header  .dropdown-menu {padding: 0; top: 120px; width: 220px;}
.lower-header   .dropdown-menu.show,
.lower-header   .dropdown-menu.show {margin: 0;}
.lower-header  .navbar-toggler {padding: 0;}
.lower-header .dropdown-toggle::after{content: inherit;}
.lower-header .main-menu{margin-left: 80px;}
.lower-header  .dropdown-menu li{border-bottom: 1px solid #f2f2f2;}
.lower-header  .dropdown-menu li:last-child{border-bottom: 0;}
/* droup down css end  */


.lower-header .main-sub-menu > li > a{font-weight: 700;}
.lower-header .main-sub-menu li{list-style: none;}
.lower-header .main-sub-menu ul{padding: 0;}
.lower-header .main-sub-menu {right: 0;}

/* lower header start  */
.lower-header .navbar-nav .nav-link.active{color: #60b6b3;}
.lower-header .navbar-nav .nav-link:hover{color: #60b6b3;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 80px; transition: 0.5s  all;}
/* header right area start  */

/* sticky header start  */
.lower-header.sticky-header { background-color: #fff; box-shadow: 0px -1px 11px -1px rgba(0,0,0,0.25);  position: fixed;width: 100%;top: 0; animation: sticky-header 1s;transition: .5s; z-index: 99;}
@keyframes sticky-header {0%{transform: translateY(-50px);}100%{transform: translateY(0px)}}
.lower-header.sticky-header .header-right-aria ul li a { font-size: 16px;}

.lower-header.sticky-header .top-bar-main ul {padding: 7px 0;}
.lower-header.sticky-header .logo {padding: 11px 0;}
.lower-header.sticky-header .logo img{height: 50px;}
/* .lower-header.sticky-header ul.navbar-nav > li {margin-right: 50px;} */
.lower-header.sticky-header ul.navbar-nav > li:last-child {margin-right: 0px;}
.lower-header.sticky-header .top-bar ul {padding: 11px 48px; transition: 0.3s all;}
.lower-header.sticky-header .top-bar .free-quat {padding: 10px 100px 11px;}
.lower-header.sticky-header  .navbar-nav .nav-link{padding: 21px 0px;}
/* .lower-header.sticky-header .main-menu { margin-left: 50px;} */
/* sticky header end  */

/**************** header end  ****************/

/* home page banner start */
.banner-main{position: relative;}
.banner-main .bg-video{min-height: 540px; position: relative;}
.banner-main video{height: 100%; width: 100%; position: absolute; object-fit: cover; display: block;}
.banner-main .banner-contant{position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%);}
.banner-main .banner-contant .contant-box{background-color: #4D4D4FBF; color: #fff; width: 100%; padding: 36px 19px 45px 19px; border-radius: 12px; max-width: 444px;}
.banner-main .banner-contant h1{font-size: 40px;  margin-bottom: 18px; font-weight: 400;}
.banner-main .banner-contant p{font-size: 14px; line-height: 20px;}
/* home page banner end */

/* home about start */
.about-main{position: relative;}
.about-main .row{align-items: center;}
.about-main .about-img{text-align: right; }
.about-main .about-img img{position: relative; z-index: 1;}
.about-main{background: #4A4A49; color: #fff;}
.about-main h2{color: var(--heading-color); margin-bottom: 20px;}
.about-main .about-img::before { content: ""; background-position: left; height: 100%; width: 40%; background-size: 590px !important; z-index: 0; position: absolute; right: 0; top: 0; background: url(../images/africa-shape.svg) no-repeat; opacity: 1;}
/* home about end */

/* home service section start */
.home-service-sec h2{color: var(--heading-color);}
.home-service-sec > .container > .row{align-items: center;}

.home-service-sec .service-box{background: var(--heading-color); color: #fff; border-radius: 12px; padding: 25px 20px; text-align: center; margin-bottom: 30px; display: flex; flex-direction: column;}
.home-service-sec .service-box h4{font-size: 16px; font-weight: 700; margin-bottom: 15px;}
.home-service-sec .service-box p{font-size: 14px; line-height: 1.2; padding-bottom: 15px;}
.home-service-sec .service-box .service-img { margin-bottom: 15px; display: flex; justify-content: center;}
.home-service-sec .service-box .service-btn { color: #fff; border: 1px solid #fff; display: inline-block; border-radius: 25px; padding: 6px 41px; font-size: 14px; font-weight: 700; margin-top: auto; align-self: center;}
.home-service-sec .service-box .service-btn:hover{background: #ffff; color: var(--heading-color);}

.home-service-sec .service-right .col-xl-4{display: flex;}
.service-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* home service section end */

/* cta section start */
.cta-sec{background: url('../images/deliver-globally-block.jpg')no-repeat center right; position: relative; color: #fff; background-size: cover;}
.cta-left { position: relative; padding: 52px 0px 50px 0px; background: #313131; z-index: 0;}
.cta-left::before{content: ""; position: absolute; top: 0; left: -200%; background: #313131; height: 100%; width: 1000px; z-index: -1;}
.cta-left::after{content: ""; top: 0; right: -109px;  background: #313131; position: absolute; height: 100%; width: 110px; z-index: 0;  clip-path: polygon(0 0, 0 100%, 100% 50%);}
.cta-sec h2{font-size: 40px; margin-bottom: 18px;}
/* cta section end */

/* contact section start */
.contact-sec{background: #4A4A49;}
.contact-sec h2{font-size: 30px; color: var(--heading-color); font-weight: 400; margin-bottom: 35px;}
.contact-sec p{color: #fff; padding-bottom: 10px;}
.contact-sec .row{align-items: center;}

/* contact form start */
.contact-form .form-control,.contact-form .form-select{background: transparent; transition: all 0.4s; border: 0; border-bottom: 2px solid #a3a3a3; border-radius: 0; font-size: 20px; color: #fff; margin-bottom: 25px; padding: 12px 0 12px 0;}
.contact-form .form-control:focus,.contact-form .form-select:focus{box-shadow: none;}
.contact-form .form-select{background-size: 18px; background-image: url(../images/down-select-arrow.svg); background-position: right; background-repeat: no-repeat;}
.contact-form select option { color: #1D1D1B;}
.contact-form .form-control::placeholder{color: #fff;}
.contact-form textarea.form-control{height: 60px;}
.contact-form input[type=submit]{margin-top: 15px;}

.contact-form .form-control.wpcf7-not-valid, .contact-form .form-select.wpcf7-not-valid{margin-bottom: 0; border-bottom-color: #dc3a42 !important;}
.wpcf7-not-valid-tip{margin-bottom: 10px; font-size: 14px;}
.contact-form .form-group.focus .form-control{padding-left: 8px;} 
/* contact form end */
/* contact section end */

/* footer start */
footer{background: #313131; color: #fff; padding-top: 20px;}
.footer-top .ftr-logo span{display: block; color: var(--heading-color); margin-top: 15px;}
.footer-top p{padding: 0;}
.footer-top a{color: #fff;}
.footer-top a:hover{color: var(--heading-color);}
.footer-top h4{font-size: 20px; font-weight: 700; margin-bottom: 12px; line-height: 24px;}
.approved-aeo{text-align: center; margin-top: 20px;}
.approved-aeo img{max-height: 60px;}
.approved-aeo span{display: inline-block; margin-left: 10px; font-size: 14px;}
.footer-copyright{text-align: center; padding: 20px 0px; font-size: 14px;}

/* footer end */


/* hero banner start */
.hero-banner{min-height: 540px; display: flex; align-items: center;  background-size: cover; background-repeat: no-repeat; background-position: center !important;}
.hero-contant{max-width: 500px; border-radius: 12px; background-color: #4D4D4FBF; padding: 40px 15px; }
.hero-contant h1{color: #FFFFFF; font-size: 40px; font-family: 'Area-Inktrap'; line-height: 48px; margin-bottom:20px;   font-family:'pill_gothic';}
.hero-contant p{color: #fff; font-size: 14px; line-height: 22px; font-weight: 400;}

body.page-template-Services .hero-banner{background-position: top center !important;}
body.page-template-FAQ .hero-banner{background-position: top center !important;}
/* hero banner end */


/* faq page start */
.faqs-section .accordion-item{margin-bottom: 20px;border: 1px solid var(--heading-color); border-radius: 6px;    padding: 30px 20px 30px 60px;}
.accordion-button{background-color: transparent;border-bottom: 0 !important; color: #5BB7B2 !important;font-weight: 700; font-size: 20px;padding: 0;}
.accordion-button:focus{box-shadow: none;}
.accordion-body{padding:20px 0;}
.accordion-body p{line-height: 35px; max-width: 1065px;color: #262626;font-size: 14px;}
.accordion-button:not(.collapsed) {background: transparent; border-bottom: 0; box-shadow: none;}
.accordion-button:not(.collapsed)::after {background-image: none; content: " \F63B";font-family: bootstrap-icons !important; transform: initial;}
.accordion-button::after {content: " \F64D";font-family: bootstrap-icons !important;background-image: none; font-size: 25px; position: absolute;right: 0;top: -2px;}
.faqs-section .accordion-item:last-child{margin-bottom: 0;}
/* faq page end */

/* about page start */
.about-section h2 { color: var(--heading-color); margin-bottom: 20px;}
.about-section .about-img { text-align: right;}
.about-section p a{color: #656161;}
.about-section p a:hover{color: var(--heading-color);}
/* about page end */    

/* contact page start */
.contact-page-sec{background: #313131; color: #fff; padding-top: 60px; padding-bottom: 130px;}
.contact-page-sec h3{color: var(--heading-color); margin-bottom: 12px; font-size: 30px; font-weight: 400;}
.contact-page-sec .contact-page-left ul li a{color: #fff;}
.contact-page-sec .contact-page-left ul li a:hover{color: var(--heading-color);}
.contact-page-sec .contact-page-left ul{margin-bottom: 15px;}
.contact-page-sec .contact-page-left  p{padding-bottom: 10px;}
.contact-page-sec .contact-page-left   p:last-child{padding-bottom: 0;}
.contact-page-sec .contact-page-left .location-link p > a{color: #fff;}
.contact-page-sec .contact-page-left .location-link{padding-bottom: 20px;}
.contact-page-sec .contact-page-left .location-link  i{margin-right: 8px; font-size: 14px;}

.contact-page-sec h2{font-size: 30px; color: var(--heading-color); margin-bottom: 10px;}
.contact-page-right { padding-left: 100px;}
.contact-page-right p { font-size: 14px; line-height: 20px; padding-bottom: 10px;}
.contact-page-sec .contact-form .form-control,.contact-page-sec .contact-form .form-select{border-width: 1px; border-color: #fff; }
/* contact page end */

/* our service page start */
/* left right section start */
.left-right-service-bg  h2{color: #5BB7B2;}
.serv-bg-black{background-color: #313131;}
.serv-bg-white{background-color: #FFFFFF;}
.serv-bg-gray{background-color: #656161;}
.left-right-service-bg{position: relative;z-index: 1;}
.left-right-service-bg::before { content: ""; background-position: left; height: 100%; width: 40%; background-size: 590px !important; z-index: -1; position: absolute; right: 0; top: 0; background: url(../images/africa-shape.svg) no-repeat; opacity: 0.5;}
.left-service-desc { padding-top: 100px;}
.left-right-service-bg:nth-child(odd) .row .left-service-desc{padding-right: 30px;}
.left-right-service-bg:nth-child(even) .row .left-service-desc{padding-left: 30px;}

.left-right-service-bg:nth-child(even):before {right: inherit;  transform: scaleX(-1);}
.serv-bg-gray p ,.serv-bg-gray ul li{color: #ffff;}
.serv-bg-black p ,.serv-bg-black ul li{color: #ffff;}
/* left right section end */
/* our service page end */

/* quote form start */
.quote-request-section{background-color: #4A4A49;}
.quote-request-box{max-width: 1030px;}
.quote-request-section h2{color: var(--heading-color); font-size: 30px;  margin-bottom: 12px;}
.quote-request-section p{color: #fff; font-size: 14px; padding-bottom: 8px;}
.quote-request-box input::placeholder{color: #fff;}
.quote-request-box input:not(input[type="submit"]){margin-bottom: 20px; transition: all 0.4s; line-height: normal; font-size: 20px; padding: 15px 0; border-bottom: 1px solid #FFFFFF;width: 100%;background-color: transparent; color: #fff;}
.quote-request-box select:focus{box-shadow: none;}
.quote-request-box select{background-size: 18px; background-image: url(../images/down-select-arrow.svg); background-position: right; background-repeat: no-repeat;  margin-bottom: 20px; font-size: 20px;line-height: normal;  border-bottom: 1px solid #FFFFFF !important;border: 0; border-radius: 0; width: 100%;background-color: transparent; color: #fff; padding: 15px 0;}
.quote-request-box select option{color: #1D1D1B;}
.quote-request-box .submit-btn{margin-top: 20px;}
.quote-request-box .location{position: relative;}
.quote-request-box .location:before { content: ""; background: url(../images/location.svg) no-repeat; height: 30px; width: 30px; display: flex; position: absolute; right: 2px; top: 13px; background-size: 22px; }
.quote-request-section .addtional-col{display: flex; flex-wrap: wrap;}
.quote-request-section .addtional-col label{color: #fff;margin-bottom: 12px; margin-top: 10px; font-size: 20px;}
.quote-request-section .addtional-col textarea{width: 100%;border: 1px solid #FFFFFF; background-color: transparent; height: 146px; border-radius: 5px; color: #fff; padding: 15px;}
.quote-request-section .wpcf7-form-control-wrap{width: 100%;}

.quote-request-box input.wpcf7-not-valid, .quote-request-box select.wpcf7-not-valid{margin-bottom: 0 !important; border-bottom-color: #dc3a42 !important;}
.wpcf7-not-valid-tip{margin-bottom: 10px; font-size: 14px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #fff;}

.quote-request-box .wpcf7-form-control-wrap{display: inline-block;}
.quote-request-box .wpcf7-form-control-wrap.focus input{padding-left: 8px;}
/* quote form end */

/* thanyou page start */
.thank-you-section .thankyou{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.thankyou img{height: 150px;margin-bottom: 25px;}
.thankyou h2{font-size: 80px; line-height: 80px; text-transform: uppercase;margin-bottom: 0; text-align: center;font-weight: 900;}
.thankyou p{font-size: 22px; line-height: 30px; text-align: center;}
/* thanyou page end */


/* comman page css start */
.comman-page h2,.comman-page h3,.comman-page h4,.comman-page h5,.comman-page h6{color: var(--heading-color);}
.comman-page h3{font-size: 35px;}
.comman-page h4{font-size: 32px;}
.comman-page h5{font-size: 30px;}
.comman-page h6{font-size: 28px;}
.comman-page ul,.comman-page ol{margin-bottom: 30px;}
.comman-page p > a{color: var(--heading-color);}
.comman-page p > a:hover{text-decoration: underline;}
/* comman page css end */