@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* font- weight - 300 */
@font-face {
    font-family: 'Segoe UI Variable Light';
    src: url('../fonts/segoe-ui-variable-light.eot');
    src: url('../fonts/segoe-ui-variable-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe-ui-variable-light.woff2') format('woff2'),
        url('../fonts/segoe-ui-variable-light.woff') format('woff'),
        url('../fonts/segoe-ui-variable-light.ttf') format('truetype'),
        url('../fonts/segoe-ui-variable-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font- weight - 400 */
@font-face {
    font-family: 'Segoe UI Variable SemiLight';
    src: url('../fonts/segoe-ui-variable-semilight.eot');
    src: url('../fonts/segoe-ui-variable-semilight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe-ui-variable-semilight.woff2') format('woff2'),
        url('../fonts/segoe-ui-variable-semilight.woff') format('woff'),
        url('../fonts/segoe-ui-variable-semilight.ttf') format('truetype'),
        url('../fonts/segoe-ui-variable-semilight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font- weight - 500 */
@font-face {
    font-family: 'Segoe UI Variable Regular';
    src: url('../fonts/segoe-ui-variable-regular.eot');
    src: url('../fonts/segoe-ui-variable-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe-ui-variable-regular.woff2') format('woff2'),
        url('../fonts/segoe-ui-variable-regular.woff') format('woff'),
        url('../fonts/segoe-ui-variable-regular.ttf') format('truetype'),
        url('../fonts/segoe-ui-variable-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font- weight - 600 */
@font-face {
    font-family: 'Segoe UI Variable SemiBold';
    src: url('../fonts/segoe-ui-variable-semibold.eot');
    src: url('../fonts/segoe-ui-variable-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe-ui-variable-semibold.woff2') format('woff2'),
        url('../fonts/segoe-ui-variable-semibold.woff') format('woff'),
        url('../fonts/segoe-ui-variable-semibold.ttf') format('truetype'),
        url('../fonts/segoe-ui-variable-semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font- weight - 700 */
@font-face {
    font-family: 'Segoe UI Variable Bold';
    src: url('../fonts/segoe-ui-variable-bold.eot');
    src: url('../fonts/segoe-ui-variable-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe-ui-variable-bold.woff2') format('woff2'),
        url('../fonts/segoe-ui-variable-bold.woff') format('woff'),
        url('../fonts/segoe-ui-variable-bold.ttf') format('truetype'),
        url('../fonts/segoe-ui-variable-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --primary-color: #4984C4;
    --secondary-color: #101010;
    --bg-light: #E9F6FF;
}

body{
    font-family: 'Segoe UI Variable SemiLight', sans-serif;
    font-size: 16px;
    font-display: swap;
}

/* -- default classes -- */
ul, ol, figure{margin: 0;}

p{color: #393939;}
p:last-child{margin-bottom: 0;}

a{
    color: var(--primary-color);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover{color: inherit;}

.btn:focus, .navbar-toggler:focus, button:focus{box-shadow: none;}

.text-primary{color: var(--primary-color)!important;}

.text-white{color: #fff!important;}

.fw-light{
    font-family: 'Segoe UI Variable Light'!important;
    font-weight: normal !important;
}
.fw-normal{
    font-family: 'Segoe UI Variable SemiLight'!important;
    font-weight: normal !important;
}
.fw-medium{
    font-family: 'Segoe UI Variable Regular'!important;
    font-weight: normal !important;
}
.fw-semibold{
    font-family: 'Segoe UI Variable SemiBold'!important;
    font-weight: normal !important;
}
.fw-bold{
    font-family: 'Segoe UI Variable Bold'!important;
    font-weight: normal !important;
}

.bg-primary{background-color: var(--primary-color)!important;}
.bg-light{background-color: var(--bg-light)!important;}

.btn{
    font-family: 'Segoe UI Variable SemiBold';
    color: #fff;
    text-transform: uppercase;
    background-color: var(--primary-color);
    line-height: normal;
    padding: 10px 35px 10px 20px;
    border-radius: 0;
    clip-path: polygon(0% 0%, 0% 100%, 88% 100%, 100% 0%);
    border: 0;
}
.btn:hover{
    color: #fff;
    background-color: #3071B7;
}

.btn-light{
    color: var(--primary-color);
    font-size: 18px;
    background-color: #fff;
}
.btn-light:hover{
    color: #fff;
    background-color: var(--secondary-color);
}

.btn.btn-outline-white{
    background-color: transparent;
    text-wrap: nowrap;
    background: url(../images/icons/btn-bg-outline-light.svg) no-repeat left center / contain;
    clip-path: none;
    border: 0;
}

.btn-icon{
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    border-radius: 60px;
}
.btn-icon span.icon{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-align: center;
    line-height: 31px;
    background-color: var(--primary-color);
}
.call-btn{
    font-size: 18px;
    padding: 4px 15px 4px 8px;
}
/*  */
.btn-text-link{
    display: inline-block;
    color: var(--primary-color);
    font-size: 20px;
}
.btn-text-link img{
    width: 16px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.btn-text-link:hover{color: var(--primary-color);}
.btn-text-link:hover img{
    top: -2px;
    margin-left: 6px;
}


.heading{font-size: 40px;}
.title-style{
    font-family: 'Segoe UI Variable Regular';
    font-size: 35px;
}
.title-block-style{
    display: inline-block;
    background-color: var(--primary-color);
    color: #fff;
    font-family: 'Segoe UI Variable SemiBold';
    font-size: 23px;
    padding: 2px 14px 3px;
}

.title-style-1{
    color: #005C2C;
    font-size: 70px;
    line-height: normal;
    opacity: 0.2;
}

.section-block{
    padding-top: 80px;
    padding-bottom: 80px;
}

.swiper div[class*="swiper-button"]{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.swiper div[class*="swiper-button"]::after{display: none;}
.swiper div[class*="swiper-button"] svg{width: 18px;}
.swiper div[class*="swiper-button"]:hover{background-color: var(--primary-color);}
.swiper div[class*="swiper-button"]:hover svg path{fill: #fff;}

.table{margin-bottom: 0;}
/* table-design */
.table-design{
    box-shadow: 0px 10px 10px 0px rgba(21, 103, 161, 0.1);
}
.table-design tr > *{
    padding: 0.8rem;
    border-bottom: 0;
}
.table-design tr > *:not(:last-child){border-right: 1px solid #d6d6d6;}
.table-design thead{
    background-color: #F2F2F2;
    color: var(--primary-color);
    font-size: 21px;
}
.table-design thead th{font-family: 'Segoe UI Variable Regular';}
.table-design tbody td{font-size: 18px;}
/* table-style-1 */
.table-style-1 .table{
    font-size: 14px;
    word-wrap: normal;
}
.table-style-1 .table thead{
    color: #fff;
    font-size: 17px;
    background-color: var(--primary-color);
    border-bottom: 0;
    border-top: 1px solid #747474;
    border-left-color: #747474;
}
.table-style-1 .table thead tr th{
    font-family: 'Segoe UI Variable SemiLight';
    border-width: 1px 1px;
}
.table-style-1 .table thead > tr > *:last-child{border-right-color: #747474;}
.table-style-1 .table > :not(caption) > * > * {
    padding: .5rem 1rem;
    text-wrap: nowrap;
}
.table-style-1 .table > :not(caption) > *{border-width: 0 0;}
.table-style-1 .table > :not(caption) > *:last-child{border-bottom-width: 1px;}
.table-style-1 .table tbody{
    border-left-color: #747474;
    border-bottom-color: #747474;
}
.table-style-1 .table tbody > tr > *:last-child{border-right-color: #747474;}
.table-style-1 .table tbody tr:empty{height: 40px;}
/* table-style-2 */
.table-style-2 .table{
    font-size: 14px;
}
.table-style-2 thead{
    background-color: var(--primary-color);
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    border-top-color: var(--primary-color);
}
.table-style-2 .table thead tr:nth-child(1){
    border-bottom-color: #3071B7;
    text-wrap: balance;
}
.table-style-2 .table thead tr:nth-child(2){
    background-color: #3071B7;
    text-wrap: nowrap;
}
.table-style-2 .table thead tr th{font-family: 'Segoe UI Variable SemiLight';}
.table-style-2 .table thead tr:nth-child(1) th:last-child{border-right-color: var(--primary-color);}
.table-style-2 .table > :not(thead) > *{border-color: var(--primary-color);}
.table-style-2 thead tr > th:first-child{border-left-color: var(--primary-color);}

.simple-list{padding-left: 15px;}
.simple-list li{margin-bottom: 5px;}
.simple-list li::marker{font-size: 14px;}

/* list-style-checkbox */
.list-style-checkbox li{
    position: relative;
    padding-left: 26px;
    margin-bottom: 8px;
}
.list-style-checkbox li::before{
    content: "";
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: url(../images/icons/check-square-icon.svg) no-repeat center / contain;
    position: absolute;
    top: 5px;
    left: 0;
}

/* list-style-checked */
.list-style-checked li{
    position: relative;
    padding-left: 26px;
    margin-bottom: 8px;
}
.list-style-checked li::before{
    content: "";
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: url(../images/icons/check-icon.svg) no-repeat center / contain;
    position: absolute;
    top: 5px;
    left: 0;
}

.form-control:focus{
    box-shadow: none;
    border-color: rgba(73, 132, 196, 1);
}



/* ---- header ---- */
header{
    width: 100%;
    background-color: #FEFEFE;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow-x: clip;
    position: relative;
}
header *{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .navbar-brand{
    position: relative;
    padding: 10px 1px;
    /* background-color: #ECF5FF; */
}
/* header .navbar-brand::before{
    content: "";
    width: 2025px;
    height: 100%;
    background-color: #ECF5FF;
    position: absolute;
    top: 0;
    right: 100%;
}
header .navbar-brand::after{
    content: "";
    width: 80px;
    height: 100%;
    background-color: #ECF5FF;
    clip-path: polygon(0 0%, 0% 100%, 100% 0);
    position: absolute;
    top: 0px;
    left: 100%;
} */
header .navbar-brand img{width: 160px;}
/* header .navbar-nav{
    width: 100%;
    margin-inline: auto;
    justify-content: space-around;
} */
header .navbar-nav .nav-item{margin: 0 .4rem;}
header .navbar-nav .nav-link{
    font-family: 'Segoe UI Variable Regular';
    color: var(--secondary-color);
    font-size: 14px;
    text-transform: uppercase;
}
header .navbar-nav .nav-link.active{
    color: var(--secondary-color);
    font-family: 'Segoe UI Variable SemiBold';
}
/* navbar */
header .navbar .container{align-items: stretch;}
/* dropdown */
header .navbar-nav .nav-item.dropdown{padding-right: 8px;}
header .navbar-nav .nav-item.dropdown .dropdown-toggle::after{
    content: "\f107";
    border: 0;
    font-family: "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 0;
    vertical-align: auto;
    margin: 0;
}
header .navbar-nav .nav-item .dropdown-menu{
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 15px 20px;
    overflow-x: hidden;
    min-width: max-content;
    animation: fadeIn 0.1s ease-in both;
}
header .navbar-nav .nav-item .dropdown-menu .content{flex-wrap: wrap;}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item{
    color: #393939;
    font-weight: 600;
    position: relative;
    margin-bottom: 8px;
}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item{
    display: inline-block;
    width: auto;
    padding-left: 5px;
    padding-right: 25px;
}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item::before{
    content: "\f061";
    color: #D50B12;
    font-family: "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 6px;
    right: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{
    background-color: transparent;
    color: var(--primary-color);
}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{
    background-color: transparent;
    color: var(--primary-color);
}
header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover::before{right: 6px;}
/* side-details-box */
header .navbar-nav .nav-item .dropdown-menu .side-details-box{
    display: none;
    flex: 0 0 auto;
    padding-left: 20px;
}
header .navbar-nav .nav-item .dropdown-menu .side-details-box ul li a{color: #393939;}
header .navbar-nav .nav-item .dropdown-menu .side-details-box ul li a svg path{fill: var(--primary-color);}
header .navbar-nav .nav-item .dropdown-menu .side-details-box .title{
    font-size: 18px;
    font-weight: 800;
}

header .navbar-toggler{
    color: #fff;
    font-size: 25px;
    border-color: rgba(255, 255, 255, 0);
}

/* top-box */
header .top-box{
    font-family: 'Segoe UI Variable SemiBold';
    display: flex;
    justify-content: end;
    align-items: center;
    /* padding-top: 4px;
    padding-bottom: 4px; */
}
header .top-box ul{
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 20px;
}
header .top-box ul li a{color: #4984c4;}
/* nav-box */
header .nav-box{
    display: flex;
    justify-content: end;
    position: relative;
    background-color: #4984c4;
}
header .nav-box::before{
    content: "";
    width: 32px;
    height: 100.5%;
    background-color: #4984c4;
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    position: absolute;
    top: 0px;
    right: 99.95%;
}
header .nav-box::after{
    content: "";
    width: 2025px;
    height: 100%;
    background-color: #4984c4;
    position: absolute;
    top: 0;
    left: 100%;
}
header .nav-box .navbar-collapse{flex-shrink: auto;}

/* sticky */
header.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}
header.sticky .top-box{
    padding-top: 2px;
    padding-bottom: 2px;
}
header.sticky .navbar-brand img{width: 120px;}
header.sticky .navbar-toggler{font-size: 25px;}
header.sticky .call-btn{background-color: #F8F8F8;}
/* header .nav-box::before{} */


/* search-box */

header .search-box form{display: inline-flex;}
header .search-box form input::placeholder{color: rgba(73, 132, 196, 0.5);}
header .search-box form input::-moz-placeholder, header .search-box form input::-webkit-input-placeholder{color: rgba(73, 132, 196, 0.5);}
header .search-box .form-control{
    border-radius: 100px;
    border: 0;
    padding-right: 30px;
}
header .search-box form .search-btn{
    color: rgba(73, 132, 196, 0.5);
    position: absolute;
    top: 0;
    right: 8px;
    background-color: transparent;
    border: none;
    height: 100%;
}


/* ---- Banner ---- */
.banner-section{
    position: relative;
    background-color: rgba(255, 255, 255, 1);
    /* height: 101vh; */
}
/* .banner-slider{
    height: 100%;
}
.banner-slider .swiper-slide{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 500px;
    height: 100%;
}
.banner-slider .caption{
    padding-top: 100px;
}
.banner-slider .caption .title{
    color: #fff;
    font-size: 80px;
    font-family: "Anton", sans-serif;
    text-transform: uppercase;
}
.banner-slider .caption .title span{
    color: #FFADB0;
}
.banner-slider .caption p{
    font-size: 18px;
    line-height: normal;
} */
/*  */
/* .banner-slider .nav-buttons{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: absolute;
    left: 0;
    bottom: 45px;
}
.banner-slider .nav-buttons div[class*="swiper-button"]{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 0;
} */

/* banner-image */
.banner-image{
    position: relative;
    padding-top: 100px;
    z-index: 1;
}
.banner-image .content-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(103.15deg, #316FB4 0.49%, #0D539F 52.64%);
    z-index: -1;
}
.banner-image .content{
    text-align: start;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.banner-image p{
    color: #DBD9DB;
    font-size: 15px;
    background: rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 18px;
    border-radius: 30px;
}
.banner-image p span{color: #fff;}
.banner-image .title{
    color: #fff;
    font-size: 46px;
    text-transform: uppercase;
}

/* ---- side-box ---- */
.logos-wrapper{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 13%;
    z-index: 1;
}
.logos-wrapper .side-box{
    background-color: #fff;
    width: auto;
    padding: 15px 15px;
    display: inline-block;
    border-radius: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.logos-wrapper .side-box img{
    max-width: 75px;
    margin: 0 10px;
}


/* -- about-section -- */
.about-section{
    position: relative;
    z-index: 1;
}
.about-section .content p span{font-size: 20px;}
.about-section .info-box {
    width: 350px;
    text-align: center;
    position: absolute;
    left: -30%;
    background:linear-gradient(to right, #0D539F , #4984C4);
    padding: 25px 40px;
    border-radius: 10px;color:#fff;
    bottom: -8%;
}
.about-section .info-box p{color: #fff;}



/* ---- blockquote ---- */
.blockquote .txt{
    font-size: 42px;
    position: relative;
    display: initial;
}
.blockquote span{color: #393939;}
.blockquote .txt::before, .blockquote .txt::after{
    content: "";
    position: relative;
    left: -8px;
    display: inline-block;
    width: 28px;
    height: 60px;
    background: url(../images/icons/quote-left-icon.svg) no-repeat center / contain;
    margin-left: -25px;
}
.blockquote .txt::after{
    background: url(../images/icons/quote-right-icon.svg) no-repeat center / contain;
    height: 30px;
    left: auto;
    right: -6px;
    margin-left: auto;
    margin-bottom: -16px;
}


/* ---- products-section ---- */
.products-section .column-block{position: relative;}
.products-section .column-block:not(:last-child)::after{
    content: "";
    height: 100%;
    border-right: 1px solid var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
}
/* product-info-box */
.products-section .product-info-box{
    color: #fff;
    background: linear-gradient(103.55deg, #0D539F 6.3%, #4984C4 78.09%);
    padding: 20px 25px;
}
.products-section .product-info-box .title{
    font-family: 'Segoe UI Variable Regular';
    font-size: 20px;
    margin-bottom: 5px;
}
.products-section .product-info-box p{
    font-family: 'Segoe UI Variable Light';
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
/* product-box */
.products-section .product-box{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
    border-radius: 22px;
    overflow: hidden;
}
.products-section .product-box .product-info-box{
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.products-section .product-box .product-info-box ul{justify-content: space-between;}
.products-section .product-box .product-info-box .btn-outline-white{font-size: 14px;}
.products-section .product-box figure img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
.products-section .product-box .content{
    position: relative;
    padding: 20px 25px 40px;
}
.products-section .product-box .content .title{
    color: var(--primary-color);
    font-size: 23px;
    max-width: 250px;
}
.products-section .product-box .content .btn-text-link{
    position: absolute;
    right: 18px;
    bottom: 12px;
    color: var(--secondary-color);
    font-size: 16px;
}
.products-section .product-box .content .btn-text-link img{
    width: 15px;
    margin-left: 8px;
}
.products-section .product-box:hover .product-info-box{
    top: 0px;
    opacity: 1;
}


/* ---- counter-section ---- */
.counter-section{background: linear-gradient(103.55deg, #0D539F 6.3%, #4984C4 78.09%);}
.counter-section .column-block{position: relative;}
.counter-section .column-block ul{
    display: flex;
    flex-wrap: wrap;
    margin: -2px -4px;
}
.counter-section .column-block ul li{
    flex: 0 0 50%;
    padding: 25px 20px;
    border: 1px solid #005C2C;
    border-collapse: collapse;
    margin: 0 -1px -1px 0;
}
.counter-section .column-block ul li .counter-box{
    font-family: 'Segoe UI Variable SemiBold';
    font-size: 36px;
}
.counter-section .column-block ul li .counter-box .count{font-size: 40px;}
.counter-section .column-block ul li p{
    font-size: 20px;
    margin-bottom: 0;
}


/* ---- process-section ---- */
.process-section .heading-column{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.process-section .blockquote .txt{
    font-family: 'Segoe UI Variable SemiBold';
    font-size: 28px;
}
.process-section .infographic-wrap{
    position: relative;
    padding: 0 50px 40px;
    z-index: 1;
}
.process-section .infographic-wrap .bgcolor-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 60px);
    border-radius: 22px;
    background: linear-gradient(103.55deg, #0D539F 6.3%, #4984C4 78.09%);
    z-index: -1;
}
.process-section .infographic-wrap ul{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.process-section .infographic-wrap ul li{
    position: relative;
    flex: 0 0 auto;
    padding: 0 20px;
}
.process-section .infographic-wrap ul .divider{
    flex: 0 0 auto;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 10px;
}
/* .process-section .infographic-wrap ul li:not(:last-child):after{
    content: "";
    position: relative;
    background: url(../images/icons/dotted-line-light.svg) no-repeat center / contain;
    min-width: 80px;
    height: 5px;
    display: inline-block;
} */
.process-section .infographic-wrap ul li .icon-box{
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 18px;
    border-radius: 100%;
    border: 1px solid var(--primary-color);
    margin-bottom: 15px;
}
.process-section .infographic-wrap ul li .icon-box img{
    max-width: 100%;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.process-section .infographic-wrap ul li .icon-box:hover img{transform: scale(1.05);}
.process-section .infographic-wrap ul li p{
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}


/* ---- industry-section ---- */
#industrySection{
    background-color: var(--secondary-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.3s ease-in-out;
}
#industrySection[class]{transition: all 0.8s ease-in-out;}
#industrySection.tab-nuclear-list{
    background-image: url(../images/bg/nuclear-power-plant-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-water-list{
    background-image: url(../images/bg/water-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-mining-list{
    background-image: url(../images/bg/minning-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-marine-list{
    background-image: url(../images/bg/marine-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-lng-list{
    background-image: url(../images/bg/lng-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-hydrogen-list{
    background-image: url(../images/bg/hydrogen-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-fertilizers-list{
    background-image: url(../images/bg/fertilizers-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-power-list{
    background-image: url(../images/bg/power-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-oilAndGas-list{
    background-image: url(../images/bg/oil-and-gas-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}
#industrySection.tab-chemical-list{
    background-image: url(../images/bg/chemical-bg-img.jpg);
    transition: all 0.3s ease-in-out;
}

#industrySection .tab-list{max-width: 250px;}
#industrySection ul li{
    font-size: 20px;
    text-transform: uppercase;
}
#industrySection ul li a{
    color: #fff;
    display: block;
    padding: 0 10px 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}
#industrySection ul li a:hover, #industrySection ul li a.active{color: var(--primary-color);}
#industrySection .tab-content p{color: #fff;}


/* ---- map-wrapper ---- */
.map-wrapper #mapDiv {
    width: 100%;
    height: 500px;
}
#mapDiv .tooltipBox > *{color: #ffffff;}
#mapDiv hr{margin: 4px 0 3px;}
#mapDiv p{margin-bottom: 6px;}


/* ---- footer ---- */
footer{
    background-color: #F0F7FF;
    overflow-x: clip;
}
footer .social-media{display: flex;}
footer .social-media li{margin: 0 4px;}
footer .social-media li a{
    color: #393939;
    display: block;
    padding: 8px;
}
footer .social-media li:first-child{margin-left: 0;}
footer .social-media li a:first-child{padding-left: 5px;}
/* widget-col */
footer .widget-col{
    position: relative;
    padding-top: 60px;
    border-left: 1px solid var(--primary-color);
}
footer .widget-col::before,
footer .widget-col::after{
    content: "";
    position: absolute;
    top: 0.4px;
    right: 100%;
    background-color: #4984C4;
    height: 100%;
    width: 160px;
    
}
footer .widget-col::before{clip-path: polygon(0 100%, 100% 100%, 100% 0);}
footer .widget-col::after{
    left: 100%;
    width: 2000px;
}

/* col-title */
footer .widget-col .col-title{
    color: #fff;
    display: inline-block;
    font-size: 25px;
    position: relative;
    padding-bottom: 7px;
}
footer .widget-col .col-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #fff;
}
/* list-style-check */
footer .widget-col .list-style-check li{
    position: relative;
    /* padding-left: 25px; */
    margin-bottom: 8px;
}
footer .widget-col .list-style-check li:last-child{margin-bottom: 0;}
footer .widget-col .list-style-check li a{
    color: #fff;
    display: inline-block;
    padding: 2px 0;
}
/* footer .widget-col .list-style-check li::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icons/check-double-icon.svg) no-repeat center / contain;
    position: absolute;
    top: 6px;
    left: 0;
} */
footer .widget-col .contact-info-list li{
    color: #fff;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}
footer .widget-col .contact-info-list li svg{
    color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
}
footer .widget-col .contact-info-list li a{color: inherit;}
/* copyright-wrap */
footer .copyright-wrap{
    position: relative;
    background-color: #3071B7;
    z-index: 1;
}
footer .copyright-wrap img{width: 20px;}


/* page-banner-section */
.page-banner-section{
    background-color: var(--primary-color );
    background: url(../images/page-banner-image.jpg) no-repeat center / cover;
    height: 350px;
}
.page-banner-section .title{
    color: #fff;
    font-family: 'Segoe UI Variable SemiBold';
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
}
.page-banner-section .breadcrumb{
    align-items: center;
    margin-bottom: 0;
}
.page-banner-section .breadcrumb li{
    position: relative;
    padding: 0 8px;
    margin: 0 5px;
}
.page-banner-section .breadcrumb li img{
    width: 19px;
    margin: -4px 0 0;
}
.page-banner-section .breadcrumb li:not(:last-child):after{
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    right: -10px;
}
.page-banner-section .breadcrumb li a{color: #fff;}

/* ---- about us page ---- */
/* row-design-1 */
.about-wrapper .row-design-1 .content{
    position: relative;
    padding-left: 90px;
}
.about-wrapper .row-design-1 .content .icon-box{
    width: 70px;
    height: 70px;
    line-height: 66px;
    background-color: var(--primary-color);
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 0;
}
.about-wrapper .row-design-1 .content .icon-box img{
    width: 45px;
}
.about-wrapper .row-design-1 .title{
    color: var(--primary-color);
    font-size: 41px;
}
.about-wrapper .row-design-1:nth-child(even) .content{
    padding-left: 0;
    padding-right: 90px;
}
.about-wrapper .row-design-1:nth-child(even) .content .icon-box{
    position: absolute;
    top: 5px;
    left: auto;
    right: 0;
}

/* vision-mision-section */
.about-wrapper .vision-mision-section{background-color: #F8F8F8;}
.about-wrapper .vision-mision-section .column-block{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.about-wrapper .vision-mision-section .column-block .title{
    color: var(--primary-color);
    font-size: 30px;
}
.about-wrapper .vision-mision-section .column-block figure{
    width: 180px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.about-wrapper .vision-mision-section .column-block figure img{width: 60%;}

/* why-choose-section */
.about-wrapper .why-choose-section ul{
    display: flex;
    flex-wrap: wrap;
    margin: -2px -4px;
}
.about-wrapper .why-choose-section ul li{
    flex: 0 0 50%;
    padding: 25px 25px;
    gap: 20px;
    border: 1px solid #014473;
    border-collapse: collapse;
    margin: 0 -1px -1px 0;
}
.about-wrapper .why-choose-section ul li{flex-wrap: wrap;}
.about-wrapper .why-choose-section ul li .title{
    color: var(--primary-color);
    font-size: 24px;
}

/*  */
.about-wrapper .why-choose-section .txt-line{
    color: #2F2F2F;
    font-size: 25px;
}
.about-wrapper .why-choose-section .txt-line span{color: #3071B7;}
/* information-section */
.about-wrapper .information-section .info-text{
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}
.about-wrapper .information-section .info-text .title{font-size: 42px;}
.about-wrapper .information-section .info-text p{font-size: 22px;}


/* ---- contact page ---- */
/* contact-list */
.contact-wrapper .contact-list li{
    width: 100%;
    display: flex;
    background-color: var(--bg-light);
    padding: 20px 20px;
    gap: 15px;
    margin-bottom: 25px;
}
.contact-wrapper .contact-list li:last-child{margin-bottom: 0;}
.contact-wrapper .contact-list li .icon-box{
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    line-height: 54px;
    border-radius: 100%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.contact-wrapper .contact-list li .icon-box img{width: 26px;}
.contact-wrapper .contact-list li .title{
    color: var(--primary-color);
    font-family: 'Segoe UI Variable SemiBold';
    font-size: 22px;
}
.contact-wrapper .contact-list li a{color: inherit;}
/* form-wrap */
.contact-wrapper .form-wrap{padding: 35px 35px;}
.contact-wrapper .form-wrap .btn{padding: 10px 25px;}
.form-floating > input:required + label::after,
.form-select:required + label::after{
    content: "*";
    color: #FF0000;
}
.form-floating > input:focus{
    box-shadow: none;
    border-color: var(--primary-color);
}
/* country-details-section */
.country-details-section{background-color: #F8F8F8;}
.card-design-1{
    border-color: var(--primary-color);
    height: 100%;
    overflow: hidden;
}
.card-design-1 .card-header{
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-design-1 .card-header img{
    max-width: 100%;
    margin-right: 10px;
}
.card-design-1 .card-title{font-size: 28px;}
.card-design-1 .card-body{padding: 1rem 1.3rem;}
.card-design-1 .card-body .title{
    color: var(--primary-color);
    font-size: 23px;
}
.card-design-1 .card-body .person-name{
    color: var(--primary-color);
    font-size: 19px;
}
.card-design-1 .card-body ul li{
    position: relative;
    padding-left: 30px;
}
.card-design-1 .card-body ul li:not(:last-child){margin-bottom: 10px;}
.card-design-1 .card-body ul li a{color: inherit;}
.card-design-1 .card-body ul li .icon-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    font-size: 12px;
    line-height: 23px;
    background-color: #3B4348;
    color: #fff;
    text-align: center;
    border-radius: 100%;
}
.card-design-1 .card-body ul li .icon-box img{width: 13px;}


/* ---- inhouse page ---- */
.inhouse-wrapper .facility-box{position: relative;}
.inhouse-wrapper .facility-box img{max-width: 100%;}
.inhouse-wrapper .facility-box .content{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
}
.inhouse-wrapper .facility-box .content .title{
    color: #fff;
    font-size: 20px;
    padding-right: 28px;
}
.inhouse-wrapper .facility-box .content .button{
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.inhouse-wrapper .facility-box .content .button img{width: 20px;}
/* facility-slider */
.facility-slider .swiper-wrapper{margin-bottom: 20px;}
.facility-slider .swiper-scrollbar-horizontal{background-color: #C6E7FF;}
.facility-slider .swiper-scrollbar-horizontal .swiper-scrollbar-drag{background-color: #0F85DA;}
.facility-slider div[class*="swiper-button"] svg path{fill: var(--primary-color);}
.facility-slider .swiper-button-prev{left: 4px;}
.facility-slider .swiper-button-next{right: 4px;}


/* ---- products wrapper ---- */
.products-wrapper .product-info .benifits li{margin-bottom: 15px;}
.products-wrapper .product-info .benifits li .title{
    color: var(--primary-color);
    font-size: 20px;
    font-family: 'Segoe UI Variable Regular';
    margin-bottom: 5px;
}
.products-wrapper .product-info .image-wrap{padding: 40px 30px;}
.products-wrapper .product-info .image-wrap img{max-width: 100%;}
/* product-codes */
.products-wrapper .title-style{
    font-family: 'Segoe UI Variable Regular';
    font-size: 34px;
}
.products-wrapper .product-codes{
    position: relative;
    background: url(../images/bg/bg-img-1.jpg) no-repeat center / cover;
    z-index: 1;
}
.products-wrapper .product-codes::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(73, 132, 196, 0.97);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.products-wrapper .product-codes ul{
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding-left: 35px;
}
.products-wrapper .product-codes ul li{
    flex: 0 0 calc(100% / 4 - 35px);
    font-size: 19px;
    text-align: center;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
/*  column-devider */
.products-wrapper .column-devider:not(:last-child){border-right: 1px solid #a5a5a5;}
/* range-content */
.products-wrapper .range-content{background-color: #F2F2F2;}
.products-wrapper .range-content .info-text{
    color: #fff;
    width: auto;
    display: inline-flex;
    background-color: var(--primary-color);
    border-radius: 5px;
}
.products-wrapper .range-content .info-text li{
    padding: 6px 25px;
    border-right: 1px solid #fff;
}
.products-wrapper .range-content .info-text li:last-child{border-right: 0;}
/* product-img-list */
.products-wrapper .product-img-list ul{
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid var(--primary-color);
}
.products-wrapper .product-img-list ul li{
    padding: 20px;
    border-top: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    margin-bottom: -1px;
}
.products-wrapper .product-img-list ul li img{max-width: 100%;}

/* -- cta-wrap -- */
.cta-wrap{color: #005C2C;}
.cta-wrap .heading{
    font-size: 42px;
    text-transform: capitalize;
}
.cta-wrap p{
    color: #005C2C;
    font-size: 25px;
    margin-bottom: 0;
}


/* language-translate */
html body{top: 0!important;}
.language-translate{
    flex-wrap: nowrap;
    gap: 6px;
    color: var(--primary-color);
}
.language-translate > svg{margin-top: 7px;}
#goog-gt-tt + div{display: none!important;}
.skiptranslate .skiptranslate{display: none!important;}
.skiptranslate.goog-te-gadget .goog-te-gadget-simple{
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #ececec;
}
iframe .skiptranslate a.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd > div .indicator{display: none!important;}
#google_translate_element .skiptranslate.goog-te-gadget > *:not(div[id]){display: none;}
.goog-te-gadget {
    color: transparent !important;
    font-family: 'Segoe UI Variable Regular' !important;
    height: 30px;
}


/* -- scroll-top -- */
.scroll-top{
    color: #fff;
    display: none;
    cursor: pointer;
    position: fixed;
    right: 35px;
    bottom: 70px;
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 43px;
    background: linear-gradient(180deg, #3071B7 6.3%, #4482c4 78.09%);
    border-radius: 100%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-in-out;
    z-index: 18;
}
.scroll-top:hover{background: linear-gradient(180deg, #3071B7 56.3%, #4482c4 99%);}





/* ---- Responsive ---- */
@media only screen and (min-width: 1400px){
    header .navbar-nav .nav-item{margin: 0 0.8rem;}
}

@media only screen and (max-width: 1199px) and (min-width: 992px){
    /* header .navbar-nav .nav-link{
        font-size: 12px;
        padding-inline: 5px!important;
    }
    header .navbar-nav .nav-item {
        margin: 0 .1rem;
    } */
     
}

@media only screen and (min-width: 992px){
    header .navbar-nav .nav-link{
        color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    header .navbar-nav .nav-link.active{color: #fff;}
    
    header .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
        /* margin-top: 0; */
    }
    header .navbar-nav .nav-item.dropdown .dropdown-toggle::after{top: 22px;}
    header .navbar-nav .nav-item .dropdown-menu{
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        margin-top: -10px;
    }
    header .navbar-nav .nav-item .dropdown-menu.dropdown-center{
        right: auto;
        left: 40%;
        -webkit-transform: translate(-40%, 0);
        -o-transform: translate(-40%, 0);
        transform: translate(-40%, 0);
    }
    header .navbar-nav .nav-item .dropdown-menu .content .menu{
        flex: 0 0 auto;
        padding-right: 20px;
        border-right: 1px solid rgba(57, 57, 57, 0.5);
    }
    header .navbar-nav .nav-item .dropdown-menu .side-details-box{display: block;}
    
    #industrySection ul li:last-child a{border-bottom: 0;}

    footer{margin-top: 60px;}
    
    .widget-col{margin-top: -60px;}
    
    .counter-section .column-block:not(:last-child)::after{
        content: "";
        height: 100%;
        border-right: 1px solid #fff;
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media only screen and (min-width: 768px){
    .about-section .content, .about-section .info-box{font-size: 18px;}
    
    .products-wrapper{font-size: 17px;}
}

@media only screen and (max-width: 1399px){
    .banner-image{padding-top: 60px;}
    .banner-image p{font-size: 14px;}
    .banner-image .title{font-size: 40px;}
    .logos-wrapper .side-box{padding: 8px 10px 8px;}

    .process-section .infographic-wrap {padding: 0 20px 40px;}
    .process-section .infographic-wrap ul li{padding: 0 0;}
}

@media only screen and (max-width: 1199px){
    header .navbar-brand{padding: 10px 0px;}
    header .navbar-brand img {width: 150px;}
    header.sticky .navbar-brand img{width: 131px;}
    header .navbar-brand::after{width: 55px;}

    header .call-btn {
        font-size: 16px;
        padding: 3px 15px 3px 4px;
    }
    header .btn-icon span.icon {
        width: 32px;
        height: 32px;
        line-height: 28px;
    }

    .banner-image p {
        font-size: 13px;
        padding: 2px 10px;
    }
    .banner-image .btn{font-size: 15px;}
    .logos-wrapper{bottom: 8%;}
    
    .about-section .info-box{bottom: -45%;}
    
    .products-section .product-info-box {padding: 10px 15px;}
    .products-section .product-info-box .title{
        font-size: 18px;
        margin-bottom: 3px;
    }
    .products-section .product-info-box p {font-size: 13px;}

    footer .widget-col{padding-top: 40px;}
    footer .widget-col .col-title{font-size: 22px;}
    footer .widget-col::before{width: 95px;}

    .about-wrapper .row-design-1 .title{font-size: 31px;}
    .about-wrapper .row-design-1 .content{padding-left: 75px;}
    .about-wrapper .row-design-1 .content .icon-box {
        width: 60px;
        height: 60px;
        line-height: 56px;
    }
    .about-wrapper .row-design-1 .content .icon-box img {width: 38px;}
    .about-wrapper .row-design-1:nth-child(2n) .content{padding-right: 75px;}
    
    .process-section .infographic-wrap {padding: 0 20px 30px;}
    .process-section .infographic-wrap .bgcolor-box{height: calc(100% - 45px);}
    .process-section .infographic-wrap ul li .icon-box{
        width: 80px;
        height: 80px;
        margin-bottom: 8px;
    }
    .process-section .infographic-wrap ul li p{font-size: 16px;}
}

@media only screen and (max-width: 991px){
    .title-style {font-size: 40px;}
    .title-style-1{font-size: 64px;}

    .section-block {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    header .navbar-collapse{
        position: fixed;
        top: 102px;
        left: 0;
        width: 100%;
        background-color: #f6f7f8;
        padding: 5px 10px 0;
        box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.25);
        z-index: 10;
    }
    header.sticky .navbar-collapse{top: 92px;}
    header .navbar-nav .nav-link{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    header .navbar-nav .nav-item .dropdown-menu{margin-bottom: 10px;}
    header .navbar-nav .nav-item .dropdown-menu .dropdown-item{white-space: normal;}
    
    header.sticky .nav-box::before{
        content: "";
        height: 100%;
    }

    .banner-image figure {margin-top: -70px;}
    .logos-wrapper{
        position: relative;
        text-align: center;
    }

    .about-section .info-box{
        width: 90%;
        position: relative;
        left: 5%;
        right: 0;
        bottom: 0;
        margin-bottom: -20px;
    }

    .blockquote .txt{font-size: 35px;}

    #industrySection .tab-list{
        display: flex;
        gap: 15px;
        overflow-x: auto;
        max-width: inherit;
        padding: 5px 10px;
        background: rgba(4, 4, 4, 0.8);
    }
    #industrySection .tab-list li{flex: 0 0 auto;}
    #industrySection .tab-list li a{padding: 5px 10px;}
    #industrySection ul li a.active{
        color: #207bbd;
        border-bottom: 1px solid var(--primary-color);
    }
    
    .banner-slider .caption .title {font-size: 50px;}
    .banner-slider .caption p {font-size: 16px;}
    
    .about-wrapper .why-choose-section ul li .content{text-align: center;}
    
    .products-section .product-box .content{
        position: relative;
        padding: 15px 15px 30px;
    }
    .products-section .product-box .content .title{font-size: 20px;}

    .process-section .infographic-wrap ul .divider:nth-child(3n){display: none;}
    .process-section .infographic-wrap ul li {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .process-section .infographic-wrap ul .divider{margin-bottom: 10px;}

    .map-wrapper #mapdiv {height: 300px;}

    footer .widget-col::before{display: none;}

    .page-banner-section{
        background-position: right center;
        height: 300px;
    }
    .page-banner-section .title{font-size: 35px;}

    .about-wrapper .row-design-1 .title{font-size: 22px;}
    .about-wrapper .row-design-1 .content {padding-left: 60px;}
    .about-wrapper .row-design-1 .content .icon-box {
        width: 52px;
        height: 52px;
        line-height: 46px;
    }
    .about-wrapper .row-design-1 .content .icon-box img {width: 32px;}
    .about-wrapper .row-design-1:nth-child(2n) .content{padding-right: 60px;}
    .about-wrapper .vision-mision-section .column-block figure{
        width: 130px;
        height: 130px;
        line-height: 130px;
    }
    .about-wrapper .why-choose-section ul li{
        gap: 5px;
        padding: 15px 15px;
    }
    .about-wrapper .why-choose-section ul li .title{font-size: 20px;}
    
    .contact-wrapper .contact-list li{
        padding: 10px 10px;
        gap: 6px;
        margin-bottom: 15px;
    }
    .contact-wrapper .contact-list li .title{font-size: 19px;}
    .contact-wrapper .contact-list li .icon-box {
        width: 36px;
        height: 36px;
        line-height: 34px;
    }
    .contact-wrapper .contact-list li .icon-box img {width: 16px;}
    .contact-wrapper .form-wrap{padding: 25px 25px;}

    .card-design-1 .card-title {font-size: 24px;}
    .card-design-1 .card-body{padding: 0.8rem 1rem;}
    .card-design-1 .card-body .title{font-size: 21px;}

    .products-wrapper .product-codes ul{
        gap: 25px;
        padding-left: 25px;
    }
    .products-wrapper .product-codes ul li{
        flex: 0 0 calc(100% / 3 - 25px);
        font-size: 17px;
        padding: 5px 10px;
    }
    .products-wrapper .column-devider:not(:last-child){border-right: 0;}
    .products-wrapper .title-style{font-size: 28px;}
}

@media only screen and (max-width: 767px){
    .heading {font-size: 34px;}
    .section-block {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .title-style {font-size: 35px;}
    .title-style-1{font-size: 55px;}

    .btn{
        font-size: 15px;
        padding: 7px 30px 8px 16px;
    }

    header .navbar-brand {padding: 8px 0px;}
    header .call-btn {
        font-size: 14px;
        padding: 2px 11px 2px 3px;
        gap: 5px;
    }
    header .call-btn span.icon img{width: 18px;}

    header .navbar-brand img {width: 130px;}
    header.sticky .navbar-brand img{width: 110px;}
    header .navbar-brand::after {width: 30px;}
    header .navbar-collapse {top: 87px;}
    
    header.sticky .navbar-collapse{top: 76px;}

    .banner-image p {
        font-size: 12px;
        padding: 1px 9px;
    }
    .banner-image .title{font-size: 30px;}
    .banner-image figure{margin-top: -50px;}

    .about-section .info-box{padding: 15px 20px;}
    
    .blockquote .txt {font-size: 27px;}
    .blockquote .txt::before, .blockquote .txt::after{
        width: 24px;
        height: 50px;
    }
    .blockquote .txt::after{margin-bottom: -26px;}
    
    .products-section .column-block:not(:last-child)::after{border-right: 0;}
    .products-section .product-info-box .title {font-size: 16px;}
    .products-section .product-box{min-height: 200px;}
    .products-section .product-box .product-info-box .btn{font-size: 14px;}
    
    .counter-section .column-block .sub-title{font-size: 20px;}
    .counter-section .column-block ul li{padding: 15px 10px;}
    .counter-section .column-block ul li .counter-box{font-size: 33px;}
    .counter-section .column-block ul li p {
        font-size: 17px;
        line-height: normal;
    }
    
    .process-section .infographic-wrap ul .divider:nth-child(3n){display: flex;}
    .process-section .infographic-wrap ul .divider:nth-child(4n){display: none;}
    .process-section .infographic-wrap ul li {
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .process-section .infographic-wrap ul .divider{
        /* width: 100px; */
        margin-bottom: 10px;
    }

    #industrySection ul li{font-size: 18px;}

    footer .widget-col{margin-top: 0;}
    
    .page-banner-section{height: 250px;}
    .page-banner-section .breadcrumb li{font-size: 14px;}
    .page-banner-section .breadcrumb li img {width: 17px;}
    .page-banner-section .breadcrumb li:not(:last-child)::after{
        font-size: 11px;
        top: 3px;
    }
    
    .about-wrapper .vision-mision-section .column-block figure{
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .about-wrapper .why-choose-section ul li{
        gap: 0px;
        padding: 15px 10px;
    }
    .about-wrapper .why-choose-section ul li .title{font-size: 18px;}
    .about-wrapper .why-choose-section ul li p{font-size: 15px;}
    .about-wrapper .why-choose-section .txt-line{font-size: 22px;}
    .about-wrapper .information-section .info-text .title{font-size: 34px;}

    .table-design thead{font-size: 18px;}
    .table-design tbody td{font-size: 16px;}
    .title-block-style{font-size: 20px;}
    .products-wrapper {font-size: 16px;}
    .products-wrapper .product-info .benifits li .title{font-size: 18px;}
    .products-wrapper .product-info .image-wrap{padding: 30px 60px;}
    .products-wrapper .product-codes ul{
        gap: 15px;
        padding-left: 15px;
    }
    .products-wrapper .product-codes ul li{flex: 0 0 calc(100% / 2 - 15px);}

    .cta-wrap .heading{font-size: 36px;}
}

@media only screen and (max-width: 575px){
    .heading {font-size: 29px;}
    .title-style-1{
        font-size: 48px;
        line-height: normal!important;
    }

    .btn-text-link{font-size: 18px;}
    .btn-text-link img{
        width: 13px;
        margin-left: 4px;
    }
    .btn-text-link:hover img{margin-left: 5px;}
    .title-style {font-size: 30px;}

    header .top-box ul li{font-size: 14px;}

    header .call-btn{gap: 3px;}
    header .btn-icon span.icon {
        width: 26px;
        height: 26px;
        line-height: 23px;
    }
    header .call-btn span.icon img{width: 15px;}
    
    .banner-image p {
        font-size: 10px;
        padding: 1px 9px;
    }
    .banner-image .title{font-size: 23px;}
    .banner-image .btn {
        font-size: 14px;
        padding: 5px 25px 6px 12px;
    }

    .logos-wrapper .side-box {padding: 6px 5px 6px;}
    .logos-wrapper .side-box img{
        width: 45px;
        margin: 0 4px;
    }

    .blockquote .txt {font-size: 23px;}
    
    .about-wrapper .why-choose-section .txt-line{font-size: 20px;}
    .about-wrapper .information-section .info-text .title {font-size: 25px;}
    .about-wrapper .information-section .info-text p {font-size: 18px;}

    .process-section .infographic-wrap{padding: 0 0px 10px;}
    .process-section .infographic-wrap ul li{
        width: 40%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .process-section .infographic-wrap ul .divider {margin-bottom: 20px;}
    /* .process-section .infographic-wrap ul li .icon-box {padding: 0;}
    .process-section .infographic-wrap ul li .icon-box img{max-width: 60%;} */
     
    .cta-wrap .heading{font-size: 32px;}
}

@media only screen and (max-width: 480px){
    .counter-section .column-block ul li .counter-box{font-size: 26px;}
    .counter-section .column-block ul li p {
        font-size: 15px;
        line-height: normal;
    }

    .cta-wrap .heading{font-size: 28px;}
}