body{ padding:0; margin:0; font-size:16px; color:#1A2833; font-family: 'Spartan MB'; overflow-x: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width:1410px; margin:0 auto; padding:0;}

p{ font-size: 18px; line-height: 30px;}

.btns{ margin: 0; padding: 14px 25px; display: inline-block; background: #e89500; font-size: 17px; color: #fff; text-transform: uppercase; font-weight: 800; position: relative; text-align: center; border: none;}
.btns:before{ content: ""; width: 15px; height: 15px; background: #1A2833; position: absolute; bottom: 0; right: 0; transition:all .2s ease-in-out;}
.btns span{ position: relative; z-index: 1;}
.btns.brd{ background: transparent; border: 1px solid #e89500; color: #e89500;}
.btns.brd:before{ background: #e89500;}
.btns.brd.white{ background: transparent; border: 1px solid #fff; color: #fff;}
.btns.brd.white:before{ background: #fff;}
.btns:hover{ color: #fff;}
.btns:hover:before{ width: 100%; height: 100%;}
.btns.brd.white:hover{ color: #e89500;}
.btns.hwhite:before{ background: #fff;}
.btns.hwhite:hover{ color: #e89500;}

@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-Light.eot');
    src: url('../fonts/SpartanMB-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-Light.woff2') format('woff2'), url('../fonts/SpartanMB-Light.woff') format('woff'), url('../fonts/SpartanMB-Light.ttf') format('truetype'), url('../fonts/SpartanMB-Light.svg#SpartanMB-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-Regular.eot');
    src: url('../fonts/SpartanMB-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-Regular.woff2') format('woff2'), url('../fonts/SpartanMB-Regular.woff') format('woff'), url('../fonts/SpartanMB-Regular.ttf') format('truetype'), url('../fonts/SpartanMB-Regular.svg#SpartanMB-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-SemiBold.eot');
    src: url('../fonts/SpartanMB-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-SemiBold.woff2') format('woff2'), url('../fonts/SpartanMB-SemiBold.woff') format('woff'), url('../fonts/SpartanMB-SemiBold.ttf') format('truetype'), url('../fonts/SpartanMB-SemiBold.svg#SpartanMB-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-Bold.eot');
    src: url('../fonts/SpartanMB-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-Bold.woff2') format('woff2'), url('../fonts/SpartanMB-Bold.woff') format('woff'), url('../fonts/SpartanMB-Bold.ttf') format('truetype'), url('../fonts/SpartanMB-Bold.svg#SpartanMB-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-ExtraBold.eot');
    src: url('../fonts/SpartanMB-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-ExtraBold.woff2') format('woff2'), url('../fonts/SpartanMB-ExtraBold.woff') format('woff'), url('../fonts/SpartanMB-ExtraBold.ttf') format('truetype'), url('../fonts/SpartanMB-ExtraBold.svg#SpartanMB-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spartan MB';
    src: url('../fonts/SpartanMB-Black.eot');
    src: url('../fonts/SpartanMB-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/SpartanMB-Black.woff2') format('woff2'), url('../fonts/SpartanMB-Black.woff') format('woff'), url('../fonts/SpartanMB-Black.ttf') format('truetype'), url('../fonts/SpartanMB-Black.svg#SpartanMB-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*-------------------- 
	GLOBAL END HERE	
--------------------*/


/*===================
 		HEADER 
 ===================*/
 header{ width:100%; padding:0; margin:0; background-color: #fff; transition:all .4s ease-in-out;}

 .top_part{ margin: 0; padding: 5px 0; background: #1C75BC; transition:all .4s ease-in-out; height: 34px; overflow: hidden;}
 .top_part .inner{ margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;}
 
 ul.top_social{ margin: 0; padding: 0; display: flex; align-items: center; gap: 20px;}
 ul.top_social li{ margin: 0; padding: 0;}
 ul.top_social li a{ margin: 0; padding: 0; font-size: 16px; color: #fff;}
 ul.top_social li a:hover{ opacity: 0.8;}
 
 ul.top_add{ margin: 0; padding: 0; display: flex; align-items: center; gap: 40px;}
 ul.top_add li{ margin: 0; padding: 0;}
 ul.top_add li a{ margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; font-size: 16px; color: #fff;}
 ul.top_add li a strong{ font-weight: 600;}
 ul.top_add li a:hover{ opacity: 0.8;}
 
 .nav_sec{ margin: 0; padding: 10px 0; transition:all .4s ease-in-out;}
 .nav_sec .navbar{ margin:0; padding:0;}
 .nav_sec .navbar-brand{ margin:0; padding:0; width:15%;}
 .nav_sec .navbar-light .navbar-nav .nav-item{ margin:0 50px 0 0;}
 .nav_sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:10px 0; font-size: 17px; color: #1A2833; font-weight: 600;}
 .nav_sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: #1C75BC; border-color: #1C75BC;}
 .nav_sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color: #1C75BC; border-color: #1C75BC;}
 
 .nav_sec .dropdown-menu{ border: none; box-shadow: 0 15px 27px rgba(0,0,0,0.33); border-radius: 0; padding: 0;}
 .nav_sec .dropdown-item{ padding: 10px 20px; font-size: 16px; color: #1A2833; font-weight: 600;}
 .nav_sec .dropdown-item:focus, .nav_sec .dropdown-item:hover{ border-color: #1C75BC; background: #1C75BC; color: #fff;}
 
 /* HEADER STICKY */
 header.sticky{ padding:0; position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:999 !important; animation:slide-down 0.4s;}
 header.sticky .top_part{ height: 0; opacity: 0; visibility: hidden; padding: 0;}
 
 @keyframes slide-down{
     0% {
         opacity: 0;
         transform: translateY(-100%);
     } 
     100% {
         opacity: 0.9;
         transform: translateY(0);
     } 
 }
 /* STICKY END */
 
 /*-----------------
     HEADER END	
 -----------------*/


/*===================
 		FOOTER 
 ===================*/
footer{ padding:80px 0; margin:0; background: #0A1218;}
footer figure{ margin: 0 0 40px; padding: 0;}
footer .copyright{ margin: 0; padding: 0; font-size: 17px; font-weight: 500; line-height: 25px; color: #9FA8AE;}
footer .copyright strong{ color: #FFF; font-weight: bold;}
footer .copyright .policy_links{ margin: 15px 0 0; display: flex; font-size: 15px; color: #9FA8AE;}
footer .copyright .policy_links a{ color: #9FA8AE;}
footer .copyright .policy_links span{ color: #2A3237; margin: 0 5px;}
footer .copyright .policy_links a:hover{ color: #fff;}
footer h3{ margin: 0 0 20px; padding: 0; font-size: 18px; font-weight: bold; color: #FFF;}
footer ul.foot_links{ margin: 0; padding: 0;}
footer ul.foot_links li{ margin: 0 0 12px; padding: 0; font-size: 16px; color: #9FA8AE; font-weight: 500; position: relative; line-height: 25px;}
footer ul.foot_links li a{ color: #9FA8AE;}
footer ul.foot_links li a:hover{ color: #fff;}

footer ul.foot_links.add_info li{ padding-left: 28px;}
footer ul.foot_links.add_info li i{ position: absolute; top: 3px; left: 0; font-size: 20px;}
footer ul.foot_links.add_info li a{ color: #e89500;}
footer ul.foot_links.add_info li a:hover{ color: #fff;}

footer ul.foot_links.foot_social li{ padding-left: 28px;}
footer ul.foot_links.foot_social li i{ position: absolute; top: 4px; left: 0; font-size: 18px;}

/* Return To Top */
#return-to-top { position:fixed; bottom:35px; right:20px; background:#e89500; width:44px; height:44px; line-height:40px; display: block; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:9999; color: #fff; font-size:28px;}
#return-to-top:hover { background:#1C75BC; color: #fff;}

/*---------------	
	FOOTER END	 
----------------*/


/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}

.hero_sec{ margin: 0; padding: 0; position: relative;}
.hero_sec img{ width: 100%;}
.hero_sec .cap_info{ width: 100%; margin: 0; padding: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.hero_sec .cap_info .inner{ margin: 0; padding: 0; }/*max-width: 750px;*/
.hero_sec .cap_info h2{ margin: 0 0 30px 0; padding: 0; font-size: 60px; color: #fff; font-weight: 700; line-height: 80px;}
.hero_sec .cap_info h2 small{ margin: 0; padding: 0; display: block; font-size: 22px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; line-height:2;}
.hero_sec .cap_info p, .hero_sec .cap_info h3{ margin: 0 0 30px 0; padding: 0; font-size: 18px; font-weight: 500; color: #fff; line-height: 30px; animation-delay: 0.3s;}
.hero_sec .cap_info .btns{ animation-delay: 0.4s;}

.hero_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0; position:absolute; top:50%; transform: translateY(-50%); background:none !important; z-index:555; transition:all .6s ease-in-out; color:#fff !important; opacity: 0.5;}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ left:30px;}
.hero_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family:"FontAwesome"; font-size:30px;}
.hero_sec .owl-carousel .owl-nav button.owl-next{ right:30px;}
.hero_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family:"FontAwesome"; font-size:30px;}
.hero_sec .owl-carousel .owl-nav button:hover{ opacity: 1; color:#fff !important;}

.hero_sec .owl-carousel .owl-dots{ width:100%; margin:0; padding:0; text-align:center; position:absolute; left:0; bottom:30px; z-index:9;}
.hero_sec .owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.hero_sec .owl-carousel .owl-dot span{ width:9px; height:9px; display:block; border-radius:50%; background:#fff; opacity: 0.5;}
.hero_sec .owl-carousel .owl-dot.active span{ background:#e89500; opacity: 1;}

/* About */
.about_sec{ margin: 0; padding: 100px 0 140px;}
.about_sec figure{ width: 100%; max-width: 590px; margin: 0 auto; padding: 0; text-align: center; position: relative;}
.about_sec figure img{ position: relative; z-index: 1;}
.about_sec .authore{ width: 207px; height: 207px; color: #e89500; text-align: center; font-size: 25px; font-weight: 700; line-height: 30px; background: #F8F8F8; border-radius: 50%; position: absolute; right:30px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.about_sec .authore span{ font-size: 18px; font-weight: 500; color: #52575A;}
.about_caption{ width: 100%; max-width: 580px; margin: 0 auto; padding: 30px; background: #F8F8F8; color: #1A2833; text-align: center; font-size: 25px; font-weight: 600; line-height: 40px;}

.about_sec h1{ margin: 0 0 40px 0; padding: 0 0 25px 0; font-size: 55px; font-weight: 700; line-height: 75px; position: relative;}
.about_sec h1 small{ margin: 0; padding: 0; display: block; font-size: 20px; font-weight: 600; line-height: normal;}
.about_sec h1:before{ content: ""; width: 92px; height: 2px; background: #e89500; position: absolute; bottom: 0; left: 0;}
.about_sec p{ margin: 0 0 30px 0; padding: 0; font-size: 19px; line-height: 35px;}
.about_sec p strong{ font-weight: 600;}

.counter_info{ margin: 0; padding: 0; display: flex; gap: 60px; justify-content: space-between;}
.counter_info .counter_block{ margin: 0 0 40px 0; padding: 0; min-width: 120px;}
.counter_info .counter_block strong{ margin: 0; padding: 0; display: block; font-size: 45px; color: #1C75BC;}
.counter_info .counter_block h6{ margin: 0; padding: 0; font-size: 18px; font-weight: 500;}

.global_title{ margin: 0 0 40px; padding: 0; font-size: 55px; font-weight:bold; color: #1A2833;}

/* Services */
.services_sec{ padding: 0;}
.services_sec .container{ width: 100%; max-width: 1880px; padding: 0 20px;}
.services_sec .info{ margin: 0 auto 30px; padding: 0; max-width: 1161px; width: 90%; color: #1A2833; text-align: center; font-size: 19px; font-weight: 500; line-height: 35px;}
.services{ margin: 0 0 30px; padding: 0; position: relative; overflow: hidden;}
.services img{ width: 100%; height: 500px; object-fit: cover;}
.services .cap{ width: 100%; padding: 30px; display: flex; align-content: flex-start; flex-wrap: wrap; align-items: end; height: 200px; position: absolute; left: 0; bottom: 0; z-index: 2; transition:all .4s ease-in-out;}
.services:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 62.5%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; top: 0; z-index: 1; transition:all .4s ease-in-out;}
.services::after{ content: ""; width: 100%; height: 100%; background: #1C75BC; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; transition:all .4s ease-in-out;}
.services h3{ margin: 0; padding: 0; color: #FFF; font-size: 30px; font-weight: 700;}
.services p{ margin: 21px 0 29px; padding: 0; height: 56px; color: #FFF; font-size: 18px; font-weight: 500; line-height: 28px; transition:all .4s ease-in-out; overflow: hidden;}
.services:not(:hover) .btns{ opacity: 0;}
.services:hover p{ height: 224px;}
.services:hover:before{ opacity: 0;}
.services:hover:after{ opacity: 0.9;}
.services:hover .cap{ height: 100%; align-content: center;}

/* product */
.product_sec{ margin: 0; padding: 127px 0 146px 0;}
.product_sec p{ margin: 0 0 38px 0; padding: 0; font-size: 19px; font-weight: 600; text-align: center;}
.product_sec .product_box{ margin: 0; padding: 0;}
.product_sec figure{ margin: 0 0 25px 0; padding: 0; background: #F8F8F8;}
.product_sec figure img{ height: auto; object-fit: cover;} /* height: 370px; */
.product_sec h3{ margin: 0 0 20px 0; padding: 0; font-size: 23px; font-weight: 700;line-height: 35px;}
.product_sec .more_link{ margin: 0; padding: 0; font-size: 17px; font-weight: 800; color: #e89500; text-transform: uppercase;}
.product_sec .product_box:hover .more_link{ color: #1C75BC;}

.product_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0; position:absolute; top:50%; transform: translateY(-50%); background:none !important; z-index:555; transition:all .6s ease-in-out; color:#1A2833 !important; opacity: 0.5;}
.product_sec .owl-carousel .owl-nav button.owl-prev{ left:-120px;}
.product_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family:"FontAwesome"; font-size:30px;}
.product_sec .owl-carousel .owl-nav button.owl-next{ right:-120px;}
.product_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family:"FontAwesome"; font-size:30px;}
.product_sec .owl-carousel .owl-nav button:hover{ opacity: 1; color:#e89500 !important;}

.product_sec .owl-carousel .owl-dots{ width:100%; margin:20px 0 0; padding:0; text-align:center; position:relative; left:0; bottom:0; z-index:9;}
.product_sec .owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.product_sec .owl-carousel .owl-dot span{ width:9px; height:9px; display:block; border-radius:50%; background:#000; opacity: 0.1;}
.product_sec .owl-carousel .owl-dot.active span{ background:#e89500; opacity: 1;}

/* Testimonial */
.testimonial_sec{ padding: 130px 0 0;}
.testimonial_sec .owl-carousel{ display: flex; flex-wrap: wrap;}
.testimonial_sec .owl-carousel .owl-stage-outer, .testimonial_sec .owl-carousel .owl-stage, .testimonial_sec .owl-carousel .owl-item, .testimonial_sec .owl-carousel .item{ display: flex;}
.testi{ margin: 0; padding: 36px 45px 20px; background: #F8F8F8; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.testi p{ margin: 0 0 20px; padding:0; color: #1A2833; font-size: 18px; font-weight: 500; line-height: 30px;}
.testi .authore{ padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid rgba(0,0,0,0.1);}
.testi figure{ flex: 0 0 50px; width: 50px; height: 50px; display: flex; border-radius: 50%;}
.testi figure img{ width: 100%; border-radius: 50%; object-fit: cover;}
.testi .dtl{ margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: #000;}
.testi .dtl span{ display: block; font-size: 14px; color: #999; font-weight: 500;}
.testi .rating{ font-size: 12px; color: #FFBF1C;}

.testimonial_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0; position:absolute; top:50%; transform: translateY(-50%); background:none !important; z-index:555; transition:all .6s ease-in-out; color:#1A2833 !important; opacity: 0.5;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev{ left:-120px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family:"FontAwesome"; font-size:30px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next{ right:-120px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family:"FontAwesome"; font-size:30px;}
.testimonial_sec .owl-carousel .owl-nav button:hover{ opacity: 1; color:#e89500 !important;}

.testimonial_sec .owl-carousel .owl-dots{ width:100%; margin:20px 0 0; padding:0; text-align:center; position:relative; left:0; bottom:0; z-index:9;}
.testimonial_sec .owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.testimonial_sec .owl-carousel .owl-dot span{ width:9px; height:9px; display:block; border-radius:50%; background:#000; opacity: 0.1;}
.testimonial_sec .owl-carousel .owl-dot.active span{ background:#e89500; opacity: 1;}

/* Client */
.client_sec{ margin: 0; padding: 0; background: #F8F8F8; position: relative;}
.client_sec .detail{ padding: 140px 10% 140px 0;}
.client_sec .global_title{ margin-bottom: 20px;}
.client_sec .inner{ margin: 0; padding: 0; display: none;}
.client_sec .inner figure{ margin: 0; padding: 10px; height: 120px; display: flex; background: #fff; justify-content: center; align-items: center;}
.client_sec .inner figure img{ width: auto; display: inline-block;}

.client_sec .marquee-wrapper { text-align: center;}
.client_sec .marquee-wrapper .row { overflow: hidden; margin: 0 auto !important; text-align: center;}
.client_sec .marquee-wrapper .marquee-block { overflow: hidden; box-sizing: border-box; position: relative; padding: 0;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner { display: block; max-width: 100%; position: absolute; left: 12px; width: 100%; padding: 0 6px;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner.to-left { animation: marqueeTop 10s linear infinite;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner.to-right { animation: marqueeBottom 10s linear infinite;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner span .marquee-item { background-color: #FFFFFF; width: 100%; height: 150px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05); position: relative; display: flex; justify-content: center; align-items: center; transition: all 0.2s ease-out; margin-bottom: 20px; padding: 15px;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner span .marquee-item img { max-width: 100%; -o-object-fit: contain; object-fit: contain;}

.client_sec .owl-carousel .owl-dots{ width:100%; margin:20px 0 0; padding:0; text-align:center; position:relative; left:0; bottom:0; z-index:9;}
.client_sec .owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.client_sec .owl-carousel .owl-dot span{ width:9px; height:9px; display:block; border-radius:50%; background:#000; opacity: 0.1;}
.client_sec .owl-carousel .owl-dot.active span{ background:#e89500; opacity: 1;}

@keyframes marqueeTop {
    0% {
        top: 0;
    }
    100% {
        top: -100%;
    }
}

@keyframes marqueeBottom {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}


/* Blog */
.blog_sec{ padding: 107px 0 111px;}
.blog_main{ margin: 0; padding: 0; position: relative; height: 100%;}
.blog_main figure{ margin: 0; padding: 0; display: flex; height: 100%;}
.blog_main figure a{ display: flex; width: 100%;}
.blog_main figure img{ width: 100%; object-fit: cover;}
.blog_main .cap{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 0 50px 25px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 62.5%, #000 100%); display: flex; flex-direction: column; justify-content: flex-end;}
.blog_sec label{ margin: 0; padding: 5px 11px; font-size: 14px; color: #fff; text-transform: uppercase; background: #1C75BC; display: inline-block; letter-spacing: 0.5px;}
.blog_sec .date{ margin: 0; font-size: 16px; display: inline-flex; gap:6px; color: #FFF; align-items: center;}
.blog_sec .date i{ font-size: 18px;}
.blog_sec h3{ margin: 21px 0 14px; padding: 0; color: #FFF; font-size: 25px; font-weight: bold;}
.blog_sec h3 a{ color: #FFF;}
.blog_sec p{ margin: 0; padding: 0; color: #FFF; font-size: 18px; font-weight: 500; line-height: 28px;}
.blog_sec h3 a:hover{ color: #e89500;}

.blog{ display: flex; gap:27px; margin: 0 0 30px;}
.blog figure{ flex:0 0 188px; margin: 0;}
.blog figure img{ width: 100%;}
.blog .dtl{ align-self: center;}
.blog .date{ color: #1A2833;}
.blog h4{ margin: 21px 0 0; font-size: 20px; font-weight: bold; line-height: 33px; color: #1A2833;}
.blog h4 a{ color: #1A2833;}
.blog h4 a:hover{ color: #e89500;}

/*===========================
        Product Page
===========================*/
.inner_banner{ margin: 0; padding: 0; position: relative; text-align: center;}
.inner_banner img{ width: 100%; min-height: 400px; object-fit: cover;}
.inner_banner .cap_info{ width: 100%; margin: 0; padding: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.inner_banner .cap_info h1{ margin: 0 0 30px 0; padding: 0; font-size: 50px; color: #fff; font-weight: 700; text-align: left;}
.inner_banner .cap_info h1 small{ margin: 0; padding: 0; display: block; font-size: 22px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; line-height: normal;}
.inner_banner .categorie_search{ width: 100%; max-width: 540px; margin: 0 auto; padding: 0; animation-delay: 0.3s; position: relative;}
.inner_banner .categorie_search .form-control{ width: 100%; height: 58px; padding: 0 20px 0 56px; background: #FFF; font-weight: 500; font-size: 16px; border: none; border-radius: 0;}
.inner_banner .categorie_search button{ font-size: 20px; color: #1B2531; position: absolute; left: 0; top: 0; height: 58px; left: 20px; background: none; border: none;}


.product_list{ margin: 0; padding: 100px 0;}
.prod_links{ margin: 0 0 40px; padding: 0; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.prod_links a{ display: flex; margin: 0; height: 58px; padding:10px 20px; font-size: 16px; font-weight: 700; color: #7C8286; justify-content: center; align-items: center; border: 2px solid rgba(0, 0, 0, 0.12); background: #FFF;}
.prod_links a:hover, .prod_links a.active{ border: 2px solid #1C75BC; background: #1C75BC; color: #fff;}
.product{ margin: 0; padding:0; border: 1px solid rgba(0, 0, 0, 0.12); background: #FFF; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.product figure{ margin: 0;}
.product figure img{ width: 100%; height: 370px; object-fit: cover;}
.product .dtl{ padding: 25px 30px 28px;}
.product h3{ margin: 0 0 16px; padding: 0; color: #1A2833; font-size: 21px; font-weight: 700; line-height: 33px;}
.product h3 a{ color: #1A2833;}
.product p{ margin: 0; padding: 0; font-weight: 500; font-size: 16px; color: #4D5359;}
.product .learnmore_btn{ width: 100%; margin-top: auto; display: flex; height: 52px; padding: 15px 30px 12px 30px; justify-content: center; align-items: center; gap: 30px; background: #F4F4F4; color: #667D8E; text-align: center; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.product:hover .learnmore_btn{ background: #e89500; color: #fff;}
.product .learnmore_btn:hover{ background: #1A2833; color: #fff;}

/*===========================
        Product Detail
===========================*/
.product_detail{ padding: 100px 0 0;}

.breadcrumb{ margin-bottom: 20px;}
.breadcrumb ul{ margin: 0; padding: 0; width: 100%;}
.breadcrumb .breadcrumb-item{ font-size: 16px; color: #1C75BC;}
.breadcrumb .breadcrumb-item a{ color: #7C8286;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'FontAwesome'; color: rgba(0, 0, 0, 0.3); font-size: 20px; margin-top: -3px;}
.breadcrumb .breadcrumb-item a:hover{ color: #1C75BC;}

.product_detail h2{ margin: 0 0 60px; padding: 0; font-size: 45px; color: #1A2833; font-weight: bold; text-align: center;}
.product_detail h3{ margin: 0 0 35px; padding: 0; font-size: 28px; color: #1A2833; font-weight: bold; text-align: center;}
.product_detail h6{ margin: 0 0 40px; padding: 0; font-size: 18px; color: #1C75BC; font-weight: 600; text-align: center;}
.product_detail p{ margin: 0 0 30px; padding: 0; font-size: 18px; color: #4D5359;}
.product_detail p b{ font-weight: 600;}

.prodetail_slider{ margin: 0 auto 40px; padding: 0; width: 100%; max-width: 450px;}
.prodetail_slider figure{ margin: 0; padding: 0; text-align: center;}
.prodetail_slider .owl-carousel .owl-item img{ height: 370px; object-fit: contain; object-position: center;}
.prodetail_slider .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0; position:absolute; top:50%; transform: translateY(-50%); background:none !important; z-index:555; transition:all .6s ease-in-out; color:#343330 !important; opacity: 0.4;}
.prodetail_slider .owl-carousel .owl-nav button.owl-prev{ left:-200px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family:"FontAwesome"; font-size:40px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-next{ right:-200px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family:"FontAwesome"; font-size:40px;}
.prodetail_slider .owl-carousel .owl-nav button:hover{ opacity: 1; color:#343330 !important;}

.module_slider{ margin: 0 auto 40px; padding: 0; width: 100%; max-width: 450px;}
.module_slider figure{ margin: 0; padding: 0; text-align: center;}
.module_slider .owl-carousel .owl-item img{ height: 485px; object-fit: contain; object-position: center;}
.module_slider .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0; position:absolute; top:50%; transform: translateY(-50%); background:none !important; z-index:555; transition:all .6s ease-in-out; color:#343330 !important; opacity: 0.4;}
.module_slider .owl-carousel .owl-nav button.owl-prev{ left:-100px;}
.module_slider .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family:"FontAwesome"; font-size:40px;}
.module_slider .owl-carousel .owl-nav button.owl-next{ right:-100px;}
.module_slider .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family:"FontAwesome"; font-size:40px;}
.module_slider .owl-carousel .owl-nav button:hover{ opacity: 1; color:#343330 !important;}

.feature_block{ margin: 0 0 30px; padding: 35px 35px 20px 40px; border-radius: 5px; border: 1px solid #E9E9EA; height: calc(100% - 30px);}
.feature_block i{ margin: 0 0 25px; width: 100px; height: 100px; line-height: 90px; text-align: center; display: inline-block; background: #FFF2EE; border-radius: 50%;}
.feature_block h5{ margin: 0 0 20px; color: #1A2833; font-size: 20px; font-weight: 700; line-height: 26px;}
.check_list{ margin: 0 0 40px; padding: 0;}
.check_list li{ margin: 0 0 12px; padding: 0 0 0 37px; color: #4D5359; font-size: 16px; font-weight: 500; background: url(../images/check.svg) no-repeat left top 7px;}

.lightskybg{ background-color: #E8F2FD !important;}

.prod_table{ margin: 0 0 80px; padding: 0; border-bottom: 10px solid #1C75BC; box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);}
/* .table{ border-color: #DADADA; } */
.prod_table .table{ margin: 0; padding: 0;}
.prod_table .table th{ padding: 13px 10px; font-size: 16px; line-height: 23px; color: #1B2531; background: #F3F6FA; text-align: center; vertical-align: middle; white-space: normal;}
.prod_table .table tr:first-child th:first-child{ background: #FEF7F4;}
.prod_table .table td{ padding: 13px 15px; font-size: 14px; color: #1B2531; text-align: center; vertical-align: middle;}
.prod_table .table td:first-child{ background: #FEF7F4; text-align: left; padding-left: 20px; padding-right: 20px; font-weight: 600; white-space: nowrap;}

.video{ margin: 0; padding: 0; width: 100%; display: flex; flex-direction: column;}
.video iframe{ width: 100%; margin: 0; padding: 0; line-height: inherit;}

/*===========================
        About Detail
===========================*/
.about_detail{ padding: 100px 0;}
.about_detail p{ margin: 0 0 30px; padding: 0;}
.about_detail figure{ margin-bottom: 30px;}
.about_detail h2{ margin-bottom: 15px;}
.about_detail h3{ margin-bottom: 10px;}

.counter_sec{ padding: 80px 0 50px; text-align: center; background: #E8F2FD;}
.counter_sec .counter_block strong{ font-size: 60px;}
.counter_sec .counter_block h6{ font-size: 24px;}
.counter_sec .counter_info{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}

.misvis_sec{ padding: 100px 0 0;}
.misvis{ margin: 0 0 30px; padding: 45px 50px 50px; border-radius: 5px; border: 1px solid #E9E9EA; transition:all .4s ease-in-out;}
.misvis i{ margin: 0 0 25px; width: 120px; height: 120px; line-height: 110px; text-align: center; display: inline-block; background: #FFF2EE; border-radius: 50%;transition:all .4s ease-in-out;}
.misvis i img{ transition:all .4s ease-in-out;}
.misvis h3{ margin: 0 0 30px; padding: 0 0 10px; font-size: 40px; color: #7C8286; font-weight: normal; position: relative; transition:all .4s ease-in-out;}
.misvis h3::after{ content: ""; width: 60px; height: 3px; background: #e89500; position: absolute; left: -15px; bottom: 0; border-radius: 5px; transition:all .4s ease-in-out;}
.misvis h3 strong{ font-weight: 700; color: #0A1218;}
.misvis p{ margin: 0; padding: 0;}
.misvis.vision h3::after{ background: #1C75BC;}
.misvis:hover{ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.10);}
.misvis:hover h3::after{ width: 80px; left: 85px;}
.misvis:hover i{ background: #e89500;}
.misvis:hover i.lightskybg{ background: #1C75BC !important;}
.misvis:hover i img{ opacity: 1; filter: brightness(0) invert(1);}

/* ====================
	Gallery Page
==================== */
.gallery_sec{ margin: 0; padding: 100px 0;}
.gallery_sec .gallery_grid{ columns: 4; gap: 10px;}
.gallery_sec figure{ margin: 0; padding: 0; margin: 0 0 10px 0;}

ul.filter_info{ margin: 0 0 40px 0; padding: 0; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
ul.filter_info li{ margin: 0; padding: 0; display: inline-block;}
ul.filter_info li .filter-button{ display: flex; margin: 0; height: 58px; padding:10px 20px; font-size: 16px; font-weight: 700; color: #7C8286; justify-content: center; align-items: center; border: 2px solid rgba(0, 0, 0, 0.12); background: #FFF; border-radius: 0;}
ul.filter_info li .filter-button:hover{ border: 2px solid #1C75BC; background: #1C75BC; color: #fff;}

/* ====================
	Contact Page
==================== */
.contact_sec{ padding: 100px 0;}
.contact_sec .container{ max-width: 1170px;}
.contact_sec h3{ margin: 0 0 30px; font-size: 36px; color: #1A2833; font-weight: 700; text-align: center; line-height: normal;}
.add_block{ margin: 0 0 30px; padding: 33px 40px 32px; background: #F8F8F8; border: 2px solid #1A2833; border-radius:15px; height: calc(100% - 30px); transition:all .2s ease-in-out;}
.add_block i{ display: inline-block; margin: 0 0 20px; padding: 0;}
.add_block h4{ color: #1A2833; margin-bottom: 15px; font-size: 24px; font-weight: 700; transition:all .2s ease-in-out;}
.add_block p{ margin: 0; color: #1A2833;}
.add_block p a{ color: #1A2833;}
.add_block p a:hover{ color: #1C75BC;}
.add_block:hover{ border-color: #1C75BC;}
.add_block:hover h4{ color: #1C75BC;}

.contact_form{ margin: 0 auto; padding: 80px 0 0; width: 100%; max-width: 990px;}
.form_block{ margin: 0 0 30px; padding: 0;}
.form_block .form-control{ width: 100%; height: 62px; margin: 0; padding: 0 30px; border-radius: 0; border: 2px solid #DADADA; font-size: 18px; color: #1A2833; font-weight: 500; transition:all .2s ease-in-out;}
.form_block ::-ms-input-placeholder { color: #1A2833; opacity: 0.4;}
.form_block ::placeholder { color: #1A2833; opacity: 0.4;}
.form_block textarea.form-control{ height: 280px; padding: 20px 30px;}
.form_block .form-control:focus{ border-color: #1C75BC;}

/* ====================
	FAQ Page
==================== */
.faq_sec{ margin: 0; padding: 100px 0;}
.faq_sec .container{ max-width: 1097px;}
.faq_sec .accordion .accordion-item{ margin: 0; padding: 0; border-radius: 0; box-shadow: none; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: none; border-right: none; border-top: none;}
.faq_sec .accordion .accordion-item:last-child{ margin: 0; border: none;}
.faq_sec .accordion .accordion-item .accordion-header{ margin: 0; padding: 0; font-size: 18px; color: #1A2833; font-weight: 600;}
.faq_sec .accordion-button{ margin: 0; padding: 30px 0; background: transparent; border-radius: 0; box-shadow: none; border: none; font-size: 18px; color: #1A2833; font-weight: 600; font-family: var(--titleFont); border-radius: 0; line-height: 30px;}
.faq_sec .accordion-button:not(.collapsed){ background: none; box-shadow: none; border-radius: 0; color: #1C75BC;}
.faq_sec .accordion-button:focus{ box-shadow: none; border: none;}
.faq_sec .accordion-button::after{ background: url(../images/plus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 12px; width: 12px;}
.faq_sec .accordion-button:not(.collapsed)::after{ background: url(../images/minus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 1px; width: 12px;}
.faq_sec .accordion .accordion-item .accordion-body{ margin: 0; padding: 0 0 30px;}
.faq_sec .accordion .accordion-item .accordion-body p{ margin: 0;}