html {
	scroll-behavior: smooth;
}

hr {
	margin: 40px 0;
	background: rgb(68 68 68 / 50%);
}

::-webkit-scrollbar {
	width: 2px;
	height: 7px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 7px grey;
}

::-webkit-scrollbar-thumb {
	background: #002439;
}

::-webkit-scrollbar-thumb:hover {
	background: #2DA1B0;
}

::selection {
	color: #fff;
	background: #2DA1B0;
}

:focus-visible {
	outline: #2DA1B0 auto 1px;
}

.nav-link:focus {
	color: #2DA1B0;
}

body {
	font-family: "Manrope", serif;
	overflow-x: hidden;
	max-width: 100vw;
}

a {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	color: #444444;
	font-size: 17px;
}
.subpage .section_title h3 {
	font-size: 32px;
	margin-bottom: 15px;
	font-weight: 600;
}
.section_title.max-w730 {max-width: 800px;}
.page-btn {font-family: "Manrope", serif; font-size: 14px; line-height: 17px; font-weight: 500; width: auto; height: auto; border-width: 2px; border-style: solid; display: block; border-radius: 0px; text-align: center; position: relative; z-index: 0; transition: 500ms; padding: 16px 20px; text-transform: uppercase; letter-spacing: 0.5px; min-width: 147px; }
.page-btn.w-btn {color: #fff; border-color: #2da1b0; }
.page-btn.d-btn {color: #444; border-color: #444; }
.page-btn.b-btn {color: #2DA1B0; border-color: #2DA1B0; }
.page-btn:hover {color: #fff; }
.page-btn:hover.w-btn, .page-btn:hover.d-btn, .page-btn:hover.b-btn {border-color: #2DA1B0; }
.page-btn-area {overflow: hidden; position: relative; display: inline-block; border-radius: 0px; }
.page_button_circle {background-color: #2DA1B0; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; pointer-events: none; }
.explode-circle {animation: explode 0.8s forwards; }
.desplode-circle {animation: desplode 0.5s forwards; }
@keyframes explode {
	0% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: transparent;
	}

	100% {
		width: 600px;
		height: 600px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #2DA1B0;
	}
}

@keyframes desplode {
	0% {
		width: 600px;
		height: 600px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #2DA1B0;
	}

	100% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: transparent
	}
}

.theme_btn .fill-btn .page-btn {font-size: 14px;font-weight: 500;width: auto;height: auto;border-width: 2px;border-style: solid;display: block;border-radius: 0px;text-align: center;position: relative;z-index: 0;transition: 500ms;padding: 16px 22px;text-transform: uppercase;letter-spacing: 0.5px;min-width: 147px;background: transparent;box-shadow: none;outline: none;}
.theme_btn .fill-btn .page_button_circle_fill {background-color: #2DA1B0; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; pointer-events: none; }
.theme_btn .w-btn:hover {color: #ffffff;border-color: #ffffff;}
.theme_btn .page-btn-area {width: auto; position: relative; z-index: 0; }
.theme_btn .page-btn-area::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2DA1B0; z-index: -1; transition: 500ms; }
.theme_btn .page-btn-area:hover::after {background: #002439; }
.theme_btn .explode-circle-file {animation: explodefill 0.8s forwards; }
.theme_btn .desplode-circle-file {animation: desplodefill 0.5s forwards; }
@keyframes explodefill {
	0% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgb(45 161 176 / 19%);
	}

	100% {
		width: 600px;
		height: 600px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #fff;
	}
}

@keyframes explodefill {
	0% {
		width: 600px;
		height: 600px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: transparent;
	}

	100% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgb(45 161 176 / 19%);
	}
}

.color .request-btn {color: #444444; border: 2px solid #2DA1B0; font-weight: 600; }
.index-main-heading-dnone {position: absolute; top: 0; left: 0; z-index: -99; visibility: hidden; font-size: 5px; }
.header-slider {position: relative; }
.top-header {background: #333; padding: 10px; display: flex; justify-content: flex-end; align-items: center; }
.header {position: absolute; top: 0; left: 0; width: 100%; z-index: 1; transition: 500ms; background: #ffffff00; animation: 500ms ease-in-out 0s normal none 1 running fadeIn; }
.header .navbar {padding: 0; justify-content: space-between; }
.header .navbar-brand {margin: 20px 0; padding: 10px 35px 10px 0; transition: 500ms; }
.header .navbar-brand img {width: 210px; }
.header .navbar-brand .dark {display: none; }
.navbar-nav li.nav-item .nav-link {font-size: 16px; line-height: 20px; font-weight: 500; color: #fff; padding: 46px 18px; position: relative; transition: 500ms; text-transform: capitalize; letter-spacing: 0.3px; }
.navbar-nav li.nav-item.dropdown .nav-link {padding-right: 25px; }
.navbar-nav li.nav-item .nav-link::before {content: ''; position: absolute; left: auto; right: 0; top: -5px; width: 0; height: 2px; background: #2da1b0; transition: 500ms; }
.navbar-nav .nav-link::after {display: none; }
.sticky .navbar-nav .nav-link::before {top: -7px; }
.main-menu {display: inline-block; }
.header .button-area {display: inline-flex; }
.menu-area .button-area {margin-right: 12px; }
.navbar-nav li.nav-item .nav-link.active::before, .navbar-nav li.nav-item .nav-link:hover::before {width: 100%; left: 0; right: auto; }
.navbar-nav .nav-item.show .nav-link::before {width: 100%; }
/* .navbar-nav .nav-item .dropdown-menu {display: block; transform: translate(-50%, 10px); box-shadow: 0 0 10px 0 rgb(0 0 0 /20%); opacity: 0; visibility: hidden; transition: 300ms; padding: 5px 0; width: auto; left: 50%; z-index: 0; padding: 5px 0; } */
.navbar-nav .nav-item .dropdown-menu.show {transform: translate(-50%, 0px); opacity: 1; visibility: visible; }
.navbar-nav .nav-item .dropdown-menu li {display: inline-block; width: 100%; /* margin-right: 2%; */ flex: 0 0 auto; position: relative; border-bottom: 1px solid #e9e9e9; transition: all 450ms ease; }
/*.navbar-nav .nav-item .dropdown-menu li:nth-child(3n+3) {margin-right: 0; }
.navbar-nav .nav-item .dropdown-menu li:last-child {border-bottom: none; }*/
.navbar-nav .nav-item .dropdown-item {padding: 10px 12px; position: relative; transition: 500ms; font-size: 15px; font-weight: 400; color: #444444; }
.navbar-nav .nav-item .dropdown-item:focus, .navbar-nav .nav-item .dropdown-item:hover {background: none;color: #2da1b0;}
/* .navbar-nav .nav-item .dropdown-item::before {position: absolute; left: auto; right: 0; bottom: -1px; width: 0px; height: 1px; background: #2DA1B0; transition: 500ms; } */
.navbar-nav .nav-item .dropdown-item:hover::before {left: 0; right: auto; width: 100%; }
.navbar-nav .dropdown-img img {width: 100%; }
.header .request-btn {color: #fff; border-color: #2DA1B0; }
.header.sticky {background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); z-index: 3; position: fixed; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; top: 0; }
.header.sticky .navbar-brand {margin: 0px 0; }
.header.sticky .navbar-brand .light {display: none; }
.header.sticky .navbar-brand .dark {display: unset; }
.header.sticky .navbar-nav li.nav-item .nav-link {color: #444; padding: 24px 15px 24px 15px; }
.header.sticky .navbar-nav li.nav-item.dropdown .nav-link {padding: 24px 27px 24px 20px; }
.header.sticky .navbar-nav .nav-link.active::before, .header.sticky .navbar-nav .nav-link::before {background: #2da1b0; }
.header.sticky .header-call-area, .header.sticky .header-call-area a {color: #444; }
.header.sticky .header-call-area svg {filter: invert(0.2); }
.header.sticky .request-btn {color: #444; border: 2px solid #444; font-weight: 600; }
.header.sticky .request-btn:hover {color: #fff; border-color: #2DA1B0; }
.header .burger {width: 28px; height: 20px; cursor: pointer; position: relative; }
.header .burger__line {display: block; width: 100%; height: 2px; background-color: #ffffff; position: absolute; left: 0; transition: .3s all linear; }
.header .burger_active .burger__line {background-color: #ffffff; }
.header .burger__line_first {top: 0px; }
.burger__line_second, .burger__line_third {top: 50%; transform: translateY(-50%); }
.burger__line_fourth {bottom: 0; }
.header .burger_active {width: 28px; height: 28px; }
.header .burger_active .burger__line_first, .header .burger_active .burger__line_fourth {opacity: 0; }
.burger_active .burger__line_second {transform: translateY(-50%) rotate(45deg); }
.burger_active .burger__line_third {transform: translateY(-50%) rotate(-45deg); }
.sticky .burger__line {background-color: #444; }
.sticky .main-menu .burger__line {background-color: #fff; }
.navbar-toggler:focus {box-shadow: none }
.header-call-area a:hover {opacity: 0.8; }
.request-btn:hover {color: #fff; border-color: #2DA1B0; }
.request-btn:hover::after {width: 100%; left: 0; right: auto; }
.header .navbar .carousel-inner img {max-height: 175px; object-fit: cover; border: 3px solid #eeeeee; }
.main-menu .dropdown-toggle.btn {position: absolute; top: 0; right: 0; z-index: 2; width: 38px; height: 100%; max-height: 51px; box-shadow: none; border-radius: 0; border-left: 1px solid rgb(255 255 255 / 25%); border-right: 1px solid rgb(255 255 255 / 25%); }
.main-menu .dropdown-toggle.btn:after {content: "+"; border: none; font-size: 25px; color: #2DA1B0; vertical-align: baseline; }
.main-menu .dropdown-toggle.btn.show:after {content: "-"; }
.header_info {padding-top: 175px; padding-bottom: 60px; background: #002439; text-align: center; position: relative; overflow: hidden; }
.header_info .header_info_text {text-align: center; }
.header_info img {position: absolute; top: 0; right: -16%; }
.header_info .header_info_text h1 {color: #fff; font-size: 45px; font-weight: 600;white-space: pre-line; }
.header_info .header_info_text p {color: hsl(0deg 0% 100% / 80%); font-size: 17px; margin: 24px auto;}
.rotate {animation: rotation 65s; }
.linear {animation-timing-function: linear; }
.infinite {animation-iteration-count: infinite; }
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.img_roted {position: absolute; right: -45%; bottom: 15%; opacity: 0.4; }
.themeform .form-control, .themeform .form-select {border: solid 2px #e4e6ed; height: 56px; font-weight: 500; padding: 15px 20px; }
.themeform textarea.form-control {resize: none; height: 135px; }
.themeform .form-floating>label {color: #757575; font-size: 15px; font-weight: 600; letter-spacing: 0.35px; }
.themeform .form-select {padding-top: 23px; box-shadow: none !important; } 
.thememodal .modal-fullscreen .modal-content {backdrop-filter: blur(3px);background: rgb(90 109 120 / 38%);left: 0;top: 0;transition: all 0.4s;backdrop-filter: blur(2px);}
.thememodal .modal-fullscreen .modal-body {display: flex; flex-wrap: wrap; align-items: center; justify-content: end; }
.thememodal .modal-wrap {width: 100%; border-radius: 0px; padding: 12px; background: #002439; background-position: bottom center; box-shadow: 0px 9px 32px rgb(0 0 0 / 42%); max-width: 1000px !important; /* margin-left: auto; */ /* margin-right: unset; */ position: relative; animation: modalSlideUp 0.4s ease-out; border-radius: 50px 0px 0px 0px; }
.thememodal .modalpic {width: 100%; height: 100%; padding: 32px 42px; text-align: center; position: relative; }
.thememodal .modalpic>img {width: 100%; height: 100%; object-fit: contain; }
.thememodal .contactinfo {background: #efe6dd; }
.thememodal .themeform {position: relative; padding: 42px 38px; border-radius: 0px; background-color: #ffffff; }
.thememodal .themeform h4 {font-weight: 600;font-size: 25px;margin: 0;}
.thememodal .btn-danger {font-size: 16px; font-weight: 600; padding: 10px 20px; text-transform: uppercase; }
.close-button {width: 48px; height: 48px; background: none; right: 0; top: 0px; z-index: 2; opacity: 1 !important; position: absolute; text-indent: -9999px; background: #ffffff; box-shadow: none !important; }
.close-button:before, .close-button:after {content: ''; width: 55%; height: 2px; background: #002439; position: absolute; top: 50%; left: 22%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.close-button:after {-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.close-button:hover:before, .close-button:hover:after {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
@keyframes modalSlideUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.youtube .modal-wrap {border-radius: 0px; }
.youtube .btn-close {border-radius: 0px 0px 0px 10px; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {border: 1px solid #2DA1B0 !important; -webkit-text-fill-color: #2DA1B0 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s !important; }
.form-control:focus {background-color: #fff; border-color: #2DA1B0 !important; outline: 0; box-shadow: none !important; }
.modal_info {color: #fff;text-align: left;padding: 0px 20px;position: relative;}
.modal_info .img_roted {position: absolute; right: -40%; top: 40%; opacity: 0.6; }
.modal_info h4 {color: #fff;font-size: 27px;font-weight: 600;margin-bottom: 20px;}
.modal_info p {color: #fff;font-size: 16px;}
.home_slider {position: relative; width: 100%; }
.home_slides_card {position: relative; width: 100%; height: 100%; overflow: hidden; background: #000000; }
.home_slides_card img {width: 100%; height: 100%; object-fit: cover; opacity: 0.85; }
.home_slides_card_text {position: absolute; bottom: 10px; left: 10px; color: white; z-index: 2; padding: 100px 0px 100px 100px; }
.home_slides_card_text span {font-size: 17px; margin-bottom: 5px; display: block; }
.home_slides_card_text h3 {font-size: 70px; font-weight: 700; }
.home_slides_card_text p {font-size: 20px; color: #fff; font-weight: 600; }
.home_slides_card::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 42%); z-index: 1; transition: opacity 0.3s ease; opacity: 1; }
.swiper-slide.swiper-item.swiper-slide-active .home_slides_card::after {opacity: 0; }
.swiper-slide.swiper-item:not(.swiper-slide-active) .home_slides_card::after {opacity: 1; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 22% !important; left: auto; }
.swiper-button-next {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 10; }
.swiper-button-prev {display: none !important; }
.home_slider .swiper-button-next {right: 50%; left: auto; transform: translateX(20%); width: 60px; height: 60px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }
.home_slider .swiper-button-next, .swiper-button-prev {top: 75%; }
.home_slider .swiper-button-next img {width: 24px; height: 24px; transition: transform 0.6s ease-in-out; }
.home_slider .swiper-button-next:hover {backdrop-filter: blur(10px); box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3); border: 2px solid white; }
.home_slider .swiper-button-next::after {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); border-radius: 50%; transform: scale(0); transition: transform 0.6s ease-out, opacity 0.6s ease-out; z-index: -1; }
.home_slider .swiper-button-next:hover::after {transform: scale(2); opacity: 0; }
.home_slider .swiper {z-index: -2 ; }
.about_main {padding: 125px 0px; overflow: hidden; padding-bottom: 50px; }
.about_main .about_main_text h3 {font-size: 45px; color: #000000; line-height: 1.2; font-weight: 600; }
.about_main .about_main_text h2 {font-size: 45px; color: #000000; line-height: 1.2; font-weight: 600; }
.about_main .about_main_text p {margin: 15px 0px; font-weight: 500; }
.about_main .about_main_counter {position: relative; cursor: pointer; }
.about_main .about_main_counter:hover {cursor: pointer; }
.about_main .about_main_counter:after {content: ''; position: absolute; background-image: url('../images/about.png'); background-size: contain; background-position: top; background-repeat: no-repeat; top: -13px; right: -25%; height: 500px; width: 80vh; z-index: -1; transform: translateX(33%); }
.about_main .about_main_counter:before {content: ''; position: absolute; background-image: url('../images/play_btn.svg'); background-size: contain; cursor: pointer; background-position: top; background-repeat: no-repeat; top: 154%; left: 66%; height: 110px; width: 110px; z-index: 1; transform: translateX(50%) translateY(-35%); animation: zoom-in-zoom-out 4s ease-out infinite; }
.about_main .about_main_counter .counter_box {position: relative; text-align: center; max-width: 300px; height: 100%; display: flex; flex-direction: column; align-items: center; }
.about_main .about_main_counter .counter_box:after {content: ''; position: absolute; background-image: url('../images/Polygon.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; top: 25%; transform: translateY(-36%); left: 2%; height: 250px; width: 290px; }
.about_main .about_main_counter .counter_box p {font-size: 18px; font-weight: 500; color: #2DA1B0; z-index: 1; position: relative; line-height: 1.3; margin-top: 7px; text-align: left; }
.about_main .about_main_counter .counter_box h4 {font-size: 58px; color: #2DA1B0; font-weight: 700; margin: 0px 0px; margin-bottom: 0px; position: relative; display: flex; align-items: center; width: 100%; justify-content: center; font-family: "Manrope", sans-serif; }
.about_main .about_main_counter .counter_box h4:after {content: '+'; font-weight: 500; margin: -3px 2px 0; font-size: 47px; left: -3px; position: relative; top: 2px; color: #2DA1B0; z-index: 1; }
.about_main .about_main_counter .counter_box .counter {position: relative; display: flex; overflow: hidden; height: 66px; text-align: center; padding-right: 2px; justify-content: space-around; align-items: flex-end; }
.about_main .about_main_counter .counter_box .counter > span {z-index: 1; display: flex; flex-direction: column; height: 100%; width: 34px; transition: transform 2s ease; transform: translateY(0); align-items: center; }
.about_main .about_main_counter .counter_box .counter > span span {flex: 0 0 100%; height: 100%; }
.about_main .about_main_counter .counter_box .counter span:nth-last-child(3), .about_main_counter .counter_box .counter span:nth-last-child(5) {margin-left: 0; }
.about_main .about_main_counter .counter_box .counter span:nth-last-child(3) span:last-child, .about_main_counter .counter_box .counter span:nth-last-child(5) span:last-child {position: relative; }
.about_main .about_main_counter .counter_box .counter span:first-child {margin-left: 0; }
.about_main .about_main_counter .counter_box .counter span:first-child span:last-child:before {display: none; }
.about_main .about_slider {padding-top: 35px; padding-left: 30px; padding-right: 30px; overflow: hidden !important; }
.about_main .about_slider .swiper {padding: 0 27px; }
.about_main .about_card {padding: 60px 50px 60px 60px; box-shadow: 8px 2px 27px rgb(0 0 0 / 12%); height: 100%; margin: 30px 0px; background: #fff; border-radius: 10px; position: relative; overflow: hidden; }
.about_main .about_card:after {content: ''; position: absolute; background-image: url('../images/vector_2.png'); background-size: 100%; background-position: top right; background-repeat: no-repeat; height: 300px; width: 300px; top: -35%; right: -19%; z-index: 0; animation: textRotate 10s linear infinite; opacity: 0; transition: 0.5s all; }
.about_main .about_card:hover:after {opacity: 1; }
.about_main .about_card h3 {margin: 25px 0px 14px 0px; font-size: 18px; text-transform: capitalize; font-weight: 700; }
.about_main .about_card p {font-weight: 400; color: #000; }
@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.1, 1.1);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes textRotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.about_mobile_view {position: relative; margin-top: 30px; display: none; }
.about_mobile_view:before {content: ''; position: absolute; background-image: url('../images/play_btn.svg'); background-size: contain; cursor: pointer; background-position: top; background-repeat: no-repeat; top: 50%; left: 45%; height: 75px; width: 75px; z-index: 0; transform: translateX(50%) translateY(-35%); animation: zoom-in-zoom-out 4s ease-out infinite; }
.about_mobile_year {position: relative; top: 64px; left: -78px; z-index: 1; }
.about_mobile_view .about_main_counter_mobile {position: relative; cursor: pointer; }
.about_mobile_view .about_main_counter_mobile:hover {cursor: pointer; }
.about_mobile_view .about_main_counter_mobile .counter_box {position: relative; text-align: center; max-width: 300px; height: 100%; }
.about_mobile_view .about_main_counter_mobile .counter_box:after {content: ''; position: absolute; background-image: url('../images/Polygon.png'); background-size: 80%; background-position: center; background-repeat: no-repeat; top: 25%; transform: translateY(-36%); left: 2%; height: 250px; width: 290px; }
.about_mobile_view .about_main_counter_mobile .counter_box p {font-size: 16px; font-weight: 500; color: #2DA1B0; z-index: 1; position: relative; line-height: 1.3; margin-top: 7px; text-align: center; }
.about_mobile_view .about_main_counter_mobile .counter_box h4 {font-size: 50px; color: #2DA1B0; font-weight: 700; margin: 0px 0px; margin-bottom: 0px; position: relative; display: flex; align-items: center; width: 100%; justify-content: center; font-family: "Manrope", sans-serif; }
.about_mobile_view .about_main_counter_mobile .counter_box h4:after {content: '+'; font-weight: 500; margin: -3px 2px 0; font-size: 47px; left: -3px; position: relative; top: 2px; color: #2DA1B0; z-index: 1; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter {position: relative; display: flex; overflow: hidden; height: 57px; text-align: center; padding-right: 2px; justify-content: space-around; align-items: flex-end; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter > span {z-index: 1; display: flex; flex-direction: column; height: 100%; width: 29px; transition: transform 2s ease; transform: translateY(0); align-items: center; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter > span span {flex: 0 0 100%; height: 100%; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter span:nth-last-child(3), .about_main_counter_mobile .counter_box .counter span:nth-last-child(5) {margin-left: 0; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter span:nth-last-child(3) span:last-child, .about_main_counter_mobile .counter_box .counter span:nth-last-child(5) span:last-child {position: relative; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter span:first-child {margin-left: 0; }
.about_mobile_view .about_main_counter_mobile .counter_box .counter span:first-child span:last-child:before {display: none; }
.section_title {margin-bottom: 40px; padding-left: 40px; }
.section_title h2 {font-size: 45px; margin-bottom: 15px; font-weight: 600; }
.section_title p { font-weight: 500; }
.section_title span {font-size: 18px; font-weight: 600; letter-spacing: 0.5px; color: #2da1b0; }
.machinery_section {padding: 100px 0px; background: #F6F6F6; overflow: hidden; }
.machinery_section .swiper.machinery_slides {margin-left: 110px !important; overflow: hidden; }
.machinery_section .machinery_card {
    display: block;
    width: 100%;
    top: 120px;
    padding: 0;
    border: 1px solid #bebebe;
    transition: 0.5s all;
    border-radius: 10px;
    overflow: hidden;
}
.machinery_section .machinery_card .machinery_card_title {display: flex; justify-content: space-between; align-content: center; padding: 20px 30px; margin: auto; position: relative; transition: 0.5s all; }
.machinery_section .machinery_card:hover .machinery_card_title {transition: 0.5s all; z-index: 2; overflow: hidden; }
.machinery_section .machinery_card .machinery_card_title:after {content: ''; position: absolute; height: 0%; width: 100%; background: #2DA1B0; top: 0; left: 0; z-index: -1; transition: 0.5s all; border-radius: 0px 0px 10px 10px; }
.machinery_section .machinery_card:hover .machinery_card_title:after {height: 100%; }
.machinery_section .machinery_card .machinery_card_title:before {content: ''; position: absolute; background-image: url('../images/vector_1.png'); background-size: 100%; background-position: top right; background-repeat: no-repeat; height: 100px; width: 100px; top: 35px; right: 50px; z-index: 999; animation: textRotate 10s linear infinite; opacity: 0; transition: 0.5s all; }
.machinery_section .machinery_card:hover .machinery_card_title:before {opacity: 1; }
.machinery_section .machinery_card img {height: auto; width: 100%; border-radius: 10px; transition: 0.5s all; }
.machinery_section .machinery_card:hover img {border-radius: 10px 10px 0px 0px; }
.machinery_section .machinery_card p {font-size: 18px; font-weight: 500; max-width: 260px; transition: 0.5s all; }
.machinery_section .machinery_card:hover p {color: #fff; }
.machinery_section .machinery_card button {height: 47px; width: 47px; border: 1px #D1D1D1 solid; background: #fff; border-radius: 100px; transition: 0.5s all; }
.machinery_section .machinery_card:hover button {animation: zoom-in-zoom-out 2s ease-out infinite; }
.machinery_section .machinery_card button img {height: 17px; } 
.indurstries_rang {padding: 100px 0px; }
.indurstries_rang .indurstries_rang_box {text-align: center; transition: 0.5s all; }
.indurstries_rang .indurstries_rang_box:hover {transform: translateY(-10px); }
.indurstries_rang .indurstries_rang_box_img {height: 152px; width: 152px; background: #2DA1B0; border-radius: 100px; display: flex; flex-direction: row; align-content: center; justify-content: center; flex-wrap: wrap; margin: auto; transition: 0.5s all; border: solid 2px transparent; }
.indurstries_rang .indurstries_rang_box:hover .indurstries_rang_box_img {background: #fff; border: solid 2px #2DA1B0; }
.indurstries_rang .indurstries_rang_box_img img {filter: grayscale(1) invert(1) brightness(5.5); height: 52px; transition: 0.5s all; }
.indurstries_rang .indurstries_rang_box:hover .indurstries_rang_box_img img {filter : unset; }
.indurstries_rang .indurstries_rang_box p {font-size: 18px; color: #000; font-weight: 600; max-width: 135px; margin: auto; margin-top: 15px; }
.indurstries_rang .button-area.color {text-align: center; margin-top: 65px; }
.map_section .map_section_top {border-top: solid 1px #CECECE; padding: 85px 0px; }
.map_section .map_section_top .counter_main_card {border-bottom: solid 1px #C1DDEB; padding: 20px 20px; }
.map_section .map_section_top .counter_main_card:last-child {border-bottom: none; }
.map_section .map_section_top .counter_main_card .counter_box h4 {font-size: 65px; color: #2DA1B0; font-weight: 300; margin: 0px 0px; margin-bottom: 0px; position: relative; display: flex; align-items: center; width: 100%; justify-content: start; font-family: "Manrope", sans-serif; }
.map_section .map_section_top .counter_main_card .counter_box h4:after {content: '+'; font-weight: 300; margin: -3px 2px 0; font-size: 47px; left: -3px; position: relative; top: 2px; color: #2DA1B0; z-index: 1; }
.map_section .map_section_top .counter_main_card p {font-size: 18px; font-weight: 600; color: #444444; line-height: 1.4; max-width: unset; }
.map_section .map_section_top .counter_main_card .counter_box .counter {position: relative; display: flex; overflow: hidden; height: 66px; text-align: center; padding-right: 2px; justify-content: space-around; align-items: flex-end; }
.map_section .map_section_top .counter_main_card .counter_box .counter > span {z-index: 1; display: flex; flex-direction: column; height: 100%; width: 34px; transition: transform 2s ease; transform: translateY(0); align-items: center; }
.map_section .map_section_top .counter_main_card .counter_box .counter > span span {flex: 0 0 100%; height: 100%; }
.map_section .map_section_top .counter_main_card .counter_box .counter span:nth-last-child(3), .about_main_counter .counter_box .counter span:nth-last-child(5) {margin-left: 0; }
.map_section .map_section_top .counter_main_card .counter_box .counter span:nth-last-child(3) span:last-child, .about_main_counter .counter_box .counter span:nth-last-child(5) span:last-child {position: relative; }
.map_section .map_section_top .counter_main_card .counter_box .counter span:first-child {margin-left: 0; }
.map_section .map_section_top .counter_main_card .counter_box .counter span:first-child span:last-child:before {display: none; }
.map_section .map .country-seletion {position: absolute; z-index: 1; text-align: center; transform: translate(-50%,-50%); cursor: pointer; }
.map_section .map .country-seletion img {height: 24px; }
.map_section .map .country-seletion.india img {height: 34px; }
.map_section .home_map {position: relative; }
.map_section .home_map .map {position: relative; }
.map_section .home_map .main_title, .home_map p {padding-left: 25px; }
.map_section .home_map_w {height: auto; width: 100%; }
.map_section .map .country-seletion i {font-size: 22px; color: #363737; webkit-animation: 0.9s ease-in-out 0.2s normal backwards 1 running fadeInDown; animation: 0.9s ease-in-out 0.2s normal backwards 1 running fadeInDown; }
.map_section .country-seletion.india i, .country-seletion.india_exports i {color: #005798; font-size: 35px; }
.map_section .map .country-seletion .country-name {position: absolute; left: 50%; transform: translateX(-50%); top: -130px; width: max-content; font-size: 10px; opacity: 0; transition: all 0.4s; visibility: hidden; transition-duration: all 0.4s; font-weight: 500; pointer-events: none; }
.map_section .map .country-seletion .country-name:after {content: ""; position: absolute; height: 117px; left: 50%; top: 0; transform: translate(-100%, 29%); border: 0; border-left: 2px dotted #989898; border-style: dashed; }
.map_section .map .country-seletion .country-name img {margin-right: 5px; box-shadow: 0px 0px 5px #646464; border-radius: 100%; height: 30px; border: 2px solid #002439; }
.map_section .map .country-seletion:hover .country-name, .map .up_down_icon .country-name {opacity: 1; visibility: visible; font-weight: 600; font-size: 18px; top: -155px; }
.map_section .map_container {scrollbar-color: #d1e3ec #d4d4d4; scrollbar-width: thin; }
.map_section .map_container::-webkit-scrollbar {height: 1px; }
.map_section .map_container::-webkit-scrollbar-thumb {background-color: #d1e3ec; }
.map_section .map_container::-webkit-scrollbar-track {background-color: #d4d4d4; }
.dot {height: 15px; width: 15px; background: #002439; border-radius: 100px; border: solid 2px #fff; transition: 0.5s all; }
.dot.active {background: #2DA1B0; }
.india, .india_exports {top: 60.5%; left: 69%; }
.canada, .canada_export {top: 38.5%; left: 15%; }
.russia, .russia_export {top: 35%; left: 75.3%; }
.brazil, .brazil_exports {top: 76%; left: 33%; }
.usa, .usa_export {top: 51.8%; left: 18%; }
.madagascar, .madagascar_export {top: 79.5%; left: 60.1%; }
.murmansk, .thailand_exports {top: 31.3%; left: 57.2%; }
/*benefits section*/
.benefits_section {background: #F6F6F6; padding: 100px 0px; position: relative; width: 100%; }
.benefits_section_bg {position: relative; }
.benefits_section .section_title h2 {max-width: 650px; }
.benefits_section .section_title {padding-left: 40px; }
.benefits_section .benifits_img {position: sticky; top: 160px; }
.benefits_section .benifits_img img {top: -35px; left: -18%; width: 100vh; transform: translateX(-60%); max-width:max-content; }
.benefits_section .benifits_card {padding: 30px 0px; }
.benefits_section .benifits_card .benifits_card_title {padding: 15px 40px; border-bottom: solid #BEBEBE 1px; }
.benefits_section .benifits_card .benifits_card_title img {position: relative; z-index: 1; }
.benefits_section .benifits_card .benifits_card_title h3 {font-size: 18px; font-weight: 600; margin: 0; margin-top: 15px; position: relative; z-index: 1; }
.benefits_section .benifits_card p {padding: 15px 40px; font-size: 16px; font-weight: 500; line-height: 1.6; position: relative; z-index: 1; }
/*benefits section*/
.news_event_section {padding: 100px 0px; padding-bottom: 70px; }
.news_event_section .section_title p {max-width: 785px; }
.news_event_section .news_event_card img {border-radius: 10px; }
.news_event_section .news_event_card .news_event_content {padding: 22px 28px 0px 28px; }
.news_event_section .news_event_card .news_event_content .news_event_content_flex {display: flex; gap: 21px; align-content: center; flex-wrap: wrap; }
.news_event_section .news_event_card .news_event_content .news_event_content_flex span {color: #2DA1B0; font-size: 17px; font-weight: 500; }
.news_event_section .news_event_card .news_event_content .news_event_content_flex p {color: #8d8d8d; font-size: 14px; margin: 0; position: relative; font-weight: 500; line-height: 1.8; }
.news_event_section .news_event_card .news_event_content .news_event_content_flex p:after {content: ''; position: absolute; height: 20px; width: 1px; background: #7070709c; left: -11px; top: 3px; }
.news_event_section .news_event_card .news_event_content h3 {font-size: 18px; color: #000; font-weight: 500; margin-top: 15px; margin-bottom: 25px; line-height: 1.5; }
.news_event_section .news_event_card .news_event_content button {background: transparent; border: none; font-size: 15px; color: #2DA1B0; font-weight: 600; padding: 0; position: relative; padding-bottom: 8px; }
.news_event_section .news_event_card .news_event_content button:after {content: ''; position: absolute; height: 2px; width: 0%; background: #2DA1B0; bottom: 3px; left: 0; transition: 0.5s all; z-index: 1; }
.news_event_section .news_event_card .news_event_content button:hover:after {width: 100%; }
.news_event_section .news_event_card .news_event_content button img {margin-left: 5px; }
.news_event_section .button-area.color {text-align: center; margin-top: 80px; }
/*Testimonials section*/
.testimonial_section {padding: 70px 0 30px; background: #F6F6F6; }
.testimonial_slider {width: 100%; margin: auto; }

.testimonial_card {
padding: 55px 70px 0px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    margin: 25px 0px;
    border-radius: 25px;
    background: #fff;
    height: 100%;
}	
	
.testimonial_card .testimonial_card_title {display: flex; align-items: center; margin-bottom: 25px; }
.testimonial_card .testimonial_card_title img {margin-left: 10px; }
.testimonial_card .testimonial_card_title h4 {color: #2DA1B0; font-size: 18px; margin-left: 14px; font-weight: 600; }
.testimonial_card p {font-size: 17px; font-weight: 500; }
.testimonial_section .swiper-slide {transition: opacity 0.3s ease-in-out;
    opacity: 0.5;
    display: flex;
  align-items: center;
  justify-content: center;
  height: auto!important;
  padding-bottom: 50px!important; }
.swiper-slide{
	 height: auto!important;
}
.testimonial_section .swiper-slide-active {opacity: 1 !important; }
/*Work with us section*/
.work_with_us_section {text-align: center; padding: 130px 0px; background-image: url('../images/work_with_us.png'); background-size: cover; background-position: center; position: relative; background-attachment: fixed; }
.work_with_us_section h2 {font-size: 45px; margin-bottom: 15px; font-weight: 600; color: #fff; position: relative; z-index: 1; }
.work_with_us_section p {font-size: 18px; font-weight: 400; color: #fff; position: relative; z-index: 1; margin: 25px auto; }
.work_with_us_section .theme_btn {position: relative; z-index: 1; }
/*Work with us section*/
footer {background-color: #002439; overflow: hidden; position: relative; z-index: 0; }
footer .footer_position {position: absolute; right: -17%; top: 0; z-index: -1; }
footer .footer_social {border-bottom: solid 1px rgb(255 255 255 / 10%); padding: 30px 0px; }
footer .footer_social .footer_social_flex {display: flex; justify-content: space-between; align-items: center; }
footer .footer_social .footer_social_flex .social_icon {margin: 15px 0px 15px 0px; padding: 0px 0px; position: relative; }
footer .footer_social .footer_social_flex .social_icon img {height: 21px; cursor: pointer; transition: opacity 0.3s; }
footer .footer_social .footer_social_flex .social_icon img:hover {opacity: 0.8; }
footer .footer_social .footer_social_flex .social_icon li {display: inline-block; list-style: none; cursor: pointer; }
footer .footer_social .footer_social_flex .social_icon li a {height: 53px; width: 53px; display: block; border: 1px solid rgb(195 197 199); text-align: center; line-height: 50px; border-radius: 100px; margin-right: 10px; transition: 0.5s all; cursor: pointer; }
footer .footer_social .footer_social_flex .social_icon li a:hover {color: #1C3260; background: #ffffff2e; transform: translateY(-5px); }
footer .footer_data {padding: 50px 0px; }
footer .footer_data .footer_link h3 {font-size: 15px; font-weight: 600; text-transform: uppercase; margin-bottom: 25px; color: rgb(45 161 176 / 85%); display: inline-block; letter-spacing: 1.5px; }
footer .footer_data .footer_link ul {list-style: none; }
footer .footer_data .footer_link ul li {margin-bottom: 10px; cursor: pointer; }
footer .footer_data .footer_link ul li a {color: rgb(255 255 255 / 65%); font-size: 16px; font-weight: 500; letter-spacing: 0.5px; position: relative; transition: 0.5s all; }
footer .footer_data .footer_link ul li a:after {content: ''; position: absolute; height: 1px; width: 0%; background: rgb(45 161 176); bottom: -4px; left: 0; transition: 0.5s all; }
footer .footer_data .footer_link ul li a:hover:after {width: 100%; }
footer .footer_data .footer_link p {color: rgb(255 255 255 / 65%); font-size: 16px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 10px; white-space: pre-line; }
footer .footer_copy_write {border-top: solid 1px rgb(255 255 255 / 10%); padding: 27px 0px; }
footer .footer_copy_write .footer_copy_write_flex {display: flex; justify-content: center; align-items: center; }
footer .footer_copy_write .footer_copy_write_flex p {color: rgb(255 255 255 / 85%); font-size: 15px; }
footer .footer_copy_write .footer_copy_write_flex a {color: rgb(255 255 255 / 85%); font-size: 15px; }
footer .footer_copy_write .footer_copy_write_flex a img { filter: grayscale(1); mix-blend-mode: screen; opacity: .7; transition: all ease 0.5s;}
footer .footer_copy_write .footer_copy_write_flex a:hover img{ filter: inherit; mix-blend-mode: normal; opacity: 1;}
.themeform .section_title {
	padding: 0;
}
.contact_form_scssn .theme_btn .w-btn:hover {
	border-color: #2da1b0;
}
footer .footer_data .footer_link p br {
	display: none;
}

/* ========== 18-08-2025 ============ */
.thanks_and_error_part {
    padding-top: 122px;
    padding-bottom: 60px;
    background: #002439;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.thanks_and_error_part .error_tanks_view {
    background-color: #ffffff;
    padding: 100px 0;
}
/* .error_tanks_view .thanks_error_icon::before {
    content: '';
    position: absolute;
    background-image: url(../images/thanks.svg);
    background-size: 75px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    height: 100%;
    width: 100%;
} */
.thanks_and_error_part .error_tanks_view h1 {
    color: #444444;
    font-weight: 600;
    font-size: 82px;
}
.thanks_and_error_part .error_tanks_view .thanks_error_icon {
    max-width: 80px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 12px auto;
}
.thanks_and_error_part .error_tanks_view p {
    white-space: pre-line;
    margin-bottom: 35px;
}
.thanks_and_error_part .error_tanks_view h3 {
    font-size: 26px;
    letter-spacing: 0.3px;
    margin: 16px 0 8px;
    position: relative;
}
.key_features p a {
    color: #1B9C85;
}

/* ========== 31-10-2025 ===== */
.main-menu button.navbar-toggler {
    position: absolute;
    top: 10px;
    right: 9px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    z-index: 1;
}
.header_main nav.navbar ul.navbar-nav li button.dropdown-toggle {
    position: absolute;
    top: calc(50% - 0px);
    right: 10px;
    transform: translateY(-50%);
    background-color: transparent;
    border: unset;
    outline: unset;
    margin: 0;
    padding: 0;
    height: 8px;
    width: 8px;
    z-index: 1;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown button.dropdown-toggle:after, .header_main nav.navbar ul.navbar-nav li.nav-item.dropdown button.dropdown-toggle:before {
    content: "";
    height: 1px;
    width: 100%;
    background: #ffffff;
    border: unset;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: all 0.4s;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown button.dropdown-toggle:after {
    transform: translate(-50%, -50%) rotate(90deg);
} 
.header_main .header.sticky nav.navbar ul.navbar-nav li button.dropdown-toggle:after, .header_main .header.sticky nav.navbar ul.navbar-nav li button.dropdown-toggle:before {
    background-color: #444444;
} 
.header_main .header.sticky nav.navbar ul.navbar-nav li button.dropdown-toggle{
	right: 12px;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
    transform: scaleY(0) translate(100%, 0px);
	top: 0; 
	right: 0;
	left: auto;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li.dropdown-submenu button.dropdown-toggle:after, .header_main nav.navbar ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li.dropdown-submenu button.dropdown-toggle:before {
    background-color: #444444;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
    transform: scaleY(1) translate(100%, 0px);
    visibility: visible;
    opacity: 1;
}
.header_main nav.navbar ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:last-child{
	border-bottom: unset;
}
.header_main nav.navbar ul.navbar-nav .nav-item.dropdown .dropdown-menu {
	visibility: hidden;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	border: unset;
	border-radius: 0;
	margin: 0;
	background: #ffffff;
	max-width: fit-content;
	padding: 0 0 0 0;
	position: absolute;
	left: 0;
	min-width: 230px;
	display: block;
	opacity: 0;
	transform: scaleY(0);
	transition: 0.4s all;
	transform-origin: top;
	border-radius: 5px;
}
.header_main nav.navbar ul.navbar-nav .nav-item.dropdown:hover .dropdown-menu { 
	opacity: 1;
	transform: scaleY(1);
	visibility: visible;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}
/* ==== 03-12-2025 === */
.machinery_section .machinery_card>img {
    padding: 20px 20px;
    height: 330px;
    object-fit: contain;
	border-radius: 10px;
}
.machinery_section .machinery_card .machinery_card_title {
    transition: 0.5s all;
    background-color: #f6f6f6;
    z-index: 1;
}
.machinery_section .machinery_card {
    display: block;
    width: 100%; 
    border: 1px solid #bebebe;
    transition: 0.5s all;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
}
.machinery_section .swiper.machinery_slides{
	padding-left: 1px;
}
.home_slider .swiper-button-next svg.swiper-navigation-icon {
    display: none;
}
.map_section .map_section_top .counter_main_card p{
	max-width: unset !important;
}
.news_event_section a.news_event_card>img {
    border: 1px solid rgb(0 0 0 / 14%);
    display: block;
}
.newsevent p a {
    color: #2da1b0;
}
.home_slides_card_text h3 {
    font-size: 52px;
}
/* ======= 04-12-2025 ========= */
.img_modal .modal-dialog {
    margin: auto auto 0 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    max-width: 600px;
}
.img_modal .modal-dialog button.btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1;
    background-color: #ffdbc6;
    height: 30px;
    width: 30px;
    border-radius: 25px 25px 25px 25px;
    opacity: 1;
    filter: invert(1);
    box-shadow: unset;
    background-size: 11px;
    border: 3px solid #000000;
}
a.whatsapp_chat {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    max-width: 48px;
    max-height: 48px;
}
.img_modal .modal-dialog .modal-body {
    background: rgb(0 36 57 / 8%);
    padding: 10px;
}
.img_modal .modal-dialog .modal-body img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.img_modal .modal-dialog .modal-content {
    width: calc(100% - 30px);
    margin: 0 auto 10px auto;
}