body{ font-family: "Fahkwang", sans-serif;}
.container{max-width:1685px;}
h2{ font-size:50px; color: #fcf9e2; letter-spacing: -0.04em; margin:0px 0px 50px 0px;}
.btn-primary{border-radius: 0;}

.navbar{padding:0.688rem 0;}
.bg-dark{ background-color: #101921 !important;}
.navbar-brand{ font-size: 20px; color:#fcf9e2;}
.navbar-brand img{ max-width: 250px;}
.navbar-brand:focus, .navbar-brand:hover{color: #fcf9e2;}
.navbar-nav .nav-item{ padding: 0px 5px;}
.navbar-nav .nav-link{ font-size: 18px; color: #fcf9e2; padding-left:10px; padding-right: 10px;}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .navbar-nav .nav-link.active, .navbar-nav .navbar-nav .nav-link.show{color: #fcf9e2;}
.navbar-toggler{ border: none;}
.navbar-toggler:focus{ box-shadow: none;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.section_bg{ background: linear-gradient(90deg, #304C68 0%, #101921 96.533203125%);}
.mt_65{ margin-top:92px;}
.herosection h1{ font-size:140px; font-weight: 400; color: #fcf9e2; text-transform: uppercase; letter-spacing: -0.033em;}
.herosection .hero_thumb{ width: 100%; height: 698px; position:relative; background-repeat: no-repeat; background-position: center center; background-size:cover; background-attachment: fixed; margin-top: 30px;}
.herosection .hero_thumb .hero_content{ width: 100%; max-width:435px; position: absolute; top: 50px; right: 50px; background-color: #101921; border: 1px solid #fff9e2;}
.herosection .hero_thumb .hero_content .herotext_wrapper{ width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; min-height: 200px;}
.herosection .hero_thumb .hero_content .herotext_wrapper .thumb{ width: 136px; padding: 15px;}
.herosection .hero_thumb .hero_content .herotext_wrapper .thumb img{ width: 100%; display: block;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text{ width: calc(100% - 136px); border-left: 1px solid #fff9e2; min-height: 200px;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text h3{ font-size:22px; color: #fcf9e2; letter-spacing: -0.03em; margin: 0; padding:20px; text-transform: capitalize;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text .bdr{ width: 100%; height:1px; background-color: #fff9e2;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text .link{ padding: 20px;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text a{ font-size: 16px; color: #fcf9e2; padding: 0; transition: all 0.2s ease;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text a span{ margin-left: 7.5px; width: 37px; height: 37px;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text a span svg{ fill:#fcf9e2; width: inherit; height: inherit;}
.herosection .hero_thumb .hero_content .herotext_wrapper .text a:hover{ padding-left: 10px;}

.home_about{ padding: 80px 0px 66px 0px;}
.home_about h3{ font-size:24px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px 0px 50px 0px; line-height:1.3em;}
.home_about p{ font-size:16px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px 0px 34px 0px; max-width: 660px;}
.home_about .btn-primary{ background-color: #fcf9e2; border: 1px solid #fcf9e2; color: #304c68; font-size: 16px; padding: 11px 33px; transition: all .4s ease 0s;}
.home_about .btn-primary:hover{background-color: #304c68; border: 1px solid #fcf9e2; color: #fcf9e2;}
.home_about .about_thumb_home{ width: 100%; margin: 32px 0px 0px 0px;}
.home_about .about_thumb_home img{ width: 100%; display: block;}

.home_service{ padding: 80px 0px 66px 0px;}
.home_service h3{ font-size:24px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px 0px 20px 0px; line-height:1.3em;}
.home_service .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom: 45px;}
.home_service .service_box{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.home_service .service_box .thumb{ width:40%;}
.home_service .service_box .thumb img{ width:100%; display: block;}
.home_service .service_box .content{ width:55%;}
.home_service .service_box .content h4{ font-size:18px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px; line-height:1.4em;}
.home_service .service_box .content p{ font-size:18px; color: #fcf9e2; letter-spacing: -0.01em; margin:50px 0px 0px 0px; line-height:1.4em;}

.home_testimonials{padding: 80px 0px 66px 0px;}
.home_testimonials .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom: 45px;}
.home_testimonials h4{ font-size:20px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px 0px 50px 0px; line-height:1.4em;}
.home_testimonials .testimonials_wrapper{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.home_testimonials .testimonials_wrapper .testi_box{ width: 48%; margin-bottom:50px;}
.home_testimonials .testimonials_wrapper .testi_box h3{ font-size:22px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px 0px 20px 0px; line-height:1.4em;}
.home_testimonials .testimonials_wrapper .testi_box p{ font-size:16px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px; line-height:1.4em;}

footer{ background-color: #101921; padding: 80px 0px 60px 0px;}
footer .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom: 45px;}
footer .navbar-brand{ font-size:30px; color:#fcf9e2;}
footer .ft_about p{ font-size:16px; color: #fcf9e2; letter-spacing: -0.01em; margin:0px; line-height:1.4em; margin-top: 30px;}
footer .footer_contact{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
footer .footer_contact .richtext_contact { width: 45%; margin-bottom: 38px;}
footer .footer_contact .richtext_contact p{ font-size: 18px; color:#fcf9e2; margin: 0;}
footer .footer_contact .richtext_contact p a{font-size: 18px; color:#fcf9e2; margin: 0; text-decoration: none;}

/* about section star */
.aboutsection{ padding: 80px 0px 66px 0px;}
.aboutsection .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom: 33px;}

.about-main h1{font-size:50px; color: #fcf9e2; }
.about-contant{display: flex;}
.OurServices{width: 50%;}
.OurServices h3{font-size: 20px; color: #fcf9e2; }
.nexship {width:50%;}
.nexship p{font-size:25px; color: #fcf9e2; line-height: 1.3;}
.OurServices p{font-size: 18px; color: #fcf9e2; padding: 0px 0px 46px 0px;}
.OurServices img { max-width: 100%;}
.Our_team{width: 50%;}
.Our_team p{font-size: 18px; color: #fcf9e2; padding: 0px 0px 46px 0px;}
.Our_team img { max-width: 100%;}

/* meet our team section*/
.metourteam .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom: 33px;}
.about-main p{font-size: 16px; color: #fcf9e2; margin-bottom: 44px; width:50%;}
.ourteam h1{font-size: 32px; color: #fcf9e2; margin-bottom: 17px; }
.ourteam h4{font-size: 18px; color: #fcf9e2; margin-bottom: 24px; }
.ourteam p{font-size: 18px; color: #fcf9e2; width: 66%; }
.ourteam-main{display: flex;
width: 100%;
justify-content: space-between;}
.ourteam{width: 60%;}
.team-img{padding: 0px 0px 30px 0px;}

/* clients section */
.clients-head h1{font-size: 64px; color: #fcf9e2; }
.clients-head p{font-size: 20px; color: #fcf9e2; }
.client-contant{width: 100%; display: flex; justify-content: flex-end;}
.client-contant div{width:50%;}
.client-contant p{font-size: 16px; color: #fcf9e2;}
.companylogo{ margin: 0; padding: 0; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap;}
.companylogo li{width:33.3%; list-style: none;}

/* services page star */
.servicessection .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2;}
.services-head{display: flex; flex-direction: column;}
.services-head h1 {font-size:50px; color: #fcf9e2; margin-top: 80px;}
.services-head h4{font-size: 22px; color: #fcf9e2; margin-top: 46px;}
.services-head div{margin: 0px 0px 46px 0px; width: 60%;}
.services-head p{font-size: 20px; color: #fcf9e2; }


.airfreigt{color: #fcf9e2; padding:30px 0;}
.secvices-contant{ padding-bottom:80px;}
.secvices-contant .horizontal_bdr{ width: 100%; border-top: 2px solid #fcf9e2; margin-bottom:0px;}
.airfreigt div{display: flex; width: 100%; justify-content: space-between; align-items: center;}
.airfreigt h1{font-size: 35px; width:70%;}
.airfreigt p{font-size: 16px; width: 30%;}
.contact-button{margin: 30px 0px 0px 0px;}
.contact-button a{background-color: #FCF9E2; border: 1px solid #FCF9E2; color: #304C68; padding: 15px 32px; text-align: center;
text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}
.contact-button a:hover{background-color: #304C68; border: 1px solid #FCF9E2; color: #FCF9E2; padding: 15px 32px; text-align: center;
text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}

/* contact page start */
.services-head div.cont-para { width: 60%;}
.services-head div.cont-para p{font-size:24px; color: #fcf9e2;}
.contact-form{ padding-bottom: 100px;}
.formsubmit{width:100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.succmsg{width: 980px; max-width: 100%; margin: 0px 0px 30px 0px; padding:10px;  background-color:#27AE60; border: 2px solid #ffffff; font-size: 18px; color: #ffffff;}
.formsubmit ul{width: 980px; max-width: 100%; margin: 0px; padding: 0px; display:flex;  justify-content: space-between; flex-wrap: wrap;}
.formsubmit ul li{list-style: none; text-decoration: none; color: #FCF9E2; width: 49%; margin-bottom:10px;}
.formsubmit ul li.full-width{width: 100%; margin-bottom: 30px;}
.full-width textarea{outline: none; border: none; font-size: 20px; margin-bottom:10px; background: none; border-bottom: 2px solid #fcf9e2; color: #FCF9E2; border-radius: 0px; resize: none;}
.full-width textarea:focus{ background-color: transparent; box-shadow: none; color: #fcf9e2; border-color: #fcf9e2;}
.formsubmit ul li input{width: 100%; height: 50px; padding-left: 10px; outline: none; border: none; font-size: 20px; background: transparent; border-bottom: 2px solid #fcf9e2; color: #FCF9E2; border-radius: 0px; color: #fcf9e2;}
input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }
.formsubmit ul li input:focus{ background-color: transparent; box-shadow: none; color: #fcf9e2; border-color: #fcf9e2;}
.formsubmit ul li .btn-primary{ width: 100%; background-color: #fcf9e2; border: 1px solid #fcf9e2; color: #304c68; font-size: 18px; padding: 11px 33px; transition: all .4s ease 0s;}
.formsubmit ul li .btn-primary:hover {background-color: #304c68; border: 1px solid #fcf9e2; color: #fcf9e2;}
.error{ color: #DB3131; font-size: 14px;}
.formsubmit ul li input.error, .full-width textarea.error{ border-color: #DB3131;}


/* Privacy-policy */
.static_main{color: #fcf9e2; background-color: #101921; padding: 80px 0px 66px 0px;}
.static_main h1{font-size:60px; text-align: center; margin-bottom: 30px;}
.static_main h2{font-size:50px; margin-bottom: 30px; line-height: 1;}
.static_main h6{font-size:19px; color: #fcf9e2; margin-bottom: 20px; font-weight: 400;}
.static_main p{font-size:18px; color: #fcf9e2; margin-bottom: 20px;}
.static_main a{font-size:18px; color: #fcf9e2;}
.static_main ul{ margin-bottom: 30px;}
.static_main ul li{font-size:18px; color: #fcf9e2; margin-bottom:10px; list-style: disc; list-style-position: inside;}
.static_main .horizontal_bdr{ width: 100%; border-top: 1px solid #fcf9e2; margin-bottom: 45px; margin-top: 30px;}
.light_bg{ background-color: #fcf9e2;  padding:60px 0px 0px 0px;}
.light_bg h6{font-size:20px; color: #101921; margin-bottom:30px; font-weight: 400; line-height: 1.4;}
.light_bg h6 a{font-size:20px; color: #101921; text-decoration: underline; font-style: italic;}


@media (max-width:1684px) {
.container {max-width: 1400px;}
.herosection h1{ font-size:115px;}

.services-head div.cont-para { width: 70%;}
}

@media (max-width:1399px) {
.container {max-width:1150px;}
.herosection h1{ font-size:95px;}

.nexship{ width:60%;}
.OurServices{ width:60%;}
.about-main p{ width:60%;}
.ourteam{ width: 80%;}
.client-contant div{ width:60%;}
.companylogo li img{ max-width:160px;}
.Our_team{width:50%;}

.airfreigt h1{ font-size:25px;}

.services-head div.cont-para { width:90%;}

.ft_about{ margin-bottom: 25px;}
}

@media (max-width:1149px) {
.container {max-width:980px;}
.herosection h1{ font-size:68px; text-align: center;}

h2{ font-size: 50px;}

.nexship{ width:80%;}
.OurServices{ width:30%;}
.about-main p{ width:60%;}
.ourteam{ width: 80%;}
.client-contant div{ width:60%;}
.companylogo li img{ max-width:160px;}

.airfreigt h1{ font-size: 30px;}

.services-head div.cont-para { width:100%;}
.formsubmit ul{ width: 100%;}

.static_main h1{ font-size: 60px;}

.static_main h2{ font-size: 44px;}


}

@media (max-width:991px) {
    .container {max-width:100%; padding-left: 25px; padding-right: 25px;}
    .navbar-collapse{ width: 100%; position:absolute; left: 0; top:90px; background-color: #101921; transition: all ease-in-out 0.5s;}
    .navbar-collapse .navbar-nav{ padding: 50px 0;}
    .navbar-nav .nav-item{ width: 100%; text-align: center;}
    .navbar-nav .nav-link{border-bottom: 1px solid #fcf9e2; display: inline-block; min-width: 188px; padding: 14px 10px;}

    .herosection h1{ font-size:60px;}
    .herosection .hero_thumb{ height: 500px; background-attachment: scroll;}

    h2{ font-size: 38px;}
    .home_about h3, .home_service h3{ font-size: 26px;}
    .home_service .service_box .content p{ margin-top: 20px;}
    footer .footer_contact{ margin-top: 30px;}

    .about-contant{ flex-wrap: wrap;}
    .OurServices{ width: 100%;}
    .nexship{ width: 100%;}
    .Our_team{ width: 100%;}
    .about-main p{ width: 100%;}
    .ourteam{ width: calc(100% - 260px);}
    .ourteam p{ width: 100%;}
    .client-contant div{ width: 100%;}

    .about-main h1{ font-size:48px;}
    .aboutsection{ padding: 50px 0px;}
    .nexship p{ font-size: 24px;}
    .about-main h1{ font-size: 38px;}
    .ourteam-main{ flex-wrap: wrap;}
    .ourteam{ width: 100%;}
    .ourteam h1{ font-size: 24px;}
    .clients-head h1{ font-size: 38px;}

    .services-head h1{ font-size: 38px; margin-top: 50px;}
    .services-head h4{ margin-top: 30px;}
    .services-head div{ margin-bottom: 30px;}
    .airfreigt h1{ font-size: 25px;}
    .services-head div.cont-para p{ font-size: 24px;}

    .static_main h1{ font-size: 38px;}
    .static_main p {font-size: 16px;}
    .static_main h6 {font-size: 17px;}
    .static_main{ padding: 50px 0px 0px 0px;}

    .static_main h2{ font-size:38px;}
}

@media (max-width:767px) {
    .navbar-brand img{ max-width: 150px;}
    .mt_65 {margin-top: 68px;}
    .navbar-collapse{ top: 65px;}
    .herosection h1{ font-size: 45px;}
    .herosection .hero_thumb{ background-position: left center;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .thumb{ display: none;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text{ width: 100%; border: none;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text, .herosection .hero_thumb .hero_content .herotext_wrapper{ min-height: inherit;}

    .home_service .service_box .thumb{ width: 100%;}
    .home_service .service_box .content{ width: 100%; margin-top: 30px;}
    .home_testimonials .testimonials_wrapper .testi_box{ width: 100%;}

    .services-head h1{ font-size: 28px;}
    .services-head h4{ margin-top: 15px; font-size: 18px;}
    .services-head div{ margin-bottom: 15px; width: 100%;}
    .airfreigt div{ flex-wrap: wrap;}
    .airfreigt h1{ width: 100%;}
    .airfreigt p{ width: 100%; margin: 0;}

    .formsubmit ul li{ width: 100%;}
    .contact-form{ padding-bottom: 50px;}
    .services-head div.cont-para p{ font-size: 16px;}

    .static_main h2{ font-size:28px;}
}

@media (max-width:599px) {
    .herosection h1{ font-size: 35px;}
    .herosection .hero_thumb .hero_content{ max-width:90%; top: 20px; left: 50%; transform: translateX(-50%); text-align: center;}
    h2{ font-size: 28px; margin-bottom: 30px;}
    .home_about h3, .home_service h3{ font-size: 20px;}
    footer .navbar-brand{ font-size: 24px; white-space: collapse;}
    footer .footer_contact .richtext_contact{ width: 100%;}
    footer .footer_contact .richtext_contact:nth-child(2n){ order:2;}

    .home_about{ padding: 50px 0px;}
    .home_service{padding: 50px 0px;}
    .home_testimonials{padding: 50px 0px;}
    footer{padding: 50px 0px;}

    .nexship p{ font-size: 18px;}
    .about-main h1{ font-size: 28px;}
    .team-img { width: 100%;}
    .team-img img{ width: 100%;}
    .companylogo li{ width: 50%;}

    .static_main h1{ font-size:28px;}
}

@media (max-width:479px) {
    .container {padding-left: 15px; padding-right: 15px;}
    .navbar-collapse{top:58px;}
    .navbar-brand{ font-size: 16px; margin: 0;}
    .herosection h1{ font-size: 30px;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text h3{ font-size: 20px; padding: 15px;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text .link{ padding: 10px;}
    .Our_team p{ font-size: 16px;}
    .ourteam h1{ font-size: 20px;}
    .ourteam h4{ font-size: 16px;}
    .ourteam p{ font-size: 16px;}
    .clients-head h1{ font-size: 20px;}
    .clients-head p{ font-size: 16px;}
    .client-contant p{ font-size: 15px;}
    .companylogo li img{ width: 140px;}

    .services-head h1{ font-size:28px;}
    .services-head h4{ font-size: 20px;}
    .services-head p{ font-size: 16px;}
    .airfreigt{ padding: 20px 0;}
    .airfreigt h1{ font-size: 20px;}

    .static_main h2{ font-size:24px;}
    .static_main ul li{ font-size: 16px; margin-bottom: 20px; line-height: 1;}
    .static_main ul{ padding:0px;}

}

@media (max-width:399px) {
    .herosection h1{ font-size:25px; margin-top: .5rem;}
    .herosection .hero_thumb{ height: 400px;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text h3{ font-size:17px; padding: 10px;}
    .herosection .hero_thumb .hero_content .herotext_wrapper .text .link{ padding: 8px;}

    .home_about, .home_service, .home_testimonials, footer{ padding: 30px 0px;}
    .companylogo li img{ width: 120px;}

}