/* DETAILS
==================================================
	Theme Name: CONTINENTAL RESTORATION SERVICES
==================================================
*/

@charset "utf-8";

@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');

:root {
    /* General Transitions */
    --transition-common: all 0.4s ease;

    /* Colors */
    --color-accent: #001659;
    --rgb-accent: 230, 57, 70;
    --color-primary: #112345;
    --color-secondary: #03102A;
    --color-tertiary: #2D394B; /* 3rd */
    --color-quaternary: #B31E43; /* 4th */

    --color-quinary: #284495; /* 5th */
    --color-senary: #284495; /* 6th */
    --color-octonary: #284495; /* 7th */
    --color-nonary: #284495; /* 8th */
    --color-denary: #284495; /* 9th */
    --color-white: #fff;
    --color-black: #000;

    /* Font Settings */
    --ff-base: "Poppins", sans-serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XL: 68px;
    --f-size-L: 52px;
    --f-size-M: 32px;
    --f-size-S: 16px;
    --f-size-Body: 18px;

    /* Layout Adjustments */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;
    --gap-50:50px;

    --border-radius-image: 100px;
    --padding-height: clamp(50px, 5.76563vw, 80px);

    /* Form Styling */
    --form-height: 60px;
    --form-font-color: var(--color-black);
    --form-placeholder-color: #1123454F;
    --form-border-radious: 20px;
    --form-holder-bg: var(--color-white);
}
@media only screen and (max-width: 1699px) {
    :root{
        /* Font Sizes */
    --f-size-XL: 52px;
    --f-size-L: 42px;
    --f-size-M: 28px;
  }
}
@media only screen and (max-width: 1399px) {
    :root{
        /* Font Sizes */
    --f-size-XL: 46px;
    --f-size-L: 35px;
    --f-size-M: 26px;
    --f-size-Body: 17px;

     --gap-50:40px;
  }
}
@media only screen and (max-width: 1199px) {
    :root{
        /* Font Sizes */
    --f-size-XL: 34px;
    --f-size-L: 25px;
    --f-size-M: 22px;
    --f-size-S: 15px;
    --f-size-Body: 16px;

     --gap-50:28px;
  }
}
@media only screen and (max-width: 767px) {
    :root{
        /* Font Sizes */
    --f-size-XL: 32px;
    --f-size-L: 25px;
    --f-size-M: 20px;

      /* Form Styling */
    --form-height: 55px;
    --form-border-radious: 15px;

  }
}
@media only screen and (max-width: 480px) {
    :root{
        /* Font Sizes */
    --f-size-XL: 28px;
    --f-size-L: 23px;
    --f-size-M: 19px;
    --f-size-S: 14px;
    --f-size-Body: 15px;

  }
}

/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
* {
    box-sizing: border-box;
}
html, body { overflow-x: hidden;}
body { background: #f5faf6; font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); color: var(--color-primary); margin: 0;}
body::before { content: ""; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; height: 100%; transition: var(--transition-common); opacity: 0; visibility: hidden;}

p { margin: 0; line-height: 1.6;}
p:not(:last-child) { margin: var(--margin-paragraph);}
h1, h2, h3, h4, h5, h6 { font-family: var(--ff-base); font-weight: var(--fw-semi-bold); color: var(--color-primary); line-height: 1.2; margin: var(--margin-title);}
h1 { font-size: var(--f-size-XL);}
h2 { font-size: var(--f-size-L);}
h3 { font-size: var(--f-size-M);}
h6 { font-size: var(--f-size-Body);}
img { max-width: 100%; display: block;}
a { text-decoration: none; transition: var(--transition-common); color: inherit;}
a:link, a:visited, a:focus, a:hover { color: var(--color-accent);}
ul { list-style: none; margin: 0; padding: 0;}
@media only screen and (min-width: 1700px) {
    .container{ max-width: 1480px;}
}
@media only screen and (max-width: 767px){
    p { line-height: 1.4;}
    h1, h2, h3, h4, h5, h6{ line-height: 1.15;}
}
/* Utility Classes */
.padding-common { padding: var(--padding-height) 0;}
.background-cover { background-size: cover; background-position: center; background-repeat: no-repeat;}
.overlay-content { position: relative; z-index: 3;}
.responsive-image-wrapper { position: relative; overflow: hidden;}
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.mb-50 { margin-bottom: var(--gap-50);}
.sub-title{ display: inline-block; margin-bottom: 15px; padding-left: 52px; position: relative; font-size: var(--f-size-Body); font-weight: var(--fw-semi-bold);}
.sub-title::before{ content: ""; width: 32px; height: 1px; background: var(--color-quaternary); position: absolute; z-index: 1; top: 12px; left: 0;}
.color-white, .color-white *{ color: var(--color-white);}
.color-white .sub-title::before{ background: var(--color-white);}
.slick-arrow{ width: 60px; height: 60px; background: var(--color-white) !important; border-radius: 50%; z-index: 3; transition: var(--transition-common);}
.slick-arrow::before { content: ""; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; position: absolute; z-index: 1; width: 28px; height: 12px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: var(--transition-common);}
.slick-prev{ left: -30px;}
.slick-next{ right: -30px;}
.slick-prev::before{ background: url(../images/arrow-left.svg);}
.slick-next::before{ background: url(../images/arrow-right.svg);}
.slick-arrow:hover{ background: var(--color-accent) !important;}
.slick-arrow:hover::before{ filter: brightness(0) invert(1);}
.slick-dotted.slick-slider { margin-bottom: 0;}
.slick-dots { position: static; margin: 10px 0 0;}
.slick-dots li button{ border: 1px solid var(--color-accent); border-radius: 50%;}
.slick-dots li button:before { background: var(--color-accent); transition: var(--transition-common); font-size: 0; width: 10px; height: 10px; border-radius: 50%; right: 0; bottom: 0; margin: auto;}
.slick-dots li.slick-active button:before { opacity: 1;}
@media only screen and (max-width: 1399px){
    .slick-arrow{ width: 48px; height: 48px;}
    .slick-arrow::before{ width: 22px; height: 10px;}
    .slick-prev { left: -24px;}
    .slick-next { right: -24px;}
}
@media only screen and (max-width: 767px){
    .sub-title{ margin-bottom: 15px; padding-left: 40px;}
    .sub-title::before{ width: 28px; top: 8px;}
    .slick-arrow{ width: 42px; height: 42px;}
    .slick-arrow::before{ width: 18px; height: 10px;}
    .slick-prev { left: -20px;}
    .slick-next { right: -20px;}
}
@media only screen and (max-width: 575px){
    .slick-prev { left: -12px;}
    .slick-next { right: -12px;}
}

/*================ Button Styles ================*/
.button__primary,a.button__primary, .button__header a { display: inline-block; vertical-align: top; background: var(--color-primary); border: 0; border-radius: 100px; font-size: var(--f-size-S); font-weight: var(--fw-medium); line-height: 1; color: var(--color-white); text-align: center; text-transform: uppercase; padding: 15px 30px; position: relative; transition: var(--transition-common);}
.button__primary:hover,a.button__primary:hover, .button__header a:hover { background: var(--color-accent); color: var(--color-white);}
.button__primary.button__primary-white, a.button__primary.button__primary-white, .button__header__white{ background: var(--color-white); color: var(--color-accent);}
.button__primary.button__primary-white:hover, a.button__primary.button__primary-white:hover, .button__header__white:hover { background: var(--color-black); color: var(--color-white);}

.button__red {display: inline-block; vertical-align: top; background: #c14a67; border: 0; border-radius: 100px; font-size: var(--f-size-S); font-weight: var(--fw-medium); line-height: 1; color: var(--color-white); text-align: center; text-transform: uppercase; padding: 15px 30px; position: relative; transition: var(--transition-common);margin-top: 50px;color: #fff !important;}
.service-cta {text-align: center;}

@media only screen and (max-width: 991px) {
    .button__primary,a.button__primary, .button__header a { padding: 14px 25px; font-size: 14px;}
}

/*================ Form Control Styles ================*/
.form-row { margin-bottom: 30px;}
.form-control { background-color: var(--form-holder-bg); height: var(--form-height); border: none; border-radius: var(--form-border-radious); box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-Body); padding-right: 20px; padding-left: 20px;}
select.form-control { background: url(../images/select-arrow.svg); background-position: right 5px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: fit-content; color: var(--color-secondary); font-size: var(--f-size-S); cursor: pointer;}
textarea.form-control { height: 100px; resize: none; padding-top: 15px;}
.form-control::-moz-placeholder { color: var(--form-placeholder-color); font-size: var(--f-size-S); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-size: var(--f-size-S); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-size: var(--f-size-S); font-weight: 400;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
@media only screen and (max-width: 767px){
    .form-row { margin-bottom: 20px;}
}
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */

/* HEADER & FOOTER PART START HERE ========================== */
/* HEADER & FOOTER PART START HERE ========================== */

/* hamburger menu design */
.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-accent); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1) { top: 5px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3) { bottom: 5px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav-close span { display: block; background: var(--color-white); border-radius: 9px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; position: absolute; left: 15px; content: ' '; height: 24px; width: 2px; background-color: #fff;}
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.hamburger-nav-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.header-wraper { padding: 25px 0; background: rgba(255 , 255 , 255, 1); transition: var(--transition-common);}
.header-wraper .site-logo { width: auto;}
.header-wraper .site-logo a{ display: block; height: 41px;}
.header-wraper .site-logo a img{ width: auto; height: 100%;}
.header-wraper .desktop-menu li { font-weight: var(--fw-medium); margin: 0 10px;}
.header-wraper .desktop-menu li a{ font-size: var(--f-size-Body);}
.header-wraper .desktop-menu li:not(.button__header) a { padding-top: 12px; padding-bottom: 12px; color: var(--color-tertiary);}
.header-wraper .desktop-menu li:not(.button__header) a:hover { color: var(--color-accent);}
.header-wraper .desktop-menu li:not(.button__header) a:hover::before { border-color: var(--color-accent);}
.header-wraper .desktop-menu li:last-child{ margin-right: 0;}
.current-menu-item > a { font-weight: var(--fw-bold);}

/* sub-menu start */
.header-wraper .menu-item-has-children { position: relative;}
.header-wraper .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; border-radius: var(--border-radius-image); position: absolute; top: 25px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common);}
.header-wraper .menu-item-has-children .sub-menu li { margin: 0;}
.header-wraper .menu-item-has-children .sub-menu a { display: block; padding: 10px 20px; color: var(--color-primary) !important;}
.header-wraper .menu-item-has-children .sub-menu a:hover { background: rgba(128, 128, 128, 0.3); color: var(--color-accent) !important;}
.header-wraper .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible;}
.header-wraper .menu-item-has-children>a { padding-right: 25px;}
.header-wraper .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 8px; transition: var(--transition-common);}
/* sub-menu end */

/* Mobile Menu */
.mobile-menu { display: none; background: var(--color-secondary); width: 100%; max-width: 420px; height: 100vh; position: fixed; top: 0; right: -420px; overflow: hidden; z-index: 1010; transition: var(--transition-common);}
.mobile-menu .top-row { padding: 20px 15px;}
.mobile-menubar { height: calc(100vh - 80px); padding: 0 0 20px; overflow: auto;}
.menu-open .mobile-menu { right: 0;}
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 15px;}
.mobile-menu .mobile-menubar li.button__header{ margin-top: 20px;}
.mobile-menubar li.button__header a { background: var(--color-white); color: var(--color-accent);}
.mobile-menu .mobile-menubar li:not(.button__header) { border-bottom: 1px dashed rgba(157, 157, 157, 0.4);}
.mobile-menu .mobile-menubar li:not(.button__header) a{ display: inline-block; padding: 12px 0; color: var(--color-white);}
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.56s;}

body::before { content: ""; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; height: 100%; transition: var(--transition-common); opacity: 0; visibility: hidden;}
html.menu-open { height: 100vh; overflow: hidden;}
.menu-open body { position: relative;}
.menu-open body::before { opacity: 1; visibility: visible;}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
 }

    100% {
        opacity: 1;
        transform: translateY(0);
 }
}
.header-sticky .header-wraper { position: fixed; top: 0; width: 100%; background: rgba(255 , 255 , 255, 0.5); backdrop-filter: blur(10px); padding: 12px 0; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; z-index: 999;}
.header-sticky main { padding-top: 98px;}
/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1399px){
    .header-wraper{ padding: 15px 0;}
    .header-sticky main { padding-top: 77px;}
}
@media only screen and (max-width: 991px){
    .header-wraper .site-logo a{ height: 38px;}
    .header-wraper .desktop-menu li{ margin: 0 8px;}
    .header-sticky main { padding-top: 74px;}
}
@media only screen and (max-width: 767px) {
    .desktop-menu { display: none;}
    .hamburger-nav { display: block;}
    .mobile-menu { display: block;}
    .mobile-menu .logo-wrap a{ display: block; height: 40px;}
    .mobile-menu .logo-wrap a img{ width: auto; height: 100%; filter: brightness(0) invert(1);}
    .menu-open .mobile-menu { right: 0;}
    .mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto;}
    .header-sticky main { padding-top: 68px;}
}
@media only screen and (max-width: 479px){
    .header-wraper { padding: 12px 0;}
    .header-wraper .site-logo a { height: 35px;}
    .mobile-menu .logo-wrap a{ height: 35px;}
    .header-sticky .header-wraper{ padding: 10px 0;}
    .header-sticky main { padding-top: 59px;}
}
/* HEADER & FOOTER PART END HERE ========================== */
/* HEADER & FOOTER PART END HERE ========================== */

/* FOOTER PART START HERE */
/* FOOTER PART START HERE */
.main-footer { background: var(--color-secondary);}
.top-footer { padding: 50px 0;}
.footer-logo a{ display: block; height: 80px;}
.footer-logo a img{ width: auto; height: 100%;}
.footer-menu ul{ display: flex; align-items: center;}
.footer-menu li:not(:last-child){ margin-right: 20px;}
.footer-menu li a{ color: var(--color-white);}
.footer-menu li a:hover { color: #d5d5d5;}
.bottom-footer { padding: 25px 0; border-top: 1px solid #FFFFFF33;}
@media only screen and (max-width: 1399px){
    .footer-logo a{ height: 60px;}
}
@media only screen and (max-width: 991px){
    .top-footer{ padding: 35px 0;}
    .footer-logo a{ height: 45px;}
    .footer-menu li:not(:last-child) { margin-right: 15px;}
    .bottom-footer{ padding: 15px 0;}
}
@media only screen and (max-width: 767px){
    .top-footer { padding: 30px 0;}
    .main-footer .inner-row{ justify-content: center !important;}
    .footer-logo a{ margin-bottom: 20px;}
    .main-footer .footer-menu { width: 100%;}
    .main-footer .footer-menu ul{ justify-content: center;}
}
@media only screen and (max-width: 479px){
    .footer-logo a { height: 35px;}
}
/* FOOTER PART END HERE */
/* FOOTER PART END HERE */

/* HOME PAGE START HERE ==========================*/
/* HOME PAGE START HERE ==========================*/

.hero-banner .banner-bg{ padding-bottom: 44%;}
.hero-banner .banner-bg::before{ content: ""; background: linear-gradient(90deg, #1B3360 0%, rgba(26, 27, 29, 0.26) 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.hero-banner .container-holder{ position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0;}
.hero-banner .banner-info { max-width: 60%;}

.who-we-are-section .section-title { margin-bottom: var(--gap-50); }
.who-we-are-section .image-outer { padding-right: 8%;}
.who-we-are-section .image-wraper { border-radius: 10px; overflow: hidden;}
.who-we-are-section .image-wraper img{ width: 100%;}
.what-we-do-section .section-title{ margin-bottom: var(--gap-50);}

.comprehensive-care-card { box-shadow: 0px 4px 4px 0px #0000002E; border-radius: 10px; overflow: hidden; height: 100%;}
.comprehensive-care-card .link{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; font-size: 0; opacity: 0;}
.comprehensive-care-card img{ transition: var(--transition-common);}
.comprehensive-care-card .comprehensive-care-card-image-outer { padding-bottom: 45px;}
.representatives .comprehensive-care-card-image-outer {padding-bottom: 0px;}
.representatives .row {justify-content: center;}
.representatives .info-wraper h3 {margin-bottom: 0;}
.comprehensive-care-card .comprehensive-care-card-image { border-radius: 10px; padding-bottom: 65%;}
.comprehensive-care-card .comprehensive-care-card-image::before{ content: ""; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(27, 51, 96, 0.64) 72.94%);
 position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.comprehensive-care-card .icon-holder { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: var(--color-accent); border: 6px solid var(--color-white); border-radius: 50%; position: absolute; z-index: 1; bottom: 0; left: 15px;}
.comprehensive-care-card .icon-holder img { width: 32px; height: auto;}
.comprehensive-care-card .info-wraper { padding: 25px;}
.comprehensive-care-slider .slick-list{ margin: 0 -12px; padding-bottom: 10px;}
.comprehensive-care-slider .slick-track { display: flex;}
.comprehensive-care-slider .slick-slide{ padding: 0 12px; height: inherit;}
.comprehensive-care-slider .slick-arrow{ top: 38%;}
.comprehensive-care-card:hover .comprehensive-care-card-image img{ transform: scale(1.1);}
.comprehensive-care-card:hover .icon-holder img{ transform: scale(1.05) translateY(-2px);}
.comprehensive-care-card:hover span.button__primary { background: var(--color-accent); color: var(--color-white);}
.service-popup .modal-dialog { max-width: 1005px;}
.modal-content{ background: #20365F; border-radius: 0;}
.service-popup .modal-body { padding: 100px;}
.service-popup button.btn-close { width: 50px; height: 50px; background-color: #D9D9D9CC; border: 1px solid #F5FAF6; border-radius: 50%; position: absolute; z-index: 5; top: -20px; right: -20px; opacity: 1;}
.service-popup .modal-body .icon { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #001659; border: 7px solid #fff; border-radius: 50%; margin-bottom: 25px;}
.service-popup .modal-body .icon img{ height: 45%; width: auto;}
.service-popup h3{ margin-bottom: 13px;}
.service-popup p{ margin-bottom: 16px;}
.service-popup ul { list-style: disc; list-style-position: inside;}
.service-popup li{ margin-bottom: 5px;}


.connect-box{ border-radius: 15px; overflow: hidden;}
.connect-box .bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.connect-box .bg-image img{ width: 100%; height: 100%; object-fit: cover;}
.connect-box .bg-image::before{ content: ""; background: linear-gradient(270deg, rgba(27, 51, 96, 0) 0%, #00205B 76.04%); position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0;}

.connect-box .connect-box-info { z-index: 5; padding: 0 100px;}
.connect-box .inner-info p{ max-width: 70%; margin: 0 auto 25px;}
@media only screen and (max-width: 1599px){
    .hero-banner .banner-info { max-width: 65%;}
    .comprehensive-care-card .icon-holder{ width: 80px; height: 80px;}
}
@media only screen and (max-width: 1399px){
    .who-we-are-section .image-outer { padding-right: 2%;}
    .comprehensive-care-card .comprehensive-care-card-image-outer { padding-bottom: 30px;}
    .representatives .comprehensive-care-card-image-outer {padding-bottom: 0px;}
    .comprehensive-care-card .icon-holder { width: 60px; height: 60px; border-width: 3px;}
    .comprehensive-care-card .icon-holder img{ width: 25px;}
    .comprehensive-care-card .info-wraper { padding: 20px;}
    .service-popup button.btn-close{ width: 38px; height: 38px;}
    .service-popup .modal-body { padding: 60px;}
    .connect-box .connect-box-info{ padding: 0 30px;}
}
@media only screen and (max-width: 1199px){
    .who-we-are-section .image-outer { padding-right: 0;}
    .comprehensive-care-card .info-wraper { padding: 15px;}
    .service-popup .modal-dialog{ max-width: calc(100% - 40px);}
    .service-popup .modal-body { padding: 35px 15px;}
    .service-popup button.btn-close { width: 32px; height: 32px; background-size: 12px; top: -15px; right: -15px;}
    .service-popup .modal-body .icon{ width: 80px; height: 80px; border-width: 4px;}
    .connect-box .connect-box-info { padding: 0 20px;}
    .connect-box .inner-info p{ max-width: 90%;}
}
@media only screen and (max-width: 991px){
    .hero-banner .banner-info { max-width: 85%;}
    .who-we-are-section .image-outer{ margin-bottom: 25px;}
}
@media only screen and (max-width: 767px){
    .hero-banner:not(.inner-banner) .banner-bg{ padding: 0; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
    .hero-banner:not(.inner-banner) .container-holder { position: relative; padding: 40px 0; min-height: 310px;}
    .hero-banner .banner-info { max-width: 100%;}


    /* .comprehensive-care-card .comprehensive-care-card-image{ padding-bottom: 70%;} */
    .comprehensive-care-card .info-wraper h3{ margin-bottom: 15px;}
    .comprehensive-care-slider .slick-list{ margin: 0 -8px; padding-bottom: 8px;}
    .comprehensive-care-slider .slick-slide{ padding: 0 8px;}
    .connect-box { padding: 35px 15px;}
    .connect-box .connect-box-info { padding: 0;}
    .connect-box .inner-info p{ max-width: 100%;}
}
@media only screen and (max-width: 575px){
    .service-popup .modal-dialog { max-width: calc(100% - 30px); margin: auto;}
    .service-popup button.btn-close { width: 30px; height: 30px; top: -12px; right: -12px;}
    .service-popup .modal-body .icon{ width: 60px; height: 60px; border-width: 3px;}

}
/* HOME PAGE END HERE ==========================*/
/* HOME PAGE END HERE ==========================*/

/* ABOUT US PAGE START HERE ==========================*/
/* ABOUT US PAGE START HERE ==========================*/
.inner-banner .banner-bg { padding-bottom: 26.3%;}
.inner-banner .banner-info h1{ margin-bottom: 0;}

.common-section .image-wraper{ border-radius: 10px; overflow: hidden;}
.common-section .image-wraper img{ width: 100%;}
.common-section .row.flex-row-reverse .info-wraper { padding-right: 10%;}
.common-section .row:not(.flex-row-reverse) .info-wraper { padding-left: 10%;}
.values-section .section-title { max-width: 775px; margin: 0 auto var(--gap-50);}

.values-box-card { padding: 40px 25px; background: #003578; border-radius: 15px; height: 100%;}
.values-box-card .icon { width: auto; height: 70px; display: inline-block; margin-bottom: 30px;}
.values-box-card .icon img{ display: inline-block; width: auto; height: 100%;}
@media only screen and (max-width: 1399px){
    .common-section .row.flex-row-reverse .info-wraper { padding-right: 5%;}
    .common-section .row:not(.flex-row-reverse) .info-wraper { padding-left: 5%;}
}
@media only screen and (max-width: 1199px){
    .common-section .row.flex-row-reverse .info-wraper { padding-right: 0;}
    .common-section .row:not(.flex-row-reverse) .info-wraper { padding-left: 0;}
    .values-box-card{ padding: 30px 20px;}
    .values-box-card .icon{ height: 55px; margin-bottom: 25px;}
}
@media only screen and (max-width: 991px){
    .inner-banner .banner-bg{ padding-bottom: 30.5%;}
    .common-section .image-wraper{ margin-bottom: 25px;}
    .values-box-card-col{ margin-bottom: 25px;}
}
@media only screen and (max-width: 767px){
    .values-box-card-col:last-child{ margin-bottom: 0;}
}
@media only screen and (max-width: 479px){
    .inner-banner .banner-bg { padding-bottom: 38%;}
    .values-box-card { padding: 25px 15px;}
    .values-box-card .icon { height: 50px; margin-bottom: 20px;}
}
/* ABOUT US PAGE END HERE ==========================*/
/* ABOUT US PAGE END HERE ==========================*/

/* SERVICES PAGE START HERE ==========================*/
/* SERVICES PAGE START HERE ==========================*/
.services-section .section-title{ max-width: 1100px; margin: 0 auto var(--gap-50);}
.comprehensive-care-card-col{ margin-top: var(--gap-50);}
@media only screen and (min-width: 768px){
    .comprehensive-care-card-col:nth-child(-n+2){ margin-top: 0;}
}
@media only screen and (min-width: 992px){
    .comprehensive-care-card-col:nth-child(-n+3){ margin-top: 0;}
}
@media only screen and (max-width: 767px){
    .comprehensive-care-card-col:first-child{ margin-top: 0;}
}
/* SERVICES PAGE END HERE ==========================*/
/* SERVICES PAGE END HERE ==========================*/

/* OUR NETWORK PAGE START HERE ==========================*/
/* OUR NETWORK PAGE START HERE ==========================*/

.continental-restoration-services-section .image-wraper { border-radius: 10px; overflow: hidden; }
.continental-restoration-services-section .image-wraper img{ width: 100%;}
.partnering-continental-restoration-services-section{ background: var(--color-white);}
.partnering-continental-restoration-services-section .section-title{ margin-bottom: var(--gap-50);}
.partnering-continental-restoration-services-section .values-box-card h3{ margin-bottom: 0;}

.connectivity-solutions-sction .section-title.text-center { max-width: 1050px; margin: 0 auto var(--gap-50);}
.connectivity-solutions-sction .image-wraper img{ width: 100%;}
.connectivity-solutions-sction .info-wraper { padding-left: 10%;}
.connectivity-solutions-row:not(:last-child){ margin-bottom: var(--gap-50);}
@media only screen and (max-width: 1199px){
   .connectivity-solutions-sction .info-wraper { padding-left: 0;} 
}
@media only screen and (max-width: 991px){
    .continental-restoration-services-section .image-wraper{ margin-bottom: 25px;}
    .connectivity-solutions-sction .image-wraper{ margin-bottom: 25px;}
    .connectivity-solutions-sction .info-wraper{ text-align: center;}
}
/* OUR NETWORK PAGE END HERE ==========================*/
/* OUR NETWORK PAGE END HERE ==========================*/

/* CONTACT US PAGE START HERE ==========================*/
/* CONTACT US PAGE START HERE ==========================*/
.contact-us-section .contact-outer { max-width: 1050px; margin: 0 auto;}
.contact-us-section .section-title { margin-bottom: var(--gap-50);}
.contact-outer-form { padding: 100px; background: #5B6E91; border-radius: 15px;}
.contact-outer-form label{ color: var(--color-white); margin-bottom: 4px;}
.wpcf7-not-valid{ border: 1px solid #dc3232 !important;}
.wpcf7-not-valid-tip{ display: none;}
.contact-outer-form .button-row{ position: relative;}
span.wpcf7-spinner { position: absolute; right: 0; bottom: -27px; left: 0; margin: 0 auto; }
.wpcf7-response-output { padding: 5px !important; margin: 25px 0 0 !important; color: #fff; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.1; }
@media only screen and (max-width: 1399px){
    .contact-outer-form{ padding: 60px;}
}
@media only screen and (max-width: 1199px){
    .contact-outer-form{ padding: 30px;}
}
@media only screen and (max-width: 991px){
    .contact-outer-form{ padding: 30px 15px;}
}

.default-section{ min-height: calc(100vh - 358px);}
.error-info-wraper h2 { margin-bottom: 15px; }
@media only screen and (max-width: 1399px){
    .default-section{ min-height: calc(100vh - 316px);}
}
@media only screen and (max-width: 991px){
    .default-section{ min-height: calc(100vh - 246px);}
}
@media only screen and (max-width: 767px){
    .default-section{ min-height: calc(100vh - 270px);}
}
@media only screen and (max-width: 479px){
    .default-section{ min-height: calc(100vh - 250px);}
}
@media only screen and (max-width: 379px){
    .default-section{ min-height: calc(100vh - 270px);}
}
/* .image-wraper {
    background: #fff;
} */