@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


:root{

    --primary-color:#026a8e;
    --secondar-color:#0d6492;
    --light-blue-color:#167ea2;
    --whitecolor:#fff;
    --lightgreen:#77c9ab;
}

html{scroll-behavior: smooth;}
body{margin:0; font-family: "Nunito", sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
h2.title{text-align: center; color: var(--whitecolor); text-transform: uppercase; font-weight: 700; text-shadow: 2px 3px 4px rgb(2 106 142);}
.mobile-cta{display: none;}
/* header start */
main{margin-top: 89px;}
header{position: fixed;width: 100%;left: 0;top: 0;z-index: 99;}
header.sticky .logo-section img{width: 44%;}
header.sticky .header-menu ul li a span b{font-size: 14px;}
header.sticky .header-menu ul li a span{font-size: 12px;}
/* header.is-sticky .topbar{ height: 0 !important;opacity: 0;} */

.mob-phone{display: none;}
.header{background: #fff; padding: 5px 0px;transition: transform 0.6s ease;border-top: 6px solid var(--lightgreen);}
.header-box{display: flex;column-gap:20px; align-items: center;}
.header-box .menuicon{flex: 0 0 30px; display: none;}
.header-box .menuicon a{display: block;}
.header-box .menuicon img{height: 29px; width: 29px;}
.header-menu{overflow-x: scroll; white-space: nowrap; padding: 5px 0px; display: block; width: calc(100% - 43px);}
.header-menu ul li{display: inline-block;}
.header-menu ul li a{display: flex;padding: 0px 12px; align-items: center;column-gap: 8px; position: relative;transition: all 0.3s ease;}
.header-menu ul li a:before{content: ""; width: 2px; height: 44px; background: var(--lightgreen); display: inline-block; position: absolute; left: 0; top: 50%;margin-top: -22px;}
.header-menu ul li a span{font-size: 14px; font-weight: 500; color: var(--primary-color);transition: all 0.3s ease;}
.header-menu ul li a span b{font-size: 16px; font-weight: 900; text-transform: uppercase; display: block;line-height: 18px;} 
.header-menu ul li a img{width: 54px;}
.header-menu ul li.active a{background: #b9edbe;}
.logo-section img{width: 32%;transition: all 0.3s ease;}
/* header end */

/* Hero section start */
.hero-banner {display: flex;width: 100%;}
.hero-image {flex: 1; position: relative}
.hero-image img {width: 100%;}
.hero-cta a {display: flex}
.hero-cta a svg {width: 20px; margin-right: 5px}
.hero-content {flex: 1; background: #C43235; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 60px; text-align: center;}
.hero-content h1 {font-size: 46px; line-height: 1.2; margin-bottom: 20px; color: #fff; text-align: left;text-transform: capitalize;font-weight: 400;}
.hero-content h6{text-align: left;color: #fff;font-size: 14px;font-style: italic;}
.hero-content p {font-size: 16px;line-height: 1.6; margin-bottom: 40px; color: #fff; font-weight: 100;text-align: left; line-height: 25px;letter-spacing: 0.5px;}
.hero-cta {display: flex; gap: 20px;flex-wrap: wrap; justify-content: start; margin-top: 32px}
.hero-cta .btn-primary {border: 2px solid #fff; background: transparent; color: #fff;}
.hero-cta .btn-primary:hover{background: #fff; color: #C43235; border-color: #fff;}
.hero-cta a{border: 2px solid #fff; background: #fff; color: #c43235; font-weight: 700; border-radius: 30px;padding: 12px 28px;font-size: 14px;}
.hero-cta a:hover{background: #c43235; border-color: #fff; color: #fff;}
.hero-cta a svg {width: 20px; margin-right: 5px;}
/* Hero section end */

/* About Us Start */

.welcome-section-top {padding: 80px 0;}
.welcome-section-top .img-colarge {position: relative;height: 100%;margin-bottom: 80px;}
.colarge-1 {position: relative; margin: 40px 30px 0px 40px; z-index: 1;}
.colarge-1:before, .colarge-1:after {position: absolute; border: 8px solid #c43235; content: ''; width: 80%; height: 80%;z-index: -1;}
.colarge-1:before {left: -40px; top: -40px;}
.colarge-1:after {right: -14px; bottom: 15px;}
.since-year-outer {position: relative;}
.since-year {position: absolute; right: 16px;top: -22px; z-index: 1;}
.since-year span {color: #383535;font-size: 95px; font-weight: 500; display: inline-block;line-height: 0px;position: relative; bottom: -16px; padding-right: 10px;}
.since-year strong {color: #fff; font-size: 100px;font-weight: 500;display: inline-block;background-color: #c43235; line-height: 85px; padding: 20px 10px 20px 12px;}
.welcom-to-section p {font-size: 15px; font-weight: 500; line-height: 25px;letter-spacing: 0.5px;}
.welcom-to-section h2{font-size: 30px;}
.welcom-to-section .subheading{}
/* About Us End */

/* Project Start */

.landmark-projects{color:#fff;background:url('../images/landmark-bg.jpg');}
.landmark-projects .section-title{font-weight:700;color:#fff;margin-bottom:30px!important;}
.landmark-projects .section-tags{color:#ffffff;font-size:0.95rem;font-weight:500;}
.project-slide{position:relative;margin-bottom:41px;}
.project-slide img{width:100%;height:350px;object-fit:cover;}
.project-info{position:absolute;bottom:-39px;left:40px;right:40px;background:#C43235;padding:20px 25px;color:#fff;}
.project-title{font-weight:700;color:#fff;border-right:1px solid #fff;margin-right:20px;min-width:max-content;padding-right:20px;}
.project-btn{background:#3c3c3c;color:#fff;width:50px;height:50px;font-size:20px;display:flex;align-items:center;justify-content:center;}
.landmark-projects .swiper-button-prev,.landmark-projects .swiper-button-next{background:#fff;color:#000;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.3);}
.landmark-projects .swiper-button-prev::after,.landmark-projects .swiper-button-next::after{font-size:16px;font-weight:bold;color:#000;display:none;}
.project-info .text {display: flex;align-items: center;}
.landmarkSwiper .swiper-navigation-icon{height: 20px;} 
/* Project End */

/* Offer Section Start */
.offered{padding: 40px 0px;}
.offered h2{text-align: center; margin-bottom: 30px; font-weight: 600;}
.offerlist {position: relative; margin-bottom: 15px;}
.offerlist:before{content:"";background:-moz-linear-gradient(top,transparent 20%,rgba(0,0,0,0.9));background:-o-linear-gradient(top,transparent 20%,rgba(0,0,0,0.9));background:-ms-linear-gradient(top,transparent 20%,rgba(0,0,0,0.9));background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,transparent),to(rgba(0,0,0,0.9)));background:linear-gradient(top,transparent 20%,rgba(0,0,0,0.9));width:100%;height:100%;position:absolute;left:0;top:0;}  
.offerlist img{min-height:280px;border-radius: 10px;}  
.offerlist .offerctn{position:absolute;bottom:0;left:0;padding:10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}  
.offerlist .offerctn h3{color:#fff;font-size:1.5rem;}  
.offerlist .offerctn p{margin-bottom:0;color:#fff;font-size:.8rem;}
/* Offer Section End */

/* Sector List Start */
.sectorlist{padding: 40px 0px; background: #f9f9f9;}
.sectorlist ul {text-align: center;margin: 20px 0px;}
.sectorlist ul li {display: inline-block; width: 11%; border: 1px #ddd solid; margin: 5px 5px 7px 5px;}
.sectorlist h2{text-align: center;font-weight: 600;}
/* Sector List End */

/* whyservo Start */
.whyservo{padding: #f9f9f9; padding: 40px 0px;}
.whyservo h2{text-align: center; font-weight: 600;}
.whyservo p{text-align: center;}
.whyservo .box_inner{}
.whyservo .box_inner ul{background: #eaeaea;height: 399px; overflow-y: scroll;}
.whyservo .box_inner ul li{border-top: 1px solid #fff; padding: 8px 10px;font-size: 0.89rem;color: #6f6f6f;font-weight: 500}
/* whyservo End */

/* industry css Start */

.industry{background: #04163c; padding: 40px 0px;}
.industry h2{ text-align: center; color: #fff;}
.industry p{text-align: center;color: #fff;}
.industry .industry-box{margin: 15px 0px;}
.industry .industry-box img{width: 100%; border-radius: 15px 15px 0px 0px;}
.industry .industry-box h3{font-size: 16px;padding: 10px 20px; background: linear-gradient(180deg, rgba(5, 32, 75, 1) 48%, rgba(26, 75, 126, 1) 92%);     color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;    text-align: center;}

/* industry css End */

/* Product List Start */

.productlist{padding: 30px 0px; background: #f9f9f9;}
.productlist h2{text-align: center; font-weight: 700; margin-bottom: 30px;}
.productbox{padding:10px;background:#fff;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.1);margin-bottom:15px;border-radius:5px;box-shadow:rgba(0,0,0,.24) 0 3px 8px;}
.productbox img{height:300px;object-fit:cover;}
.productbox h3{margin-top:10px;color:#000;font-size:16px;margin-bottom:8px;font-weight:800;text-align:left;background:#fff;z-index:1;background:radial-gradient(circle,rgb(255 255 255) 77%,rgba(255,255,255,0) 100%);padding:6px 0;text-transform:capitalize;}
.productbox p{margin-bottom:0;display:flex;gap:5px;text-align:left;font-size: 12px;}
.port-name ul{display:flex;white-space:break-spaces;overflow-x:scroll;scrollbar-width:thin;margin-top:12px;}
.port-name ul li{background:#fff;margin:2px;min-width:max-content;padding:2px 10px;font-size:10px;font-weight:500;border-radius:4px;border:1px solid #b1b1b1;text-transform:capitalize;overflow:hidden;}
.inclusion_block{border:1px solid #0000003d;border-radius:6px;margin-bottom:10px;padding:5px 2px;position:relative;margin-top:16px;}
.package_list-inclusions{display:flex;overflow-x:auto;justify-content:space-around;align-items:center;overflow-y:hidden;}
.package_list-inclusions>li{cursor:pointer;text-align:center;text-transform:capitalize;margin:0 6px 6px;font-size:9px;display:flex;flex-direction:column;align-items:center;min-width:85px;line-height:11px;}
.package_list-inclusions>li:first-child{margin-left:0;}
.package_list-inclusions>li img{width:34px;height:100%;filter:brightness(0);margin-bottom:2px;}
.courier-img li img{width:50px;height:auto;}
.incl_align{background:#fff;left:15px;padding:0 10px;position:absolute;top:-10px;color:#183650;font-weight:500;text-transform:capitalize;font-size:10px;margin-top:0;}
.tbtn{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-bottom:20px;}
.packagebtn{border-radius:7px;display:inline-block;}
.packagebtn a{border:1px solid #C43235;display:block;width:41px;height:41px;line-height:41px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.packagerequest{display:inline-block;width:calc(100% - 100px);}
.packagerequest a{color:#fff;display:block;width:100%;border-radius:5px;font-size:14px;font-weight:600;height:41px;line-height:41px;text-align:center;background:#C43235;}

/* Product List End */

/* Footer Start */
footer {padding: 3rem 0 0;    background: #373737;}
footer h3 {color: #eb5976;border-bottom: 1px solid #757575; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.3rem;}
footer h5 {color: #fff;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 1rem;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #757575;}
footer .footerfirst ul li a i {margin-right: 0.6rem;}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}
.disclamier{background: #f2ead3;}
.disclamier p {margin-top: 10px;text-align: center;color: #000;padding: 10px;font-size: .9rem; margin-bottom: 0;}
.copyright p {text-align: left; color: #fff; padding: 10px 0;}
.ftmbtm a{color: #fff;font-size: 13px;}
/* Footer End */

/* Book Form  Start*/
.details_form {background: #646464; padding: 18px 10px;}
.details_form h3 {padding:0;background: transparent; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #fff;}
.details_form .input-group-text {padding: 6px 8px; font-size: 13px; border-radius: 0;}
.details_form input {height: 37.5px; font-size: 13px;}
.details_form input[type=submit]{background: #4340ac; border-color: #4340ac;}
.details_form img {width: 23px;}
.form-country-code {background: #fff; font-size: 13px; padding: 6px 10px; color: #505050; line-height: 25px;}
.numberbdr {width: calc(100% - 85px); background: #fff; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb {display: flex;align-items: center;}
.innernumberb input {width: 6%; border: 0;font-size: 12px;text-align: center; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb input:focus{outline: none; box-sizing: none;}
.innernumberb .form-space{color: #8b8b8b;}
.form-country-code{background: #fff; font-size: 13px; padding: 6px 10px; color: #505050;    line-height: 25px;}

.letforcontact,.serviceslist{width: calc(100% - 40px);}
.letforcontact .select2-container,.serviceslist .select2-container{width: 100% !important;}
.letforcontact .select2-selection{height: 36.5px;line-height: 37.5px;border: 0;border-radius: 0;border-radius: 0px 4px 4px 0px;}
.letforcontact  .select2-selection__rendered{line-height: 39px !important;    padding-right: 0px !important;    font-size: 14px;}
#popupmodel .letforcontact .select2-selection{height: 37px;line-height: 37px;}
#popupmodel .numberbdr,#popupmodel .innernumberb input{height: 37px;}
.letforcontact .pr-02{padding-right: 5px;}
.letforcontact .pb-02{padding: 0px 5px;}
.letforcontact .pl-02{padding-left: 5px;}
.letforcontact  .select2-selection__arrow{height: 37px !important;}
.serviceslist .select2-selection{height: 40px;overflow-y: scroll; overflow-x: hidden;}
.serviceslist .select2-selection__choice{font-size: 11px;    margin-bottom: 0;}
.serviceslist  .select2-dropdown{z-index: 9 !important;}
.checkbox-option{font-size: 13px;    margin-bottom: 2px;}

.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 37px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__arrow,.three-column-form .select2-container .select2-selection--single{height: 37px;border-radius: 0px 4px 4px 0px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 9px;}

#placeholder{color:rgb(92,92,92);font-size:12px;display:flex;justify-content:space-between;width:100%;align-items:baseline;}
.multi-select .placeholder{color:rgb(0,0,0);font-size:12px;display:inherit;background:transparent;opacity:1;    cursor: pointer;}
.multi-select-container{position:relative;width:100%; margin-top: 10px;}
.multi-select{border:1px solid rgb(204,204,204);padding:0.6rem 1.8rem 0.6rem 4px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:flex-start;background:white;overflow-y:visible;position:relative;border-radius: 0px 4px 4px 0px;}
.multi-select.multiSelect>img{position: absolute;right: 10px; width: 8px; top: 50%; margin-top: -4px;}
.selected-tags{display:flex;flex-wrap:wrap;gap:5px;}
.multi-select-container .tag{background:rgb(235,157,42);color:white;padding:2px 10px;border-radius:5px;display:flex;align-items:center;font-size:12px;}
.multi-select-container .remove-tag{margin-left:5px;cursor:pointer;font-weight:bold;}
.multi-select-container .dropdown2{display:none;position:absolute;width:100%;background:white;border:1px solid rgb(204,204,204);border-radius:5px;margin-top:5px;box-shadow:rgba(0,0,0,0.1) 0px 4px 6px;z-index:10;padding:8px 0px;top:100%;}
.dropdown2.show{display:block;}
.multi-select-container .dropdown-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:12px;}
.multi-select-container .dropdown-item input{margin-right:10px;height:auto;}
.multi-select-container .dropdown-item:hover{background:rgb(241,241,241);}
button.remove-all-btn{position:absolute;right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0px;line-height:20px;color:rgb(235,157,42);border:none;border-radius:100px;background:none;}
button.clear-btn{background:transparent;border:none;color:rgb(0,0,0);text-decoration:underline;}
.dropdown-actions button{background:rgb(0,0,0);color:rgb(255,255,255);font-size:10px;border-radius:5px;margin:8px;padding:2px 10px;text-decoration:none;}
.dropdown-actions{display:flex;justify-content:end;}
.multi-select i{font-size:10px;position:absolute;right:17px;top:47%;transform:translateY(-20%);}
span.include-tag p{font-size:0.7rem;font-weight:400;}
.details_form textarea{font-size:13px;border-radius:0;}
.loadmore_btn a{width:200px;display:block;margin:20px auto;background:#ec6502;color:#fff;font-weight:600;padding:10px;}
.multi-select-container p{font-size:0.8rem;margin-bottom:0px;margin-left:0px;font-weight:400;color:rgb(0,0,0);background:rgb(233,236,239);padding:2px 5px;display:inline-block;}

.labelform{color: #dfdfdf; font-size: 13px;}
.select2-results__option,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 11px;}
.showoption{display: inline-block; border-radius: 100px; background: #fff; margin-bottom: 5px;}
.showoption img{width: 20px;}

.pr-space{padding-right: 5px;}
.pl-space{padding-left: 5px;}

/* Book Form  END*/


/* Popup From Start */
.poupdesign .modal-body,.poupdesign .details_form{background:#3d3d3d;}
#popupmodel .modelclosebtn,#popupmodelone .modelclosebtn{position: absolute;right: 0px;top: -11px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 33px; box-shadow: 0 -5px 15px rgba(82,82,82,.5);z-index: 2;}
#popupmodel .modelclosebtn .btn-close,#popupmodelone .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover,#popupmodelone .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.mainform h3{color: #202020;font-size: 22px;font-weight: 500; line-height: 33px; margin-bottom: 3px;}
/* Popup From End */