body{padding:0px;margin:0px;list-style:none;color:#000;}

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

a{padding:0px;margin:0px;outline:none;}

ul{list-style:none;padding:0px;margin:0px;}

label{list-style:none;padding:0px;margin:0px;}

ul li{padding:0px;margin:0px;}

h1,
h2,
h3,
h4,
h5,
h6,
p{padding:0px 0 15px 0;margin:0px;}

input[type="text"]::-webkit-placeholder{opacity:1;}

input[type="text"]::-moz-placeholder{opacity:1;}

input[type="password"]::-webkit-placeholder{opacity:1;}

input[type="password"]::-moz-placeholder{opacity:1;}

input[type="search"]::-webkit-placeholder{opacity:1;}

input[type="search"]::-moz-placeholder{opacity:1;}

input[type="email"]::-webkit-placeholder{opacity:1;}

input[type="email"]::-moz-placeholder{opacity:1;}

input[type="tel"]::-webkit-placeholder{opacity:1;}

input[type="tel"]::-moz-placeholder{opacity:1;}

textarea::-moz-placeholder{opacity:1;}

textarea::-webkit-placeholder{opacity:1;}

a:hover{outline:none !important;text-decoration:none;}

a:active{outline:none !important;text-decoration:none;}

a{text-decoration:none !important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

button,
input[type="submit"]{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;-webkit-appearance:none;outline:none;}

input,
button{-webkit-appearance:none;}

input:focus,
textarea:focus{outline:none;box-shadow:none;}

button:focus,
input[type="submit"]:focus{outline:none;box-shadow:none;}

figure{margin:0px !important;padding:0px;}

img{max-width:100%;object-fit:cover;}

a,
span,
strong,
em{display:inline-block;}

body,
p{font-family:var(font1);}
:root {
    --font1: 'Poppins';
    --font2: 'Inter';

    --font-120: 120px;
    --line-120: 130px;

    --font-80: 80px;
    --line-80: 90px;

    --font-70: 70px;
    --line-70: 80px;

    --font-75: 75px;
    --line-75: 85px;

    --font-60: 60px;
    --line-60: 70px;

    --font-56: 56px;
    --line-56: 66px;

    --font-50: 50px;
    --line-50: 60px;

    --font-32: 32px;
    --line-32: 42px;

    --font-30: 30px;
    --line-30: 40px;

    --font-28: 28px;
    --line-28: 38px;

    --font-25: 25px;
    --line-25: 35px;

    --font-24: 24px;
    --line-24: 30px;

    --font-20: 20px;
    --line-20: 28px;

    --font-22: 22px;
    --line-22: 28px;

    --font-14: 14px;
    --line-14: 22px;

    --font-p: 18px;
    --line-p: 28px;

    --font-18: 18px;
    --line-18: 28px;

    --font-15: 15px;
    --line-15: 25px;

    --font-16: 16px;
    --line-16: 24px;

    --font-12: 12px;
    --line-12: 14px;

    --r-60: 60px;
    --r-20: 20px;
    --r-10: 10px;
    --r-6: 6px;
    --r-4: 4px;
    --r-8: 8px;
    --container: 1440px;
    --container-big: 1620px;
    --p-150: 150px;
    --p-100: 100px;
    --p-120: 120px;
    --p-60: 60px;
    --p-15: 15px;
    --p-20: 20px;
    --p-80: 80px;
    --h-60: 60px;
    --h-55: 55px;
    --h-80: 80px;
    --v-60: 65px;
    --gap1: 4rem;
    --overlay: linear-gradient(0deg, rgba(9, 40, 48, 0.7), rgba(9, 40, 48, 0.7)),
        linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 18.54%);
}



.p-60{ padding: var(p-60) 0;}
.mw-60 {
        max-width: 60%;
    }
    .mw-70 {
        max-width: 70%;
    }
.mw-80 {
        max-width: 80%;
    }
    .mw-90 {
        max-width: 90%;
    }

p,
body{ font-size:var(--font-p);line-height:var(--line-p);font-family:var(--font1); letter-spacing: 1px;}


.btns{ background:#006FD9;border:1px solid #006FD9;padding:0 40px;line-height:50px;min-width:250px;text-align:center;font-size:var(--font-18);
  text-transform:uppercase;color:#fff; font-weight: 400; margin: 10px 0 0; letter-spacing: 2px; border-radius: 5px;
}
.btns-brd{ border-color: #fff; background: none;}


.btnWh{background:#D5E5F4;color:#0F2A57;border-color:#D5E5F4;}
.btnBl{background:#0F2A57;color:#fff;border-color:#0F2A57;}


.btns:hover{background:#000;color:#fff;border-color:#000;}
.btnWh:hover{background:#0F2A57;color:#fff;border-color:#0F2A57;}
.btnBl:hover{background:#D5E5F4;color:#0F2A57;border-color:#D5E5F4;}


.tophead{ position: relative; padding: var(--p-100) 0;}
.tophead h2,.tophead h1{ font-size:var(--font-50);line-height:var(--line-50);  font-weight: 700;}

.tophead h3{font-size:var(--font-30);line-height:var(--line-30);}
.tophead h4{font-size:var(--font-25);line-height:var(--line-25);}
.tophead h5{font-size:var(--font-20);line-height:var(--line-20);}







.tophead h6{color:#006FD9;text-transform:uppercase;font-size:var(--font-24);line-height:var(--line-24);font-family:var(--font1); font-weight: 500;

  letter-spacing: 4px;}


.font-20 p, .font-20 li{ font-size:var(--font-20);line-height:var(--line-20); }


.container{max-width:var(--container); position: relative;}

.container-big{max-width:var(--container-big);}

/*==========================
Header
==========================*/

.header_sec {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;z-index: 111;
}



.navbar-brand{margin:0px;padding:0px;max-width:332px;}



/*==========================
Menu
==========================*/

.menu_sec{display:flex;align-items:center;margin:0 300px 0 0;padding:0;gap:12px; }

.menu_sec > li{list-style:none;position:relative;}

.menu_sec li a{color:#ffffff;font-family:var(--font1); padding:18px 11px;display:block;transition:.3s;font-size:var(--font-18);line-height:var(--line-18); font-weight: 400; letter-spacing: 2px;} 

.menu_sec > li:hover > a{ color: #006FD9;}
.menu_sec > li.current-menu-item > a,
.menu_sec > li.current-menu-parent > a{ color: #006FD9;}

/*==========================
Dropdown
==========================*/

.menu_sec .sub-menu{position:absolute;left:0;top:100%;min-width:240px;background:#fff;padding:0;margin:0;opacity:0;visibility:hidden;transition:.3s;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:999;}



.menu_sec .dropdown-menu li{list-style:none;}

.menu_sec .dropdown-menu li a{display:block;padding:14px 20px;color:#202b3d;font-size:var(--font-18);font-weight:400;border-bottom:1px solid #eee;transition:.3s;}

.menu_sec .dropdown-menu li:last-child a{border-bottom:none;}

.menu_sec .dropdown-menu li a:hover{background:#006FD9;color:#fff;}
.drop-arw{
  position: absolute;
  top: 19px;
  right: 0px;
  color: #fff;font-size: 15px;
}
.drop-arw::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 7 Free";
  color: #fff;
  font-weight: 900;
}
.menu_sec li.dropdown{ padding-right: 10px;}




/*==========================
Right Section
==========================*/

.header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 15px;
    position: absolute;
    right: 0px;
    top: 5px;
}

.header-extra-logo img{height:21px;width:auto;}

.quote-btn{  padding:0px 30px; font-family:var(--font1); line-height: 50px; font-weight:400;text-transform:uppercase;
  display:inline-flex;align-items:center;justify-content:center;transition:.3s;text-decoration:none; min-width: auto; letter-spacing: 2px; min-width: 300px;}




.footerSec{ width: 100%; background: #01101B; background-size: cover; color: #fff;}
.foot_Top{ padding: 80px 0 50px 0; width: 100%;}


.footerSec p{ color: #fff; font-size: var(--font-16); line-height: var(--line-16); font-weight: 400;}
.footerSec h5{ color: #fff; text-transform: capitalize; font-size:var(--font-24); line-height:var(--line-24); font-weight: 700; letter-spacing:2px; padding-bottom: 10px;}
.footerSec li a{ color: #fff; font-size: var(--font-16); line-height: var(--line-16); font-weight: 400; letter-spacing:2px;}
.contactInfo li a, .contactInfo li p{ color: #fff; font-weight: 400; font-family: var(--font1);}
.contactInfo li p a{ color: #006FD9;}
.ftBx li a{ color: #fff;}


.ftBx ul{ display: flex;}
.ftBx li{ margin-right: 10px;}
.footLogo{ margin-bottom: 20px;}
.ftBx li a:hover{ color: #006FD9;}
.footmenu ul li, .contactInfo ul li {
  padding: 0px;
  margin: 4px 0;
}
.contactInfo ul li img{ margin-right: 10px;}
.foot_btm{ padding: 10px 0; background: #FFFFFF38;}

.foot_btmIn{ width: 100%;  display: flex;
  align-items: center;
  justify-content: space-between;}
.foot_btmIn p, .foot_btmIn p a{ color: #fff;}
.foot_btmIn p a:hover, .contactInfo li a:hover,.contactInfo li p a:hover, .footerSec li a:hover { color: #006FD9;}
.foot_btmIn p{ font-size: var(--font-14); line-height: var(--line-14); font-weight: 400; letter-spacing:0.5px;}

.foot_btmIn li{ display: inline-block; margin-left: 31px;}
.foot_btmIn li a{ display: inline-block; color: #006FD9; font-weight: 400;}

.foot_btmIn p, .foot_btmIn ul{ padding: 10px 0;}


.contactInfo p{ padding-bottom: 0px;}


.footbox4 .header-extra-logo img {
  height: auto;
  width: auto;
  max-width: 189px;
}


.up-arw{ transform: rotate(-45deg); position: relative; top: 2px;}


.footbox1{
    padding-right: 40px;
    width: 22%;
}
.footbox2{
    width: 12%;
}
.footbox3{ width: 29%;}
.footbox5{ width: 17%;}
.footbox4{ width: 20%;}


ul.li50{ display: flex; flex-wrap: wrap;}
ul.li50 li{ width: 50%;}


.googleMap{ width: 100%;}
.googleMap iframe{ height: 200px; border-radius: 5px; border: none;     width: 100%;}

.foot_btmIn p a{ font-weight: 700;}
.foot_btmIn p a{ color: #006FD9;}
.ftBx li{ margin-right: 10px;}

.tnp-field label{ display: none;}
.tnp-email{ background: #FFFFFF; border-radius: 5px; height: 50px; color: #BABABA; width: 100%; font-size: var(--font-16); font-family: var(--font1);}
.tnp-submit{ background: #006FD9 url(../images/up-right-arrow_8.png) no-repeat center center !important; border-radius: 5px !important; 
  font-size: 0px !important; width: 50px !important; height: 50px !important;}
div.tnp-subscription{ max-width: 100%;
    width: 100%;
    position: relative;
}
.tnp-field-button{
    text-align: left;
    position: absolute;
    top: 0px;
    right: 0px;
}




.contact-section{
    position:relative;
    background-size:cover !important;
    background-position:center;
}
.contact-section h2{ color: #fff;}
.contact-section .contact-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55); width: 100%; height: 100%; top:0px; left: 0px;
}

.contact-section .container{
    position:relative;
    z-index:2;
}

.contact-content{
    color:#fff;
}

.contact-info-list{
    margin-top:40px;
}

.contact-box{ min-height: 100px;
    background:#fff;
    border-radius:10px;
    padding:20px;
    margin-bottom:20px; color: #000;
}

.contact-box .icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:20px;
    flex-shrink:0;
}

.contact-box .icon img{
    width:35px;
}

.contact-box .content{
    color:#111;
    font-size:20px;
    line-height:1.6;
}

.contact-form-box{
    background:#fff;
    border-radius:12px;
    padding:40px;
}

.contact-form-box label{
    display:block;
    font-weight:600;
    margin-bottom:8px;
}

.contact-form-box .form-control{
    border-radius:5px;
    height:52px;
}

.contact-form-box textarea.form-control{
    height:180px;
    resize:none;
}

.contact-form-box .btn-primary{
    padding:14px 50px;
    border-radius:5px;
    font-size:18px;
    letter-spacing:1px;
}
.contact-left{ max-width: 530px;}
.contact-section h2{ max-width: 74%;}
.contact-info p{ padding-bottom: 0px;}
.contact-info p a{ color: #000;}
.contact-icon{ margin-right: 10px;}
.contact-form-box .wpcf7-form-control-wrap{ width: 100%;}
.contact-form-box p{ padding:0px !important; }
.contact-form-box p br{ display: none;}
.form-control{ border: 1px solid #A1A0A0; border-radius: 5px; height: 50px; color: #DBDBDB; font-size: var(--font-16); line-height: var(--line-16); font-family: var(--font1); }
.contact-form-box label{ color: #000; font-size: var(--font-18); line-height: var(--line-18); font-family: var(--font1); font-weight: 500; letter-spacing: 1px;}
.btn-primarya{ min-width: 342px;}


.latest-blog-slider .item{
    padding:15px;
}

.blog-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow: 5px 5px 10px 0px #0000001A;
    height:100%;
}

.blog-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.blog-pic{ height:280px;}
.blog-content{
    padding:20px;
    position:relative;
    min-height:260px; padding-right: 75px !important;
}

.blog-date{
    color:#006FD9;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size: var(--font-14); line-height: var(--line-14); font-weight: 400; font-family: var(--font1);  font-weight: 500;
}

.blog-content h3{
     font-size: var(--font-30); line-height: var(--line-30); font-weight: 700; padding-bottom: 6px;
}

.blog-content h3 a{
    color:#000;
    text-decoration:none;
}

.blog-content p{
     font-size: var(--font-16); line-height: var(--line-16); font-weight: 400; font-family: var(--font1); 
}

.blog-arrow{
    position:absolute;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    background:#0066d9;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
}

.latest-blog-slider .owl-stage{
    display:flex;
}

.latest-blog-slider .owl-item{
    display:flex;
}

.latest-blog-slider .blog-card{
    width:100%;
}



.blog-arrow{ background: #006FD9; width: 50px; height: 50px; border-radius: 5px; color: #fff !important;}
.blog-arrow:hover{ background: #000;}







.why-choose-sec{
    background:#01101B; padding: 50px 0;    margin-top: 50px;
}
.why-choose-sec::before {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    background: #fff;
    content: "";
    height: 100%;
}
.why-choose-sec .container{ position: static;}




.why-choose-sec h2, .whtxt{
    color:#fff;
}

.why-choose-sec .content{
    color:#fff;
    margin-bottom:20px; max-width: 76%;
}

.choose-box{
    margin-bottom:10px;
}

.choose-box img{
    width:55px;
    margin-bottom:20px;
}


.why-choose-sec .img-fluid{
    max-width:100%;
}
.choose-box h5{ padding-bottom: 5px;}
.choose-box p{ font-size: var(--font-16); line-height: var(--line-16);}

.why-choose-cont{ max-width: 678px;}

.img-fluid {
    position: absolute;
    bottom: -83px;
    right: 48px;
    max-width: 56% !important;
}



.application-card{ width: 100%; height: 350px; overflow: hidden; border-radius: 10px; position: relative;}
.application-card::before{ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.78%, #000000 100%); position: absolute; top: 0px; left:0px; content: ""; width: 100%; height: 100%;}
.application-card img{ width: 100%; height: 100%;}
.bigpic .lftGals{ height: 100%;}
.bigpic .lftGals .application-card{ height: 100%;}






.our-process-sec{
    background:#01101B;
    overflow:hidden; padding: 50px 0;
}


.process-content{
    max-width: 990px;
    margin: 0px auto 20px;
}

.process-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    position: relative;
    left: 100px;
}

.process-item {
    flex: 1;
    position: relative;
    text-align: center;
    min-height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.process-number {
    display: block;
    font-size: 200px;
    font-weight: 700;
    color: #FFFFFF1A;
    line-height: 200px;
    position: absolute;
    top: 0px;
    text-align: left;
    width: 100%;
}
.process-item h3{
    color:#fff;
    font-size:var(--font-30); line-height: var(--line-30); font-weight: 700;

    position:relative;
    z-index:2; letter-spacing: 2px; padding:0px;
}

.process-line {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 72%;
    border-top: 3px dashed rgba(255, 255, 255, 1);
    transform: translate(-50%, -50%);
}

@media(max-width:991px){



.process-line{
    display:none;
}



}






/*==============================
 Banner Section
==============================*/

.home-banner{
    position:relative;
    overflow:hidden;
}
.home-banner:after{     z-index: 1; width: 100%; position: absolute; bottom: 0px; left: 0px; content: ""; background: url(../images/b1.png) no-repeat bottom center; background-size: 100% 100%; height: 577px;}

.home-banner::before{     z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 50.5%, rgba(0, 0, 0, 0) 81.87%); position: absolute; top: 0px; left:0px; content:""; width: 100%; height: 100%;}

.banner-slider .item{
    position:relative;
    height:100vh;
    min-height:750px;
}

.banner-slider .item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Dark Overlay */



/*==============================
 Banner Content
==============================*/

.banner-content{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    max-width:100%;
    color:#fff;
    z-index:10; width: 100%;
}
.banner-contentIn{ max-width: 650px;}
.banner-content h1{
    font-size:var(--font-70);
    line-height:var(--line-70);
    font-weight:700;
}

.banner-content h1 em{
    color:#006FD9; font-style:normal;
}

.banner-content p{
    font-size:var(--font-18);
    line-height:var(--line-18);
    color:#fff;
    margin-bottom:35px;
}

/*==============================
 Buttons
==============================*/

.banner-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.banner-buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:250px;
}



.banner-buttons a:first-child:hover{
    background:#fff;
    color:#006FD9;
}

.banner-buttons a:last-child{
    background:transparent;
    color:#fff;
    border:1px solid #fff;
}

.banner-buttons a:last-child:hover{
    background:#fff;
    color:#006FD9;
}

/*==============================
 Owl Navigation
==============================*/

.banner-slider .owl-nav{
    margin:0;
}

.banner-slider .owl-prev,
.banner-slider .owl-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:60px;
    height:60px;

    border-radius:50%!important;

    background:rgba(255,255,255,.15)!important;

    color:#fff!important;

    font-size:30px!important;

    transition:.3s;

}

.banner-slider .owl-prev{
    left:30px;
}

.banner-slider .owl-next{
    right:30px;
}

.banner-slider .owl-prev:hover,
.banner-slider .owl-next:hover{

    background:#0b84ff!important;

}

/*==============================
 Dots
==============================*/

.banner-slider .owl-dots{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:translateX(-50%);

}

.banner-slider .owl-dot span{

    width:14px!important;

    height:14px!important;

    margin:5px!important;

    background:#ffffff66!important;

}

.banner-slider .owl-dot.active span{

    background:#0b84ff!important;

    width:45px!important;

    border-radius:20px;

}

/*==============================
 Animation
==============================*/



.banner-slider .owl-item.active .banner-content h1{

    transition-delay:.3s;

}

.banner-slider .owl-item.active .banner-content p{

    transition-delay:.6s;

}

.banner-slider .owl-item.active .banner-buttons{

    transition-delay:.9s;

}

/*==============================
 Responsive
==============================*/



@media(max-width:991px){

.banner-slider .item{

min-height:650px;

}

.banner-content h1{

font-size:46px;

}

.banner-content p{

font-size:18px;

line-height:30px;

}

}

@media(max-width:767px){

.banner-slider .item{

min-height:600px;

}



.banner-content h1{

font-size:34px;

}

.banner-content p{

font-size:16px;

line-height:28px;

}

.banner-buttons{

flex-direction:column;

}

.banner-buttons a{

width:100%;

}

.banner-slider .owl-prev,

.banner-slider .owl-next{

display:none;

}

}


.arrows{ box-shadow: 0px 2px 10px 0px #00000026; width: 68px;
height: 68px; background: #fff; border-radius: 100%; position: absolute; bottom: 120px;  display: flex;
    left: 50%;
    align-items: center;
    justify-content: center;z-index: 2;
}




.service-item{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:2px 2px 8px 0px #0000001A;
}

.service-image img{
    width:100%;
    height:270px;
    object-fit:cover;
    display:block;
}

.service-icon{
    width:80px;
    height:80px;
    border-radius:100%;
    background:#fff;
    margin:-48px auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0px 5px 15px 0px #18A1D333;
    position:relative; background: linear-gradient(180deg, #FFFFFF 24.52%, #CCF1FF 100%);
    z-index:2; border: 3px solid #FFFFFF; 
}

.service-icon img{
    width:40px;
    height:40px;
    object-fit:contain;
}

.service-content{
    padding:25px;
}

.service-content h3{
    font-size:var(--font-24); line-height: var(--line-24); 
    font-weight:700;
    text-transform:uppercase; color: #01101B; min-height:74px; padding-bottom: 5px;
}
.service-content h3 a{  color: #01101B; }
.service-content p{
    font-size:var(--font-16); line-height: var(--line-16); color: #000; min-height: 190px;
}

.service-content{ position: relative; padding-top: 45px;}
.service-icon{ position: absolute; top:-48px; left: 20px; margin: 0px;}



.services-slider .owl-item{ padding: 5px;}
.about-img img{ border-radius: 10px;}



.tnp-field-button{ background: #fff; width: 50px;}
.tnp-subscription form{ width: 100%; position: relative;}


.innerban:after{ display: none;}
.innerban .banner-contentIn{ max-width: 750px;}
.innerban{ height: 750px;}
.innerban img.w-100{ height: 100%;}
.innerban .banner-content{ top: 60%;}


.about-img{ position: relative; border-radius: 10px; overflow: hidden; width: 100%;}
.about-img::before{  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57%, #000000 100%);
position: absolute; top:0px; left: 0px; content: ""; width: 100%; height: 100%;}

.mh-auto{ min-height: auto !important;}




.contact-page .contact-form-box, .contact-page .contact-box{ box-shadow: 2px 2px 8px 0px #0000001A;}

.arrows{

    animation: bounceArrow 2s ease-in-out infinite;
}

.arrows img{
    width:28px;
    height:auto;
    animation: arrowMove 2s ease-in-out infinite;
}

@keyframes bounceArrow{

    0%,100%{
        transform:translateX(-50%) translateY(0);
    }

    25%{
        transform:translateX(-50%) translateY(-8px);
    }

    50%{
        transform:translateX(-50%) translateY(8px);
    }

    75%{
        transform:translateX(-50%) translateY(-4px);
    }
}

@keyframes arrowMove{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(8px);
    }
}

.inner-srv-item .service-content{ padding: 20px;}
.inner-srv-item .service-content h3{ min-height: 45px;}









@media (min-width: 1400px) and (max-width: 9000px) {
.text-heading-row .col-lg-4{ width: 35%;}
.text-heading-row .col-lg-5{ width: 42%; padding-right: 30px;}
.text-heading-row .col-lg-3{ width: 23%;}






}
@media (min-width: 1300px) and (max-width: 1399px) {








}
@media (min-width: 992px) and (max-width: 9000px) {
  
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none;
     padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 0px; box-shadow: inherit;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 370px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}





}



@media only screen and (max-width: 1999px) {


.why-choose-cont {
  max-width: 827px;
}




}

@media only screen and (max-width: 1799px) {
    :root {

		--font-120: 110px;
	    --line-120: 110px;
	
	    --font-80: 75px;
	    --line-80: 85px;

     --font-70: 60px;
     --line-70: 70px;

	    --font-75: 70px;
	    --line-75: 80px;
	
	    --font-60: 60px;
	    --line-60: 70px;
	
	    --font-56: 50px;
	    --line-56: 60px;
	
	    --font-50: 45px;
	    --line-50: 55px;
	
	    --font-32: 32px;
	    --line-32: 42px;
	
	    --font-30: 30px;
	    --line-30: 40px;
	
	    --font-28: 28px;
	    --line-28: 38px;
	
	    --font-25: 25px;
	    --line-25: 35px;
	
	    --font-24: 24px;
	    --line-24: 30px;
	
	    --font-20: 20px;
	    --line-20: 28px;
	
	    --font-22: 22px;
	    --line-22: 28px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 18px;
	    --line-p: 28px;
	
	    --font-18: 18px;
	    --line-18: 28px;
	
	    --font-15: 15px;
	    --line-15: 25px;
	
	    --font-16: 16px;
	    --line-16: 24px;
	
	    --font-12: 12px;
	    --line-12: 14px;









        --r-60: 50px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 8px;
        --container: 1440px;
        --container-big: 1620px;
        --p-150: 120px;
        --p-100: 90px;
        --p-120: 100px;
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 80px;
        --h-60: 60px;
        --h-55: 55px;
        --h-80: 80px;
        --v-60: 65px;
    }



.service_circle{ width: 700px;
  height: 700px; padding: 88px;}

.counter-box h3 span{ font-size: 72px;
  line-height: 66px;}

.counter-box{ padding: 20px 27px 8px;}




.home-banner::after{ height: 238px;}
.quote-btn{ min-width: 231px;}


.img-fluid{ bottom: -9px;}









}

@media only screen and (max-width: 1599px) {
    :root {


		--font-120: 90px;
	    --line-120: 90px;
	
	    --font-80: 55px;
	    --line-80: 65px;
	
	    --font-75: 45px;
	    --line-75: 55px;

      --font-70: 45px;
      --line-70: 55px;

	    --font-60: 40px;
	    --line-60: 50px;
	
	    --font-56: 40px;
	    --line-56: 50px;
	
	    --font-50: 36px;
	    --line-50: 46px;
	
	    --font-32: 27px;
	    --line-32: 37px;
	
	    --font-30: 24px;
	    --line-30: 34px;
	
	    --font-28: 22px;
	    --line-28: 30px;
	
	    --font-25: 20px;
	    --line-25: 30px;
	
	    --font-24: 18px;
	    --line-24: 28px;
	
	    --font-20: 18px;
	    --line-20: 28px;
	
	    --font-22: 20px;
	    --line-22: 28px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 16px;
	    --line-p: 28px;
	
	    --font-18: 16px;
	    --line-18: 27px;
	
	    --font-15: 14px;
	    --line-15: 24px;
	
	    --font-16: 14px;
	    --line-16: 24px;
	
	    --font-12: 12px;
	    --line-12: 14px;





        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 1340px;
        --container-big: 1400px;
        --p-150: 100px;
        --p-100: 90px;
        --p-120: 100px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 70px;
        --h-60: 50px;
        --h-55: 50px;
        --h-80: 70px;
        --v-60: 55px;
    }

.btns{ line-height: 46px;}


.product-tags span{ padding: 4px 8px 3px;
  font-size: 11px;}

.selection-guide .col-lg-7 {
    width: 55%;
  }
.selection-guide .col-md-5{ width: 45%;}
.blog-pic{ height: 320px;}

.banner-content p{ margin-bottom: 5px;}
.service-content p{ min-height: 146px;}

.service-content {
  padding: 12px;
  padding-top: 45px;
}



}

@media only screen and (max-width: 1399px) {
    :root {


		--font-120: 80px;
	    --line-120: 80px;
	
	    --font-80: 60px;
	    --line-80: 70px;
	
	    --font-75: 55px;
	    --line-75: 65px;
	
      --font-70: 40px;
      --line-70: 50px;


	    --font-60: 45px;
	    --line-60: 55px;
	
	    --font-56: 40px;
	    --line-56: 50px;
	
	    --font-50: 35px;
	    --line-50: 45px;
	
	    --font-32: 24px;
	    --line-32: 34px;
	
	    --font-30: 21px;
	    --line-30: 31px;
	
	    --font-28: 20px;
	    --line-28: 30px;
	
	    --font-25: 18px;
	    --line-25: 28px;
	
	    --font-24: 18px;
	    --line-24: 28px;
	
	    --font-20: 15px;
	    --line-20: 25px;
	
	    --font-22: 17px;
	    --line-22: 27px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 15px;
	    --line-p: 25px;
	
	    --font-18: 15px;
	    --line-18: 25px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 1140px;
        --container-big: 1220px;
        --p-150: 90px;
        --p-100: 80px;
        --p-120: 90px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }


 .service_circle {
    width: 600px;
    height: 600px;
    padding: 88px;
  }
 .btns {
    line-height: 48px;
    padding: 0 30px;
    min-width: auto !important;
  }
.header-extra-logo img {
  height: 16px;}
.header-extra-logo1 img {
  height: 22px;
}
.navbar-brand{ max-width: 220px;}
.quote-btn{ padding: 0 16px !important;
  line-height: 40px !important;}
.menu_sec li a{ padding: 12px 10px;}
.drop-arw {
  top: 9px;
  right: 0px;
  color: #fff;
  font-size: 11px;
}
.cataIcon{ height: 30px;}
.product-tags span{ padding: 4px 12px 3px;
  font-size: 11px;}
.prdcatLogo .cataLogo{ height: 22px;}
.productHov .btns {
  font-size: 13px;
  padding: 0 13px;
  line-height: 39px;
}

.productPic{ height: 240px;}
.featured-item{ padding: 25px 12px 40px;}
.quick-item {
  padding: 25px 12px 12px;
}
.quick-item .productPic {
  height: 215px; margin-top:30px;
}

.why-box{ padding: 20px 90px 20px 20px;}
.why-icon {
  margin-right: 10px;
  width: 44px;
}
.comonnext-prv button {
  width: 50px;
  height: 50px;}
.cataLogo{ height: 21px;}
.featured-item p{ font-size: 13px;
  line-height: 18px}

.avableBx strong{ font-size: 64px;
  line-height: 41px;}
.avableBx{ border-radius: 15px;
  padding: 30px 13px 15px;}
.avableBx em{ font-size: 16px;
  line-height: 16px;}
.service_content {
  padding-left: 17px;
}
.service_content ul li {  padding: 12px 30px 13px 82px;min-height: 98px;
  display: flex;
  align-items: center;}
.blog-pic{ height: 270px;}
.blog-content {
  padding: 14px;
}

.help-content {
  max-width: 523px;
  margin: 0px auto;
}

.blog-slider.owl-carousel .owl-item{ padding: 2px 2px 20px;}


.productPic img{ width: auto !important;
    margin: 0px auto !important;}


.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.solution-img{ height: 200px;}
.service-image img{ height: 160px;}
.service-content{ padding: 11px; padding-top: 45px;}


.process-number{ font-size: 140px; line-height: 140px;}
.process-item{ min-height: 140px;}

.application-card{ height: 225px;}

.why-choose-sec {
  padding: 42px 0;
  margin-top: 12px;
}
.arrows{ width: 55px;
  height: 55px;bottom: 43px;}




.why-choose-sec::before { width: 17%;}



.home-banner::after {
        height: 200px;
    }

.innerban {
  height: 500px;
}





}

@media only screen and (max-width: 1199px) {
:root {


		--font-120: 70px;
	    --line-120: 80px;
	
	    --font-80: 50px;
	    --line-80: 60px;
	
	    --font-75: 45px;
	    --line-75: 55px;
	
      --font-70: 40px;
      --line-70: 50px;


	    --font-60: 45px;
	    --line-60: 55px;
	
	    --font-56: 40px;
	    --line-56: 50px;
	
	    --font-50: 35px;
	    --line-50: 45px;
	
	    --font-32: 24px;
	    --line-32: 34px;
	
	    --font-30: 21px;
	    --line-30: 31px;
	
	    --font-28: 20px;
	    --line-28: 30px;
	
	    --font-25: 18px;
	    --line-25: 28px;
	
	    --font-24: 18px;
	    --line-24: 28px;
	
	    --font-20: 15px;
	    --line-20: 25px;
	
	    --font-22: 17px;
	    --line-22: 27px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 15px;
	    --line-p: 25px;
	
	    --font-18: 15px;
	    --line-18: 25px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 1000px;
        --p-150: 80px;
        --p-100: 70px;
        --p-120: 80px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }

.menu_sec li a {
    padding: 8px 5px;
  }
 .header-extra-logo img {
    height: 10px;
  }
.header-extra-logo1 img {
    height: 15px;
  }
.navbar-brand {
    max-width: 97px;
  }
.drop-arw {
    top: 6px;
    right: 0px;
    color: #fff;
    font-size: 8px;
  }
 .service_circle {
    width: 500px;
    height: 500px;
    padding: 75px;
  }
.avableBx strong {
    font-size: 49px;
    line-height: 39px;
  }
.avableBx {
    border-radius: 15px;
    padding: 20px 12px 11px;
    max-width: 180px;
  }
.service_content ul li::before{ width: 27px;
  height: 30px; background-size: 100%;}
.service_content ul li {
    padding: 12px 24px 13px 63px;
    min-height: 86px;
    display: flex;
    align-items: center;
  }
 .counter-box h3 span {
    font-size: 61px;
    line-height: 60px;
  }
.counter-box {
    padding: 13px 18px 2px;
  }
.footmenu ul li, .contactInfo ul li {
  padding: 0px;
  margin: 4px 0;
}
.footerSec li a, .footerSec p{ font-size: 13px;
  line-height: 19px;}
.ftBx li a {
  width: 43px;
  height: 43px;}
.foot_Top {
  padding: 35px 0 18px 0;
  width: 100%;
}
.footbox2, .footbox3, .footbox4 {
  padding-left: 44px;
}
.foot_btmIn{ padding: 4px 0;}


.what-we-do-section .col-md-6{width: 50%;}
.journey-timeline{ gap: 0; flex-wrap: wrap;}
.journey-item {
    text-align: center;
    width: 33.333%;
}
.journey-timeline::before{ display: none;}
.journey-timeline{ margin-top: 24px; }


.mw-600{ max-width: 600;}
.mw-60{ max-width: 80%;}
.mw-70{ max-width: 80%;}
.mw-80{ max-width: 100%;}
.mw-90{ max-width: 100%;}


.home-banner::after {
        height: 172px;
    }
.home-banner{ height: 612px;}
.home-banner .w-100 {
    width: 100% !important;
    height: 100%;
}
.arrows {
        width: 47px;
        height: 47px;
        bottom: 37px;
        padding: 14px;
    }
.navbar-brand {
        max-width: 169px;
    }
.menu_sec{ margin: 0px 20% 0 0;
    padding: 0;
    gap: 9px;}
.quote-btn {
        padding: 0 16px !important;
        line-height: 34px !important;
        font-size: 12px;
    }
.menu_sec li a {
        padding: 8px 5px;
        font-size: 14px;
    }
.text-heading-row .col-lg-4, .text-heading-row .col-lg-5 {
        width: 50%;
    }
.text-heading-row .col-lg-3 {
        width: 100%;
    }
    .text-lg-end {
        text-align: left !important;
    }

.why-choose-sec::before {
        width: 0;
    }
    .img-fluid {
        bottom: inherit;
        right: 0px;
        max-width: 50% !important;
        top: 50%;
        transform: translateY(-50%);
    }

.service-content h3{ min-height: 45px;}
.latest-blog-slider .item {
    padding: 7px;
}
.blog-card{ box-shadow: 1px 1px 5px 0px #0000001A;}


.contact-section .col-lg-5, .contact-section .col-lg-7{ width: 100%;}
.contact-icon {
    margin-right: 10px;
    width: 37px;
}
.footbox2, .footbox3, .footbox4 {
        padding-left: 10px;
    }
.footbox1 {
    padding-right: 10px;
    width: 100%;
}
.footLogo {
    margin-bottom: 20px;
    width: 200px;
}
.footbox2 {
    width: 30%;
}
.footbox3 {
    width: 70%;
}
.footbox4 {
    width: 50%;
}
.footbox5 {
    width: 50%;
}
.foot_btm {
    padding: 0;}

.contact-left {
    max-width: 100%;
}
.mt-5 {
    margin-top: 1rem !important;
}
.g-5, .gy-5 {
    --bs-gutter-y: 0;
}



}
@media only screen and (max-width: 991px) {
    :root {


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 100%;
        --p-150: 90px;
        --p-100: 60px;
        --p-120: 70px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }

    /*MENU*/
    .nav_top .navbar-toggler {
        border-color: transparent;
        background: transparent;
        color: #fff !important;
    }

    .nav_top .navbar-toggler {
        margin: 20px 0;
        margin-right: 0;
        background: none;
        width: 30px;
        height: 38px;
        border-radius: 6px;
        padding: 0px;
    }

    .nav_top .navbar-toggler .icon-bar {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 12px;
        background-color: #006FD9;
    }
.menu_sec{ margin: 0px;}
    .nav_top .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 12px;
        background-color: #fff;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-toggler {
        padding: 10px;
    }

    .navbar-collapse {
        width: 710px;
        text-align: left;
        background: #1d394e;
        z-index: 999;
        top: 0px !important;
        height: 100%;
        right: -710px;
        position: fixed;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        height: 100%;
        overflow-y: auto;
        padding: 137px 20px;
        margin: 0px !important;
        left: inherit !important;
        transition: all 0.3s ease;
    }

    .normalMenu .hidemenu.navbar-collapse.show {
        right: 0px;
    }

    .navbar-toggler.showtoggle {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .closed {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 30px;
        opacity: 1 !important;
        color: var(--c-org) !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        font-size: var(--font-h4);
        line-height: var(--line-h4);
        font-family: var(--font1);
        font-weight: 600;
    }

    .menu_sec li a {
        color: #fff;
        padding: 10px 0;
        width: 100%;
    }

    .menu_sec li {
        margin: 0px !important;
        padding: 0px !important;
        border-bottom: 1px solid rgba(231, 243, 245, 0.1);
    }

    .menu_sec li a {
        width: 100%;
        display: inline-block;
    }

    .menu_sec li,
    .normalMenu .drop-arw i {
        font-size: 20px;
        font-weight: 700;
        line-height: 40px;
    }

    .menu_sec {
        padding: 0px 70px !important;
        visibility: hidden;
        opacity: 0;
    }

    .drop-arw {
        position: absolute;
        right: 0;
        color: #fff;
        font-size: 15px;
        width: 55px;
        height: 59px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 22222;
        top: 0px;
    }

    .nav_top .dropdown .dropdown-menu {
        background: #fff !important;
        margin: 0px !important;
        padding: 0px !important;
        float: left;
        width: 100%;
        box-shadow: none !important;
        border: none !important;
    }

    .menu_sec li {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .menu_sec li .dropdown-menu li:last-child {
        border: none;
    }

    .navbar-collapse .menu_sec {
        visibility: visible;
        opacity: 1;
    }

    .menu_sec li>a::after {
        display: none;
    }

    .nav_top .dropdown .dropdown-menu {
        position: relative;
        display: none;
        transition: inherit;
        max-height: inherit;
        top: 0px !important;
        transform: inherit !important;
        opacity: 1;
        visibility: visible;
    }

    .nav_top .dropdown .dropdown-menu.show {
        display: block;
    }

    .navbar-collapse {
        width: 710px;
        text-align: left;
        background: #1E293B;
        z-index: 999999;
        top: 0px !important;
        height: 100%;
        right: -710px;
        position: fixed;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        height: 100%;
        overflow-y: auto;
        padding: 72px 20px;
        margin: 0px !important;
        left: inherit !important;
        transition: all 0.3s ease;
    }

    .navbar-collapse.show {
        right: 0px;
    }
.menu_sec {
    padding: 0 10px !important;}

.navbar{ padding: 0px;}
.nav_top .navbar-toggler {
    margin: 11px 0;
}
.navbar-toggler:focus{ box-shadow: none;}
.header_sec{ backdrop-filter: inherit;}
.menu_sec{ gap: 0;}

.header-right {
    display: flex;
    align-items: center;
    gap: 0;
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
 .header-right .header-extra-logo {
    width: 50%;
    text-align: center;
    margin: 20px 0;
  }

 .header-extra-logo img {
    height: 21px;
  }
 .header-extra-logo1 img {
    height: 32px;
  }
.quote-btn {
    padding: 0 16px !important;
    line-height: 40px !important;
    width: 208px;
    margin-top: 37px;
  }

.complement-list li{ padding: 10px 18px;}



.application-card{ height: 210px;}
.application-content{ padding: 16px;}
.ps-5 {
  padding-left: 1.3rem !important;
}
.featured-item{ margin-top: 0;}
.quick-slider {
  margin: 0;
}
.mt-5 {
  margin-top: 1.1rem !important;
}

.selection-guide .col-lg-7 {
    width: 100%;
  }
.selection-guide .col-md-5 {
    width: 100%;
  }
.selection-guide{ text-align: center;}
.service_left{ max-width: 700px;
  margin: 0px auto 39px;}

.ps-5 {
  padding-left: 1.4rem !important;
}

.counter-box {
    padding: 20px;
    border: 1px solid #DBDDE8;
    margin: 0;
  }

.counter-section .col-lg-3{ padding: 5px !important;}
.counter-section .row{ margin:0 -5px !important;}
.counter-box p{ max-width: 100%;}
.blog-box{ margin-top: 0;}
.footbox2, .footbox3, .footbox4 {
    padding-left: 10px;
  }


.banner-image{
  max-width: 339px;
  margin: 0px auto;
}

.guide-imgBg{ justify-content: flex-end;}
.guide-imgBg img{
  max-width: 121px;
}
.service_content {
    padding-left: 0;
  }


.my-4 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.inner-ban .col-md-5{ display: none;}
.inner-ban .col-md-7 {
    width: 100%;
  }
.inner-ban{ padding-top: 83px;
  padding-bottom: 83px;}


.what-we-do-image {
    height: 200px;
    overflow: hidden;
}


.quote-btn{ margin-top: 0; width: 175px;}
.header-right{ position: absolute;
    right: 44px;
    top: 8px;}
.process-row{ left: 0;}
    .process-row {
        flex-direction: row;
    }
.process-item {
        min-height: 140px;
        width: 33.333%;
    }
.why-choose-cont {
        max-width: 71%;
    }








}

@media only screen and (max-width: 800px) {
:root {
--font-75: 34px;
    --line-75: 44px;



}



}
@media only screen and (max-width: 767px) {
:root {


		--font-120: 70px;
	    --line-120: 80px;
	
	    --font-80: 50px;
	    --line-80: 60px;
	
	    --font-75: 39px;
	    --line-75: 48px;
	
	    --font-60: 35px;
	    --line-60: 35px;
	
	    --font-56: 30px;
	    --line-56: 40px;
	
	    --font-50: 30px;
	    --line-50: 40px;
	
	    --font-32: 20px;
	    --line-32: 30px;
	
	    --font-30: 20px;
	    --line-30: 30px;
	
	    --font-28: 16px;
	    --line-28: 26px;
	
	    --font-25: 17px;
	    --line-25: 27px;
	
	    --font-24: 17px;
	    --line-24: 27px;
	
	    --font-20: 14px;
	    --line-20: 24px;
	
	    --font-22: 15px;
	    --line-22: 25px;
	
	    --font-14: 13px;
	    --line-14: 20px;
	
	    --font-p: 14px;
	    --line-p: 24px;
	
	    --font-18: 14px;
	    --line-18: 24px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 1000px;
        --p-150: 80px;
        --p-100: 50px;
        --p-120: 60px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }	
	
	.banner-content{ text-align: center;}
.banner-content p{ margin: 0px auto;}	
.banner-content h1 br{ display: none;}	
.banner-image {
    max-width: 200px;
    margin: 0px auto;
  }	
	
 .navbar-collapse {
    width: 80%;}
.drop-arw{ width: 22px;
    height: 42px;}

.complement-list li{ font-size: 13px; line-height: 15px;}
.complement-list li img {
  margin-right: 6px;
  width: 19px;
}

.mw-50 {
  max-width: 70%;
}
 .ps-5 {
    padding-left: 10px !important;
  }
.why-image{ margin-bottom: 20px;}
.help-buttons {justify-content: center; gap: 7px;}
.counter-section .col-lg-3 {
    padding: 5px !important;
    width: 50%;
  }
.help-section{   padding: 100px 0;}
.h-100 {
  height: auto !important;
}

.solution-img{ height: 150px;}


.what-we-do-section .col-md-6{width: 50%;}
.journey-item {  width: 50%;}
.mw-60 {
        max-width: 80%;
    }
    .mw-70 {
        max-width: 90%;
    }
.mw-80 {
        max-width: 100%;
    }
    .mw-90 {
        max-width: 100%;
    }

    .banner-buttons {
        flex-direction: inherit;
        margin: 0px auto;
        justify-content: center;
    }

.text-heading-row .col-lg-4, .text-heading-row .col-lg-5 {
        width: 100%;
    }
  
  .process-number {
        font-size: 100px;
        line-height: 127px;
    }
.process-item {
        min-height: 120px;
        width: 33.333%;
    }
.why-choose-sec .col-lg-5{ display: none;}
.why-choose-sec .col-lg-7{ width: 100%;}
.choose-list .col-md-4{ width: 33.333%;}

.foot_btmIn{     flex-direction: column;}
.banner-buttons a {
        width: auto;
    }
.banner-buttons {
        flex-direction: row;
        justify-content: center;
    }
.why-choose-cont {
        max-width: 100%;
    }



}
@media only screen and (max-width: 640px) {

    :root {


        --r-60: 30px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 100%;
        --container-big: 100%;
        --p-150: 80px;
        --p-100: 50px;
        --p-120: 60px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 50px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 50px;
        --v-60: 50px;
    }


.comonnext-prv button {
    width: 40px;
    height: 40px;
    font-size: 10px;
  }
.comonnext-prv button i {
  font-size: 14px;
}
.mw-50 {
    max-width: 79%;
  }

.foot_btmIn {
    padding: 4px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
.foot_btmIn li{ margin: 0 11px;}


.my-3 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}


 .banner-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
.home-banner::after {
        height: 122px;
    }
ul.li50 li {
    width: 100%;
}







}

@media only screen and (max-width: 575px) {

    :root {


        --r-60: 30px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 100%;
        --container-big: 100%;
        --p-150: 80px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 40px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 50px;
        --v-60: 50px;
    }

.service_circle {
    width: 400px;
    height: 400px;
    padding: 75px;
  }

.footbox2, .footbox3{ width: 50%;}
.foot_btmIn {
    padding: 4px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
.foot_btmIn li{ margin: 0 11px;}

.accessories-image {
  height: 160px;}
.accessories-image img {
  max-width: 100%;
  max-height: 151px;
}


    .footbox4 {
        width: 100%;
    }
.footbox5 {
        width: 100%;
    }

.contact-form-box {
    padding: 25px;
}











}

@media only screen and (max-width: 480px) {
	
  :root {
    --font-75: 30px;
    --line-75: 35px;
	    --font-50: 25px;
	    --line-50: 35px;


    --font-p: 14px;
    --line-p: 24px;
    --font-22: 13px;
    --line-22: 22px;
    --font-56: 24px;
    --line-56: 33px;
    --p-120: 50px;
  }	
 .btns {
    line-height: 38px;
    padding: 0 14px;
    min-width: auto !important;
    font-size: 10px !important;
  }
	.banner-image {
    max-width: 135px;
    margin: 0px auto;
  }
	
.complement-list li {
    font-size: 11px;padding: 6px 6px;
    line-height: 14px;
  }	
	
.d-flex .comonnext-prv{ display: none !important;}	
.mw-50 {
    max-width: 100%;
  }	
.boxitem {
  padding: 1px;
}	
.why-image {
    margin-bottom: 20px;
    height: 300px !important;overflow: hidden;
  }
.why-box {
    padding: 11px 20px 11px 8px;
  }
.why-box p {
  font-size: 13px;
  line-height: 18px;}
.why-icon {
    margin-right: 7px;
    width: 34px;
  }
.category-logo{ width: 95px !important;}
.avableBx strong {
    font-size: 36px;
    line-height: 26px;
  }
.avableBx em {
    font-size: 12px;
    line-height: 10px;
  }
.avableBx {
    border-radius: 10px;
    padding: 14px 10px 8px;
    max-width: 131px;
  }	

.application-content .icon {
  margin-bottom: 6px;
  width: 26px;
}
.application-content p{ font-size: 14px;
  line-height: 17px;}
 .application-card {
    height: 300px !important;
  }
.service_content ul li {
    padding: 6px 24px 7px 46px;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 23px;
  }
.service_content ul li::before {
    width: 19px;
    height: 30px;
    background-size: 100%;left: 17px;
  }

.guide-imgBg img {
    max-width: 100%;
  }	


.what-we-do-section .col-md-6{width: 100%;}
.journey-item {  width: 50%;}


.mw-600{ max-width: 100%;}
.mw-60{ max-width: 100%;}
.mw-70{ max-width: 100%;}
.mw-80{ max-width: 100%;}
.mw-90{ max-width: 100%;}



.banner-content h1 {
        font-size: 27px;
        line-height: 37px;
    }
.quote-btn {
        margin-top: 0;
        width: 145px;
        padding: 0 10px !important;
    }
    .banner-content p {
        font-size: 13px;
        line-height: 23px;
    }

.tophead h6{     letter-spacing: 2px;}


.choose-list .col-md-4 {
        width: 50%;
    }


}

@media only screen and (max-width: 460px) { 
  .service_circle {
    width: 300px;
    height: 300px;
    padding: 77px;
  }
.product_tag{ padding: 4px 8px 3px;
  font-size: 10px;}  
.counter-box h3 span {
    font-size: 48px;
    line-height: 33px;
  }  
  .counter-box h3 {
  font-size: 45px;
  line-height: 46px;}
  .counter-box {
    padding: 13px;}
  
  .counter-section .col-lg-3 {
    padding: 5px !important;
    width: 100%;
  }
  }

@media only screen and (max-width: 400px) {
  .service_circle {
    width: 255px;
    height: 255px;
    padding: 58px;
  }
  
  
  
.col-6 {
  flex: 0 0 auto;
  width: 100%;
}  
  
  
 .journey-item {
        width: 100%;
    } 
  

.choose-list .col-md-4 {
        width: 100%; text-align: center;
    }




  
  
  }
@media only screen and (max-width: 390px) {

.navbar-brand {
        max-width: 140px;
    }
.quote-btn {
        margin-top: 0;
        width: 138px;
        padding: 0px 7px !important;
        line-height: 35px !important;
    }
.header-right {
        position: absolute;
        right: 44px;
        top: 12px;
    }
.process-number {
        font-size: 68px;
        line-height: 114px;
    }
.process-item {
        min-height: 110px;
        width: 33.333%;
    }

.process-item h3{ font-size: 14px;  line-height: 16px;}
.why-choose-sec .content{ max-width: 100%;}


.contact-box{ flex-direction: column;
    gap: 10px;
    text-align: center;}

.contact-icon {
        margin-right: 0;
        width: 37px;
    }





  }