@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: "Outfit", serif;*/
/*font-family: "Jost", serif;*/
/*font-family: "Jost", serif;*/

/*General CSS*/
*{padding: 0; margin: 0; box-sizing: border-box;}
html, body{ margin:0px; padding:0px; overflow-x: hidden;}
body { background: #fff; opacity: 1 !important;}

.container{max-width: 1310px; padding: 0 15px; margin: 0 auto; width: 100%}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px;}
ul, ol { margin: 0 0 15px 15px; padding: 0;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul, li > ol { margin-bottom: 0; margin-left: 15px;}
dt { font-weight: 700;}
dd { margin: 0 15px 15px;}

body, button, input, select, textarea { color: #48474A; font-family: "Outfit", serif;opacity: 1; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing:0px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { clear: both; opacity: 1; line-height: 1.2; margin: 0 0 15px; padding: 0 0 0; font-family: "Urbanist", serif; color: #000}
h1,.h1{ font-size: 48px; font-weight: bold}
h2,.h2{ font-size: 60px; margin-bottom:10px; font-weight: 600; color: #000; line-height: 66px}
h3,.h3{	font-size: 36px; font-weight: 600}
h4{	font-size: 24px; font-weight: 600}
h5{	font-size: 20px; font-weight: 500}
h6 { font-size: 18px}

a:focus , *{ outline:none}
:-moz-placeholder { color: currentcolor; font-family: "Outfit", serif;}
*::-moz-placeholder { color: currentcolor; font-family: "Outfit", serif; opacity: 0.5}

embed, iframe, object { max-width: 100%;}
img { height: auto; max-width: 100%;}
figure { margin: 1em 0;}
table { margin: 0 0 15px; width: 100%;}

p { margin-bottom: 15px;}
p:last-child{ margin-bottom: 0;}
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 15px;}
address { margin: 0 0 15px;}
mark, ins { background: #fff9c0; text-decoration: none;}
big { font-size: 125%;}

/* Links
--------------------------------------------- */
a { color: #0E52A5; text-decoration: none;}
a:hover, a:focus, a:active { color: #0E52A5;}
a:focus { outline: none;}
a:hover, a:active { outline: 0;}

p:empty { display: none;}
img{display: block; max-width: 100%;}
.sub-title {margin: 0 0 20px; display: flex; column-gap: 5px; align-items: center; font-family: 'Jost'; font-weight: 500; font-size: 18px; line-height: 29px; text-transform: uppercase; color: #0E52A5; position: relative; }
.sub-title img{width: 22px; height: 22px}
/*.sub-title::after {content: ''; position: absolute; left: 0; bottom: -10px; width: 100px; height: 5px; background: rgba(25, 100, 188, 0.5); border-radius: 50px; }*/
.theme-btn {height: 50px; letter-spacing: 1px; background: #0E52A5; border-radius: 8px; color: #fff !important; padding: 0 21px; font-size: 18px !important; font-weight: 400 !important; display: inline-block; line-height: 50px;transition: 400ms all; font-family: "Jost", serif !important; position: relative; overflow: hidden;}
.theme-btn span{z-index: 99; display: flex; column-gap: 11px; position: relative; align-items: center;}
.theme-btn .btn{color: #ffff;display: flex; align-items: center;column-gap: 4px;}
.theme-btn .btn img{width: 20px; height: 20px; z-index: 99}
.theme-btn::before {content: ''; display: block; position: absolute; bottom: -100%; left: -100%; width: 100%; height: 100%; background: linear-gradient(73.79deg, #0E52A5 30.45%, #4EE1F9 101.5%), #FFFFFF; transition: all 0.4s ease-in-out; z-index: 9; }
.theme-btn:hover::before{left: 0; bottom: 0;}
.theme-btn.white-btn {background: #FFFFFF33;margin: 0 0 30px;}
.owl-stage-outer{overflow: hidden;}
.owl-stage {display: flex;}


/*Header*/
.site-header {width: 100%; max-width: 1498px; margin:0 auto; background:#FFFFFF;}
.site-header .inner {display: flex; align-items: center; justify-content: space-between; padding: 24px 0; column-gap: 20px; }
.site-header .inner .logo {width: 23%; } 
.site-header .inner .menu{width: 50%}
.site-header .inner .menu ul {display: flex; margin: 0; padding: 0; list-style: none; column-gap: 40px; justify-content: center;}
.site-header .inner .menu ul li{position: relative;}
.site-header .inner .menu > ul > li{padding: 10px 0}
.site-header .inner .menu ul li a, .site-header .inner .right a {font-size: 18px; font-family: "Jost", serif; color: #000000; font-weight: 400;}
.site-header .inner .right a{letter-spacing: unset;}
.site-header .inner .menu ul li.active a{color: #0E52A5;}
.site-header .inner .menu ul li.has-sub-menu > a::after{width: 11px; height: 11px; content: ''; background-image: url(../images/down-arrow.svg); background-position: center; background-repeat: no-repeat; display: inline-block; margin-left: 5px;}
.site-header .inner .menu ul li .sub-menu{display: none; position: absolute; background: #fff; box-shadow: 0 0 15px #00000017; border-radius: 5px; left: 0; top: 100%; z-index: 99999; width: 300px;}
.site-header .inner .menu ul li:hover .sub-menu{display: block;}
.site-header .inner .menu ul li .sub-menu ul {display: none !important; }
.site-header .inner .menu ul li .sub-menu li:hover ul {display: block !important; left: 100%; top: 0; }
.site-header .inner .menu ul li .sub-menu li a {width: 100%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #0E52A542; text-transform: initial; line-height: normal; transition: all 400ms}  
.site-header .inner .menu ul li .sub-menu li:last-child a{border: none;}
.site-header .inner .menu ul li .sub-menu li a:hover{background-color: #0E52A5; color: #fff}
.site-header .inner .menu ul li .sub-menu li.has-submenu > a::after {width: 11px; height: 11px; content: ''; background-image: url('../images/down-arrow.svg'); background-position: center; background-repeat: no-repeat; display: inline-block; margin-left: 10px; transform: rotate(269deg); position: absolute; right: 10px; top: 16px; }
.site-header .inner .menu ul li .sub-menu li.has-submenu > a:hover::after{filter: brightness(0) invert(1);}
.site-header .inner .right {display: flex ; column-gap: 30px; align-items: center; width: 25%; justify-content: end;}
.site-header .inner .menu ul li a:hover, .header-main .inner .right a:hover{color: #0E52A5}
.site-header .inner .right .button span::before{content: ''; background-image: url('../images/call-icon.svg'); background-repeat: no-repeat; width: 33px; height: 32px;}

/*Footer CSS*/
.footer-section{width: 100%; float: left;     background: linear-gradient(261.55deg, #0E52A5 35%, #33A4D5 73%, #4EE1F9 99%);}
.footer-section .top-part{width: 100%; display: inline-block; padding: 60px 0 0; position: relative;}
.footer-section .top-part .inner ul {margin: 0; display: flex; column-gap: 30px; align-items: center; list-style: none; }
.footer-section .top-part .inner ul li {display: flex; align-items: center; width: 40%; column-gap: 20px;background-color: #FFFFFF1A;padding: 31px 35px 29px 23px;}
.footer-section .top-part .inner ul li .icon {align-items: center;}
.footer-section .top-part .inner ul li .icon img {display: block; min-width: 47px; margin: 0 auto; }
.footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span {width: auto; font-weight: 600; font-size: 26px; line-height: 38px; color: #FFFFFF; font-family: 'jost'; align-content: center; height: auto; }
.footer-section .top-part .inner ul li span{font-size: 16px; line-height: 30px;
    font-weight: 400;}
.footer-section .top-part:after{content: ''; width: 100%; height: 17px; background-image: url(../images/wave.png); background-repeat: repeat-x; position: absolute; bottom: 0;  animation: slide 300s linear infinite;}

.footer-section .middle-box {padding:54px 0 60px;}
.footer-section .middle-box .inner {display: flex; column-gap: 160px; }
.footer-section .middle-box .inner .footer-col .address a {display: flex ; align-items: center; column-gap: 15px; color: #fff; font-size: 20px; margin-bottom: 10px; margin-top: 10px; }
.footer-section .middle-box .inner .footer-col .address a img {width: 32px; }
.footer-section .middle-box .inner .footer-col-3 {width: 580px; font-family: 'Jost'; font-weight: 400; font-size: 16px; line-height: 23px; color: #FFF; }
.footer-section .middle-box .inner .footer-col-3 .contact-form form {display: flex;}
.footer-section .middle-box .inner .footer-col-3 .contact-form form .half{width: 100%;}
.footer-section .middle-box .inner .footer-col-3 .contact-form form .half input {width: 100%; height: 50px; font-size: 16px; padding: 15px 0; background: transparent; border: none; color: #fff; border-bottom: 1px solid #ffff; }
.footer-section .middle-box .inner .footer-col-3 .contact-form form .half input::placeholder{color: #FFFFFF66;}
.footer-section .middle-box .inner .footer-col-3 .contact-form form .form-action input.theme-btn{border: 1px solid; border-radius: 0; margin: 0 0 0 18px;font-size: 16px !important;letter-spacing: 2px;}
.footer-section .middle-box .inner .footer-col-1 > img {margin-bottom: 20px; }
.footer-section .middle-box .inner .footer-col h4 {position: relative; font-family: 'Jost'; font-weight: 600; font-size: 22px; line-height: 35px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 25px;}
.footer-section .middle-box .inner .footer-col h4:after{content:''; position: absolute; width: 47px; height: 2px; background: #fff; border-radius: 15px; left: 0; bottom: -5px}
.footer-section .middle-box .inner .footer-menu ul {margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 10px; }
.footer-section .middle-box .inner .footer-menu ul li a{font-family: 'Outfit'; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF;position: relative; white-space: nowrap; transition: all 400ms}
.footer-section .middle-box .inner .footer-menu ul li a:hover{opacity: 0.6}
.footer-section .bottom-part {width: 100%; float: left; padding: 20px 0;margin: 44px 0 0; border-top: 1px solid #FFFFFF33; }
.footer-section .bottom-part .inner {display: flex; justify-content: space-between; align-items: center; }
.footer-section .bottom-part .inner .social-icon ul {margin: 0; list-style: none; display: flex; column-gap: 10px; }
.footer-section .bottom-part .inner .copyright-text {font-family: 'Jost'; font-weight: 400; font-size: 18px; line-height: 26px; color: #FFFFFF; }

/*home page css*/
.hero-section { background-image: url(../images/banner-img.jpg);background-size: cover;background-repeat: no-repeat;}
.hero-section .item {padding: 113px 160px;}
.hero-section .item .content-box {width: 649px;}
.hero-section .item .content-box .inner { color: #ffff; }
.hero-section .item .content-box .inner h1 {color: #ffff; margin-bottom: 25px; font-size: 92px;position: relative;}
.hero-section .item .content-box .inner h1::after{content: '';position: absolute;background-image: url(../images/heading.svg);background-size: 100% 100%;background-repeat: no-repeat; bottom: 0;left: 0;width: 85%;height: 25px;}
.hero-section .item .content-box .inner .theme-btn{margin-top: 30px}
.hero-section .item .content-box .inner .theme-btn.white-btn{margin-bottom: 30px; margin-top: 0 !important;}
.hero-section .inner .white-btn {height: 50px; letter-spacing: 1px; background: #FFFFFF33; border-radius: 8px; text-transform: uppercase; color: #fff !important; padding: 0 21px; font-size: 18px !important; font-weight: 400 !important; display: inline-block; line-height: 50px;transition: 400ms all; font-family: "Jost", serif !important; position: relative; overflow: hidden;}
.hero-section .inner .white-btn span{z-index: 99; display: flex; column-gap: 11px; position: relative; align-items: center;}
.hero-section .inner .white-btn .btn{color: #ffff;display: flex; align-items: center;column-gap: 4px; line-height: inherit; margin-bottom: 0;}
.hero-section .inner .white-btn .btn img{width: 20px; height: 20px; z-index: 99}

.hero-bottom-section .inner{ padding: 50px 0;clear: both;border-bottom: 1px solid #48474A66;}
.hero-bottom-section .inner .box-list {position: relative; display: flex ; row-gap: 30px; column-gap: 30px; justify-content: center; flex-wrap: wrap; }
.hero-bottom-section .inner .box-list .box-item {width: calc(33.33% - 20px); display: flex; flex-direction: column; padding: 29px 0px 29px 17px;}
.hero-bottom-section .inner .box-list .box-item .item-content h5{padding: 18px 0 0;}
.hero-bottom-section .inner .box-list .box-item .item-content h5 a{color: #000000;}
.hero-bottom-section .inner .box-list .box-item .service-btn{ margin-top: auto;}
.hero-bottom-section .inner .box-list .box-item .btn{margin-top: 15px; display: flex ; align-items: center; color: #09B4CD;text-transform: uppercase;font-size: 16px;font-weight: 600;}
.hero-bottom-section .inner .box-list .box-item .btn img{padding: 0 0 0 15px;}
.hero-bottom-section .inner .box-list .image {display: flex ; align-items: center; column-gap: 25px; }
.hero-bottom-section .inner .box-list .image h5 {font-size: 26px; line-height: 38px; font-weight: 600; }
.hero-bottom-section .inner .box-list .item-content {margin: 20px 0 0 0; }



.about-section {width: 100%; float: left; padding: 80px 0 0; }
.about-section .inner {display: flex ; column-gap: 30px; align-items: center; }
.about-section .inner .col{width: 50%}
.about-section .inner .left-box {position: relative; }
.about-section .inner .left-box img { width: 80%; }
.list-type-check {display: flex ; flex-direction: column; row-gap: 10px; list-style: none; margin: 19px 0 30px; }
.list-type-check li {padding-left: 25px; background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: 0px 8px; color: #000; background-size: 13px; }

.customer-logo{padding: 70px 0; width: 100%; float: left;}
.customer-logo .container{max-width: 1200px;}
.customer-logo .owl-nav, .customer-logo .owl-dots{display: none;}
.customer-logo .top { text-align: center; margin-bottom: 40px; }
.customer-logo .top h3 {color: #000; margin-bottom: 10px; position: relative;}
.customer-logo .top h3 span {background-color: #fff;padding: 10px 40px; }
.customer-logo .top h3::before {content: ''; border: 1px solid #48474A; position: absolute; left: 0; width: 100%; top: 50%; z-index: -99; }
.customer-logo .top p{max-width: 815px; margin: 0 auto}
.logos-slider .item {width: 100%; display: flex ; padding: 10px 0; background: #fff; border-radius: 10px; min-height: 63px; justify-content: center;}

.why-chooes-section {width: 100%; float: left; padding: 80px 0 130px; background: linear-gradient(73.79deg, #0E52A5 30.45%, #4EE1F9 101.5%); }
.why-chooes-section .inner {display: flex ; column-gap: 120px; align-items: center; }
.why-chooes-section .inner .col{width: 50%;color: #fff;}
.why-chooes-section .inner .left-box .sub-title {color: #fff; }
.why-chooes-section .inner .left-box h2{color: #fff}
.why-chooes-section .inner .left-box ul{margin: 0;}
.why-chooes-section .inner .left-box ul li {display: flex ; position: relative; width: 100%; justify-content: space-between;border-bottom: 1px solid #fff;line-height: 30px;padding: 14px 0;}
.why-chooes-section .inner .left-box ul li::after{content: '';position: absolute; border-bottom: 1px solid #4EE1F9;width: 80%;bottom: -1px;}
.why-chooes-section .inner .left-box ul li.border-2::after{width: 90%;}
.why-chooes-section .inner .left-box ul li.border-2::after{width: 85%;}
.why-chooes-section .inner .left-box .theme-btn{margin-top: 30px;border: 1px solid #fff;}
.why-chooes-section .inner .right-box {position: relative; }
.why-chooes-section .inner .right-box .imge-box {background-color: #0E52A5; display: flex ; flex-direction: column; padding: 28px 30px; width: 300px; position: absolute;right: 5%;bottom: -11%;}
.why-chooes-section .inner .right-box .imge-box img{width: 71px}
.why-chooes-section .inner .right-box .imge-box h3{color: #fff; font-size: 32px;line-height: 42px;padding: 20px 0 0;margin: 0;}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.services-section{ padding: 80px 0;clear: both;}
.services-section .inner .top-part{text-align: center; max-width: 620px;margin: 0 auto 30px;}
.services-section .inner .top-part .sub-title{justify-content: center;}
.services-section .inner .top-part h2{width: 670px; margin: 0 0 59px;}
.services-section .inner .box-list {position: relative; display: flex ; row-gap: 30px; column-gap: 30px; justify-content: center; flex-wrap: wrap; }
.services-section .inner .box-list .box-item {width: calc(33.33% - 20px); display: flex; flex-direction: column; padding: 29px 17px;border: 1px solid #48474A66;}
.services-section .inner .box-list .box-item .item-content h5{padding: 18px 0 0;}
.services-section .inner .box-list .box-item .item-content h5 a{color: #000000;}
.services-section .inner .theme-btn{ display: flex;border-radius: 0;margin: 30px auto 0 0;}
.services-section .inner .box-list .image h5 {font-size: 32px; line-height: 42px; font-weight: 600;margin: 30px 0 0; }
.services-section .inner .box-list .item-content {margin: 20px 0 0 0; }

.services-bottom-section .inner{padding: 40px 50px;display: flex;align-items: center;justify-content: space-between; background: url(../images/services-bottom-bg-img.png); background-repeat: no-repeat;background-size: 100% 100%;}
.services-bottom-section .inner .sub-title{color: #fff;margin: 0 0 15px;}
.services-bottom-section .inner h2{color: #fff}

.product-section {padding: 80px 0; width: 100%; float: left; }
.product-section .top-part {margin-bottom: 38px; max-width: 100%; }
.product-section .bottom-part {display: flex ; justify-content: space-between; align-items: center;}
.product-slider{ position: relative;}
.product-slider .owl-stage-outer {overflow: visible; }
.product-slider .item {background: #1964BC; border-radius: 15px; overflow: hidden; }
.product-slider .item .image {width: 100%; display: block; max-height: 280px; overflow: hidden; border-radius: 0px;}
.product-slider .item .image img{width: 100%; height: 280px; object-fit: cover; border-radius: 0px; transition: all 400ms}
.product-slider .item .item-content {padding: 20px 30px 30px; color: #fff; position: relative; font-family: 'Jost'; font-weight: 400}
.product-slider .item .item-content h3{font-size: 22px; font-weight: 600; text-transform: uppercase;}
.product-slider .item .item-content h3 a{color: #fff;}
.product-slider .item .item-content p {margin: 0; padding-right: 75px; }
.product-slider .item .item-content .btn {position: absolute; right: 30px; bottom: 25px; transition: all 400ms}
.product-slider .item:hover .item-content .btn{transform: rotate(25deg)}
.product-slider .item:hover .image img{transform: scale(1.1);}
.product-slider .owl-dots{display: flex;justify-content: center;gap: 10px;gap: 10px; margin-top: 50px;}
.product-slider .owl-dots .owl-dot {width: 20px; height: 20px; border: 1px solid #1964BC; border-radius: 50%; }
.product-slider .owl-dots .owl-dot.active{background-color: #1964BC;}
.product-slider .owl-nav {display: none;}

.testimonial-section{padding: 80px 0; float: left; background: linear-gradient(180deg, #0E52A5 0%, #4EE1F9 100%); width: 100%;}
.testimonial-section .top {max-width: 816px; }
.testimonial-section .top .sub-title{color: #fff}
.testimonial-section .top h2 {color: #ffff;margin-bottom: 50px}
.testimonail-slider{ position: relative;}
.testimonail-slider .owl-stage-outer{overflow: hidden;}
.testimonail-slider .owl-stage {display: flex; column-gap: 30px;}
.testimonail-slider .owl-item {background: #EEF4FA; border-radius: 10px; overflow: hidden;}
.testimonail-slider .owl-item .box-item {padding: 30px 40px 40px 110px; position: relative; font-size: 16px}
.testimonail-slider .owl-item .box-item::before{content: ''; width: 98px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/testimonail-shape.svg); background-size: 100% 100%}
.testimonail-slider .owl-item .box-item::after {content: ''; width: 50px; height: 40px; background-image: url(../images/quote-icon.svg); position: absolute; background-repeat: no-repeat; left: 23px; top: 40px; }
.testimonail-slider .owl-item .star {margin-bottom: 10px; }
.testimonail-slider .owl-item h3 {font-family: 'Outfit'; font-weight: 600; font-size: 24px; color: #1964BC; margin-bottom: 0; }
.testimonail-slider .owl-item .sub-title {font-weight: 500; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #999999; margin-bottom: 12px; }
.testimonail-slider .owl-item .sub-title::after{display: none;}
.testimonail-slider .owl-dots {display: none; }
.testimonail-slider .owl-nav .owl-prev, .testimonail-slider .owl-nav .owl-next {position: absolute; top: -25%; right: 80px; z-index: 99;border: 1px solid #fff; width: 48px; height: 48px; background-image: url(../images/slider-arrow-left-n.svg); background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; transform: translate(0, -50%);}
.testimonail-slider .owl-nav .owl-next{left: initial; right: 15px; background-image: url(../images/slider-arrow-right-n.svg);}

.contact-section {padding: 80px 0; width: 100%; float: left; }
.contact-section .inner {display: flex ; column-gap: 30px; }
.contact-section .inner .col {width: 50%; position: relative;}
.contact-section .inner .col iframe{width: 100%; display: block; height: 100%; border-radius: 15px;}
.contact-section .inner h2 {color: #000; margin-bottom: 20px; }

.contact-section .inner .social-icon {margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 15px; }
.contact-section .inner .social-icon h3{margin: 0}
.contact-section .inner .social-icon li.address {max-width: 240px; }
.contact-section .inner .social-icon li{display: flex;}
.contact-section .inner .social-icon li a{font-family: 'Outfit'; font-weight: 400; font-size: 18px; display: flex; line-height: 24px; color: #000000; position: relative; white-space: nowrap; transition: all 400ms;}
.contact-section .inner .social-icon li a:hover{opacity: 0.6}
.contact-section .inner .social-icon li img {padding-right: 15px;}

.contact-section .inner .col iframe{width: 100%; display: block; height: 100%; border-radius: 15px;}
.contact-section .inner .contact-form {padding: 0 40px; }
.contact-section .inner .contact-form h2 {color: #000000; font-size: 34px;  margin-bottom: 20px; }
.contact-section .inner .contact-form form {display: flex ; flex-wrap: wrap; column-gap: 30px; row-gap: 20px; }
.contact-section .inner .contact-form form .control-group, .contact-section .inner .contact-form form .form-action {width: 100%; }
.contact-section .inner .contact-form form .form-action .theme-btn { border-radius: 8px; border: 1px solid #0E52A5;height: 55px; padding: 0 30px;font-size: 20px; }
.contact-section .inner .contact-form form .form-action .theme-btn:hover{background: transparent; color: #0E52A5 !important;}
.contact-section .inner .contact-form form .control-group.half {width: calc(50% - 15px); } .contact-section .inner .contact-form form .control-group input, .contact-section .inner .contact-form form .control-group select, .contact-section .inner .contact-form form .control-group textarea {width: 100%; height: 50px; padding: 21px 24px; background: transparent; color: #fff; border: 1px solid #48474A66; }
.contact-section .inner .contact-form form .control-group select option{color: #333;}
.contact-section .inner .contact-form form .control-group input::placeholder, .contact-section .inner .contact-form form .control-group textarea::placeholder{color: #48474A66;}
.contact-section .inner .contact-form form .control-group textarea{height: 130px;}


/*Responsive*/
@media (min-width: 1024px) {
    .fixed-header {position: fixed !important; top: 0; left: 50%; width: 100%; z-index: 9; transform: translate(-50%); box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
    .header-main.fixed-header .inner{padding: 15px 0;}
    .hide-desktop{display: none !important;}
    .mobile-menu{display: none !important;}

}

@media (min-width: 768px) {
  .row_flex {display: flex; gap: 50px; align-items: flex-start; justify-content: space-between;}
  .row_flex .row_inner {width: 43%; display: flex ; flex-direction: column; row-gap: 15px; }
  .row_flex .row_inner.accordion_images {width: 52%; position: relative; padding: 0;}
  .row_flex .row_inner.accordion_images img {z-index: 9; border-radius: 10px; width: 100%;}
  .accordion_content .accordion_image {display: none; }
}

@media (max-width: 1439px) {}
@media (max-width: 1365px) {
    .footer-section .middle-box .inner{column-gap: 35px;}
    .footer-section .middle-box .inner .footer-menu h4{font-size: 17px;}
    .footer-section .middle-box .inner .footer-menu ul li a{font-size: 16px;}

    .global-leader-section::after{width: 400px;height: 400px;top: auto; bottom: 0;}
}
@media (max-width: 1279px) {}
@media (max-width: 1179px) {    
    body, button, input, select, textarea{font-size: 15px;}
    .footer-section .middle-box .inner{column-gap: 25px;}
    .footer-section .top-part .inner{column-gap: 19px;}
    .footer-section .top-part .inner ul li span{font-size: 16px !important;}
    .footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span{font-size: 20px;}
    .footer-section .top-part .inner .footer-menu h4{font-size: 20px;}
    .footer-section .top-part .inner .social-icon h4{font-size: 20px;}

    .list-type-check.half{column-gap: 0px;}
    .header-main .inner .menu ul{column-gap: 20px;}


}
@media (max-width: 1024px) {
    h2, .h2 , h3, .h3 {font-size: 30px; line-height: 35px;}
    body, button, input, select, textarea{font-size: 15px;}
    .hide-mobile{display: none !important;}
    .site-header{position: unset;}
    .mobile-menu {width: 40px; height: 40px; border: 3px solid #0E52A5; background: #0E52A5; padding: 6px 5px; }
    .mobile-menu span {position: relative; float: left; margin: 3px 0; height: 2px; width: 100%; padding: 0; background-color: #fff; }
    .header-main{max-width: 100%;position: relative;}
    .header-main .inner .menu {display: none; position: absolute;top: 100%; right: 0; z-index: 9; background: #ffff; width: 100vw;}
    .header-main .inner .menu ul{display: inline-block; width: 100%;}
    .header-main .inner .menu > ul > li{padding: 10px 15px;border-bottom: 1px solid #ccc;}
    .header-main .inner .menu ul li.active a{border: none;}
    .header-main .inner .menu ul li.right{display: block;width: 100%;}
    .header-main .inner .right{display: none;} 

/*    .footer-section .top-part .inner ul{flex-wrap: wrap;row-gap: 30px}*/
    .footer-section .top-part .inner ul li{display: inline-block;text-align: center;padding: 21px 35px 19px 23px;}
    .footer-section .top-part .inner ul li .icon{}
    .footer-section .top-part{padding: 30px 0 30px;}
    .footer-section .top-part .inner{flex-wrap: wrap;row-gap: 30px;}
    .footer-section .top-part .inner .footer-col-1{max-width: 100%}
    .footer-section .top-part .inner ul li .icon{margin: 0 0 30px;}
    .footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span{line-height: 25px;}

    .footer-section .middle-box {padding: 25px 0 0px; }
    .footer-section .middle-box .inner .footer-col-3{width: 370px}
    .footer-section .bottom-part{padding: 0}
    .footer-section .bottom-part .inner .copyright-text{padding: 15px 0;}
    
    .hero-section .item {padding: 60px; }
    .hero-section .item .content-box .inner h1{font-size: 72px; line-height: normal;}
    .hero-section .item .content-box .inner .theme-btn.white-btn{margin-bottom: 0}
    .hero-section .item .content-box .inner h1::after{bottom: -5px;}

    .hero-bottom-section .inner .box-list .box-item{padding: 0;}
    .hero-bottom-section .inner .box-list .image{flex-wrap: wrap;  row-gap: 15px;}
    .hero-bottom-section .inner .box-list .item-content{margin-top: 0}
    .hero-bottom-part .inner ul{flex-wrap: wrap;row-gap: 30px;}

    .about-section .inner{flex-wrap: wrap; justify-content: center;row-gap: 30px;}
    .about-section .inner .col {width: 100%;}    
    .about-section .inner .left-box::after{min-width: 210px;min-height: 290px;}
    .about-section .inner .left-box h3{padding: 150px 0 0 0;font-size: 17px;top: 10px;line-height: 25px;width: 200px; height: 273px;background-size: 100%;}
    .about-section .inner .left-box img{min-width: 100%;}
    .aboutus-section-2 .list-type-check.half{column-gap: 15px;}
    .aboutus-section .inner, .aboutus-section-2 .inner{flex-wrap: wrap;row-gap: 50px;}
    .aboutus-section .inner .col, .aboutus-section-2 .inner .col{width: 100%;}
    .aboutus-section .inner .left-box{justify-content: center;}

    .why-chooes-section{padding: 40px 0 80px}
    .why-chooes-section .inner{column-gap: 40px;}
    .why-chooes-section .inner .right-box .imge-box{width: 200px;bottom: -25%;}
    .why-chooes-section .inner .right-box .imge-box h3{font-size: 18px;line-height: 25px;}     
    
    .product-slider .item .item-content h3{font-size: 18px}
   
    .customer-logo{padding: 0 0 50px;}
    .about-section, .service-section, .product-section, .testimonial-section, .global-leader-section, .contact-section, .product-content{padding: 50px 10px;}

    .testimonail-slider .owl-nav{margin: 10px 0 0;}
    .testimonail-slider .owl-item .box-item::before {left: -10px;}
    .testimonail-slider .owl-item .box-item::after {left: 13px;}

    .services-section{padding: 40px 0;}
    .services-section .inner .box-list{flex-wrap: wrap; }
    .services-section .inner .box-list .box-item{width: calc(50.33% - 20px);}
    .services-section .inner .theme-btn{margin: 30px auto 0 0;}

    .why-choose-us-section{padding: 35px 0 20px;}
    .why-choose-us-section .inner{flex-wrap: wrap;row-gap: 35px;}
    .why-choose-us-section .inner .left-box, .why-choose-us-section .inner .right-box, .why-choose-us-section .inner .center-box  {width: 100%;}
    .why-choose-us-section .inner .center-box{display: flex;justify-content: center;}
    .why-choose-us-section .inner .box-item{justify-content: center;} 

    .contact-section .inner .contact-form{padding: 0}
    .contact-section .inner .contact-form h2{font-size: 21px;line-height: 28px}   
    
     
}
@media (max-width: 767px) {
    .site-header .inner .logo {width: 50%; }
    .footer-section .top-part .inner ul{flex-wrap: wrap;row-gap: 30px}
    .footer-section .top-part .inner ul li{width: 100%;display: flex;text-align: initial;}
    .footer-section .top-part .inner ul li .icon{margin: 0 ;}

    .footer-section .middle-box .inner{flex-wrap: wrap;row-gap: 30px;}
    .footer-section .middle-box .inner .footer-col{width: 100%}

    
    .hero-section .item {padding: 40px 10px; }
    .hero-section .item .content-box{width: 100%;}
    .hero-section .item .content-box .inner h1{font-size: 48px}
    .hero-section .item .content-box .inner h1::after{bottom: -10px; }

    .hero-bottom-section .inner .box-list .box-item {width:100%;}
    .list-type-check li{background-position: 0px 5px;}

    .customer-logo .top h3 span{padding: 10px 20px;}
    .product-slider .owl-dots{margin-top: 20px;}

    .why-chooes-section {padding: 40px 0 130px; }
    .why-chooes-section .inner{flex-wrap: wrap; row-gap: 30px}
    .why-chooes-section .inner .col{width: 100%}
    .why-chooes-section .inner .right-box .imge-box img {width: 40px; }
    .services-section .inner .top-part h2{width: 100%;}

    .testimonial-section .top h2{margin-bottom: 20px;}
    .testimonail-slider .owl-nav {display: flex ; flex-wrap: nowrap; width: 100%; justify-content: center; margin-top: 15px;column-gap: 10px;}
    .testimonail-slider .owl-nav .owl-prev, .testimonail-slider .owl-nav .owl-next {width: 48px !important; display: flex ; align-content: center; position: initial; justify-content: center; transform: none; }

    .contact-section .inner{flex-wrap: wrap;row-gap: 30px;}
    .contact-section .inner .col{width: 100%; padding: 0}
}

@media (max-width: 639px) {
    .sub-title{margin: 0 0 10px;}
    .services-section .inner .box-list .box-item {width: 100%; }
    .services-bottom-section .inner{flex-wrap: wrap;justify-content: center;}
    .services-bottom-section .inner .sub-title{justify-content: center;}
    .services-bottom-section .inner {padding: 20px 40px;}
    .services-bottom-section .inner h2{text-align: center;}

    .product-section .bottom-part{flex-wrap: wrap;}
}