@charset "utf-8";

*{margin:0px; padding:0px;}



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px;  color:#000; font-family: "Outfit", sans-serif; font-family: "Poppins", sans-serif; background-color: #fff ; font-weight: 500;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #fff; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:80px;}

h1, h2, h3, h4, h5, h6 {font-family: "Outfit", sans-serif;}

.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.header_padding{padding-top: 60px;}
.btn_style{color: #fff; z-index: 1; font-weight: 600; position: relative; font-size: .875rem; border: none; border-radius: 7px; text-align: center; display: inline-block; padding: 11px 25px; background: #26904D; font-size: 16px;}
.btn_style.white-btn{background: #fff;}
.btn_style:hover{background: #fff; color:#26904D ;}
.btn_style.white-btn:hover{background: #CACACA;}

header{padding: 10px 0px; box-shadow: 0px 0px 13px 0px #ccc; z-index: 111; position: fixed; left: 0; right: 0; top:0; background: #fff;}
header .navbar {padding: 0;}
.menu_fixed{background: #fff; }
.brand-logo img{width: 70px;}


.dark_logo{display: none;}

.menu_fixed .dark_logo{display: block;}

.menu_fixed .light_logo{display: none;}

.banner_slider_one{background: url(../img/home/slider-1.png) no-repeat; background-size: 100% 100%; height: 550px; border-radius: 20px; padding: 50px 100px;}
.banner_slider_two{background: url(../img/home/slider-2.png) no-repeat; background-size: 100% 100%; height: 550px; border-radius: 20px; padding: 50px 100px;}
.banner_slider_three{background: url(../img/home/slider-3.png) no-repeat; background-size: 100% 100%; height: 550px; border-radius: 20px; padding: 50px 100px;}
.BannerShadow {width: 1100px; height: 750px; border-radius: 50%; background: #217F38; opacity: 0.4; filter: blur(90px); position: absolute; top: -350px; z-index: -1; left: 0px; right: 0px; margin: auto;}
.banner_heading h1{font-weight: 600; font-size: 65px; color: #122347;}
.banner_heading p{font-weight: 500; font-size: 16px; color: #000;}
.banner_heading{max-width: 550px;}
.banner_about_button {display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; font-size: 16px; font-weight: 500; color: #000; background: #fff; border: none; border-radius: 50px; cursor: pointer; box-shadow: -1px 0px 7px 0px rgba(5, 0, 0, 0.30); transition: all 0.3s ease; }
.banner_about_button:hover { box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.25); transform: translateY(-2px); }
.banner_about_button i { font-size: 20px; transition: transform 0.3s ease;}
.banner_about_button:hover i { transform: translateX(4px); }

.theme_text_color{color: #092155;}
.theme_text_color_two{color: #3448dd;}
.theme_bg_color{background: #092155;}

.left_padding_50{padding-left: 50px;}
.right_padding_50{padding-right: 50px;}
.left_padding_100{padding-left: 100px;}
.right_padding_100{padding-right: 100px;}

.carousel-indicators [data-bs-target] { margin-right: 3px; margin-left: 3px; width: 10px; height: 10px; border-radius: 10px; border-top: 0px solid transparent; border-bottom: 0px solid transparent; background: #096587;}
.carousel-control-prev-icon { position: absolute; left: 20px; filter: invert(1);}
.carousel-control-next-icon { position: absolute; right: 20px; filter: invert(1);}
.carousel-indicators {bottom: 100px;}
.banner_button { display: inline-flex; align-items: center; border: 2px solid #07e24a; border-radius: 50px; overflow: hidden; cursor: pointer; font-family: Outfit, sans-serif; }
.banner-btn-text { background-color: #07e24a; color: #fff; padding: 8px 20px; font-size: 16px; border: none; outline: none; }
.banner-btn-arrow i { background-color: white; padding: 6px 15px; color: #07e24a; font-size: 24px; display: flex; align-items: center; justify-content: center; }
.carousel-indicators { z-index: 1111;}
.banner_learn_bg{background:#3448dd; border-radius: 20px; padding: 20px; height: 100%;}
.arrow_icon{color: #fff; font-size: 16px; padding-left: 10px;}
.banner_learn_margin_top{margin-top: -130px; z-index: 11; position: relative;}
.Integration_bg{background: #fff; border-radius: 20px; box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.25);}
.why_image{width: 75px;}
.why_border_right{border-right: 1px solid #BEBEBE;}
.padding_left_right{padding-left: 80px; padding-right: 80px;}

.all_heading_width{max-width: 700px;}
.all_heading_margin{margin: auto;}
.all_heading h6{color: #3448dd; font-weight: 500; font-size: 18px;}
.all_heading h2{color: #122347; font-weight: 600; font-size: 45px;}
.custom-video { height: 400px;  object-fit: cover;  width: 100%;}

.location_icon{height: 30px; width: 30px;}

.Director_box{box-shadow: 0px 0px 13px 0px #ccc;  max-width: 1000px;  margin: auto;  border-radius: 20px;}
.director_pic{width: 200px; background: #37acd7; border-radius: 50%; margin: auto; display: block;}

.Quality_heading{color: #394F89; font-weight: 200; font-size: 150px;}
.all_button {display: inline-flex; align-items: center; background-color: #122347; color: #fff; font-size: 16px; font-family: Arial, sans-serif; padding: 10px 24px; border: none; border-radius: 50px; text-decoration: none; cursor: pointer; transition: background 0.3s ease;}
.all_button:hover {background-color: #0c1730;}
.all_button i {margin-left: 10px; font-size: 18px; }

.tab-container {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; max-width: 1000px; margin: auto;}
.tab {padding: 10px 10px; cursor: pointer; border-radius: 6px 6px 0 0; transition: background 0.3s; flex: 1; color: #313030; text-align: center; border-bottom: 2px solid #C5C5C5;}
.tab.active {border-bottom: 2px solid #3448dd; color: #3448dd;}
.tab-content {display: none; padding: 15px;  border-top: none; border-radius: 0 0 6px 6px;}
.tab-content.active {display: block;  }

.product_image{width: 100%; border-radius: 20px;}

.find_out_bg{background: url(../img/home/find-bg.png) no-repeat; background-size: 100% 100%; }
.findout_image{width: 100%; border-radius: 20px;}

.info_image{height: 650px; position: absolute; right: 0px;  border-radius: 20px 0px 0px 0px; bottom: 0px;}
.Committed_bg{background: #26CEC3;}
.bullet { width: 24px; margin-right: 10px;}
.bullet_para { font-size: 14px; font-weight: 400; color: #fff; margin: 0px;}

.info_card_bg_one{background: #fff; border-radius: 20px; padding: 40px 15px; box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.25); z-index: 1; position: absolute; width: 275px; right: 400px; top: 40px;}
.info_card_bg_two{background: #fff; border-radius: 20px; padding: 40px 15px; box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.25); z-index: 1; position: absolute; width: 275px; right: 400px; top: 197px;}
.info_card_bg_three{background: #fff; border-radius: 20px; padding: 40px 15px; box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.25); z-index: 1; position: absolute; width: 275px; right: 400px; bottom: 40px;}
.why_image_two{width: 60px; margin-right: 10px;}

.testimonial_bg{background: url(../img/home/testimonial-bg.png) no-repeat; background-size: 100% 100%;}


.about_bg{background: url(../img/about/about_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}

.about_header_padding{padding-top: 120px;}

.product_bg{background: url(../img/product/product_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}

.successs{text-align: center;}
.successs img{margin-top:80px;width: 150px;}
.successs p{font-size: 40px; color: #092155; margin-top: 30px;}

.BlogCarebg{background: #26CEC3; padding: 10px 30px; border-radius: 30px; color: #fff; margin-right: 20px;}
.blog_bg{background: url(../img/blogs/blog_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}
.carrer_bg{background: url(../img/career/career_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}
.blogdetails_bg{background: url(../img/details/blogdetails_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}
.contact_bg{background: url(../img/contact/contact_bg.png) no-repeat; background-size: 100% 100%; height: 600px;}

.testimonial-section {position: relative;}
.testimonial-section h2 {color: #26CEC3; font-size: 32px; margin-bottom: 20px; font-weight: 700; }
.carousel {display: flex; align-items: start; gap: 10px; }
.carousel-btn {width: 45px; height: 45px; border-radius: 50%; padding: 15px; background: #fff; border: none; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.carousel-btn:hover {background: #26CEC3; color: #fff; }
.testimonial-wrapper {overflow: hidden; max-width: 900px; margin-left: 200px;}
.testimonial-container {display: flex; transition: transform 0.6s ease;}
.testimonial { flex: 0 0 100%; padding: 10px; }
.testimonial p { font-size: 16px; line-height: 1.7; margin-bottom: 25px; color: #f0f0f0; position: relative; font-weight: 400; }

.testimonial-user { display: flex; align-items: center; gap: 12px;}
.testimonial-user img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; }
.testimonial-user h4 {margin: 0; font-size: 16px; font-weight: 500; color: #fff; }
.testimonial-user span {color: rgba(255, 255, 255, 0.50); }

.contact_bg_card{background: #fff; border-radius: 20px; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);}
.contact_address_bg{background:#3448dd; border-radius: 10px; padding: 20px; height: 100%;}
.contact_bg_card .form-row { display: flex; gap: 20px; margin-bottom: 20px; }
.contact_bg_card .form-group { flex: 1; display: flex; flex-direction: column; }
.contact_bg_card .form-group input,
.contact_bg_card .form-group textarea { border: none; border-bottom: 1px solid #969696; padding: 12px; font-size: 14px; outline: none; resize: none; background: transparent; color: #000;  }
.contact_bg_card .form-group textarea::placeholder{color: #000;}
.contact_bg_card .form-group input::placeholder{color: #000;}
.contact_bg_card .submit-btn {width: 100%; background: #3448dd; color: #fff; padding: 20px; border: none; border-radius: 30px; font-size: 16px; cursor: pointer; margin-top: 20px; }
.contact_bg_card .submit-btn:hover {background: #283756;}

.footer_contact_button{background: #3448dd; text-align: center; padding: 10px 50px; color: #fff; border-radius:30px;}
.footer_contact_button:hover{background: #fff;color: #3448dd; border-radius:30px;}

.footer_bg{background: #283756;}
.footer_logo{width: 80px;}
.footer_media {list-style: none; margin-bottom: 0px; display: flex; gap: 12px; padding: 0px;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #283756; font-size: 16px; width: 35px; height: 35px; background: #fff; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_media li a:hover {background: #07e24a; border: 1px solid #07e24a; color: #fff;}
.footer_menu{padding: 0px; margin: 0px; list-style: none;}
.footer_menu li{display: inline-block; margin-right: 15px; position: relative;}
.footer_menu li a{color: #092155; font-weight: 600; position: relative; text-decoration: none;}
.footer_menu li::before{content: ""; background: #092155; width: 1.5px; height: 17px; display: inline-block; position: absolute; right: -11px; top: 3px;}
.footer_menu li a:hover{opacity: .7;}
.footer_menu li:last-child:before{display: none;}
.footer_copyright{background: #fff; padding: 30px 0px;}

.contact_icon_bg{background: #fff ; height: 30px; width: 30px; border-radius: 20px; margin-right: 15px; display: flex; align-items: center; justify-content: center;}
.contact_no{color: #fff; margin: 0px;}
.contact_icon_bg i{color: #3448dd ;}