/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.1.0
Requires at least: 5.0
Tested up to: 5.8.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@400;700&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Black Italic.otf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Black.otf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Bold Italic.otf') format('truetype');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Bold.otf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Heavy Italic.otf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Heavy.otf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Italic.otf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Light Italic.otf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Medium Italic.otf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Medium.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Regular.otf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy SemiBold Italic.otf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy SemiBold.otf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Thin Italic.otf') format('truetype');
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Thin.otf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy XBold Italic.otf') format('truetype');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy XBold.otf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Xlight Italic.otf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('/wp-content/themes/understrap/fonts/SVN-Gilroy Xlight.otf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
#main-nav {
    position: fixed;
    width: 100%;
    z-index: 100;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.dropdown-menu {
    margin-top: 0;
    border: none;
}
.dropdown-item:hover {
    background-color: #E8EDFB !important;
}
.dropdown-toggle::after {
    transition: transform 0.15s linear;
}
.menu-item:hover a.nav-link {
    color: #406CDA !important;
}
.show.dropdown .dropdown-toggle::after {
   transform: rotate(180deg);
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

.first-section {
    margin-top: 60px !important;
}
body {
    font-family: 'SVN-Gilroy', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.dark-blue-text {
    color: #325277;
}
.blue-text {
    color:  #1047D1;
}
#main-menu {
    margin: auto !important;
}
#main-nav {
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}
.navbar-dark .navbar-nav .nav-link, .telephone-header a {
    color: #325277 !important;
    font-weight: 500;
    font-size: 16px;
}
.full-container {
    padding-left: 15px;
    padding-right: 15px;
}
.small-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1220px;
    margin: 0 auto;
}
.smaller-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 830px;
    margin: 0 auto;
}
.tiny-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 630px;
    margin: 0 auto;
}
.xs-small-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 738px;
    margin: 0 auto;
}
.checker-background {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 96.7%), 
    url("/wp-content/themes/understrap/img/checker-background.png");
}
.pd-50 {
    padding-top: 50px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.tns-nav button {
    font-size: 10px;
}
.tns-nav button:hover, .tns-nav button:active, .tns-nav button:focus, button:has(tns-nav-active):before, .tns-nav-active:before  {
    border: none !important;
    outline: none !important;
    color: #1047D1 !important;
    margin: 0;
}
.hero-section .tns-nav button, .hero-section .tns-controls button {
    background-color: white !important;
}
.tns-nav button, .tns-controls button {
    color: #A6ACB2 !important;
    border: none;
    background-color: #F3F6FD;
}
.tns-nav button:before {
    content: "■";
    background-color: unset;
}
.mt-120 {
    margin-top: 120px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-120 {
    margin-bottom: 120px;
}
.mb-60 {
	margin-bottom: 60px;
}
.call-to-action-tagline {
    font-size: 24px;
    font-weight: 500;
}
/*Home page*/
.discover-the-difference-bg {
    background: url(/wp-content/themes/understrap/img/SparkleStyle1-bg.png) no-repeat;
}
.hero-section {
    padding-top: 60px;
    padding-bottom: 20px;
}

.hero-slider .tns-item.tns-slide-active + .tns-item {
	transform: scale(0.75) !important;
}
.hero-slider .tns-item.tns-slide-active + .tns-item::after {
    content: '';
    background-image: linear-gradient(to top, #1047D1, #1047D1);
    height: 100%;
    width: 115%;
    display: block;
    opacity: .7;
    border-radius: 8px;
}


.hero-section .tns-nav , .hero-section .tns-controls {
  text-align: right;
  display: inline-flex;
  position: absolute;
 }
 .hero-section .tns-nav {
    bottom: 37px;
    right: 119px;
 }
 .hero-section .tns-controls {
    bottom: -1px;
    right: 66px;
 }
 .hero-section .tns-controls button {
    font-size: 24px;
    color: #1047D1 !important;
 }
 .hero-slider-customize-controls {
    position: absolute;
    bottom: 25px;
    right: 16px;
 }
.hero-slider-prev-arrow, .hero-slider-next-arrow {
    display: inline-block !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 24px;
    width: 12px;
}
#tns1 > .tns-item {
    margin-right: 20px;
}
.hero-slider-prev-arrow {
    background-image: url("/wp-content/themes/understrap/img/prev-arrow-noborder.png");
    margin-right: 24px;
}
.hero-slider-next-arrow {
    background-image: url("/wp-content/themes/understrap/img/next-arrow-no-border.png");
}
.hero-slider-prev-arrow:hover {
    background-image: url("/wp-content/themes/understrap/img/next-arrow-no-border-hover.png")
}
.hero-slider-next-arrow:hover {
    background-image: url("/wp-content/themes/understrap/img/prev-arrow-noborder-hover.png")
}
@media screen and (min-width: 768px) {
    .hero-slider-desktop {
        display: block;
    }
    .hero-slider-mobile-only {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .hero-slider-desktop {
        display: none;
    }
    .hero-slider-mobile-only {
        display: block;
    }
    .hero-slider-mobile-only img {
        margin: 0 auto;
    }
    .hero-section {
        padding-bottom: 80px;
    }
}

.discover-the-diffrence .blue-text {
    margin-bottom: 40px;
}
.discover-the-diffrence {
    margin-bottom: 64px;
    position: relative;
    padding-top: 40px
}


.sparkle-style1 {
    background: url("/wp-content/themes/understrap/img/Sparkle-Style1.png") no-repeat;
    height:104px;
    width: 90px;
    position: absolute;
    top: 20px;
    left: -40px;
}
.sparkle-style2 {
    background: url("/wp-content/themes/understrap/img/Sparkle-Style2.png") no-repeat;
    height:104px;
    width: 90px;
    position: absolute;
    bottom: 135px;
    right: -140px;
}
.float-top {
    position: absolute;
    top: -300px;
}
.float-middle {
    position: absolute;
    top: -150px;
    right: 72px;
}


.client-slider-customize-controls {
    position: relative;
}
.our-client {
    max-width: 1500px;
}
.client-slider-prev-arrow {
    position: absolute;
    left: 0px;
    top: -80px;
}
.client-slider-next-arrow {
    position: absolute;
    right: 0px;
    top: -80px;
}

.client-slider-prev-arrow, .client-slider-next-arrow {
    height: 40px;
    width: 40px;
}



.difficult-slider-prev-arrow, .difficult-slider-next-arrow {
    display: inline-block !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 40px;
    width: 40px;
    /* position: absolute;
    bottom: 244px; */
}
.difficult-slider-prev-arrow, .client-slider-prev-arrow {
    background-image: url("/wp-content/themes/understrap/img/prev-arrow-border.png");
}
.difficult-slider-next-arrow, .client-slider-next-arrow {
    background-image: url("/wp-content/themes/understrap/img/next-arrow-border.png");
}
.service-intro-column {
    margin: auto;
}
/* .difficult-slider-next-arrow {
    margin-left: 220px;
} */
.difficult-slider-customize-controls {
    text-align: right;
    padding-right: 64px !important;
}
.difficult-slider-prev-arrow:hover, .client-slider-prev-arrow:hover {
    background-image: url("/wp-content/themes/understrap/img/prev-arrow-border-hover.png")
}
.difficult-slider-next-arrow:hover, .client-slider-next-arrow:hover {
    background-image: url("/wp-content/themes/understrap/img/next-arrow-border-hover.png")
}
.home-our-service-thumbnail {
    /* background: linear-gradient(to top, #3204fdba, #6728ee94), url(/wp-content/themes/understrap/img/Home-OurService1.png) no-repeat top center; */
    width: 260px;
    height: 170px;
    margin-top: 140px;
    position: relative;
}
.discover-the-difference-img img {
    border-radius: 8px;
}
.home-our-service-thumbnail-text {
    position: absolute;
    bottom: 20px;
    left: 5px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 32px;
}
.outer-content-box {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(53, 58, 64, 0.15);
    border-radius: 4px;
    border: 4px solid white;
    filter: drop-shadow(0px 4px 20px rgba(53, 58, 64, 0.15));
}
.content-box {
    border: 1px solid #A6ACB3;
    border-radius: 4px;
    padding: 16px;
    width: 211px;
    height: 231px;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #325277;
    font-weight: 700;
}
/* .content-box:hover {
    border: 4px solid #FFFFFF;
    /* filter: drop-shadow(0px 4px 20px rgba(53, 58, 64, 0.15)); */
    /* background-color: #1047D1;
    color: white;
    width: 206px; */
/* } */
/* .outer-content-box:has(.content-box:hover) {
    border: 6px solid #1047D1;
} */
.content-box .icon {
    margin-bottom: 32px;
}
/* .icon-hover {
    display: none;
}

.content-box:hover .icon-normal {
    display: none;
}
.content-box:hover .icon-hover {
    display: block;
} */

.item-2 .outer-content-box:first-of-type, .item-3 .outer-content-box:first-of-type {
    margin-bottom: 24px;
}
.icon-text-intro {
    position: absolute;
    bottom: 16px;
    left: 16px;
    max-width: 150px;
}
.item-1 {
    margin: auto;
}
.item-3 {
    margin-top: 50%;
}
.icon-heading {
    margin-top: 50%;
}
.sparkle-style3 {
    background: url("/wp-content/themes/understrap/img/Sparkle-Style3.png");
    width: 59px;
    height: 29px;
}
.sparkle-style4 {
    background: url("/wp-content/themes/understrap/img/Sparkle-Style4.png");
    width: 75px;
    height: 68px;
    margin-top: 25%;
}

#difficultSlider-ow .tns-controls {
  text-align: left;
  margin-left:20px;
}

#difficultSlider-ow {
  margin-bottom: 0 !important;
}
.tagline {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
    color: #325277;
    margin-top: 40px;
    margin-bottom: 32px;
}
.uppercase {
    text-transform: uppercase;
    color: #1047D1;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}
.contact-us {
    margin-top: 72px;
    display: flex;
}
.book-now button {
    background: linear-gradient(83.47deg, #1047D1 13.66%, #61D3C3 91.68%);
    border-radius: 8px;
    padding: 21px 81px;
    text-transform: uppercase;
    border: none;
}
.book-now button:hover {
    background: linear-gradient(83.47deg, #61D3C3 13.66%, #1047D1 91.68%);
}
.book-now button a {
    color: #FFFFFF;
}
.book-now a:hover {
    text-decoration: none;
}
.call-us a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #1047D1;
    text-decoration: underline !important;
}
.call-us:hover a {
    color: #61D3C3;
}
.call-us {
    margin: auto 40px;
}

#customize-thumbnails li.tns-nav-active {   
     display: none;
}

.home-section-heading {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color:  #1047D1;
    margin-bottom: 32px;
}
.section-subheading {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #325277;
    margin-bottom: 20px;
}
#difficultSlider img {
    /* border-bottom: 19px solid #1047D1;
    border-right: 24px solid #1047D1; */
    position: relative;
}
.right-shadow-image-background img {
    border-right: 19px solid black;
    border-bottom: 24px solid black;
    border-image: linear-gradient(to left top, #1047d1 40%, rgba(0,0,0,0) 40%);
    border-image-slice: 1;
}
.home-our-serive-main-img img {
    border-radius: 4px;
}
.our-client .tns-outer {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.learn-more-button a {
    background: linear-gradient(83.47deg, #1047D1 13.66%, #61D3C3 91.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
}
.client-slider.tns-horizontal.tns-subpixel>.tns-item, .mobile-client-slider.tns-horizontal.tns-subpixel>.tns-item  {
    vertical-align: middle;
    text-align: center;
}
.mobile-client-slider.tns-horizontal.tns-subpixel #tns3-item1 div:nth-of-type(3) {
    margin-top: 30px;
}
.learn-more-button button {
    border-radius: 8px;
    padding: 12px 24px;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 1px transparent;
    background-image:  linear-gradient(83.47deg, #1047D1 13.66%, #61D3C3 91.68%),  linear-gradient(83.47deg, #1047D1 13.66%, #61D3C3 91.68%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    margin-top: 24px;
}
.learn-more-button button:hover {
    background-image:  linear-gradient(83.47deg, #61D3C3 13.66%, #1047D1 91.68%),  linear-gradient(83.47deg, #61D3C3 13.66%, #1047D1 91.68%);
}
.learn-more-button:hover a {
    background:  linear-gradient(83.47deg, #61D3C3 13.66%, #1047D1 91.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
}



.faq-slider .tns-item img, #difficult-slider .tns-item .row {
    display: none !important;
}
.faq-slider .tns-slide-active img, #difficult-slider .tns-slide-active .row {
    display: block !important;
}
.faq-slider .tns-nav-button {
    background-color: #F3F6FD
}
.faq-section-home .tns-nav{
    margin-top: 24px;
}
#home-faq .faq-content-header {
    font-size: 16px;
}



.form-intro {
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    color: #325277;
    max-width: 942px;
    margin: 160px auto 30px auto;
    text-align: center;
}
.light-green {
    color: #61D3C3;
}
.form-container {
    max-width: 996px;
    background-color: white;
    padding: 55px 119px;
    margin: 0 auto;
}
.form-content .row {
    margin-bottom: 34px;
}
.form-content input, .form-content .wpcf7 textarea {
    margin-top: 12px;
}
.form-content .wpcf7 {
    max-width: 758px !important;
}
.form-content input[type=submit] {
    text-transform: uppercase;
    background: linear-gradient(83.47deg, #1047D1 13.66%, #61D3C3 91.68%);
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF !important;
    width: 180px !important;
    height: 42px;
}
.form-content input[type=submit]:hover {
    background: linear-gradient(83.47deg, #61D3C3 13.66%, #1047D1 91.68%);
}
.form-content .submit-btn-container {
    text-align: center;
}
.form-content .service-checkbox .wpcf7-not-valid-tip {
    margin-left: 16px;
}
.discover-the-difference-img-mobile {
    display: none;
}
.wpcf7-spinner {
    display: block !important;
    margin: 24px auto !important;
}
.wpcf7 input[type=submit] {
    border-color: unset !important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus, 
.wpcf7 .show>input.dropdown-toggle[type=submit]:focus, 
.wpcf7 input[type=submit]:not(:disabled):not(.disabled).active:focus, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):active:focus,
input[type=submit]:focus {
    box-shadow: none !important;
}
/*Home Mobile*/
/*Hero Section Mobile*/
@media screen and (max-width: 990px) {
    .hero-slider-item {
        width: 250px !important;
    }
}
@media screen and (max-width: 767px) {
    .contact-us {
        display: block;
        margin: 32px auto;
    }
    .book-now button, .learn-more-button button {
        width: 100%;
        margin-bottom: 32px;
    }
    .call-us, .tagline, .call-to-action-tagline, .full-logo {
        text-align: center;
    }
    /* .hero-slider .tns-item {
        width: 300px !important;
    } */
    .tagline {
        font-size: 40px;
        line-height: 52px;

    }
    .hero-slider .tns-item.tns-slide-active.center-slider {
        transform: none;
    }
    .hero-section .tns-outer {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* .hero-slider .tns-item.tns-slide-active.center-slider::after {
        background-image: none;
    } */
    
    .hero-slider-customize-controls {
        display: none;
    }
    .hero-slider .tns-item {
        transform: scale(0.75) !important
    }
    
    .page-template-page-carousel .hero-slider .tns-item.center-slider {
        transform: none !important
    }
    .page-template-page-carousel .hero-slider .tns-item.center-slider + .tns-item.tns-slide-active  {
        transform: scale(0.75) !important;
    }
    .hero-slider-item.tns-slide-active::after {
        background-image: none !important;
    }
    /* .hero-slider-item.tns-item.tns-slide-active::before {
        background-image: linear-gradient(to top, #1047D1, #1047D1) !important;
    } */
    
    .hero-slider-item.center-slider::after {
        background-image: none !important;
    }
    .hero-section .tns-nav {
        position: relative;
        display: block;
        bottom: 0;
        right: 0 !important;
        text-align: center;
        margin-top: 32px;
    }
    .hero-slider-item {
        width: 360px !important;
    }
    /* .hero-slider .tns-item.tns-slide-active + .tns-item::after {
        width: 100%;
    } */
}
@media screen and (max-width: 550px) {
    .hero-slider-item {
        width: 250px !important;
    }
    .hero-slider .tns-item {
        transform: scale(0.75) !important
    }
    .page-template-page-carousel .hero-slider .tns-item.center-slider + .tns-item.tns-slide-active  {
        transform: scale(0.75) !important;
    }
}
/*Discover section Mobile*/
@media screen and (max-width: 1300px) {
    .discover-the-diffrence {
        max-width: 500px;
    }
    /* .hero-section .tns-nav {
        right: 145px;
    } */
}
@media screen and (max-width: 767px) {
    .discover-the-diffrence {
        padding-top: 0px;
    }
    .sparkle-style1 {
        top: -100px;
        left: 15px;
    }
    .sparkle-style2 {
        top: -58px;
        right: 15px;
    }
    .discover-the-difference-img {
        display: none !important;
    }
    .discover-the-difference-img-mobile {
        display: inline;
    }
    .discover-mobile-img-container {
        display: flex;
        justify-content: center;
        flex-flow: row;
        gap: 12px;
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media screen and (max-width: 990px) {
    .float-top {
        top: -87px;
    }
    .float-middle {
        top: -65px;
    }
}

/*What makes us mobile*/
@media screen and (max-width: 1300px) {
    .content-box {
        width: auto;
    }
    .icon-text-intro {
        position: relative;
        bottom: 0px;
        left: 0px;
        max-width: 180px;
    }
}
.icon-box-mobile {
    display: none
}
@media screen and (max-width: 990px) {
    .content-box:hover {
        width: 182px;
    }
}
@media screen and (max-width: 767px) {
    .sparkle-style3, .sparkle-style4, .sidebar-social, .chatbox-sidebar {
        display: none;
    }
    .sparkle-style3-mobile {
        background: url(/wp-content/themes/understrap/img/Sparkle-Style3.png);
        width: 59px;
        height: 29px; 
        position: absolute;
        bottom: 150px;
        right: 0px;   
    }
    .sparkle-style4-mobile {
        background: url(/wp-content/themes/understrap/img/Sparkle-Style4.png);
        width: 75px;
        height: 68px;
        position: absolute;
        bottom: 80px;
        left: 0px;
    }
    .icon-heading {
        margin-top: 0;
        text-align: center;
    }
    .icon-box {
        display: none;
    }
    .icon-box-mobile {
        display: block;
        position: relative;
    }
    .icon-box-mobile .discover-mobile-img-container {
        justify-content: center;
    }
    /*  .content-box:hover, .content-box {
        width: 182px;
    } */
    .icon-box-mobile .content-box {
        width: 182px;
    }
    .outer-content-box {
        border: 4px solid white;
        box-shadow: 0px 4px 8px rgb(53 58 64 / 15%);
        background:none;
    }
    /* .outer-content-box:has(.content-box:hover) {
        width: 182px;
    } */
}
.home-our-service-section .tns-nav {
    display: none;
}
.prev-service {
    display: none;
}
/*Home Service Mobile*/
@media screen and (max-width: 767px) {
    /* .difficult-slider-prev-arrow, .difficult-slider-next-arrow {
        bottom: 481px;

    } */
    /* .difficult-slider-next-arrow {
        right: 0px;
    } */
    .difficult-slider-customize-controls {
        padding-right: 56px !important;
    }
    #difficultSlider .section-subheading {
        margin-top: 120px;
    }
    .home-our-service-section {
        position: relative;
    }
    .home-our-service-section .tns-nav {
        display: block;
        text-align: center;
        position: absolute;
        top: 68%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .home-our-service-thumbnail {
        display: inline-block;
        width: 270px;
        margin-top: 0px;
    }
    .prev-service {
        display: inline-block;
        margin-right: 10px;

    }
    .home-our-service-section .section-subheading, .home-our-service-section .home-service-intro {
        text-align: center;
    }
}
@media screen and (max-width: 583px) {
    .home-our-service-section .tns-nav {
        top: 62%
    }
    .home-our-service-thumbnail {
        display: inline-block;
        width: 183px;
    }
    .difficult-slider-prev-arrow, .difficult-slider-next-arrow {
        /* bottom: 525px; */
    }
}
@media screen and (max-width: 499px) {
    .home-our-service-section .tns-nav {
        top: 58%
    }
    .difficult-slider-prev-arrow, .difficult-slider-next-arrow {
        bottom: 6=516px;
    }
}
@media screen and (max-width: 410px) {
    .home-our-service-thumbnail {
        display: inline-block;
        width: 150px;
    }
}
/*Our Client Mobile*/
.mobile-client-slider {
    display: none;
}
.our-client .tns-nav {
    display: none;
}
@media screen and (max-width: 767px) {
    .mobile-client-slider {
        display: block;
    }
    .client-slider {
        display: none;
    }
    .client-slider-customize-controls {
        display: none;
    }
    .client-mobile-grid {
        display:grid;
        grid-template-columns: auto auto;
    }
    .mobile-client-slider .tns-item {
        display:inline-grid !important;
    }
    .our-client .tns-nav {
        display: block;
        text-align: center;
    }
    .our-client .tns-nav button {
        background-color: white !important;
    }
    .our-client .tns-outer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/*FAQ Form Mobile*/
@media screen and (max-width: 767px) {
    .form-container {
        padding: 16px;
    }
    .faq-section-home .tns-nav {
        text-align: center;
        margin-bottom: 16px;
    }
    .faq-heading {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .form-intro {
        font-size: 24px;
        line-height: 32px;
        margin-top: 64px;
    }
}
/*Service*/
.service-header {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    color: #1047D1;
    font-family: 'Playfair Display', serif;
}
.service-header-container {
    margin: auto;
}
.service-intro {
    margin-top: 50px;
    margin-bottom: 120px;
}


.caption {
    padding: 32px;
    background-color: #1047D1;
    opacity: 0.9;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0%;
    width: 96%;
}
.service-2col-figure {
    position: relative;
}

.service-2col-figure-section {
    margin-bottom: 120px;
}
.service-call-to-action {
    font-weight: 400;
    font-size: 24px;
    line-height: 25px;
    color: #1047D1;
    margin-bottom: 120px;
}
.service-call-to-action .dark-blue-text {
    font-weight: 700;
}
.commercial-service-intro .contact-us {
    display: block;
    font-size: 16px;
}
.commercial-cleaning-image {
    position: relative;
}
.commercial-cleaning-image .commercial-left-img {
    position: absolute;
    left: 0;
    top: -250px;
}
.commercial-cleaning-image .commercial-right-img {
    position: absolute;
    right: 0;
    top: -200px;
}
.service-detail {
    margin-top: 100px !important;
}
.page-template-commercial-office .right-shadow-image-background img, 
.page-template-display-home .right-shadow-image-background img,
.page-template-carpet-cleaning .right-shadow-image-background img,
.page-template-term-conditions .right-shadow-image-background img {
    border-image: linear-gradient(to left top, #1047d1 46%, rgba(0,0,0,0) 46%);
    border-image-slice: 1;
}
.commercial-service-sparkle {
    background: url('/wp-content/themes/understrap/img/Commercial-Sparkle.png') no-repeat;
    width: 104px;
    height: 63px;
}
.page-template-commercial-office .left-shadow-image-background img, .page-template-display-home .left-shadow-image-background img {
    position: relative;
    box-shadow: -20px 20px #1047d1;
    top: -20px;
    left: 20px;
}
.faq-slider .left-shadow-image-background img {
    border-left: 19px solid #1047d1;
    border-bottom: 24px solid #1047d1;
    border-image: linear-gradient(to right top, #1047d1 40%, rgba(0,0,0,0) 40%);
    border-image-slice: 1;
    margin-right: 10px;
}
.grey-bg {
    background-color:  #F3F6FD;
}
.what-we-offer {
    margin-top: 100px;
}
.what-we-offer-text {
    color: #325277;
    line-height: 24px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 52px;
}
.service-contactus {
    margin-top: 140px;
    padding-bottom: 120px;
    padding-top: 120px;
}
.service-contactus .tagline {
    font-size: 40px;
    line-height: 52px;
}
.service-contactus .uppercase, .hero-section .uppercase {
    font-weight: 700;
}

.display-home-intro .service-detail-intro {
    margin-top: 32px;
}
.display-home-full-length-img img {
    width: 100%;
}
.display-homes-sparkle-1 {
    background: url('/wp-content/themes/understrap/img/DisplayHome-Sparkle-Style1.png') no-repeat;
    width: 85px;
    height: 73px;
    position: absolute;
    left: -150px;
    top: 250px;
}
.display-homes-sparkle-2 {
    background: url('/wp-content/themes/understrap/img/DisplayHome-Sparkle-Style2.png') no-repeat;
    width: 104px;
    height: 90px;
    position: absolute;
    right: -150px;
    top: 50px;
}
.carpet-home-sparkle {
    background: url('/wp-content/themes/understrap/img/DisplayHome-Sparkle-Style2.png') no-repeat;
    width: 104px;
    height: 90px;
    position: absolute;
    right: 10px;
}
.smaller-container.what-we-offer-icon {
    position: relative;
}
@media screen and (max-width: 1100px) {
    .display-homes-sparkle-2 {
        right: -68px;
    }
    .display-homes-sparkle-1 {
        left: -38px;
    }
}
@media screen and (max-width: 990px) {
    .display-homes-sparkle-2, .display-homes-sparkle-1 {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .service-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .service-detail {
        margin-top: 60px !important;
    }
    .service-detail-intro {
        margin-bottom: 30px;
    }
    .display-home-intro, .commercial-service-intro, .carpet-cleaning-intro {
        padding-top: 72px !important;
    }
}

.carpet-illustrative-img {
    position: relative;
}
.carpet-illustrative-img img {
    position: absolute;
}
.carpet-top-img img {
    top: -72px;
    right: 83px;
}
.carpet-middle-img img {
    bottom: 145px;
    right: 55px;
}
.carpet-big-img {
    margin-top: 120px;
    margin-bottom: 120px;
}
/*Term and Conditions*/
.tnc-toc-container {
    padding: 30px 20px 20px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(50, 82, 119, 0.2);
    border-radius: 8px;
}
.tnc-content-container {
    height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
}
.tnc-toc {
    height: 380px;
    overflow-y: scroll;
    font-size: 20px;
}
.tnc-content-container::-webkit-scrollbar, .tnc-toc::-webkit-scrollbar {
    width: 29px;
}
.tnc-content-container::-webkit-scrollbar-track, .tnc-toc::-webkit-scrollbar-track {
    background: white;
    /* change me to blue to match the background */
  }
.tnc-content-container::-webkit-scrollbar-thumb, .tnc-toc::-webkit-scrollbar-thumb {
    background: #D9DEE4;
    ;
    border-right: 24px white solid;
    /* change border color to blue to match the background */
  }
.tnc-content-header {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #325277;
    margin-bottom: 8px;
}
.tnc-content {
    margin-bottom: 24px;
}
.tnc-toc-item {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 16px;
}
.tnc-toc-item a {
    color: #325277 !important;
}
/* .tnc-toc ::-webkit-scrollbar-thumb {
    border-right: 13px white solid;
    background-clip: padding-box;
} */
.tnc-mobile {
    margin-top: 24px;
}
.tnc-mobile .tnc-content-header {
    font-size: 16px;
}
.tnc-mobile .accordion-button {
    padding: 14px 10px !important;
}
.accordion-button:focus {
    border-color: #FFFFFF !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-bottom: none;
    border-radius: 4px;
}
.accordion-button::after {
    background-image: url('/wp-content/themes/understrap/img/Accordion-Icon.png') !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('/wp-content/themes/understrap/img/Accordion-Icon-Open.png') !important;
}
.accordion-item {
    border: none !important;
    border-bottom: 16px solid #F3F6FD !important;
}
.tnc-content-body, .tnc-content-body p, .tnc-content-body span {
    font-family: 'SVN-Gilroy', sans-serif !important;
}
@media screen and (max-width: 767px) {
    .tnc-content-header {
        margin-bottom: 0px;
    }
}
/*Footer*/
footer {
    font-family: 'Poppins', sans-serif !important;
}
footer div {
    margin-bottom: 8px;
}
.footer-tnc-link a {
    color: #325277;
    text-decoration: underline;
}
.footer-header, .footer-header a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #325277;
}
.payment-method div {
    display: inline-block;
}
.footer-main-content {
    margin-top: 55px;
}
.term-telephone {
    text-align: right;
}
.sidebar-social {
    position: fixed;
    width: 54px;
    height: 220px;
    right: 0px;
    top: 250px;
    background-color: #1047D1;
    opacity: 0.8;
    border-radius: 24px 0px 0px 24px;
    z-index:100;
}
.chatbox-sidebar {
    position: fixed;
    right: 0px;
    top: 606px;
    z-index:100;
}
.sidebar-social div {
    text-align: center;
    margin-bottom:8px;
}
.sidebar-social div:first-child {
    padding-top: 16px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url('/wp-content/themes/understrap/img/iconoir_menu.png') !important;
}
@media screen and (max-width: 767px) {
    .footer-main-content, .term-telephone {
        text-align: center;
    }
    .telephone-header {
        display: none;
    }
    .footer-header.telephone-header {
        display: block;
    }
}