@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "Graphie-Regular";
    src: url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.eot");
    src: url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/a5b0e20f1b3c4884638d19a0b5d43074.svg#Graphie-Regular")format("svg");
}

@font-face {
    font-family: "Graphie W03 SemiBold";
    src: url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.eot");
    src: url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/4e7d27b6ede8754a05e6c197f70d54be.svg#Graphie W03 SemiBold")format("svg");
}

@font-face {
    font-family: "Graphie W01 Light";
    src: url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.eot");
    src: url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/4afe3bd457a431a4a26f8ede04a5a63f.svg#Graphie W01 Light")format("svg");
}


@font-face {
    font-family: 'Expressa';
    src: url('Expressa-Bold.woff2') format('woff2'),
        url('Expressa-Bold.woff') format('woff'),
        url('Expressa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BOLDE";
    src: url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.eot");
    src: url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.eot#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/0b126f23fbd87eea683f53b749b11348.svg#BOLDE")format("svg");
}




@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anta&family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fredoka:wght@300..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Sen:wght@400..800&display=swap');
/* 
Font family
-----------------------------------------------

    --font-Graphie: "Graphie";
    --font-Montserrat: "Montserrat", sans-serif;

-----------------------------------------------*/

/* body {
  font-family: 'Montserrat', sans-serif;
} */

:root {
    --primarycolor: #1d305e;
    --secondarycolor: #D3E1F5;
    /* --yelloworgan: #FDB714; */

    --blackcolor: #000;
    --whitecolor: #fff;
    --errorcolor: #C73931;
    --selection: #d9d9d9;

    --darkbgcolor: #1d305e;
    --lightbgcolor: linear-gradient(90deg, rgba(230, 240, 255, 1) 0%, rgba(239, 240, 255, 1) 100%);

    --font-Graphie-Regular: "Graphie-Regular";
    --font-Graphie-W01-Light: "Graphie W01 Light";
    --font-Graphie-W03-SemiBold: "Graphie W03 SemiBold";
    --font-Montserrat: 'Montserrat', sans-serif;
    --font-Vietnam: "Be Vietnam Pro", sans-serif;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
}

body,
ul,
li,
a {
    font-family: var(--font-Montserrat) !important;
    font-weight: 300;
    font-size: 18px;
    color: var(--blackcolor);
}

body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--whitecolor) !important;
}



/* == CONTAINER-CSS START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.container,
.e-con-inner,
.elementor-container {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1240px) {

    .container,
    .e-con-inner,
    .elementor-container,
    .product-category-wrapper,
    .product-single-wrapper {
        max-width: 87% !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        row-gap: 0 !important;
    }

    .about-counter.about-us-page- .e-con-inner {
        max-width: 87% !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        row-gap: 0 !important;
    }

}



/* == CONTAINER-CSS END :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

hr.wp-block-separator {
    color: transparent !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.userway_buttons_wrapper {
    bottom: 100px !important;
}


/* == SELECTION-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

::-moz-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::-webkit-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::selection {
    background: var(--selection);
    color: var(--blackcolor);
}

/* == SELECTION-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




/* == BACKEND-ISSUES-CLEAR-CODE-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body.elementor-editor-active .common-outer ul {
    float: none;
    width: auto;
    margin: 0px;
}

body.elementor-editor-active .common-outer ul li {
    float: none;
    width: auto;
    color: #000;
    font-size: 20;
    line-height: 32px;
    font-weight: 400;
    position: relative;
    padding: 0 10px;
}

body.elementor-editor-active .common-outer ul li::before {
    position: absolute;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0%;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    display: none;
}

.elementor-editor-active ul li::before {
    display: none !important;
}

/* == BACKEND-ISSUES-CLEAR-CODE-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





/* == TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h1,
h2,
h3,
h4,
h5,
h6,
.common-outer h1,
.common-outer h2,
.common-outer h3,
.common-outer h4,
.common-outer h5,
.common-outer h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: var(--font-Vietnam) !important;
    color: var(--blackcolor);
}

.common-outer h1 a,
.common-outer h2 a,
.common-outer h3 a,
.common-outer h4 a,
.common-outer h5 a,
.common-outer h6 a {
    color: var(--darkbgcolor) !important;
}

h1,
h1 a,
h1 strong,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-Vietnam) !important;
    font-weight: 500;
    font-size: 60px;
    color: var(--blackcolor);
    text-align: initial;
    line-height: 72px;
    margin: 40px 0 20px !important;
}

h2,
h2 a,
h2 strong,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-Vietnam) !important;
    font-weight: 400;
    font-size: 50px;
    color: var(--blackcolor);
    line-height: 55px !important;
    margin: 40px 0 20px;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-Vietnam) !important;
    font-weight: 400;
    font-size: 40px;
    color: var(--blackcolor);
    line-height: 48px !important;
    margin: 40px 0 20px;
}


h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-Vietnam) !important;
    font-weight: 500;
    font-size: 27px;
    color: var(--blackcolor) !important;
    line-height: 40px !important;
    margin: 40px 0 20px;
}

h5,
h5 a,
h5 strong,
.common-outer h5,
.common-outer h5 a,
h5.elementor-image-box-title {
    font-family: var(--font-Montserrat) !important;
    font-weight: 500;
    font-size: 24px;
    color: var(--blackcolor);
    line-height: 35px;
    margin: 40px 0 20px;
    letter-spacing: 0 !important;
    text-transform: none;
}

h6,
h6 a,
h6 strong,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-Montserrat) !important;
    font-weight: 500;
    font-size: 22px;
    color: var(--blackcolor);
    line-height: 30px !important;
    letter-spacing: 0 !important;
    text-transform: none;
}

.elementor-widget-heading .elementor-heading-title {
    margin-bottom: 15px;
}


h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: var(--font-Vietnam) !important;
    font-weight: 300 !important;
}

strong {
    font-weight: 600 !important;
}

.common-outer blockquote p {
    margin-bottom: 0;
}

a {
    text-decoration: underline !important;
    /* color: var(--darkbgcolor); */
    font-weight: 400;
    color: #1A5AB0;
    transition: 0.5s ease;
    font-size: 18px;
}

p a,
ul li a,
ol li a {
    text-decoration: underline !important;
}

a:hover {
    /* color: var(--darkbgcolor); */
    transition: 0.5s ease;
    color: #000000 !important;
}

p {
    font-family: var(--font-Montserrat) !important;
    font-weight: 300;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;
    padding: 0px;
    margin-bottom: 18px !important;
}

h1.hidden-heading-tag {
    display: none;
}

blockquote {
    padding: 60px 60px !important;
    background: linear-gradient(90deg, rgba(230, 240, 255, 1) 0%, rgba(239, 240, 255, 1) 100%);
    border-left: 5px solid var(--darkbgcolor);
    border-right: 5px solid var(--darkbgcolor);
}

sup {
    line-height: 0;
    vertical-align: super !important;
}

/* == TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





/* == COMMON-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.common-outer {
    padding-top: 20px;
    padding-bottom: 60px;
}

body.home .common-outer {
    padding-top: 0px;
    padding-bottom: 0px;
}



/* == COMMON-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




/* UL LI / OL LI CSS CODE START ::::::::::::::::::::::::::::::::::::::: */

.common-outer ul {
    margin: 20px 0 20px 20px !important;
}

.common-outer ul li {
    font-family: var(--font-Montserrat);
    font-weight: 300;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;
    padding: 0px 0px 0px 45px;
    margin-bottom: 10px;
    position: relative;
}

.common-outer ul li::before {
    position: absolute;
    content: "";
    width: 34px;
    height: 30px;
    left: 0;
    top: -1px;
    /* background-image: url(../images/list-style.svg) !important; */
    background: url(../images/coldice_sub_head_logo.svg) !important;
    filter: brightness(0) saturate(100%) invert(52%) sepia(64%) saturate(289%) hue-rotate(168deg) brightness(97%) contrast(98%);
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain !important;
}

.why-business-list-outer ul li {
    font-family: var(--font-Montserrat);
    font-weight: 300;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;
    padding: 0px 0px 0px 80px;
    margin-bottom: 30px;
    position: relative;
}

/* .why-business-list-outer ul li::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 100%;
    left: 0px;
    border-radius: 2px;
    top: 7.3px;
    background-image: url(../images/list-style-newversion.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain !important;
    background: transparent;
} */

.common-outer ol {
    padding-left: 17px;
    margin: 0 0 20px 20px;
}

.common-outer ol li {
    list-style-type: decimal;
}

.common-outer ol li {
    font-family: var(--font-Montserrat);
    font-weight: 300;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;

    padding: 0px;
    margin-bottom: 10px;
}

/* UL LI / OL LI CSS CODE END ::::::::::::::::::::::::::::::::::::::: */






/* == FORM-TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

::placeholder {
    font-family: var(--font-Montserrat);
    font-weight: 400;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;
}

label {
    font-family: var(--font-Montserrat);
    font-weight: 400;
    font-size: 18px;
    color: var(--blackcolor) !important;
    line-height: 30px !important;
    padding: 0px;
    margin-bottom: 18px !important;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-not-valid {
    border: none;
    border-bottom: 1px solid var(--errorcolor) !important;
}

.wpcf7-not-valid span input[type="radio"] {
    border: 2px solid #C73931 !important;
}

span.wpcf7-form-control.wpcf7-radio {
    border: none !important;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.invalid .wpcf7-response-output {
    text-align: center;
    color: var(--errorcolor);
    border: 2px solid var(--errorcolor) !important;
    width: 100%;
    font-weight: 400;
    margin: 10px 0px 7px !important;
    font-size: 14px;
    background-color: var(--whitecolor);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #007e0b;
    width: 100%;
    font-weight: 400;
    margin: 10px 0px 7px !important;
    font-size: 14px;
    color: #007e0b;
    text-align: center;
    background-color: var(--whitecolor);
}

input {
    width: 100%;
    padding: 21px 13px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--whitecolor);
    font-family: var(--font-Montserrat);
    font-size: 18px;
    color: #fff !important;
}

textarea {
    width: 100%;
    padding: 11px 13px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--whitecolor);
    height: 85px;
    resize: none;
    font-family: var(--font-Montserrat);
    font-size: 18px;
}

/* wpcf7 form wpcf7-response-output :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/






/* == IMAGE-WRAP-CSS_START == 
===============================================================*/

.alignnone {
    margin: 5px 30px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 20px auto 20px auto;
}

.alignright {
    float: right;
    margin: 0px 0 20px 40px;
    border-radius: 20px !important;
}

.msds-content-outer img {
    background: linear-gradient(180deg, rgba(75, 111, 157, 1) 46%, rgba(175, 195, 230, 1) 100%);
    border-radius: 20px !important;
}

.alignleft {
    float: left;
    margin: 10px 60px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 40px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 40px 30px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figcaption,
.gallery-caption,
.wp-caption-text {
    font-size: 12px !important;
}


/* JPG images  */
img[src$=".jpg"],
img[src$=".jpeg"] {
    object-fit: cover !important;
}

/* PNG images  */
img[src$=".png"] {
    object-fit: contain !important;
}

/* IMAGE-WRAP-CSS_END == 
===============================================================*/





/* GREY BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6,
.dark-bg p,
.dark-bg ul li,
.dark-bg ol li {
    color: var(--whitecolor) !important;
}

.dark-bg p {
    font-weight: 300;
}

.dark-bg h1 strong,
.dark-bg h2 strong,
.dark-bg h3 strong,
.dark-bg h4 strong,
.dark-bg h5 strong,
.dark-bg h6 strong {
    color: var(--whitecolor) !important;
}

.dark-bg ul li::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 27px;
    left: 0;
    border-radius: 2px;
    top: 2.3px;
    background-image: url(../images/logo-points.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 112% !important;
    background-color: #f8941c;
    border-radius: 100px;
}

.dark-bg a {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
}

/* DARK BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */






/* SCROLL_TO_TOP_CSS_START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a.ScrollTop {
    position: fixed !important;
    /* position: relative !important; */
    width: 46px;
    height: 46px;
    right: 25px;
    bottom: 85px;
    font-size: 0;
    transition: 0.5s ease;
    z-index: 99999;
    cursor: pointer !important;
    border-radius: 60px;
    overflow: hidden;
    transition: 0.5s ease;
    background: #1d305e;
}

a.ScrollTop::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/abt-title.svg);
    background-position: bottom;
    background-size: 119%;
    background-repeat: no-repeat;
    bottom: 12px;
    left: 0;
    transition: 0.5s ease;
}

a.ScrollTop::before {
    position: absolute;
    content: "up";
    font-size: 20px;
    /* color: #042f46; */
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0px;
    transition: 0.5s ease;
}

a.ScrollTop:hover {
    background: #1d305e;
    transition: 0.5s ease;
}


a.ScrollTop:hover::before {
    color: #fff;
    right: 0px;
    transition: 0.5s ease;
}

a.ScrollTop:hover::after {
    transition: 0.5s ease;
    bottom: -50px;
}

/* SCROLL_TO_TOP_CSS_END :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/* HEADER_BUTTON_CSS_ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.header-cta a.cta-button {
    padding: 12px 45px 12px 25px;
    border-radius: 50px;
    color: #fff !important;
    /* background-color: #D3E1F5; */
    background-color: #659acc !important;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none !important;
}

.header-cta a.cta-button:hover {
    background-color: #4a6f9c !important;
}

.header-menu .menu-header-menu-container ul li.request-header {
    display: none;
}

.header-menu .menu-header-menu-container ul li {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-cta a.cta-button::before,
.primary-btn a::before {
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 100%;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* display: block !important; */
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(25deg) brightness(100%) contrast(110%);
    right: 17px;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    display: flex;
    background-position: center;
}


.header-cta a.cta-button::after,
.primary-btn a::after {
    position: absolute;
    content: "" !important;
    width: 85px;
    height: 80px;
    background: url(../images/btn-ellipse.png);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    right: -42px;
    top: auto;
    z-index: -1;
    transition: 0.3s ease;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.header-cta a.cta-button:hover::after,
.primary-btn a:hover::after {
    right: -33px;
    transition: 0.5s ease !important;
}

.primary-btn a:hover {
    background-color: #659acc !important;
}

/* .header-menu .current-menu-item a */
ul li.current-menu-item>a {
    color: #70d3f6 !important;
}


.slider-outer .rev-btn {
    padding: 12px 45px 12px 25px !important;
    border-radius: 50px !important;
    line-height: 1.6 !important;
    color: #fff !important;
    background-color: #4a6f9c !important;
    display: flex;
    height: auto !important;
    width: fit-content !important;
    transition: 0.3s ease;
    align-items: center;
    position: relative;
    z-index: 99 !important;

}

.slider-outer .rev-btn:hover {
    background-color: #659acc !important;
}

span.premium-slide-cls {
    padding: 3px 15px !important;
    background: #ffffff4f !important;
    border-radius: 15px !important;
}


/* .slider-outer .rev-btn:hover {
    background-color: #70d3f6 !important;
} */

/* .slider-outer .rev-btn{
    padding: 12px 45px 12px 25px !important;
    border-radius: 50px;
    color: #fff !important;
    background-color: #D3E1F5;
    background: #659acc !important;
    line-height: 1.6 !important;
    display: flex;
    border: none;
    align-items: center;
    position: relative;
} */

.slider-outer .rev-btn::before {
    position: absolute;
    content: "" !important;
    width: 25px;
    height: 25px;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: 15px;
    opacity: 1 !important;
    margin: 0 !important;
    top: 13px;
    filter: brightness(0) saturate(100%) invert(93%) sepia(20%) saturate(27%) hue-rotate(53deg) brightness(106%) contrast(106%);
}

.slider-outer .rev-btn::after {
    position: absolute;
    content: "" !important;
    width: 85px;
    height: 90px;
    background: url(../images/btn-ellipse.png);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    right: -40px;
    top: 50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    transform: translateY(-50%);
}

.slider-outer .rev-btn:hover::after {
    right: -25px !important;
    transition: 0.5s ease;
}



/* HEADER_CSS_ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* h1.rs-layer{
    line-height: 37px !important;
} */

header.main-header {
    position: absolute;
    z-index: 99999 !important;
    width: 100%;
}

.header-content.header-desktop-menu .logo-and-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 35px 0 35px;
    width: 100%;
}

.header-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-menu .menu-header-menu-container ul#menu-header-menu {
    display: flex;
    gap: 35px;
}


.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu li ul.sub-menu {
    position: absolute;
    display: none;
    background: #fffffffa;
    color: #fff;
    margin-left: -4px;
    z-index: 9;
    width: 280px;
    top: 60px;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 1px 1px #e9e9e9;
}

.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu li ul.sub-menu li {
    padding-top: 0;
    padding-bottom: 0;
}

.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu li ul.sub-menu li a {
    width: 100%;
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #464646;
    color: var(--blackcolor);
}

.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu li ul.sub-menu li:last-child a {
    border-bottom: 0;
}

.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu .menu-item-has-children a {
    position: relative;
}


.header-desktop-menu .header-menu .menu-header-menu-container ul#menu-header-menu .menu-item-has-children a {
    transition: 0.5s ease;
}


.header-content.header-desktop-menu .logo-and-menu .header-menu .menu-header-menu-container ul#menu-header-menu li:hover ul.sub-menu {
    display: block !important;
}

.header-menu .menu-header-menu-container ul li a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #ffff;
    transition: 0.5s ease;
}

.header-menu .menu-header-menu-container ul li a:hover {
    color: #d3e1f5;
    transition: 0.5s ease;
}

.header-menu .menu-header-menu-container ul li.current_page_item {
    font-weight: 600 !important;
    color: #d3e1f5;
}

.header-menu .menu-header-menu-container ul li.req-btn {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.header-menu .menu-header-menu-container ul li.req-btn {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.header-menu .menu-header-menu-container ul li.menu-item-has-children {
    padding-right: 10px;
    position: relative;
}

.header-menu .menu-header-menu-container ul li.menu-item-has-children::after {
    position: absolute;
    content: '';
    background-image: url(../images/menu-dropdown-arrow.svg);
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 15px;
    color: #fff;
    margin-left: 2px;
    filter: invert(1);
    -webkit-filter: invert(1);
    cursor: pointer;
}

.header-content.header-desktop-menu.sticky .logo-and-menu {
    box-shadow: 0px 3px 17px 1px #000000bd;
}


.common-outer .slider-outer .e-con-inner {
    padding: 0;
    margin: auto;
}

.common-outer .slider-outer {
    position: relative;
    overflow: hidden;
}

.common-outer .slider-outer::before {
    position: absolute;
    content: "" !important;
    width: 102%;
    height: 21vh;
    /* background: url(../images/hill-vector-top.svg); */
    /* background: url(../images/hill.svg); */
    background: url(../images/hill-vector-top-1.svg);

    background-repeat: no-repeat;
    background-position: bottom;
    display: block !important;
    top: auto;
    /* top: 192px; */
    background-size: contain;
    bottom: -18px;
    /* bottom: -30px; */
    z-index: 9;
    opacity: 1 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
    background-color: #f6faff !important;
    box-shadow: 0 6px 4px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(0, 0, 0, 0.18);
}



/* :::::::::::::::::::::::FOOTER_CSS_ :::::::::::::::::::::::::::::::::::::::*/

footer.site-footer {
    /* background: linear-gradient(90deg, rgba(0, 58, 102, 1) 0%, rgba(0, 30, 53, 1) 100%); */
}

footer.site-footer .footer-wrapper .footer-top-row,
.footer-middle-row {
    padding: 0px 84px 0 84px;
}

footer.site-footer .footer-wrapper .footer-middle-row {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

footer.site-footer .footer-wrapper .footer-bottom-row .footer-bottom-inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 5px 84px 5px 84px;
    /* background: #fff; */
    /* background: #659acc; */

    background: linear-gradient(90deg, rgba(5, 27, 55, 1) 0%, rgba(29, 48, 94, 1) 100%);
}

footer.site-footer .footer-wrapper .footer-top-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

footer.site-footer .footer-wrapper .footer-top-row .footer-menu-area {
    position: relative;
}

footer.site-footer .footer-wrapper .footer-top-row .footer-menu-area ul#menu-footer-menu::before {
    position: absolute;
    content: "" !important;
    width: 695px;
    height: 2px;
    background: url(../images/foot-menu-line.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    left: 0px;
    right: 0;
    bottom: 0;
    background-position: bottom center;
    opacity: 1 !important;
    margin: 0 !important;
}

footer.site-footer .footer-wrapper .footer-row .footer-menu-area ul {
    display: flex;
    gap: 60px;
    padding-bottom: 15px;
}

.footer-row .footer-logo-area img {
    width: 190px;
    object-fit: contain;
    height: 109px;
    object-position: left;
}

footer.site-footer .footer-wrapper .footer-middle-row {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    gap: 30px;
}

footer.site-footer .footer-wrapper .footer-row .footer-left-content {
    display: flex;
    width: 50%;
    gap: 15px;
    flex-direction: column;
}

footer.site-footer .footer-wrapper .footer-row .footer-right-content .footer-contact-details {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

footer.site-footer .footer-wrapper .footer-middle-row .footer-right-content .footer-contact-details p {
    margin-bottom: 0px !important;
    font-weight: 400;
}

footer.site-footer .footer-wrapper .footer-middle-row .footer-right-content .footer-contact-title h4 {
    margin-top: 0;
}

footer.site-footer .footer-wrapper .footer-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


footer.site-footer .footer-wrapper .footer-row .footer-menu-area ul li a {
    color: #fff;
}

footer.site-footer .footer-wrapper .footer-row p,
.footer-main .footer-right.footer-menu-columns h4 {
    color: #fff !important;
}

footer.site-footer .footer-wrapper .footer-row .footer-left-content .footer-about {
    color: #fff;
    font-style: italic;
    font-weight: 400;
}

footer.site-footer .footer-wrapper .footer-bottom-row .footer-copy a {
    /* font-size: 16px; */
    color: var(--blackcolor);
    font-weight: 400 !important;
}

footer.site-footer .footer-wrapper .footer-bottom-row .footer-copy a:hover {
    /* color: #1d305e !important; */
    color: #659acc !important;
    /* font-weight: 600; */
    /* transition: 0.1s; */
}

footer.site-footer .footer-wrapper {
    position: relative;
    /* padding-top: 5px; */
}


/* 
footer.site-footer .footer-wrapper::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 320px;
    background: url(../images/hill-vector.svg);
    background-repeat: no-repeat;
    display: block !important;
    top: auto;
    background-size: contain;
    top: -315px;
    background-size: contain;
    left: 0;
    background-position: bottom;
    opacity: 1 !important;

} */


.footer-main .footer-left .footer-social {
    display: flex;
    gap: 50px;
}

.footer-copy a {
    color: #000000;
}

.footer-main .footer-left .footer-social a {
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
}

.footer-main .footer-left .footer-social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 1 !important;
}

.footer-main .footer-left .footer-social a.linkedin-icon::before {
    background: url(../images/linkedin.svg);
}

.footer-main .footer-left .footer-social a.youtube-icon::before {
    background: url(../images/instagram-icon.svg);
}

.footer-main .footer-left .footer-social a.x-icon::before {
    background: url(../images/x-icon.svg);
}

.footer-main .footer-left .footer-social a.instagram-icon::before {
    background: url(../images/instagram-icon.svg);
}

footer.site-footer .footer-wrapper .footer-row .footer-right-content .footer-contact-details .footer-phone p a {
    color: #fff !important;
    font-weight: 400;
}

footer.site-footer .footer-wrapper .footer-row .footer-right-content .footer-contact-details .footer-phone p a:hover {
    /* color: #000 !important; */
    /* transition: 0.5s; */
}

.page-id-2710 footer.site-footer .footer-cold {
    background: transparent;
}



/* SOLUTIONS_SEC_CSS_ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


.common-outer .indusries-outer {
    background: var(--lightbgcolor);
}

.indusries-outer .e-con-inner {
    padding: 0px 0px 60px 0px !important;
}

.common-outer .indusries-outer .industries-content {
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;
}

.common-outer .indusries-outer .industries-post .industries-wrap {
    display: flex;
    gap: 75px;
    justify-content: center;
}

.indusries-outer .industries-post .industries-wrap .industry-box .industry-img {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
    padding-bottom: 100%;
    overflow: hidden !important;
    /* background: linear-gradient(90deg, rgba(29, 48, 94, 1) 0%, rgba(5, 27, 55, 1) 100%); */
    border-radius: 50px;
    clip-path: path("M70 0 H503 Q939 0 1550 0 V660 Q0 1065 -721 304 H0 Q0 350 0 300 V120 Q0 80 40 80 Q70 80 70 40 Q70 0 120 0 Z");
}

.indusries-outer .industries-post .industries-wrap .industry-box .industry-img img {
    border-radius: 50px;
    position: absolute;
    object-fit: contain;
    left: 0;
    height: 100%;
    width: 100% !important;
    transition: 0.5s ease;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); */
}

.indusries-outer .industries-post .industries-wrap .industry-box .industry-img img {
    height: 100%;
    transition: 0.5s ease;
}

.indusries-outer .industries-post .industries-wrap .industry-box {
    width: 33%;
    height: 100%;
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3 {
    text-align: center;
    font-size: 27px;
    line-height: 40px;
    margin: 30px 0px 20px 0px;
    padding: 20px;
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3 {
    position: relative;
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4::before,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3::before {
    position: absolute;
    content: "" !important;
    width: 40px;
    height: 40px;
    background: url(../images/left-corner-vec.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: 0;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4:hover::before,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3:hover::before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(5146%) hue-rotate(181deg) brightness(94%) contrast(104%);
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4:hover::after,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3:hover::after {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(5146%) hue-rotate(181deg) brightness(94%) contrast(104%);
}

.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h4::after,
.indusries-outer .industries-post .industries-wrap .industry-box a.industry-item h3::after {
    position: absolute;
    content: "" !important;
    width: 40px;
    height: 40px;
    background: url(../images/right-corner-vec.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: 0;
    top: 0;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

/* .indusries-outer .industries-post .industries-wrap .industry-box a.industry-item::before {
    position: absolute;
    content: "" !important;
    width: 150px;
    height: 150px;
    background: url(../images/sol-overlay.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: -1px;
    z-index: 2;
    top: -1px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}  */

.indusries-outer .industries-post .industries-wrap .industry-box .industry-img-outer {
    position: relative;
}

.indusries-outer .primary-btn a {
    background-color: #39B6AE !important;
}

.indusries-outer .primary-btn a:hover {
    background-color: #659acc !important;
}

.indusries-outer .primary-btn a::after {
    filter: brightness(0) saturate(100%) invert(63%) sepia(16%) saturate(1481%) hue-rotate(127deg) brightness(95%) contrast(89%) !important;
}

.indusries-outer .industries-post .industries-wrap .industry-box .industry-img-outer::after {
    position: absolute;
    content: "" !important;
    width: 70px;
    height: 70px;
    background: url(../images/arrowhome.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: -12px;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18), 0px 0px 2px rgba(0, 0, 0, 0.18);
    top: -2px;
    border-radius: 50%;
    z-index: 99;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.industries-post .industries-wrap .industry-box a {
    transition: 0.5s ease;
    text-decoration: none !important;
}

.industries-post .industries-wrap .industry-box a:hover .industry-img img {
    transform: scale(1.1) !important;
    transition: 0.5s ease;
}

.industries-post .industries-wrap .industry-box a:hover .industry-img-outer::after {
    transform: rotate(45deg);
    transition: 0.5s ease;
    box-shadow: 3px 1px 4px 2px rgba(0, 0, 0, 0.15);
}

.industries-post .industries-wrap .industry-box a:hover h4 {
    color: #1d305e !important;
    transition: 0.5s ease;
}







/* .common-outer h2 strong {
    color: #1d305e !important;
    font-size: 55px;
    text-indent: 0;
    margin-top: 0 !important;
} */

.common-heading h2 {
    position: relative;
    display: flex;
    flex-direction: column;
}

.common-outer h2 strong {
    color: #1d305e !important;
    font-size: 55px !important;
    text-indent: 0;
    font-family: var(--font-Vietnam) !important;
    font-weight: 100 !important;
    margin-top: 0 !important;
}

.common-heading h2 {
    /* text-indent: 120px; */
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    /* -webkit-text-size-adjust: 100%; */

}

.common-heading h2 {
    /* position: relative; */
    padding-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
    /* margin: 0; */
}

/* .common-heading h2::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 6px;
    background: url(../images/subheading-overlay-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 24px;
    left: 0;
} */

/* .common-heading h2::before {
    position: absolute;
    content: "";
    width: 54px;
    height: 54px;
    background: url(../images/coldice_sub_head_logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 28px;
    top: auto;
    left: 0;
} */




/* .common-heading h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 50px;
} */

/* .common-heading h2:first-child {
    position: absolute;
    content: "";
    width: 110px;
    height: 6px;
    background: url(../images/subheading-overlay-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 24px;
    left: 0;
} */



/*.common-heading h2:first-of-type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 35px;
   
    width: 110px;
    height: 6px;
    background: url(../images/subheading-overlay-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
} */

.industries-content .common-heading h2 strong {
    text-indent: 0;
    margin-top: 0;
}

.common-outer .indusries-outer .industries-content .solution-sub-content {
    padding: 30px 0px 20px 60px;
}

/* .indusries-outer {
    position: relative;
}

.indusries-outer::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 125px;
    background: url(../images/hill-vector-top.svg);
    background-repeat: no-repeat;
    display: block !important;
    top: -50px;
    background-size: cover;
    left: 0;
    background-position: top;
    opacity: 1 !important;
} */

.industries-content {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
    display: flex;
    align-items: center !important;
}


/* ABOUT-US_SEC_CSS_ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hp-aboutus .main-title h2 {
    font-size: 140px;
    line-height: 158px !important;
    margin-top: -35px;
    /* background: linear-gradient(283deg, #001f4b 3%, #163e7a 30%); */
    /* background: linear-gradient(283deg, #071E30 -9%, #193D93 85%); */
    background: linear-gradient(90deg, #001A65 0%, #1A5AB0 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    /* font-family: 'Graphie-Regular' !important; */
}

.about-outer {
    padding: 60px 0;
}

.counter-sec .counter-top {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.page-id-15 .counter-sec .counter-top {
    /* align-items: center; */
}

.counter-sec {
    background-size: 85%;
}

.about-heading h2 {
    position: relative;
    width: fit-content;
    margin-bottom: 20px !important;
    display: flex;
    gap: 10px;
    padding-right: 20px;
}

.about-heading h2::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 50px;
    background: url(../images/abt-title.svg);
    background-position: center;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    top: 5px;
    right: 67px;
}

.counter-outer .e-con-inner {
    width: 100%;
}

.counter-outer .e-con-inner .counter-sec {
    width: 100%;
    padding-top: 50px;
    gap: 0;
    background-position: 207px !important;
}

.counter-sec .about-top .experience-overlay {
    display: flex;
    position: relative;
    margin-right: -90px;
    align-items: flex-end;
    width: 380px;
    padding: 20px 80px 20px 30px;
    border: 5px solid rgba(204, 204, 204, 0.25);
    border-right: 0;
    border-radius: 110px 0px 0px 25px;
    z-index: 9;
}

.abt-sec-title-overlay h2 {
    /* font-size: 130px;
    color: #313131;
    line-height: 130px;
    margin-bottom: 0 !important;
    margin-top: 5px !important; */
}

.abt-sec-title-overlay .indent-heading h2 {
    text-indent: 150px;
    margin-top: 23px;
}

.counter-sec .about-top .experience-overlay p {
    font-family: var(--font-Montserrat);
    margin: 0 !important;
    font-weight: 600 !important;
}

.counter-sec .about-top .experience-overlay .elementor-counter-number-wrapper {
    color: var(--darkbgcolor);
    font-size: 95px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.counter-sec .about-top .experience-overlay .elementor-counter-number-wrapper span.elementor-counter-number-suffix {
    font-size: 40px;
}

.counter-outer {
    padding: 0;
}

.counter-bottom {
    padding-top: 30px;
}

/* 
.counter-sec .about-top .experience-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 180px;
    background: url(../images/exp-vector.svg);
    background-repeat: no-repeat;
    display: block !important;
    top: 0px;
    background-size: contain;
    left: 22px;
    opacity: 1 !important;
} */

.circle-btn a {
    position: relative;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 18px;
    padding: 20px 0 20px 0;
    transition: 0.5s ease;
}

.circle-btn a::before {
    position: absolute;
    content: "" !important;
    width: 25px;
    height: 25px;
    background: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: -32px;
    bottom: 16px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}


.circle-btn a::after {
    position: absolute;
    content: "" !important;
    width: 80px;
    height: 80px;
    background: url(../images/ellipse-two.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    right: -72px;
    top: -10px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.circle-btn a:hover {
    color: #1d305e !important;
    transition: 0.5s ease;
}

.circle-btn a:hover::after {
    right: -55px;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(5146%) hue-rotate(181deg) brightness(94%) contrast(104%);
}

.circle-btn a:hover::before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(5146%) hue-rotate(181deg) brightness(94%) contrast(104%);
}

/* .counter-bottom .pack-img {
    margin-top: -65px;
} */





/* wWHY CHOOSE_SEC_CSS_ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.why-business {
    background: var(--lightbgcolor);
    /* padding-bottom: 40px; */
    padding-bottom: 60px;
}

body.home.page-id-2309 .why-business {
    background: transparent !important;
}

.why-business .e-con-inner {
    max-width: 1200px !important;
}


.why-business .why-business-con {
    display: flex;
    align-items: center;
    padding-top: 80px;
}

.why-business .why-business-con .common-heading h2 {
    margin: 0 !important;
    display: block !important;
}

.why-business-con .business-sub-cont {
    background: #fff;
    outline: 8px solid #ffffff6b !important;
    border-radius: 80px 0 0 20px;
    margin-right: -110px;
}

.why-business-con .business-sub-cont p {
    padding: 30px 80px 30px 50px;
    margin: 0 !important;
    width: fit-content !important;
}

.why-business-list-outer {
    padding-top: 40px;
}



.why-business-list-outer ul li h4 {
    margin: 0px 0px 8px 0px;
    color: #000 !important;
}

.why-business-list-outer ul li:last-child {
    margin-bottom: 0;
}

.why-business-list-outer ul li p:last-child {
    margin-bottom: 0 !important;
}

.why-business-list-outer ul {
    margin-bottom: 0 !important;

}

.why-business-list-outer ul {
    position: relative;
}

/* .why-business-list-outer ul::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 85%;
    border-left: 2px dotted var(--darkbgcolor);
    /* background-position: center; */
/* background-repeat: no-repeat; */
/* background-size: contain; */
/* top: 15px;
    left: 26px; */
/* } */

@media (min-width: 767px) {
    .req-cta-sec .e-con-inner .made-in-sec {
        width: 40% !important;
    }
}

.why-flag-image {
    width: 30% !important;
    height: 170px !important;
}


.why-business-con .made-in-sec {
    padding: 10px !important;
    display: flex;
    align-items: center;
    width: 45%;
    background: #659acc;
    filter: drop-shadow(-3px 0px 10px rgba(204, 204, 204, 0.50)) !important;
    border-radius: 30px;
    height: fit-content;
    gap: 40px;
}

.why-business .made-in-sec h5 span {
    color: #fff !important;
}

.why-business .made-in-sec p {
    font-family: var(--font-Montserrat) !important;
    font-weight: 600;
    font-size: 24px;
    color: #fff !important;
    line-height: 37px !important;
    margin: 0 0 0px !important;
    letter-spacing: 0 !important;
    text-transform: none;
}

.why-business-con .made-in-sec .country-img {
    width: 40% !important;
    /* padding: 30px; */
}

.why-business-con .made-in-sec .made-in-cont {
    width: fit-content !important;
}

.why-business-con .made-in-sec .made-in-cont h3 {
    margin: 0;
    width: fit-content;
}

.faq-outer {
    background: var(--lightbgcolor);
    /* padding-bottom: 30px; */
    padding-bottom: 7%;
}

.home .faq-outer::before {
    background-position: top !important;
}

.faq-outer .faq-grid-1 .primary-btn {
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
    z-index: 9;
}

.faq-outer .e-con-inner {
    display: flex;
    gap: 10px;
    /* padding-bottom: 10% !important; */
}

.faq-outer .e-con-inner .faq-grid-2 {
    width: 55%;
    padding: 50px 35px;
    background: #fff;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    z-index: 99;
}

.faq-outer .e-con-inner .faq-grid-1 {
    width: 45%;
    display: flex;
    /* margin-top: 40px; */
    margin-top: 0;
    gap: 0;
}

.faq-outer .e-con-inner .faq-grid-1 h3,
.faq-outer .e-con-inner .faq-grid-1 h2 {
    /* margin-top: 0 !important; */
    padding-right: 20px;
    font-size: 50px !important;
}

.faq-outer .e-con-inner .faq-grid-2 .elementor-widget-n-accordion {
    padding: 0;
}

.faq-outer .e-con-inner .faq-grid-1 h2 {
    text-align: left;
}

.faq-outer .e-con-inner .faq-grid-2 .e-n-accordion details:last-child {
    border: none;
}

.req-cta-sec {
    background: none !important;
    display: flex;
    justify-content: center !important;
}

.req-sec {
    width: 50% !important;
    /* background: rgba(183, 212, 255, 0.8); */
    backdrop-filter: blur(2px);
    background: linear-gradient(176deg, #1d305e 0%, #071E30 100%);
    border-radius: 50px !important;
    padding: 40px !important;
}

/* .req-cta-sec .e-con-inner {
    display: flex;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
} */

.req-cta-sec .e-con-inner {
    display: flex;
    justify-content: center !important;
    padding-top: 40px !important;
}

.req-sec .req-heading h3 {
    margin-top: 0;
}

.req-sec .circle-btn a span {
    color: #000;
    transition: 0.3s ease;
}

.req-sec .circle-btn a:hover span {
    color: #033456;
    transition: 0.3s ease;
}

.req-cta-sec .req-sec {
    background: #659acc6b !important;
    border: solid #e9f0ff;
    gap: 0 !important;
    width: 100% !important;

}

/* .req-sec .circle-btn a::before,
.req-sec .circle-btn a::after {
    filter: brightness(0) saturate(100%) invert(90%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(110%) contrast(105%);
} */



.common-outer .req-cta-sec {
    padding: 0;
    background: var(--lightbgcolor);
    opacity: 0.9;
    position: relative !important;
}

/* .common-outer .req-cta-sec::before {
    position: absolute !important;
    content: "";
    height: 70%;
    width: 100%;
    top: 21%;
    background-color: #659acc6e;
} */

.common-outer .comp-name-overlay {
    background: var(--lightbgcolor);
    padding-bottom: 40px;
    padding-top: 50px;
}



.products-outer {
    display: none !important;
}



/* HOME PAGE ABOUT SECTION :::::::::::::::::::::::::::::::: */

.counter-outer {
    overflow: hidden !important;
}

.counter-outer .e-con-inner {
    max-width: 1200px !important;
}

.experience-overlay .about-btn {
    position: absolute;
    left: -60px;
    bottom: -50px;
}

.experience-overlay .about-btn a {
    width: 100px;
    height: 100px;
    font-size: 0;
    background-color: transparent;
    position: relative;
}

.experience-overlay .about-btn a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/video.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    top: 0;
    left: 0;
}

.pack-content {
    padding-top: 60px !important;
    /* padding-bottom: 30px !important; */
    display: block !important;
}

/* HOME PAGE ABOUT SECTION :::::::::::::::::::::::::::::::: */

.why-business {
    overflow: hidden !important;
}

.why-business-list-outer {
    display: flex;
    align-items: center !important;
    margin-top: -90px !important;
}

.business-list-img img {
    position: relative;
    left: 0;
    bottom: 1px;
    transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;

    animation: float 1s linear infinite alternate;
    -moz-animation: float 1s linear infinite alternate;
    -webkit-animation: float 1s linear infinite alternate;
    -ms-animation: float 1s linear infinite alternate;
    -o-animation: float 1s linear infinite alternate;
}

@-webkit-keyframes float {
    0% {
        bottom: 1px;
    }

    100% {
        bottom: 6px;
    }
}

@-moz-keyframes float {
    0% {
        bottom: 1px;
    }

    100% {
        bottom: 6px;
    }
}

@-ms-keyframes float {
    0% {
        bottom: 1px;
    }

    100% {
        bottom: 6px;
    }
}

@-o-keyframes float {
    0% {
        bottom: 1px;
    }

    100% {
        bottom: 6px;
    }
}

@keyframes float {
    0% {
        bottom: 1px;
    }

    100% {
        bottom: 6px;
    }
}




/* remove code ::::::::::::::::::::::::::::::: */

.pro-left {
    background: #1d305e;
    padding-left: 88px !important;
    padding-right: 60px !important;
    padding-top: 30px !important;
    padding-bottom: 0px !important;
    display: flex;
    justify-content: center !important;
}

.pro-left::after {
    position: absolute;
    content: "";
    width: 83px;
    height: 330px;
    background: url(../images/overlay-image.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}

.common-heading h2:nth-child(2) {
    text-indent: 0 !important;
}

.common-heading h2:nth-child(2)::before {
    display: none !important;
}

.dark-bg h2 strong {
    color: #70d3f6 !important;
}

.dark-bg .common-heading h2::before {
    background: #fff;
}

.dark-bg .common-heading h2::before {
    height: 2px;
}

.pro-right img {
    object-fit: cover;
    width: 100%;
    object-position: right;
}

/* remove code ::::::::::::::::::::::::::::::: */


/* ============================= Home Page ================================== */

.sub-heading-cont p {
    font-size: 18px !important;
}

.home .sub-heading-cont p {
    font-weight: 600;
}

.sub-heading-cont p a {
    font-weight: 600 !important;
}

.pack-content {
    padding: 0px 0px 0px 35px;
}


.pro-left h4 {
    position: relative;
}

.pro-left h4::before {
    position: absolute;
    content: "";
    width: 280px;
    height: 100px;
    background: url(../images/Line99.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -1px;
    left: 15px;
    background-size: 100%;
}

.primary-btn {
    display: flex;
    justify-content: center;
}

.primary-btn a {
    padding: 12px 45px 12px 25px !important;
    border-radius: 50px;
    line-height: 1.6;
    color: #fff !important;
    background-color: #4a6f9c !important;
    display: flex;
    width: fit-content !important;
    transition: 0.3s ease;
    align-items: center;
    position: relative;
    text-decoration: none !important;
}

.home-product-cat .primary-btn {
    display: flex;
    margin-top: 40px;
    justify-content: flex-start;
}

/* .solution-btn a {
    background-color: #4a6f9c !important;
    color: #fff !important;
} */

/* .solution-btn a:hover {
    background-color: #659acc !important;

} */

.primary-btn a::before {
    filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(2%) hue-rotate(121deg) brightness(111%) contrast(100%) !important;
}

.primary-btn a::after {
    filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(335%) hue-rotate(173deg) brightness(92%) contrast(96%) !important;
    z-index: 1 !important;

}

.primary-btn a:hover::after {
    filter: brightness(0) saturate(100%) invert(73%) sepia(14%) saturate(3175%) hue-rotate(180deg) brightness(85%) contrast(87%) !important;
    transition: 0.3s !important;
}

.counter-bottom {
    display: flex;
    padding-bottom: 50px !important;
}

.counter-outer .pack-img img {
    margin-top: 10px;
    width: 480px;
    height: 300px;
    object-fit: cover;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.18);
}

.counter-bottom .pack-content {
    padding-top: 0 !important;
    width: 50%;
}

.counter-bottom .pack-img {
    padding-top: 70px !important;
    width: 50%;
}

.req-cta-sec .req-heading h3 {
    font-size: 36px;
    text-align: center;
    color: #000;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.req-cta-sec .req-heading h3 strong {
    text-align: center !important;
    color: #000;
    font-style: italic;
    font-family: 'Montserrat' !important;
    font-weight: 300 !important;
}

.pro-left .common-heading h2:nth-child(1) {
    margin-bottom: 12px;
}





/* PRODUCT PAGE DESIGN CSS CODE :::::::::::::::::: */

ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    justify-content: center;
    gap: 50px;
}

ul.products li.product-category,
ul.products li.product {
    margin: 0 !important;
    width: 29.3% !important;
}

ul.products li.product-category a,
ul.products li.product a {
    width: 100%;
}

ul.products li.product-category img,
ul.products li.product img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

ul.products a .product-custom {
    width: 100%;
    height: 0;
    position: relative;
    box-shadow: 7px 8px 10px rgba(0, 0, 0, 0.15);
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 35px;
}

ul.products li.product-category h4,
ul.products li.product h4,
ul.products li.product h2 {
    position: relative;
    text-align: center;
    margin: 30px 0px 20px 0px;
    padding: 20px;
    font-family: var(--font-Vietnam) !important;
    font-weight: 500;
    font-size: 30px !important;
    color: var(--blackcolor);
    line-height: 40px !important;
}

ul.products li.product-category h4::before,
ul.products li.product h4::before,
ul.products li.product h2::before {
    position: absolute;
    content: "" !important;
    width: 40px;
    height: 40px;
    background: url(../images/left-corner-vec.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: 0;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

ul.products li.product-category h4::after,
ul.products li.product h4::after,
ul.products li.product h2::after {
    position: absolute;
    content: "" !important;
    width: 40px;
    height: 40px;
    background: url(../images/right-corner-vec.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: 0;
    top: 0;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.page-id-11 ul.products li.product-category::before {
    filter: brightness(0) saturate(100%) invert(84%) sepia(25%) saturate(177%) hue-rotate(195deg) brightness(105%) contrast(105%);
}

ul.products li.product-category::before,
ul.products li.product::before {
    position: absolute;
    content: "" !important;
    width: 150px;
    height: 150px;
    background: url(../images/sol-overlay.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: -1px;
    z-index: 2;
    top: -1px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    border-radius: 0 !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(229deg) brightness(102%) contrast(104%);
}

ul.products li.product-category::after,
ul.products li.product::after {
    position: absolute;
    content: "" !important;
    width: 80px;
    height: 80px;
    background: url(../images/arrowhome.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    border-radius: 50px;
    box-shadow: 0 6px 4px rgba(0, 0, 0, 0.18), 0px 0px 1px rgba(0, 0, 0, 0.18);
}

ul.products li.product-category:hover::after,
ul.products li.product:hover::after {
    transform: rotate(45deg);
    transition: 0.5s ease;
}


/* :::::::::::::::::::::footer changes :::::::::::::::::::: */

.footer-bottom-iconmbl .footer-phone-wrapper .footer-phone-label {
    font-weight: 600 !important;
    color: #fff;
}

/* 
footer.site-footer {
    overflow: hidden;
} */

footer.site-footer a {
    color: #fff;
}

footer.site-footer a:hover {
    color: #659acc !important;
}


footer.site-footer .footer-cold {
    background: #659acc;
    position: relative;
    padding-bottom: 60px;
    padding-top: 50px;
    top: -2px;
}

.home footer.site-footer .footer-cold {
    background: var(--lightbgcolor);

    background: #659ACC;

}


footer.site-footer .footer-cold::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    /* background: url(../images/footer-hill-vectors.svg); */

    background: url(../images/footer-hill-vector-2.svg);
    background-repeat: no-repeat;
    display: block !important;
    top: auto;
    background-size: contain;
    top: auto;
    bottom: -21px;
    background-size: contain;
    left: 0;
    background-position: bottom;
    opacity: 1 !important;
    z-index: 9;
}

footer.site-footer .footer-cold .footer-logo-area {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

footer.site-footer .footer-cold img {
    filter: invert(1);
    opacity: 0.1;
    width: 100%;
    height: 100%;
}

.custom-breadcrumb {
    max-width: 87% !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* home footer :::::::::::::::: */

/* .page-id-15 footer.site-footer .footer-cold,
.page-id-11 footer.site-footer .footer-cold {
    background: var(--lightbgcolor);
} */

footer.site-footer .footer-cold img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(348deg) brightness(112%) contrast(104%);
    opacity: 1;
}

/* .home footer.site-footer .footer-cold img,
.page-id-2710 footer.site-footer .footer-cold img {
    opacity: 0.1 !important;
    filter: invert(1) !important;
} */


.page-id-2710 footer.site-footer .footer-cold img {
    opacity: 0.1 !important;
    filter: invert(1) !important;
}

.common-outer .indusries-outer.product-page {
    background: var(--whitecolor) !important;
}



/*=========================================================================*/

.custom-product-tabs ul.tab-nav li::before {
    display: none;
}

/* .custom-product-tabs .tab-content table.woocommerce-product-attributes {
    width: 100%;
}

.custom-product-tabs .tab-content table.woocommerce-product-attributes tbody tr {
    display: flex;
    justify-content: center;
    border: 1px solid;
    border-color: rgba(199, 199, 199, 1);
}

.custom-product-tabs .tab-content table.woocommerce-product-attributes tbody tr th {
    width: 50%;
}

.custom-product-tabs .tab-content table.woocommerce-product-attributes tbody tr td {
    width: 50%;
} */


.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left h2,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left h1,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left p,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left span,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul li,
.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ol li {
    color: #fff !important;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul li::before {
    background-color: #fff !important;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left h2 {
    margin-top: 0;
    position: relative;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul li {
    margin-bottom: 5px;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left h2::before {
    bottom: 0;
    position: absolute;
    content: "";
    background-image: url(../images/Line-17.png);
    height: 2px;
    width: 100%;
    background-repeat: no-repeat;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul li {
    margin-bottom: 5px;
    padding-left: 20px;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul li::before {
    width: 8px;
    height: 8px;
}

.acf-hero-carousel {
    width: 100%;
    height: 100%;
    background: url(../images/home-back-shape.png);
    background-repeat: no-repeat;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide {
    background: none !important;
    width: 95%;
    height: 100%;
    gap: 102px;
    padding: 50px 80px !important;
    display: flex;
    align-items: center;
    align-content: center;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-right .main-image {
    position: relative;
    padding-bottom: 60%;
}


.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-right .main-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    position: absolute;
}

.acf-hero-carousel .owl-stage .owl-item .acf-hero-slide .acf-hero-left ul {
    margin: 0 !important;
    padding-left: 0;
}

.faq-outer .e-n-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq-outer .e-n-accordion-item {
    border-bottom: 1px solid #000;
}

.faq-outer .e-n-accordion-item summary.e-n-accordion-item-title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 15px 15px 15px 0px;
    /* background: #659acc; */
    /* border-radius: 15px; */
    border: 0;

}

.e-n-accordion-item summary.e-n-accordion-item-title .e-n-accordion-item-title-text {
    color: #000;
    font-weight: 500;
    font-size: 19px !important;
    cursor: pointer;
    padding-right: 35px;
    border-bottom: none !important;
    margin: 0 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item .acc-inner {
    border: none !important;
}

span.e-n-accordion-item-title-icon span.e-opened svg,
span.e-n-accordion-item-title-icon span.e-closed svg {
    opacity: 0;
}

.e-n-accordion-item summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span {
    position: relative;
    padding-bottom: 50px;
    padding-right: 0;
}

.e-n-accordion-item summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span::before {
    position: absolute;
    content: "" !important;
    width: 50px;
    height: 50px;
    background: url(../images/btn-ellipse.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(328deg) brightness(89%) contrast(114%);
    right: 0px;
    transform: rotate(90deg);
    top: 10px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;

    /* position: absolute;
    content: "" !important;
    width: 45px;
    height: 45px;
    background: url(../images/next_arrows.svg);
    background-repeat: no-repeat !important;
    background-size: contain;
    cursor: pointer !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.18), 0px 0px 6px rgba(0, 0, 0, 0.18);
    border-radius: 50%;
    background-color: #fff;
    z-index: 99;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.3s ease;
    transform: rotate(90deg);
    right: 0; */
}

.e-n-accordion-item summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span::after {
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 100%;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* display: block !important; */
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(25deg) brightness(100%) contrast(110%); */
    right: 14px;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    display: flex;
    transform: rotate(90deg);
    transition: 0.3s ease;
    background-position: center;
}

.e-n-accordion-item.active summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span::after {
    transform: rotate(270deg);
    transition: 0.3s ease;
}

span.e-n-accordion-item-title-icon span.e-opened {
    display: none !important;
}

span.e-n-accordion-item-title-icon span.e-closed {
    position: relative !important;
    display: block !important;
}

.req-form span.wpcf7-spinner {
    position: absolute;
    left: 130px;
    background-color: #010509;
    opacity: 9;
    top: 19px;
}

span.wpcf7-spinner {
    position: absolute;
    left: 170px;
    background-color: #010509;
    opacity: 9;
    top: 12px;
}


/*=============================================================*/

.footer-main {
    display: flex;
    gap: 30px;
    padding: 10px 84px 30px 84px;
}

.footer-bottom-iconmbl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 30px;
}

.footer-bottom-iconmbl .footer-phone {
    padding-right: 80px;
}

.footer-main .footer-left .footer-phone a {

    /* font-style: italic; */
    /* font-weight: 400; */
    /* font-size: 22px !important; */

}

.footer-main .footer-left {
    width: 50%;
}

.footer-main .footer-right {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 10px !important;
    position: relative;
}

.footer-main .footer-left .footer-logo a img {
    width: 190px;
    object-fit: contain;
    height: 109px;
    object-position: left;
}

.footer-main .footer-left .footer-about {
    color: #fff;
    font-style: italic;
    font-weight: 400;
}

.footer-main .footer-left .footer-phone a {
    color: #fff;
    font-style: italic;
    font-weight: 400;
    font-size: 22px !important;
}

.footer-main .footer-left .footer-phone a:hover {
    color: #659acc !important;
}

.footer-main .footer-menu-columns .footer-menu-col ul li a {
    color: #fff;
    text-decoration: none !important;
}

.footer-main .footer-menu-columns .footer-menu-col ul li a:hover {
    color: #659acc !important;

}

.footer-main .footer-menu-columns .footer-menu-col h4,
.footer-main .footer-menu-columns .footer-menu-col .footer-menu-head {
    position: relative;
    padding-bottom: 8px;
    font-size: 18px !important;
    color: #fff;
    font-weight: 600 !important;
    font-family: var(--font-Vietnam) !important;
    font-size: 18px;
    margin: 40px 0 20px;
}

.footer-main {
    position: relative;
}

.footer-main::before {
    position: absolute;
    width: 60%;
    height: 2px;
    top: 110px;
    right: 70px;
    bottom: auto;
    content: "" !important;
    cursor: pointer !important;
    display: block !important;
    opacity: 1 !important;
    background: url(../images/foot-menu-line.svg) center bottom no-repeat;
    background-position: center bottom;
    margin: 0px !important;
}

.footer-main .footer-menu-columns .footer-menu-col ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-main .footer-left .footer-phone p {
    font-weight: 400;
    font-size: 18px;
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--font-Montserrat) !important;
}

.footer-main .footer-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-main .footer-left .footer-social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    top: 0;
    border-radius: 50px;
    z-index: 999;
    left: 0;
    opacity: 1 !important;
}

.footer-main .footer-right.footer-menu-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 20px !important;
    gap: 54px;
}

/* ::::::::::::::::::::::HEADER MEGA MENU:::::::::::: */




/*:::::::::::::::::::::::: PRODUCT PAGE css code :::::::::::::::::::::::: */

.page-id-17 .common-outer {
    padding-bottom: 0 !important;
}


.product-category-outer .e-con-inner {
    max-width: 1200px !important;
    margin: auto;
}

.product-category-outer .e-con-inner .product-out {
    padding: 0 !important;

}

.single-category-container {
    margin-bottom: 57px !important;
    text-align: center;
    border-top: 1px solid #d9d9d9 !important;
    padding-top: 40px;
}

.category-description.top-description {
    padding-bottom: 30px;
}

.single-category-container:first-child {
    border: none !important;
}

.single-category-container:first-child {
    /* border-top: none !important; */
}

.single-category-container h2.category-title {
    margin-bottom: 40px !important;
    color: #000;
    text-align: start;
}

/* .page-id-17 .single-category-container h2.category-title{
    color: #FFF;
} */

.single-category-container h2.category-title:hover {

    /* color: #6EC1E4; */
}

.product-category-wrapper {
    max-width: 100% !important;
    padding-bottom: 0 !important;
}

/* .custom-shortcode-wrap .custom-shortcode-inner .main-product-section .prod-img-tit-outer .product-image-area .image-card:hover a.arrow-link::after {
    transform: rotate(95deg);
    transition: 0.5s ease;
} */

.single-category-container ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 !important;
    gap: 50px !important;
}

.single-category-container ul.products .instock {
    width: 100% !important;
    list-style: none !important;
    padding: 0px !important;
}

/* .single-category-container ul.products .instock:hover {
    transition: 0.5s ease;
    box-shadow: none !important;
} */

.single-category-container ul.products .instock::before {
    display: none !important;
}

.single-category-container ul.products .instock .product-custom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.single-category-container ul.products .instock .product-image {
    position: relative !important;
    width: 100% !important;

}

.single-category-container ul.products .instock .product-image a {
    position: relative;
    padding-bottom: 60% !important;
    display: block;
    /* background-color: #111cc3; */
    border-radius: 35px;
}

.single-category-container ul.products .instock .product-image img {
    border-radius: 35px !important;
}

.single-category-container ul.products .instock .product-content {
    width: 100% !important;
}

.single-category-container ul.products .instock .product-content h3 {
    margin-top: 0px;
}

.single-category-container ul.products .instock .product-content h2,
.single-category-container ul.products .instock .product-content h3 {
    padding: 0 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    line-height: 40px !important;
    color: #000 !important;
}

.single-category-container ul.products .instock .product-content .cont-head-text {
    text-align: left !important;
    margin: 10px 0 !important;
}

.single-category-container ul.products .instock .product-content .cont-head-text a {
    padding: 0 !important;
    text-align: left !important;
    font-family: var(--font-Vietnam) !important;
    text-decoration: none !important;
    font-size: 30px !important;
    line-height: 30px !important;
    margin-bottom: 10px !important;
    line-height: 40px !important;
    color: #1d305e !important;
    margin-top: 10px;
}

/* .page-id-17 .single-category-container ul.products .instock .product-content h2{
    color: #fff !important;
} */

.single-category-container ul.products .instock::after {
    display: none !important;
}


.single-category-container ul.products .instock .product-custom .onsale {
    display: none;
}

.single-category-container ul.products .instock .product-content .price {
    display: none;
}

.product-btn {
    display: flex;
    justify-content: flex-start;
    /* margin-top: 40px; */
    margin-bottom: 40px;
    padding-right: 24px !important;
}


.single-category-container ul.products .instock .product-content .product-btn a {
    position: relative;
    font-size: 18px;
    padding: 12px 45px 12px 25px;
    border-radius: 50px;
    color: #fff !important;
    /* background-color: #4a6f9c; */
    background: #5086C2;
    display: flex;
    align-items: center !important;
    font-weight: 500 !important;
    /* margin-top: 50px; */
    border: none;
    width: fit-content !important;
    /* max-width: 80%; */
    text-decoration: none !important;
    margin-top: 0;
}

/* .page-id-17 .single-category-container ul.products .instock .product-content .product-btn a{
    background-color: #fff;
    color: #000 !important;
} */

.product-category-outer {
    background: transparent !important;
}

.single-category-container ul.products .instock .product-content .product-btn a::before {
    position: absolute;
    content: "" !important;
    width: 25px;
    height: 25px;
    background: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: 10px;
    bottom: 14px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.single-category-container ul.products .instock .product-content .product-btn a::before {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1249%) hue-rotate(83deg) brightness(112%) contrast(100%);
}

.single-category-container ul.products .instock .product-content .product-btn a::after {
    /* filter: brightness(0) saturate(100%) invert(41%) sepia(9%) saturate(2658%) hue-rotate(173deg) brightness(96%) contrast(84%); */
    filter: brightness(0) saturate(100%) invert(53%) sepia(20%) saturate(1286%) hue-rotate(171deg) brightness(89%) contrast(85%);
}


.single-category-container ul.products .instock .product-content .product-btn a::after {
    /* background: url(../images/ellipse-two.svg); */
    position: absolute;
    content: "" !important;
    width: 85px;
    height: 80px;
    background: url(../images/btn-ellipse.png);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    right: -50px;
    top: -13px;
    z-index: 1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.single-category-container ul.products .instock .product-content .product-btn a:hover {
    background-color: #659acc !important;
    color: #fff !important;
    font-weight: 500 !important;
    transition: 0.5s ease;
}



.single-category-container ul.products .instock .product-content .product-btn a:hover::after {
    right: -35px;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(2648%) hue-rotate(168deg) brightness(99%) contrast(82%);
}

.single-category-container ul.products .instock .product-content .product-btn a:hover::before {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1249%) hue-rotate(83deg) brightness(112%) contrast(100%);
}


/* .single-category-container ul.products .instock .product-content .product-btn a:hover {

    color: #1d305e !important;
} */


.single-category-container ul.products .instock .product-content .product-blurb p {
    color: #000 !important;
    text-align: left;
    margin-bottom: 0 !important;
    /* width: 420px; */
    width: 355px;
}

.single-category-container ul.products .instock .product-content .product-btn {

    margin-top: 40px;
    margin-bottom: 40px;

}

/* .page-id-17 .single-category-container ul.products .instock .product-content .product-blurb p{
    color: #fff !important;
} */

.single-category-container ul.products .instock .product-content h2 a,
.single-category-container ul.products .instock .product-content h3 a {
    font-size: 30px;
    margin: 0 !important;
    text-align: start;
    line-height: 40px !important;
    text-decoration: none !important;
}

.page-id-17 .industries-content .common-heading h2 strong {
    /* color: #f36f21 !important; */
}

.home-product {
    /* background: var(--lightbgcolor) !important; */
    /* background: linear-gradient(180deg, rgb(214 181 136 / 2%) 6%, rgba(214, 181, 136, 0.09) 8%) !important; */
    background: linear-gradient(0deg, rgba(194, 205, 227, 1) 0%, rgba(214, 181, 136, 0.02) 100%) !important;
}

.home-product .e-con-inner {
    max-width: 1200px !important;
    margin: auto !important;
}

.single-category-container ul.products .home-product-cat .product-image a {
    padding-bottom: 0 !important;
}

.single-category-container ul.products .home-product-cat .product-image .product-custom {
    padding-bottom: 69%;
}

.home .product-category-wrapper .container {
    width: 100% !important;
    max-width: 100% !important;
}

.home-product-cat .secondary-btn {
    width: fit-content;
    margin-top: 40px;
}

.home .single-category-container h2.category-title,
.home .single-category-container ul.products .instock .product-content h2,
.home .single-category-container ul.products .instock .product-content h3,
.home .single-category-container ul.products .instock .product-content .product-blurb {
    /* color: #fff !important; */
    text-align: left;
}

.home .single-category-container ul.products .instock .product-content .product-blurb h5 {
    margin: 0;
    margin-bottom: 15px;
    line-height: 30px !important;
}

.home .single-category-container ul.products .instock .product-content .product-blurb h5 strong {
    /* color: #fff; */
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 30px !important;
}



.home .single-category-container ul.products .instock .product-image img {
    border-radius: 35px !important;
    background: #dce3ea;
}

.home-product h2 strong {
    color: #f36f21 !important;
}

.home-product h2 {
    display: flex;
    flex-direction: column;
    line-height: 1.6 !important;
    /* color: #fff; */
}

.home-product ul.products li.product-category img,
ul.products li.product img {
    object-fit: cover;
    background: none !important;
}

.home-product .single-category-container ul.products .home-product-cat .product-image .product-custom {
    /* background: azure; */
    /* background: linear-gradient(180deg, rgba(99, 154, 203, 1) 100%, rgba(72, 112, 157, 1) 0%); */
    box-shadow: none;
}

.home .single-category-container ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 30px;
}

/* #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li#mega-menu-1992-1-0 {
    display: none !important;
} */

/*:::::::::::::::::::::::: SOLUTIONS PAGE css code :::::::::::::::::::::::: */

.term-cold-chain-solution .single-category-container:first-child {
    border-top: none !important;
}

.term-cold-chain-solution .single-category-container h2.category-title {
    margin-bottom: 40px !important;
    color: #1A5AB0;

}

.term-cold-chain-solution .product-category-wrapper {
    padding-top: 0 !important;
}



/*26.02.2026 CHANGES===================================================================*/

.home .single-category-container {
    padding-top: 0 !important;
}

.indusries-outer {
    background: linear-gradient(to top, #EDF0FF, #C1CDE3) !important;
}

.indusries-outer .primary-btn {
    padding-top: 50px;
}

.about-outer-du .main-title h2 {
    font-size: 95px !important;
    line-height: 110px !important;
    margin-top: -35px;
    font-weight: 500;
    font-family: 'Montserrat' !important;
    background: #f36f21;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.main-title-du .indent-heading h2 {
    text-indent: 0;
    margin-top: 0;
    font-size: 60px !important;
    line-height: 80px !important;
    text-transform: uppercase;
    background-color: #1d305e;
}

.counter-outer .pack-img-du .elementor-element img {
    margin-top: 0;
    width: 100%;
    height: 350px;
    border-radius: 0 0 40px 0 !important;
    object-fit: cover !important;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
}

.counter-outer .pack-img-du .about-img {
    position: relative;
}

.counter-outer .e-con-inner .counter-sec.-du {
    background-position: center center !important;
}

.counter-outer .pack-img-du .about-img::before {
    position: absolute;
    content: "" !important;
    width: 150px;
    height: 150px;
    background: url(../images/sol-overlay.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: -2px;
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7479%) hue-rotate(62deg) brightness(103%) contrast(106%);
    z-index: 2;
    top: -2px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.pack-img-du {
    position: relative !important;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn {
    position: absolute;
    right: 60px;
    top: 0;
    width: 100%;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn a {
    position: relative;
    width: 100% !important;
    text-decoration: none !important;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn a::before {
    position: absolute !important;
    content: "" !important;
    width: 80px !important;
    height: 80px !important;
    background: url(../images/arrowhome.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    cursor: pointer !important;
    display: block !important;
    right: -28px !important;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18), 0px 0px 2px rgba(0, 0, 0, 0.18) !important;
    top: -19px !important;
    border-radius: 50% !important;
    z-index: 99 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease !important;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn a:hover::before {
    transform: rotate(45deg);
    filter: none !important;
    transition: 0.5s ease;
    box-shadow: 3px 1px 4px 2px rgba(0, 0, 0, 0.15);
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn a span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 65%;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img .circle-btn a:hover span {
    font-size: 18px;
    top: -30px;
    right: -50px;
}

.pack-img-du .circle-btn a.elementor-button::before,
.pack-img-du .circle-btn a.elementor-button::after {
    display: none !important;
}

.why-business-list-outer ul li::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    /* background: url(../images/snowflake-2.png) !important; */
    background: url(../images/coldice_sub_head_logo.svg) !important;
    left: 20px;
    border-radius: 2px;
    top: 0;
    filter: brightness(0) saturate(100%) invert(52%) sepia(64%) saturate(289%) hue-rotate(168deg) brightness(97%) contrast(98%);
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain !important;
    background: transparent;
}

.why-business-list-outer-du ul::before {
    display: none !important;
}

span.e-n-accordion-item-title-icon span.e-opened::before {
    display: none !important;
}

.without-quality-du {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 100px !important;
}

/*============================================================*/

.acf-hero-carousel {
    position: relative;
}

.acf-hero-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #08394a;
    padding: 90px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.acf-hero-slide::after {
    content: '';
    position: absolute;
    right: -120px;
    top: 0;
    width: 300px;
    height: 100%;
    background: #fff8d9;
    transform: skewX(-15deg);
}

.acf-hero-left {
    width: 55%;
    position: relative;
    z-index: 2;
}

.acf-hero-right {
    width: 45%;
    text-align: center;
    z-index: 2;
}

.acf-heading-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.acf-line {
    width: 60px;
    height: 2px;
    background: #9ad7e5;
}

.acf-heading-wrap h1 {
    font-size: 48px;
    font-weight: 400;
}

.acf-heading-wrap h1 span {
    color: #7fc6d8;
}

.acf-tag {
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid #9ad7e5;
    border-radius: 25px;
    font-size: 14px;
    margin-bottom: 30px;
}

.acf-hero-left h2 {
    font-size: 34px;
    margin-bottom: 20px;
}

.acf-hero-left p {
    line-height: 1.7;
    max-width: 520px;
}

.acf-hero-left ul {
    margin: 25px 0;
}

.acf-hero-left ul li {
    margin-bottom: 8px;
}

.acf-cta {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 34px;
    background: #7fc6d8;
    color: #08323f;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
}

/* 🔹 OWL ARROWS – RIGHT EMPTY SPACE */
.acf-hero-carousel .owl-nav {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 10;
}

.acf-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #08394a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border: 2px solid #fff;
    cursor: pointer;
}

.acf-arrow:hover {
    background: #7fc6d8;
    color: #08323f;
}

@media(max-width:768px) {
    .acf-hero-slide {
        flex-direction: column;
        padding: 40px;
    }

    .acf-hero-left,
    .acf-hero-right {
        width: 100%;
        text-align: center;
    }

    .acf-heading-wrap {
        justify-content: center;
    }

    .acf-hero-carousel .owl-nav {
        position: static;
        flex-direction: row;
        justify-content: center;
        margin-top: 20px;
    }
}

/*============================================================*/

.page-id-2309 .common-outer {
    padding-top: 0;
}

p span {
    text-decoration: none !important;
}

p span a {
    text-decoration: underline !important;
}

.main-title.abt-sec-title-overlay {
    margin-top: -150px !important;
}

.prod-view {
    justify-content: flex-start !important;
}

.prouct-outer-du .req-btn.prod-view a.acf-cta {
    color: #1A5AB0 !important;
}

.prouct-outer-du .acf-hero-carousel .owl-nav {
    flex-direction: row !important;
}

.prouct-outer-du .acf-hero-carousel .owl-nav {
    left: 34%;
    bottom: 9% !important;
    top: auto;
    height: fit-content;
}

.prouct-outer-du .acf-hero-carousel .owl-nav button.owl-next::before,
.prouct-outer-du .acf-hero-carousel .owl-nav button.owl-prev::before {
    background-color: #fff !important;
    border-radius: 50%;
}

.prouct-outer-du .acf-hero-carousel .owl-nav button.owl-next::before {
    background: url(../images/right-arrow-2.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center !important;
    height: 100%;
    width: 100%;
}

.prouct-outer-du .acf-hero-carousel .owl-nav button {
    height: 60px;
    width: 60px;
}

.prouct-outer-du .acf-hero-carousel .owl-nav button.owl-prev::before {
    background: url(../images/right-arrow-3.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center !important;
    height: 100%;
    width: 100%;
}

.prouct-outer-du .prod-view a::before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%) !important;
}


.prouct-outer-du .req-btn.prod-view a.acf-cta {
    color: #000 !important;
}

.ordinary-btn a {
    background: #eb6750 !important;
    padding: 12px 45px 12px 25px;
    border-radius: 50px;
    color: #fff !important;
    line-height: 30px;
    background-color: #D3E1F5;
    align-items: center;
    font-weight: 500;
    transition: 0.5s ease;
    font-size: 18px;
    position: relative;
    text-decoration: none !important;
}

.ordinary-btn a:hover {
    background: #659acc !important;
    color: #fff !important;
}

.ordinary-btn a::after {
    position: absolute;
    content: "" !important;
    width: 90px;
    height: 90px;
    background: url(../images/ellipse-two.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    top: -18px;
    right: -40px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(59%) sepia(42%) saturate(2122%) hue-rotate(323deg) brightness(91%) contrast(104%);
}

.ordinary-btn a::before {
    position: absolute;
    content: "" !important;
    width: 25px;
    height: 25px;
    background: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    right: 10px;
    bottom: 14px;
    opacity: 1 !important;
    margin: 0 !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);
    transition: 0.5s ease;
}

.ordinary-btn a:hover::after {
    right: -30px;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(55%) sepia(85%) saturate(238%) hue-rotate(167deg) brightness(90%) contrast(92%);
}


#video-popup {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.video-modal {
    width: 80%;
    margin: auto;
    max-width: 900px;
    position: relative;
}

#acf-video-player {
    width: 100%;
    height: auto;
}

.close-video {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.experience-overlay .elementor-widget-image img {
    width: 100%;
    height: 115px;
    object-fit: cover !important;
}

.experience-overlay .elementor-widget-image {
    width: 100%;
}

.about-outer-du .e-con-inner {
    max-width: 100% !important;
    /* gap: 31px !important;
     */
    gap: 0 !important;
    padding: 0px !important;
}

.about-outer-du .e-con-inner .counter-sec.-du {
    /* max-width: 1200px; */
    max-width: 87%;
    margin: auto;
    background-size: 85% !important;
    padding-bottom: 30px;
    padding-top: 80px;
}

.about-outer-du .e-con-inner .counter-bottom-du {
    max-width: 100% !important;
}

.about-outer-du .e-con-inner .counter-bottom .pack-img {
    width: 55%;
}

.about-img {
    background: linear-gradient(180deg, rgba(75, 111, 157, 1) 46%, rgba(175, 195, 230, 1) 100%);
    border-radius: 0 40px 40px 0;
}

.about-outer-du .e-con-inner .counter-bottom .pack-content {
    padding-top: 0 !important;
    width: 40%;
}

.experience-overlay .about-btn {
    position: absolute;
    left: -60px;
    bottom: auto;
    top: 33%;
}

.experience-overlay .about-btn a::before {
    background: url(../images/video-2.svg);
    background-size: contain;
    z-index: 99;
}

.counter-sec.-du .experience-overlay {
    padding: 0 !important;
    border-radius: 110px 0px 0px 0px;
}

.counter-sec.-du .experience-overlay .\34 0-exp {
    padding: 20px 65px 0 20px;
}

/*===================================================================================*/

.footer-copy,
.footer-copy a {
    color: #fff !important;
}

.about-request {
    background: var(--lightbgcolor);
}

/*=============================================================================================*/

/* .sustainability-content-outer .e-con-inner .sustainability-content {
    width: 60%;
}

.sustainability-content-outer .e-con-inner .suatainability-image {
    width: 40%;
}

.sustainability-content-outer .e-con-inner .suatainability-image .elementor-element {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 70%;
    border-radius: 20px;
}

.sustainability-content-outer .e-con-inner .suatainability-image .elementor-element img {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    object-fit: cover;
    display: block;
    border-radius: 20px;
} */

.sustainability-second-content img {
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(75, 111, 157, 1) 46%, rgba(175, 195, 230, 1) 100%);
}

.suatainability-image img {
    border-radius: 20px;
}

/*=========================================================================================*/

.blog-wrapper {
    display: flex;
    padding: 50px 0;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.blog-wrapper .blog-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px !important;
    row-gap: 70px !important;
}

.blog-wrapper .blog-grid .blog-item h3,
.blog-wrapper .blog-grid .blog-item h3 a,
.blog-wrapper .blog-grid .blog-item .blog-title,
.blog-wrapper .blog-grid .blog-item .blog-title a {
    font-size: 30px;
    font-family: var(--font-Vietnam) !important;
    line-height: 40px !important;
    color: var(--darkbgcolor) !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    text-decoration: none !important;
}

.blog-wrapper .blog-grid .blog-item a.blog-image {
    width: 100% !important;
    height: 0;
    position: relative;
    background: linear-gradient(180deg, rgba(75, 111, 157, 1) 46%, rgba(175, 195, 230, 1) 100%);
    padding-bottom: 75%;
    display: block;
    overflow: hidden;
    border-radius: 35px;
}

.blog-wrapper .blog-grid .blog-item a.blog-image img {
    height: 100%;
    width: 100%;
    object-fit: cover !important;
    border-radius: 35px;
    position: absolute;
    left: 0;
    top: 0;
}

.blog-wrapper .blog-grid .blog-item .primary-btn {
    padding-top: 20px;
    justify-content: flex-start;
}

.blog-pagination {
    grid-column: span 3;
}

.blog-pagination ul.page-numbers {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.blog-pagination ul.page-numbers li a,
.blog-pagination ul.page-numbers li span {
    padding: 0;
    border: 1px solid #1d305e;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-decoration: none !important;
}

.blog-pagination ul.page-numbers li a:hover,
.blog-pagination ul.page-numbers li span.page-numbers.current {
    color: #fff !important;
    background: #1d305e;
}

.blog-wrapper .sidebar-toggle-btn {
    position: fixed;
    right: -53px;
    top: 0;
    z-index: 99999;
    /* writing-mode: sideways-lr; */
    padding: 15px 50px 15px 25px;
    font-size: 24px;
    background: #4a6f9c;
    cursor: pointer;
    transform: rotate(90deg) translateX(229px);
}

.blog-wrapper .sidebar-toggle-btn::before {
    position: absolute !important;
    content: "" !important;
    width: 30px;
    height: 20px;
    background: url(../images/right-arrow-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(270deg);
    background-color: transparent !important;
    bottom: 22px;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(247deg) brightness(101%) contrast(102%);
}

.sidebar-toggle-btn.active::before {
    transform: rotate(90deg);
    transition: 0.5s ease;
}

.blog-wrapper .sidebar-toggle-btn h6,
.blog-wrapper .sidebar-toggle-btn .sidebar-head {
    margin-bottom: 0 !important;
    color: var(--whitecolor) !important;
    letter-spacing: 1px !important;
    text-transform: capitalize;
    font-family: var(--font-Montserrat) !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px !important;
}

.blog-wrapper .sidebar-outer.toggle-sidebar {
    width: 450px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    border: none !important;
    background: #eef2f6;
    padding: 15px 75px 15px 30px;
    border-radius: 0;
    height: fit-content;
    position: fixed;
    right: 0;
    z-index: 999;
    top: 0;
    transform: translateX(600px) translateY(168px);
    transition: .5s;
}

.sidebar-outer.toggle-sidebar.active {
    transform: translateX(0) translateY(168px);
    transition: .5s;
    overflow: hidden;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted {
    margin: 0 !important;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li {
    padding-left: 0;
    margin-bottom: 0;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li h4.sidebar-name.toggle-header,
.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li .sidebar-name.toggle-header {
    margin: 0;
    font-size: 30px;
    font-family: var(--font-Vietnam) !important;
    font-weight: 600;
    color: #000 !important;
    text-stroke: 1px var(--blackcolor);
    line-height: 40px !important;
    position: relative;
    transition: 0.5s ease;
    padding-bottom: 13px;
    padding-top: 14px;
    border-bottom: 1px solid var(--blackcolor);
    cursor: pointer;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li h4.sidebar-name.toggle-header::before,
.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li .sidebar-name.toggle-header::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/right-arrow-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 20px;
    transform: rotate(90deg);
    top: 27px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(30%) hue-rotate(106deg) brightness(100%) contrast(101%);
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li h4.sidebar-name.toggle-header.active::before {
    transform: rotate(270deg);
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content {
    margin: 0 !important;
    padding: 10px 20px;
    background: #659acc;
    max-height: 350px;
    overflow-y: scroll;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content::-webkit-scrollbar {
    width: 6px;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content::-webkit-scrollbar-thumb {
    background: var(--whitecolor);
    border-radius: 10px;
    cursor: pointer;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px transparent;
    border-radius: 10px;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content li {
    padding-bottom: 10px;
    color: #fff !important;
    border-bottom: 1px solid;
    padding-top: 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px !important;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content li:last-child {
    border: none !important;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content li a {
    color: #fff !important;
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: start;
    text-decoration: none !important;
}

.blog-wrapper .sidebar-outer.toggle-sidebar ul#sidebar-widgeted li ul.categories-inner.toggle-content li a:hover {
    color: #051b37 !important;
}

/*===================================================================*/

.banner-breadcrumb nav {
    margin-bottom: 0 !important;
    color: #fff;
}

.banner-breadcrumb nav a {
    color: #fff !important;
    text-decoration: none !important;
}



section.single-blog {
    padding-top: 50px;
    padding-bottom: 60px !important;
}

section.single-blog .container {
    /* display: table; */
}

section.single-blog .blog-image img {
    float: left;
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    margin: 0 20px 20px 0px !important;
}

.banner-breadcrumb {
    padding: 3px 15px !important;
    background: #ffffff4f !important;
    border-radius: 10px !important;
    margin-top: 10px;
}

.banner-breadcrumb span {
    display: flex;
    gap: 10px;
    font-weight: 300 !important;
}

.banner-breadcrumb span span.breadcrumb_last {
    /* color: #051b37 !important; */
    font-weight: 500 !important;
    font-family: var(--font-Montserrat) !important;
}

/*================================================================================*/

.dark-bg input::placeholder {
    color: #fff !important;
}

form .dark-bg h3.form-title,
form .dark-bg h2.form-title {
    margin: 0 !important;
    font-family: var(--font-Vietnam) !important;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px !important;
    text-align: center;
}

.page-id-721 .common-outer {
    padding-bottom: 0;
}

.request-section-form {
    background: #659acc;
    padding-bottom: 50px !important;
}

.page-id-854 .common-outer,
.page-id-705 .common-outer {
    padding-bottom: 0 !important;
}

/* .page-id-24 footer.site-footer .footer-cold,
.term-cold-chain-solutions footer.site-footer .footer-cold {
    background: transparent;
} */

p.form-top-text {
    font-weight: 400;
    text-align: center;
    font-size: 20px;
}


/*====================================================================================*/

.category-gel-ice-refrigerants .category-description,
.category-insulated-shipping-containers-and-liners .category-description,
.category-temperature-monitors .category-description,
.category-cold-chain-solutions .category-description {
    width: 80%;
    margin: auto;
}

/* .category-gel-ice-refrigerants .category-description p,
.category-insulated-shipping-containers-and-liners .category-description p,
.category-temperature-monitors .category-description p {
    text-align: center;
} */

.category-gel-ice-refrigerants .single-category-container ul.products,
.category-insulated-shipping-containers-and-liners .single-category-container ul.products,
.category-temperature-monitors .single-category-container ul.products,
.category-cold-chain-solutions .single-category-container ul.products {
    border-top: 0 !important;
    padding-top: 40px !important;
}

#request-quote-form {
    scroll-margin-top: 120px;
}

/*==========================================================================*/


/* PRODUCT NEW PAGE==============================================================================*/

.product-category-outer .category-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.page-id-17 .product-category-outer .category-grid .gel-ice-packs-foam-bricks {
    background: #35d9ce;
}

.page-id-17 .product-category-outer .category-grid .insulated-shipping-containers-and-liners {
    background: #669acc;
}

.page-id-17 .product-category-outer .category-grid .temperature-indicators-monitors {
    background: #3bbdd7;
}

.page-id-17 .product-category-outer .category-grid .cold-chain-solutions,
.page-id-17 .product-category-outer .category-grid .hot-cold-therapy-packs {
    background: #8edce9;
}

.page-id-17 .product-category-outer {
    padding: 0 !important;
}

.page-id-17 .product-category-outer .e-con-inner {
    width: 100% !important;
    max-width: 87% !important;
    padding: 50px 0;
    margin: auto !important;
}

.page-id-17 .product-category-outer .category-grid .single-category-container {
    border: none !important;
    padding: 50px;
    margin-bottom: 0 !important;
}

.page-id-17 .product-category-outer .category-grid .single-category-container a {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-decoration: none !important;
}

.page-id-17 .product-category-outer .category-grid .single-category-container a h4 {
    margin: 0 !important;
}

.page-id-17 .product-category-outer .category-grid .single-category-container .category-card {
    position: relative;
}

.page-id-17 .product-category-outer .category-grid .single-category-container .category-card::before {
    position: absolute;
    content: "" !important;
    width: 70px;
    height: 70px;
    background: url(../images/arrowhome.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer !important;
    display: block !important;
    left: -12px;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18), 0px 0px 2px rgba(0, 0, 0, 0.18);
    top: -2px;
    border-radius: 50%;
    z-index: 99;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.page-id-17 .product-category-outer .category-grid .single-category-container:hover .category-card::before {
    transform: rotate(45deg);
    transition: 0.5s ease;
    box-shadow: 3px 1px 4px 2px rgba(0, 0, 0, 0.15);
}

.page-id-17 .product-category-outer .category-grid .single-category-container .category-image {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
    padding-bottom: 60%;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(75, 111, 157, 1) 46%, rgba(175, 195, 230, 1) 100%);
    border-radius: 50px;
    clip-path: path("M70 0 H503 Q939 0 1550 0 V660 Q0 1065 -721 304 H0 Q0 350 0 300 V120 Q0 80 40 80 Q70 80 70 40 Q70 0 120 0 Z");
}

.page-id-17 .product-category-outer .category-grid .single-category-container .category-image img {
    width: 100% !important;
    border-radius: 50px;
    position: absolute;
    object-fit: contain;
    left: 0;
    height: 100% !important;
    transition: 0.5s ease;
}

.page-id-17 .product-category-outer .category-grid .single-category-container:hover .category-image img {
    transform: scale(1.1) !important;
    transition: 0.5s ease;
}

.product-bottom-logo img {
    width: 100%;
    /* border-bottom: 1px solid #fff !important; */
}

/* PRODUCT NEW PAGE==============================================================================*/

/* PRODUCT CATEGORY NEW PAGE==============================================================================*/


.product-category-wrapper .cat-common-outer .cat-left {
    max-width: 87%;
    margin: auto;
    display: flex;
    padding-bottom: 20px;
    column-gap: 20px;
}

.product-category-wrapper .cat-common-outer .cat-left h2.coldice-heading {
    width: 50%;
    /* width: 466px; */
    margin: 0 !important;
    display: flex;
    flex-direction: column;
}

.product-category-wrapper .cat-common-outer .cat-left h2.coldice-heading strong {
    color: #f36f21 !important;
}

.product-category-wrapper .cat-common-outer .cat-left .cat-desc {
    width: 50%;
}

.product-category-wrapper .cat-common-outer .cat-middle-title {
    margin-top: 30px !important;
    width: 100%;
    padding: 20px;
}

.product-category-wrapper .cat-common-outer .cat-middle-title h2,
.product-category-wrapper .cat-common-outer .cat-middle-title .cat-head-text {
    margin: 0 !important;
    text-align: center;
    width: 100%;
    /* padding: 20px; */
    text-align: center;
    font-family: var(--font-Vietnam) !important;
    font-weight: 600;
    font-size: 48px;
    color: var(--blackcolor);
    line-height: 55px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.product-category-wrapper .cat-common-outer .cat-right {
    display: flex !important;
    flex-direction: row !important;
    max-width: 1200px;
    margin: auto;
    gap: 20px;
    padding-bottom: 38px;
    position: relative;
    justify-content: center;
}

.product-category-wrapper .cat-common-outer .cat-right .cat-image {
    width: 35%;
    position: absolute;
    top: 140px;
    transform: translateX(-110px) translateY(120px) rotate(270deg);
    left: -76px;
}

.product-category-wrapper .cat-common-outer .cat-right .cat-products {
    width: 80%;
}

.cat-common-outer .cat-right .cat-products .single-category-container {
    margin-bottom: 0 !important;

}


.product-category-wrapper .cat-common-outer .cat-right ul.products.columns-4.custom-sol-cat {
    grid-template-columns: 1fr 1fr;
    padding-top: 0 !important;
}

.category-cold-chain-solutions .cat-common-outer .cat-middle-title,
.category-hot-cold-therapy-packs .cat-common-outer .cat-middle-title {
    background: #54b2c2;
}

.category-insulated-shipping-containers-and-liners .cat-common-outer .cat-middle-title {
    /* background: #669acc; */
    background: #5086C2;

}


/* .category-gel-ice-packs-foam-bricks .cat-common-outer .cat-middle-title {
    background: #35d9ce;
} */
.category-gel-ice-packs-foam-refrigerant-bricks .cat-common-outer .cat-middle-title {
    /* background: #35d9ce; */
    background: #39B6AE;
    /* margin-top: 0 !important; */
}

.category-temperature-indicators-monitors .cat-common-outer .cat-middle-title {
    /* background: #3bbdd7;
     */
    background: #3FA7C0;
}

.category-cold-chain-solutions .cat-common-outer .cat-right .cat-image img,
.category-hot-cold-therapy-packs .cat-common-outer .cat-right .cat-image img {
    /* filter: brightness(0) saturate(100%) invert(95%) sepia(32%) saturate(7499%) hue-rotate(163deg) brightness(94%) contrast(94%); */
    filter: brightness(0) saturate(100%) invert(62%) sepia(65%) saturate(326%) hue-rotate(141deg) brightness(91%) contrast(88%);
}

.category-insulated-shipping-containers-and-liners .cat-common-outer .cat-right .cat-image img {
    /* filter: brightness(0) saturate(100%) invert(83%) sepia(32%) saturate(5803%) hue-rotate(181deg) brightness(86%) contrast(84%); */
    filter: brightness(0) saturate(100%) invert(48%) sepia(38%) saturate(716%) hue-rotate(171deg) brightness(97%) contrast(83%);
}

/* 
.category-gel-ice-packs-foam-bricks .cat-common-outer .cat-right .cat-image img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(84%) saturate(5489%) hue-rotate(131deg) brightness(90%) contrast(86%);
} */

/* .category-gel-ice-packs-foam-refrigerant-bricks .cat-common-outer .cat-right .cat-image img {
   
    filter: brightness(0) saturate(100%) invert(54%) sepia(89%) saturate(307%) hue-rotate(127deg) brightness(96%) contrast(89%);
} */

.category-temperature-indicators-monitors .cat-common-outer .cat-right .cat-image img {
    /* filter: brightness(0) saturate(100%) invert(70%) sepia(43%) saturate(668%) hue-rotate(146deg) brightness(87%) contrast(93%); */
    filter: brightness(0) saturate(100%) invert(87%) sepia(30%) saturate(5577%) hue-rotate(156deg) brightness(82%) contrast(77%);
}

/* .category-gel-ice-packs-foam-bricks .single-category-container ul.products .instock .product-content .product-btn a {
    background-color: #35d9ce;
} */


.category-gel-ice-packs-foam-refrigerant-bricks .single-category-container ul.products .instock .product-content .product-btn a {
    /* background-color: #35d9ce; */
    background-color: #39B6AE;
}

.category-temperature-indicators-monitors .single-category-container ul.products .instock .product-content .product-btn a {
    /* background-color: #3bbcd5; */
    background: #3FA7C0;
}

.category-cold-chain-solutions .single-category-container ul.products .instock .product-content .product-btn a {
    /* background-color: #8edce9; */
    /* background-color: #3bbcd5; */
    background: #54b2c2;
}

.category-temperature-indicators-monitors .single-category-container ul.products .instock .product-content .product-btn a::after {
    /* filter: brightness(0) saturate(100%) invert(83%) sepia(15%) saturate(5044%) hue-rotate(152deg) brightness(90%) contrast(84%); */
    filter: brightness(0) saturate(100%) invert(87%) sepia(30%) saturate(5577%) hue-rotate(156deg) brightness(82%) contrast(77%);
}

/* .category-gel-ice-packs-foam-bricks .single-category-container ul.products .instock .product-content .product-btn a::after {
    filter: brightness(0) saturate(100%) invert(93%) sepia(39%) saturate(2341%) hue-rotate(133deg) brightness(88%) contrast(90%);
} */



.category-gel-ice-packs-foam-refrigerant-bricks .single-category-container ul.products .instock .product-content .product-btn a::after {
    /* filter: brightness(0) saturate(100%) invert(93%) sepia(39%) saturate(2341%) hue-rotate(133deg) brightness(88%) contrast(90%); */
    filter: brightness(0) saturate(100%) invert(54%) sepia(89%) saturate(307%) hue-rotate(127deg) brightness(96%) contrast(89%);
}



.category-cold-chain-solutions .single-category-container ul.products .instock .product-content .product-btn a::after {
    filter: brightness(0) saturate(100%) invert(79%) sepia(7%) saturate(4838%) hue-rotate(152deg) brightness(87%) contrast(90%);
}

.category-temperature-indicators-monitors .single-category-container ul.products .instock .product-content .product-btn a:hover::after,

.category-gel-ice-packs-foam-refrigerant-bricks .single-category-container ul.products .instock .product-content .product-btn a:hover::after,
/* .category-gel-ice-packs-foam-bricks .single-category-container ul.products .instock .product-content .product-btn a:hover::after, */
.category-cold-chain-solutions .single-category-container ul.products .instock .product-content .product-btn a:hover::after {
    filter: brightness(0) saturate(100%) invert(56%) sepia(31%) saturate(589%) hue-rotate(168deg) brightness(97%) contrast(92%);
}


/*========================================================================================*/


.product-single-wrapper {
    max-width: 100% !important;
}

.product-single-wrapper .instock {
    max-width: 1200px;
    margin: auto;
}


/* .reg-symbol {
  font-size: 0.5em;
  vertical-align: baseline;   
  position: relative;
  top: -0.4em;                
  margin-right: 0px;
} */


/* ::::::::::::::::::::::::::::::R DESIGN::::::::::::::::::::::::: */

.banner-title-overlay h1 sup {
    position: relative;
    /* top: -17px; */
    padding-right: 10px;
}

/* ::::::::::::::::::::::::::::::PRODUCTS NAVIGATION BUTTON DESIGN::::::::::::::::::::::::: */


.woocommerce-product-gallery--with-images .owl-nav {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    /* padding-top: 30px; */
    /* padding-bottom: 3px; */
    position: absolute;
    top: 45%;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}


.woocommerce-product-gallery--with-images .owl-nav .owl-prev,
.woocommerce-product-gallery--with-images .owl-nav .owl-next {
    box-shadow: none !important;
    height: 50px;
    width: 50px;
    background-color: #659acc !important;
    /* box-shadow: 0 0px 2px rgba(0, 0, 0, 0.18), 0px 0px 4px rgba(0, 0, 0, 0.18); */
}

.woocommerce-product-gallery--with-images .owl-nav .owl-prev span,
.woocommerce-product-gallery--with-images .owl-nav .owl-next span {
    position: relative;
    color: transparent;
}

.woocommerce-product-gallery--with-images .owl-nav .owl-prev,
.woocommerce-product-gallery--with-images .owl-nav .owl-next {
    position: relative;

}


.woocommerce-product-gallery--with-images .owl-nav .owl-next:hover::after {

    right: 16px !important;
}

.woocommerce-product-gallery--with-images .owl-nav .owl-prev:hover::after {
    right: 15px !important;

}


.woocommerce-product-gallery--with-images .owl-nav .owl-next::before {
    position: absolute;
    content: "" !important;
    width: 40px;
    height: 40px;
    background: url(../images/btn-ellipse.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(328deg) brightness(89%) contrast(114%);
    right: -3px;
    transform: rotate(0deg);
    top: 5px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(26deg) brightness(118%) contrast(98%);

}

.woocommerce-product-gallery--with-images .owl-nav .owl-next::after {
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 100%;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;

    right: 19px !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    display: flex;
    transform: rotate(0deg);
    transition: 0.3s ease;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(26deg) brightness(118%) contrast(98%);

}


.woocommerce-product-gallery--with-images .owl-nav .owl-prev::before {
    position: absolute;
    content: "" !important;
    width: 30px;
    height: 48px;
    background: url(../images/btn-ellipse.svg);
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block !important;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(328deg) brightness(89%) contrast(114%);
    right: 15px;
    transform: rotate(180deg);
    top: -4px;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(26deg) brightness(118%) contrast(98%);
}

.woocommerce-product-gallery--with-images .owl-nav .owl-prev::after {
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 100%;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: 12px;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    display: flex;
    transform: rotate(180deg);
    transition: 0.3s ease;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(26deg) brightness(118%) contrast(98%);
}

.product-content-area {
    display: flex;
    /* justify-content: space-around; */
    justify-content: space-evenly;
    align-items: flex-start;
}




/* ::::::::::::::::::::::::::::Home page dublicate client requested changes::::::::::::::::::::: */

.page-id-4576 .common-outer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-id-4576 .banner-wrapper {
    display: none !important;
}

.indusries-outer-dub {
    /* background: linear-gradient(to top, #edf0ff47, #c1cde361) !important; */

    background: linear-gradient(180deg, rgba(214, 181, 136, 0.06) 6%, rgba(214, 181, 136, 0.1) 8%) !important;
}

.home-product-dub {
    /* background: #c1cde361 !important; */
    background: rgba(214, 181, 136, 0.1) 8% !important;
}

.why-business-dub {
    background: transparent !important;
    /* margin-top: 60px; */
    /* margin-bottom: 60px; */

}

.faq-outer-dub {
    /* background: #c1cde361 !important; */
    background: rgba(214, 181, 136, 0.1) 8% !important;
    padding-bottom: 60px;
}

.common-outer .slider-outer-dub {
    position: relative;
    overflow: hidden;
}

.common-outer .slider-outer-dub::before {
    position: absolute;
    content: "" !important;
    width: 102%;
    height: 200px;
    /* background: url(../images/hill-vector-top.svg); */
    /* background: url(../images/hill.svg); */
    background: url(../images/hill-vector-top-113.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block !important;
    top: auto;
    /* top: 192px; */
    background-size: contain;
    bottom: -15px;
    /* bottom: -30px; */
    z-index: 9;
    opacity: 1 !important;
}

.page-id-4576 footer.site-footer .footer-cold {
    /* background: #c1cde361 !important; */
    background: rgba(214, 181, 136, 0.1) 8% !important;
    position: relative;
    padding-bottom: 60px;
    padding-top: 50px;
    top: 0px;
}

.page-id-4576 footer.site-footer .footer-cold img {
    filter: invert(1) !important;
    opacity: 0.2;
}





/* PRODUCT DETAIL PAGE FAQ SECTION CSS CODE :::::::::::::::::: */

.inner-faq-sec .faq-right.faq-grid-2 .faq-item.e-n-accordion {
    border-bottom: 1px solid #000;
    padding: 15px 15px 15px 0px;
    gap: 0;
}

.inner-faq-sec .faq-question h4,
.inner-faq-sec .faq-question p {
    font-family: var(--font-Vietnam) !important;
    color: #000;
    font-weight: 500;
    font-size: 19px !important;
    cursor: pointer;
    padding-right: 55px;
    border-bottom: none !important;
    margin: 0 !important;
    position: relative;
    line-height: 31px !important;
    /* height: 45px; */
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.inner-faq-sec .faq-question h4::before,
.inner-faq-sec .faq-question p::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/btn-ellipse.svg);
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    display: block !important;
    background-size: 79%;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(328deg) brightness(89%) contrast(114%);
    right: 0px;
    transform: rotate(90deg);
    top: auto;
    opacity: 1 !important;
    margin: 0 !important;
    transition: 0.5s ease;
}

.inner-faq-sec .faq-item.e-n-accordion.active h4::after,
.inner-faq-sec .faq-item.e-n-accordion.active p::after {
    transform: rotate(270deg);
    transition: 0.3s ease;
}

.inner-faq-sec .faq-question h4::after,
.inner-faq-sec .faq-question p::after {
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 100%;
    background: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* display: block !important; */
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(25deg) brightness(100%) contrast(110%); */
    right: 14px;
    top: -10px;
    bottom: auto;
    opacity: 1 !important;
    margin: 0 !important;
    display: flex;
    transform: rotate(90deg);
    transition: 0.3s ease;
    background-position: center;
}

.faq-image-only img {
    /* object-fit: cover !important; */
    height: 100% !important;
    display: block;
}

/* PRODUCT DETAIL PAGE FAQ SECTION CSS CODE :::::::::::::::::: */




.req-form .gform_fields,
.hp-gravity-form .gform_fields {
    column-gap: 70px !important;
    row-gap: 40px !important;
}

.req-form .gfield_radio .gfield-choice-input::before {
    inline-size: 12px !important;
    block-size: 12px !important;
    background-color: #1d305e;
}

.req-form input[type=text],
.req-form input[type=email],
.gravity-form input[type=text],
.gravity-form input[type=email],
.gravity-form input[type=tel] {
    color: #fff !important;
    width: 100%;
    padding: 19px 13px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--whitecolor) !important;
    font-family: var(--font-Montserrat);
    font-size: 18px;
    color: #fff !important;
    height: auto !important;
    line-height: 19px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.req-form input::placeholder,
.gravity-form input::placeholder {
    color: #fff !important;
}

.req-form textarea,
.gravity-form textarea {
    color: #fff !important;
    width: 100%;
    padding: 11px 13px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--whitecolor) !important;
    min-height: 85px !important;
    resize: none !important;
    font-family: var(--font-Montserrat) !important;
    font-size: 18px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.req-form .gfield_radio label {
    line-height: 20px !important;
    margin-left: 8px !important;
    color: #fff !important;
}

.req-form legend {
    color: #fff !important;
}

.req-form .gfield_radio {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    column-gap: 30px !important;
}

.gravity-form .gform-footer input[type=submit],
.req-form .gform-footer input[type=submit] {
    border: none !important;
    padding-left: 0;
    padding-right: 30px;
    text-align: left;
    font-size: 18px !important;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    position: relative;
    transition: 0.3s;
    padding: 12px 35px 12px 35px !important;
    border-radius: 50px !important;
    color: #fff !important;
    /* background-color: #D3E1F5; */
    background-color: #1d305e !important;
    display: flex;
    align-items: center;
    position: relative;
}


.gravity-form.hp-gravity-form {
    background: #659acc;
    padding-top: 36px;
}

.gravity-form h3,
.gravity-form h2 {
    margin: 0 !important;
    font-size: 40px !important;
    line-height: 48px !important;
    text-align: center;
    color: var(--whitecolor) !important;
}

.gravity-form p {
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    color: var(--whitecolor) !important;
    margin-top: 30px;
}

.gravity-form.hp-gravity-form .gform-footer {
    display: flex;
    justify-content: center !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.gform_validation_errors {
    padding: 12px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
}

.gform_validation_errors {
    background: #fff !important;
}

.gform_validation_errors h2 {
    margin: 0 !important;
    line-height: var(--gf-form-validation-heading-line-height) !important;
    font-size: 16px !important;
    color: var(--blackcolor) !important;
}

.gform_validation_errors ol {
    display: none;
}


.gfield--type-choice .ginput_container .gchoice {
    cursor: pointer;
}

/* Seo  */

.about-heading-du h2 {
    font-family: var(--font-Montserrat) !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #2b2f33 !important;
    line-height: 30px !important;
    padding: 0px;
    margin-bottom: 18px !important;
}

.about-heading-du h2::before {
    display: none;
}

.about-heading-du h2 {
    display: flex;
    flex-direction: row !important;
    gap: 0;
    margin-top: 0 !important;
}

.page-id-2309 .about-heading-du h2 sup {
    position: relative;
    top: 7px !important;
    line-height: 0;
    vertical-align: super !important;
    height: fit-content;
}

.about-heading-scd .elementor-heading-title {
    font-size: 74px !important;
    line-height: 78px !important;
    margin-top: -32px;
    font-weight: 500 !important;
    font-family: 'Montserrat' !important;
    background: #f36f21;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.about-heading-trd .elementor-heading-title {
    text-indent: 0;
    margin-top: 0;
    font-weight: 500 !important;
    font-family: 'Montserrat' !important;
    font-size: 48px !important;
    line-height: 50px !important;
    text-transform: uppercase;
    color: #1d305e !important;
}

.lifespans-card h3 {
    font-family: var(--font-Montserrat) !important;
    font-weight: 600 !important;
    font-size: 22px;
    color: var(--blackcolor);
    line-height: 30px !important;
    letter-spacing: 0 !important;
    text-transform: none;
    margin: 0;
}

.faq-bottom-text h5,
.faq-bottom-text p {
    font-family: var(--font-Montserrat) !important;
    font-weight: 600;
    font-size: 24px;
    color: var(--blackcolor);
    line-height: 35px;
    margin: 40px 0 20px;
    letter-spacing: 0 !important;
    text-transform: none;
}




/* HOME PAGE -  theraflex SETION DESIGN start ::::::::::::::::::: */

.hp-theraflex section.healthcare-section {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0 !important;
}

.hp-theraflex {
    padding-left: 90px !important;
}

.hp-theraflex .e-con-inner {
    max-width: 100% !important;
}

.hp-theraflex section.healthcare-section .healthcare-section__inner {
    max-width: 100%;
}

.hp-theraflex section.healthcare-section .theraflex-card {
    box-shadow: none;
    /* background-color: #5086c2 !important; */
    padding-right: 100px;
    display: flex;
    justify-content: space-between;
    padding-top: 46px;
    padding-bottom: 40px;
    padding-left: 40px;
    overflow: visible;
    position: relative;
}

.hp-theraflex section.healthcare-section .theraflex-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 29vw;
    background-color: #526599 !important;
    top: 0;
    left: 0;
}

.hp-theraflex section.healthcare-section .theraflex-card .cat-image {
    width: 46%;
    row-gap: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hp-theraflex section.healthcare-section .theraflex-card .cat-image a.theraflex-card__image-link {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: fit-content;
    padding-bottom: 61%;
    border-radius: 50px;
    display: block;
}

.hp-theraflex section.healthcare-section .theraflex-card .theraflex-card__image {
    width: 100%;
    height: 100%;
    position: absolute;
    /* clip-path: path("M70 0 H503 Q939 0 1550 0 V660 Q0 1065 -721 304 H0 Q0 350 0 300 V120 Q0 80 40 80 Q70 80 70 40 Q70 0 120 0 Z"); */
}

.hp-theraflex section.healthcare-section .theraflex-card .theraflex-card__content {
    flex: none;
    width: 50%;
    padding-top: 0;
    background-color: #fff !important;
    width: 48%;
    /* width: 39%; */
    /* box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15); */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /* padding: 40px; */
    padding: 40px 40px 24px 40px;
    margin-top: 0;
    z-index: 77;
    margin-left: 0;
}

.hp-theraflex section.healthcare-section .theraflex-card .theraflex-card__content h3.theraflex-card__title {
    margin-top: 0;
}

.hp-theraflex section.healthcare-section .theraflex-card .theraflex-card__content h3.theraflex-card__title a {
    text-decoration: none !important;
}

h2.healthcare-section__heading {
    display: flex;
    flex-direction: column;
    line-height: 1.6 !important;
}

h2.healthcare-section__heading strong {
    color: #f36f21 !important;
}

.hp-theraflex section.healthcare-section .theraflex-card .cat-image .primary-btn a {
    background: #526599 !important;
}

.healthcare-section__top {
    padding-right: 100px;
}

.healthcare-section__top h2.healthcare-section__heading {
    width: 60%;
}

.healthcare-section__top p.healthcare-section__intro {
    width: 40%;
}

/* HOME PAGE -  theraflex SETION DESIGN end ::::::::::::::::::: */


/*table design for product detail page*/

.custom-product-tabs .tab-content .acf-table-text-editor table tr.footable-header th h5 {
    color: #fff;
}