@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
body {margin: 0;padding: 0;font-family: "Poppins", system-ui;font-size: 18px;color: #202728;overflow-x: hidden; transition: all 0.5s ease;}
html {overflow-x: hidden !important;}
a,
a:focus,
a:hover {outline: 0;border: none;text-decoration: none;transition: all 0.5s ease;}
img, div{transition: all 0.5s ease;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
/** ============ COMMON STYLES ============**/
h1 {font-size: 66px;}
h2 {font-size: 48px;color: #000;line-height: 1.6;}
h3 {font-size: 40px;line-height: 1.6;color: #000;}
h4 {  font-size: 34px;    color: #000;}
h5 {font-size: 28px;color: #000;}
h6 {font-size: 22px;color: #000;}
p {line-height: 1.5;font-size: 16px;color: #181818;}
/***============ Buttons and Common ============***/

/***header and menu***/
.headBlock {display: flex;align-items: center;}
.headBlock .menu-main {display: flex;justify-content: end;}
header {left: 0;top: 0;width: 100%;display: flex;justify-content: center;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;transition: 0.5s;}
header.is-fixed {position: fixed;background-color: #ffffff; z-index: 100; -webkit-animation-name: stickySlideDown; animation-name: stickySlideDown; padding: 0; transition: all 0.5s ease;}
@-webkit-keyframes stickySlideDown {
  0% {
    opacity: 0.7;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes stickySlideDown {
  0% {
    opacity: 0.7;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.header .item-left {flex: 0 0 0;}
.header .logo a {font-size: 30px;color: #000000;font-weight: 700;text-decoration: none;}
.header .item-center {flex: 0 0 66%;padding-right: 30px;}
.header .item-right {flex: 0 0 17%;display: flex;justify-content: flex-end;}
.header .item-right a {text-decoration: none;font-size: 18px;display: inline-block;margin-left: 0;white-space: nowrap;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {line-height: 30px;height: 50px;}
.header .menu > ul > li, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {display: inline-block;line-height: 50px; padding: 0 25px;}
.header .menu > ul > li > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 16px;font-weight: 400;color: #ffffff;position: relative;text-transform: capitalize;padding: 10px 0;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background-color: transparent;}
.header .menu > ul > li > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after{content: ""; height: 2px; position: absolute; left: 0; right: 100%; display: block; bottom: 0; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header .menu > ul > li:hover > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus:after{right: 0;}
.header .menu > ul > li .sub-menu {position: absolute;z-index: 500;background-color: #ffffff;box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);padding: 20px 30px;transition: all 0.5s ease;margin-top: 25px;opacity: 0;visibility: hidden;}
.header .menu > ul > li .sub-menu > ul > li {line-height: 1;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 0;}
.header .menu > ul > li .sub-menu > ul > li > a,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {display: inline-block;padding: 10px 0;font-size: 15px;color: #555555;transition: color 0.3s ease;text-decoration: none;text-transform: capitalize;font-weight: normal;}
.header .menu > ul > li .single-column-menu {min-width: 280px;max-width: 350px;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {line-height: 1;display: block;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {padding: 13px 0;display: inline-block;font-size: 16px;color: #484c53;transition: color 0.3s ease;}
.header .menu > ul > li .sub-menu.mega-menu {left: 50%;transform: translateX(-50%);}
.header .menu > ul > li .sub-menu.mega-menu-column-4 {max-width: 1100px;width: 100%;display: flex;flex-wrap: wrap;padding: 20px 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 25%;padding: 0 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {font-size: 18px;color: #fb7c2a;font-weight: 500;line-height: 1;padding: 10px 0;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {text-align: center;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {max-width: 100%;width: 100%;vertical-align: middle;margin-top: 10px;height: 300px;object-fit: cover;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{display: none;}
.header .logo img {height: 140px;}
.header.is-fixed .menu > ul > li > a, .header.is-fixed #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{color: #020202;}
.header.is-fixed .logo img{height: max(50px, calc(140px* 0.6));}
#mega-menu-wrap-primary{background-color: transparent;}
.header .logo img.btAltLogo {display: none;}
.header.is-fixed .btMainLogo {display: none;}
.header.is-fixed .btAltLogo {display: block !important;}
/* banner section */
.banner_section{position: relative;}
.banner-section {background-image: url("../img/banner.jpg");background-size: cover;background-position: center;height: 700px;width: 100%;display: block; position: relative;}
.mobile-menu-head,
.mobile-menu-trigger {display: none;}
/*responsive*/

.banner_image{object-fit: cover; object-position: center center; height: 100vh;}
.banner_caption{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.banner_caption h1{font-weight: 600; font-size: 60px; line-height: 1; letter-spacing: -.015em; color: #ffffff;}
.banner_caption h5{font-size: 1.50rem;padding-top: .75em; margin: 0; color: #ffffff;line-height: 1.5em;}
.social_media_h{margin-left: 0px;}
.social_media_h a{margin-left: .625em;}
.social_media_h a:hover{color: #218cdd !important}
.social_media_h a::after{display: none !important;}
.about_sec{background-color: #eeeeec; padding: 60px 0;}
.text-justify{text-align: justify;}
.main_title{font-size: 60px;font-weight: 600;line-height: 1; color: #002856;}
.sub_title h3{ font-weight: 600; font-size: 1.875rem; color: #002856;}
.white_box{background-color: #fff;padding: 1.563em 1.875em; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 5px 30px rgba(24, 24, 24, .15);box-shadow: 0 5px 30px rgba(24, 24, 24, .15);}
.about_icon{font-size: 7rem;display: inline-block;line-height: 1; margin-bottom: .19em;}
.white_box.card-body{text-align: center;}
.white_box.card-body a{color: #002856}
.white_box.card-body a:hover{color:#0a58ca}
.white_box.card-body a h4{color: #002856;font-weight: bold;font-size: 1.360em;line-height: 1;}
.white_box.card-body p{padding-top: .625em;}
.bounce-1 {animation-name: bounce-1;animation-timing-function: linear;}
@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
.shape_round{position: absolute;right: 0;margin: 0;translate: 50px -40px;padding: 0;width: 170px;}
.shape_round img{width: 100%;}
.shape_colomn{position: relative; z-index: 1;}
.about_shape3{max-width: 35%;position: absolute;bottom: 0; left: 0;margin-left: -9em;margin-bottom: 2em;}
.about_shape4{position: absolute;bottom: 0; left: 0;opacity: .2;max-width: 25%;margin-left: -2.5em;margin-bottom: 8em; }
.about_shape4 img, .about_shape3 img{animation-duration: 8s;animation-iteration-count: infinite; animation-name: bounce-1;animation-timing-function: linear;}
.why_us_sec{background: url(../images/why_us.jpg) no-repeat; background-position: left top; background-size: cover;}

.why_us_box {text-align: center;height: 100%;padding: 100px 0;}
.why_us_box > div > svg {max-width: 10em !important;margin: 0 auto;}
.why_us_box > div > svg > path:first-child {opacity: .1;}
.why_us_box .bt_bb_icon_holder {display: block;height: 170px;width: 170px;margin: 0 auto;line-height: 170px;}
.why_us_box .progressbar-text{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.why_us_box .bt_bb_icon_holder::before{font-size: 6rem; line-height: 10.5rem;}
.why_us_box .bt_bb_icon_holder:hover img{filter: invert(41%) sepia(89%) saturate(552%) hue-rotate(164deg) brightness(102%) contrast(92%);}
.why_us_box h3{font-family: "Yantramanav", sans-serif;font-size: 1.563em; font-weight: bold; margin-bottom: 10px; margin-top: 10px;line-height: 1;}
.why_us_box p{padding-top: .625em; margin-bottom: 0;}
.padd_custom{padding: 0 20%;}
.quality_section{background-color: #eeeeec; padding: 80px 0;}
.why_us_sec h2{font-size: 80px; color: #002856; line-height: 1.2; font-weight: 600; margin: 0;}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #ffffff;background-color: #002856;-webkit-filter: brightness(1.15);filter: brightness(1.15);-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);box-shadow: 0 5px 20px rgba(0, 0, 0, .2);position: relative;overflow: hidden;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;border: 0 !important;border-radius: 0;font-size: 16px; padding: 12px 25px; font-weight: 500;}
.btn-primary:before {content: "";display: block;left: 0;width: 100%;top: 0;height: 100%;background: -webkit-linear-gradient(left, transparent, #FFF);background: -moz-linear-gradient(left, transparent, #FFF);background: linear-gradient(to right, transparent, #FFF);position: absolute;z-index: 1;-webkit-transform: skewX(-15deg) translateX(-120%);-moz-transform: skewX(-15deg) translateX(-120%);-ms-transform: skewX(-15deg) translateX(-120%);transform: skewX(-15deg) translateX(-120%);-webkit-transition: none;-moz-transition: none;transition: none;opacity: .5;}
.btn-primary:hover:before {-webkit-transform: skewX(-15deg) translateX(120%);-moz-transform: skewX(-15deg) translateX(120%);-ms-transform: skewX(-15deg) translateX(120%);transform: skewX(-15deg) translateX(120%);-webkit-transition: 800ms ease transform;-moz-transition: 800ms ease transform;transition: 800ms ease transform;}
.sub_head{font-size: 40px;font-weight: 600; line-height: 1; color: #002856; margin-bottom: 40px;}
.arrival_section{padding:90px 0;}
.arrival_box{display: block; height: 100%; min-height: 350px;}
.arrival_box img{height: 100%; object-fit: cover; object-position: center;aspect-ratio: 1 / 1;}
.arrival_box .overlay_text{position: absolute; bottom: 0;margin: 0 !important;font-weight: bold;background: #032a57dd;color: #fff;font-size: 22px;padding: 10px;transition: 0.5s all ease;width: 100%;box-sizing: border-box;text-align: center;}
.arrival_box:hover .overlay_text{background-color: #fff; color: #032a57dd;}
.Projects_section{padding:90px 0; background-color: #eeeeec; overflow: hidden;}
.project_thumb a{height: 100%;}
.project_thumb img{height: 100%; object-fit: cover; object-position: center;}
.project_thumb {display: block; height: 100%;}
.project_thumb .overlay_text{font-size: 30px;color: #fff;padding: 0;line-height: 1;font-weight: bold; position: absolute; left: 0; bottom: 0; padding: 30px;}
.project_thumb::after {/*background: linear-gradient(to top, #f2f2f2, transparent) !important;  */  -webkit-transform: translateY(0);-webkit-transition: 500ms ease all;-moz-transition: 500ms ease all;transition: 500ms ease all;content: "";display: block;/*background: -webkit-linear-gradient(bottom, #191919, transparent);background: -moz-linear-gradient(bottom, #191919, transparent);background: linear-gradient(to top, #191919, transparent);opacity: .75;*/position: absolute;left: 0;top: 50%;right: 0;bottom: 0;margin: 0;pointer-events: none;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}
.project_thumb:hover:after{-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.project_thumb::before {content: "";display: block;background: #191919;opacity: .2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: 0;pointer-events: none;}
.supplier_section{padding: 60px 0;}
.supplier_section p{padding-top: .75em;margin-top: 0;line-height: 1.5em;font-size: 16px;}
.Supplier_carousel{margin-top: 30px;}
.Supplier_carousel .owl-nav, .project_carousel .owl-nav{text-align: center; margin-top: 30px;}
.Supplier_carousel .owl-nav button, .project_carousel .owl-nav button{background: #002e63 !important;color: #fff !important;font-size: 28px !important;border-radius: 50%;height: 50px;width: 50px; margin: 5px !important;}
.company_profile_sec{background: url(../images/Homepage-Profile-link-1.jpg) no-repeat; background-size: cover; background-position: center; min-height: 100vh; padding: 100px 15px; display: flex; align-items: center !important;    justify-content: center !important;}
.profile_compnyBox{text-align: center; width: 785px; max-width: 100%; position: relative; padding: 60px; }
.profile_compnyBox img{position: absolute; opacity: 0.9; top: 0; bottom: 0; left: 0; right: 0; height: 100%;}
.profile_compnyBox h2{font-size: 30px; font-weight: 600; line-height: 1.5; color: #FFF; position: relative; z-index: 1;}
.profile_compnyBox a{position: relative;z-index: 1; position: relative;overflow: hidden; background-color: #fff !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2); color: #191919 !important;box-shadow: 0 0 0 rgba(0, 0, 0, .2);}
.profile_compnyBox a .bt_bb_icon_holder{margin-right: 10px;}
.footer_top{padding: 120px 0 60px; background-color: rgb(0, 40, 86);}
.foot_logo{max-width: 179px; display: block; margin-bottom: 15px;}
.foot_logo img{max-width: 100%;}
.footer_top p{color: white; font-weight: 400; line-height: 1.5; text-align: left;}
.footer_top h3{font-size: 26px; line-height: 1; margin-bottom: 21px; color: #fff;}
.footer_top li{padding-bottom: .5em;}
.footer_top li a{color: #fff; display: flex;}
.footer_top li a span{padding-left: 10px;}
.footer_bottom{padding: 20px 0; font-size: .875em;  background-color: rgb(58, 141, 222);}
.footer_bottom p{margin-bottom: 0; color: #ffffff;}
.footer_bottom a{color: #fff; margin-left: 1em; font-size: 16px;}


/* Inner Pages */
.inner_banner{background-attachment: fixed !important;background-size: cover !important;background-position: center top -90px !important; background-position-y: -70px;background-repeat: no-repeat !important;height: 74vh; min-height: 700px;}
.about_banner{background-image: url(../images/About-Us-1.jpg);}
.inner_banner::after{background: linear-gradient(to top, rgba(0, 0, 0, .75) 0%, transparent 60%), linear-gradient(to bottom, rgba(0, 0, 0, .3) -5%, transparent 50%); position: absolute; left: 0;top: 0;right: 0;bottom: 0;z-index: 1; content: ""; display: block;}
.inner_banner .banner_caption{ z-index: 10; top: unset; bottom: 130px;}
.product_banner{background-image: url(../images/Untitled-1-3.jpg);}
.about_inner{padding: 100px 0;}
.about_inner p{text-align: justify;}
.missionVission_sec .about_shape3 {bottom: unset;left: 0;top: -30px;}
.missionVission_sec .about_shape4{bottom: unset; top: 200px;}
.missionVission_sec .white_box{padding: 45px 30px;}
.missionVission_sec .white_box .d-flex .flex-shrink-0{display: block; color: #002856; font-size: 120px !important; line-height: 1;}
.missionVission_sec .white_box .d-flex .flex-shrink-0 *[data-ico-ad-astra-thin]:before{display: block;}
.missionVission_sec .white_box .d-flex .flex-grow-1{text-align: left; padding: 0 0 0 1.5em;}
.missionVission_sec .white_box .d-flex .flex-grow-1 h4{font-weight: bold;font-size: 1.563em;line-height: 1;    color: #002856 !important;font-family: 'Yantramanav';}
.missionVission_sec .white_box .d-flex .flex-grow-1 p{font-size:16px ; padding-top: .625em;line-height: 1.5;}
.main_title + p{font-size: 1.125rem;color: #002856;}
.joinTeam_sec{background-size: cover; background-position: center; background-repeat: no-repeat; height: 600px;}
.joinTeam_sec .profile_compnyBox{margin: 0 auto; padding-top: 110px;}
.joinTeam_sec .profile_compnyBox h2{font-size: 4.688rem; font-weight: 600; line-height: 1;}
.contact_banner{background-image: url(../images/About-Us-2-2-1.jpg);}
.contact_inner{padding: 120px 0; background-color: #eeeeec;}
.form-control{background-color: rgba(0, 0, 0, .07); border-radius: 0; padding: .813em .938em; outline: none; box-shadow: none !important; border: 0;}
.form-control:focus{background-color: rgba(0, 0, 0, .07);}
textarea.form-control{resize: vertical;line-height: inherit;}
.form-label{color: #181818; font-size: 16px; margin-bottom: 5px;}
.contact_form textarea.form-control{height: 80%;}
hr.common{border-bottom: 1px solid #ccc}
.map_sec{padding: 60px 0;}
.map_sec iframe{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.map_overlay{z-index: 1;}
.address_card{border-radius: 0; border: 0; width: 400px; max-width: 100%;}
.country_name{font-size: 1.875rem;line-height: 1;font-weight: 700;letter-spacing: -.015em;color: #181818;background: #FFF;padding: 15px 20px;display: inline-block;position: relative;transform: translate(0px, -59px);}
.address_card h3{font-family: 'Yantramanav';    font-size: 1.25rem;    letter-spacing: -.015em;font-weight: bold; color:#191919; line-height: 1; margin: 0;}
.address_card p{padding-top: .625em; margin-bottom: 0;}
.address_card .bt_bb_icon_holder{width: 1em !important;height: 1em !important;line-height: 1 !important; color: #002856;min-width: 64px; display: block;  font-size: 64px !important;}
.address_card .d-flex{margin-top:2em ;}
.mt_minus{margin-top: -3em;}
.showrooms_sec{padding: 80px 0 60;}
.showrooms_sec .shape_colomn p{margin-bottom: 0; line-height: 1;}
.showrooms_sec .shape_colomn .white_box{padding: 38px 60px;}
.showrooms_sec .shape_colomn {margin-bottom: 30px;}
.iframe_overlay {background-color: rgba(0, 0, 0, .4);position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}
.career_banner{background: url(../images/Header-2.jpg);}
.bt_bb_process_step_icon {background-color: #ffffff;color: #191919;width: 6em;height: 6em;position: relative; z-index: 1;}
.bt_bb_process_step_icon .bt_bb_icon_holder{display: block;line-height: 6em;text-align: center;}
.bt_bb_process_step_icon .bt_bb_icon_holder:before {font-size: 4.5em;-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none;opacity: 1;}
.bt_bb_process_step_content h4{font-size: 31px; color: #181818; padding-top: .66em;padding-bottom: .66em; font-weight: bold; line-height: 1;}
.bt_bb_process_step_text{font-size: 16px;}
.bt_bb_process_step:after {border-left: 0;content: "";display: block;border-top: 2px dotted rgba(0,0,0,.07) !important;top: 3em;position: absolute;bottom: auto;width: 100%;-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;transform: none !important;}
.bt_bb_process_step:last-child::after{display: none;}
.about_shape5{ position: absolute;bottom: 0;left: 0;opacity: 1;max-width: 25%;margin-left: -5.5em;margin-bottom: -130px;rotate: 81deg;animation-duration: 8s;animation-iteration-count: infinite; animation-name: bounce-1;animation-timing-function: linear;}
.about_shape6{position: absolute;bottom: 0;right: -13%;opacity: .2;max-width: 25%;margin-left: -2.5em;margin-bottom: 3em;animation-duration: 8s;animation-iteration-count: infinite; animation-name: bounce-1;animation-timing-function: linear;}
.careerForm{padding-bottom: 120px; background-color: #eeeeec; position: relative; z-index: 1;}
.careerForm img{object-fit: cover; object-position: center;}
.career_rightbox{ padding-left: 2em;  padding-right: 2em;max-width: 620.001px;}
.career_rightbox .sub_title h3{font-size: 40px;}
.career_rightbox .sub_title  p{font-size: 1.125rem; color: #002856;}
.gender_select .wpcf7-list-item{margin: 0 15px 0 0;}
/* Hide the default radio button */
.careerForm input[type="radio"] {opacity: 0;position: absolute;}
/* Custom radio button style */
.careerForm input[type="radio"] + label, .careerForm input[type="radio"] + span {position: relative;padding-left: 30px;cursor: pointer;font-size: 16px;display: inline-block;color: #333;}
/* Radio button circle */ 
.careerForm input[type="radio"] + label:before, .careerForm input[type="radio"] + span:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border: 2px solid #c3c3c3;border-radius: 50%;}
.careerForm input[type="radio"]:checked  + label:before, .careerForm input[type="radio"]:checked  + span:before{border-color: #002856;}
/* When the radio button is checked, show the inner circle */
.careerForm input[type="radio"]:checked + label:after, .careerForm input[type="radio"]:checked + span:after {content: '';position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background-color: #002856;}
/* Add hover effect */
.careerForm input[type="radio"] + label:hover:before, .careerForm input[type="radio"] + span:hover:before {border-color: #002856;}
/* file Upload  */
/* Hide the default file input */
#file-upload {  display: none;}
.file_upload > p{display: flex; width: 100%;}
/* Style the label to look like a button */
.file-upload-label {display: inline-block;padding: 13px 20px;background-color: rgb(0 40 86);color: white;border-radius: 0;font-weight: 600;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;width: auto;max-width: max-content;}
/* Hover effect */
.file-upload-label:hover {background-color: rgb(0 40 86)}
/* Display the file name */
.file-name {width: auto;}

.sec_titles p{ font-size: 1.25rem;}
.product_short_desc h6{font-size: 1.15rem; line-height: 1.6; margin: 0;}
.product_scrolling{background-image: url(../images/Untitled-1-4.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 120px 0;}
.product_scrolling .sub_title{margin-bottom: 3rem; color: #fff; line-height: 1;font-size: 38px; font-weight: 700;}
.product_scrolling .overlay_text{background-color: #F2F2F2; color: #032a57dd; line-height: 1.4; font-size: 20px;}
.product_single{top: 0 !important;bottom: 0 !important;}
.product_single img{width: 400px;}
.product_single h1.sub_head{ font-size: 40px; margin-bottom: 18px;}
.product_single p{color: #ffffff; line-height: 1.6; text-align: justify;}
.btn-enquiry, .btn-enquiry:hover{border-radius: 50px;background: #3A8DDE;box-shadow: 0px 10px 50px 0px rgba(61, 55, 241, 0.25);color: #ffffff;border: 0;color: #FFF;text-align: center;padding: 19px 30px;font-size: 18px;font-weight: 600;line-height: 1;display: inline-block;}
.prod_sec{padding: 120px 0;background-color: #ffffff;}
/* .product_scrolling .arrival_box img{aspect-ratio:unset} */
.arrival_box2 .overlay_text{padding: 20px; text-align: left;}
.arrival_box2 h3{color: #000;font-size: 24px;font-weight: 700; margin: 0;line-height: 1.4}
.arrival_box2 h6{color: #000;font-size: 18px;font-weight: 400;line-height: 1.4; margin: 0;}
.arrival_box2 span{color: #3A8DDE;font-size: 18px;font-weight: 700;line-height: 1.4}

@keyframes rotate-border {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(270deg); /* 75% = 270deg */
  }
}
.why_us_box > div > svg > path:last-child{animation: rotate-border 2s linear forwards;}
.circular-progress {--size: 170px;--half-size: calc(var(--size) / 2);--stroke-width: 10px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) /104);animation: progress-animation 2s linear 0s 1 forwards;}
.circular-progress circle {cx: var(--half-size);cy: var(--half-size);r: var(--radius);stroke-width: var(--stroke-width);fill: none;stroke-linecap: round;}
.circular-progress circle.bg {stroke: #181818; opacity: 0.1;}
.circular-progress circle.fg {transform: rotate(-90deg);transform-origin: var(--half-size) var(--half-size);stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));transition: stroke-dasharray 0.5s linear 0s;stroke: #002856;}

.circular-progress1 {--size: 170px;--half-size: calc(var(--size) / 2);--stroke-width: 10px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) /104);animation: progress-animation 2s linear 0s 1 forwards;}
.circular-progress1 circle {cx: var(--half-size);cy: var(--half-size);r: var(--radius);stroke-width: var(--stroke-width);fill: none;stroke-linecap: round;}
.circular-progress1 circle.bg {stroke: #181818; opacity: 0.1;}
.circular-progress1 circle.fg {transform: rotate(-90deg);transform-origin: var(--half-size) var(--half-size);stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));transition: stroke-dasharray 0.5s linear 0s;stroke: #002856;}
.circular-progress2 {--size: 170px;--half-size: calc(var(--size) / 2);--stroke-width: 10px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) /106);animation: progress-animation 2s linear 0s 1 forwards;}
.circular-progress2 circle {cx: var(--half-size);cy: var(--half-size);r: var(--radius);stroke-width: var(--stroke-width);fill: none;stroke-linecap: round;}
.circular-progress2 circle.bg {stroke: #181818; opacity: 0.1;}
.circular-progress2 circle.fg {transform: rotate(-90deg);transform-origin: var(--half-size) var(--half-size);stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));transition: stroke-dasharray 0.5s linear 0s;stroke: #002856;}

.circular-progress3 {--size: 170px;--half-size: calc(var(--size) / 2);--stroke-width: 10px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) /103);animation: progress-animation 2s linear 0s 1 forwards;}
.circular-progress3 circle {cx: var(--half-size);cy: var(--half-size);r: var(--radius);stroke-width: var(--stroke-width);fill: none;stroke-linecap: round;}
.circular-progress3 circle.bg {stroke: #181818; opacity: 0.1;}
.circular-progress3 circle.fg {transform: rotate(-90deg);transform-origin: var(--half-size) var(--half-size);stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));transition: stroke-dasharray 0.5s linear 0s;stroke: #002856;}

@property --progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

@keyframes progress-animation {
  from {
    --progress: 0;
  }
  to {
    --progress: 100;
  }
}


.product_banner .product_single{position: relative;height: 100%;width: 100%;padding: 200px 0 100px;}
.backarrow {color:#002856;font-size:20px;}
.backarrow img {margin-right:15px}
.prod_det {padding:100px 0;background-color: #ffffff;}
.form_modal .modal_bg { background-color: #fff; border-radius: 10px; padding: 30px; z-index: 1; position: relative;}
.form_modal .btn-close { position: absolute; right: 30px;}
.no_categories, .no_posts {color:#fff;}
.thumbnailOnSale{min-height: auto;}
/* .thumbnailOnSale img{height: 245px;} */
.thumbnailOnSale img{max-height: 245px;max-width: 100%;margin: 0 auto;width: auto !important;}
.thumbnailOnSale .overlay_text {position: unset;}
.thumbnailOnSale .overlay_text h4{display: -webkit-box; color: #032a57dd; line-height: 1.4; margin: 0; font-size: 20px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0; font-weight: 600;}
.thumbnailOnSale .overlay_text p{font-size: 16px;color: #032a57dd;line-height: 1.6;width: 100%;display: block;font-weight: normal; margin: 0;}
.product_carousel .arrival_box {background-color: #F2F2F2;}
.product_carousel .arrival_box:hover {background-color: #fff;}
.product_carousel .owl-dots{text-align: center; margin-top: 30px;}
.product_carousel button.owl-dot {height: 16px;width: 16px;border-radius: 50%;margin: 15px 3px 0;border: 1px solid #fff !important;}
.product_carousel button.owl-dot.active {background-color: #fff;}
.message_section .white_box .sub_head{margin-bottom: 10px;}
.messagebox .sub_head{ margin-bottom: 20px;}
.messagebox .message_para::before{position: absolute; content: ""; top: 0; left: 0; background: url(../images/quote.svg) no-repeat; height: 50px; width: 50px; background-size: contain; opacity: 0.1;}
.messagebox .message_para p{line-height: 1.8; opacity: 0.8; font-size: 18px;}
.pagenotfound-section{background: url(../images/post_05.jpg) no-repeat; background-position: center; background-size: cover; position: relative; height: 100vh;}
.pagenotfound-section::before{mix-blend-mode: multiply; background: #022856 !important;opacity: 1 !important;position: absolute;content: "";display: block;left: -1px;top: -1px;right: -1px;bottom: -1px;}
.pagenotfound-section .container{position: relative; z-index: 1;}
.bt_bb_headline_superheadline{font-size: 1.375rem; display: block;letter-spacing: 0 !important; color:#fff;padding-bottom: .75em;margin-bottom: 0;font-weight: 400;}
.pagenotfound-section h2{color: #fff;font-size: 6.25rem;letter-spacing: -.015em;font-weight: bold;display: block; line-height: 1.2;}
.primary_btn{-webkit-box-shadow: 0 0 0 2em #002856 inset; box-shadow: 0 0 0 2em #002856 inset; filter: brightness(1.1); overflow: hidden; padding: 1.063em 1.563em;border: 1px solid;}
.primary_btn:hover{border: 1px solid;}
.primary_btn:before {content: "";display: block;left: 0;width: 100%;top: 0;height: 100%;background: -webkit-linear-gradient(left, transparent, #FFF);background: -moz-linear-gradient(left, transparent, #FFF);background: linear-gradient(to right, transparent, #FFF);position: absolute;z-index: 1;-webkit-transform: skewX(-15deg) translateX(-120%);-moz-transform: skewX(-15deg) translateX(-120%);-ms-transform: skewX(-15deg) translateX(-120%);transform: skewX(-15deg) translateX(-120%);-webkit-transition: none;-moz-transition: none;transition: none;opacity: .5;}
.bt_bb_button_text { display: block;  -webkit-transition: none;  -moz-transition: none;  transition: none; z-index: 2;  color: #fff;font-weight: bold;}

.primary_btn:hover:before {
  -webkit-transform: skewX(-15deg) translateX(120%);
  -moz-transform: skewX(-15deg) translateX(120%);
  -ms-transform: skewX(-15deg) translateX(120%);
  transform: skewX(-15deg) translateX(120%);
  -webkit-transition: 800ms ease transform;
  -moz-transition: 800ms ease transform;
  transition: 800ms ease transform;
}
.btn_div{margin-top: 2em; padding-top: .75em;}
.product_carousel.owl-carousel .owl-stage{display: flex;}
.product_carousel.owl-carousel .owl-stage .owl-item .item{height: 100%;}
.certification_carousel.owl-carousel .owl-stage{display: flex; margin: 0 auto;}
.certification_carousel.owl-carousel .owl-stage .owl-item .item{height: 100%;}
section.certification {padding: 80px 0 20px;}