/*
Theme Name: Ariel Tree Care V1
Theme URI: https://thinkeq.co.uk
Author: ThinkEQ
Author URI: https://thinkeq.co.uk
Description: Ariel Tree Care V1 Wordpress Theme
Version: 1.0
Text Domain: arieltreecare
*/

#html{margin-top:0!important;}
#html #wpadminbar{top:auto;width:auto;min-width:auto;bottom:0;}
#html #wp-admin-bar-top-secondary,#html #wpadminbar .menupop,#wp-admin-bar-customize,#wp-admin-bar-updates,#wp-admin-bar-comments{display:none;}
@media (max-width:1199.98px){
    #html #wpadminbar{display:none!important;}
}

/* =================CSS Utils================= */

:root {
    --custom-ease: all 0.3s ease !important;
    --content-padding-desktop: 80px;
    --content-padding-tablet: 65px;
    --content-padding-mobile: 50px;
}

/* SM & XS */
.content-container {
    padding-bottom: var(--content-padding-mobile);
    padding-top: var(--content-padding-mobile);
}
.p-m-top-0 {padding-top: 0}
.p-m-bottom-0 {padding-bottom: 0}
.p-m-2 {padding-bottom: calc(var(--content-padding-mobile) * 2);padding-top: calc(var(--content-padding-mobile) * 2);}
.p-m-top-2 {padding-top: calc(var(--content-padding-mobile) * 2);}
.p-m-bottom-2 {padding-bottom: calc(var(--content-padding-mobile) * 2)}
.p-top-2 {padding-top: calc(var(--content-padding-mobile) * 2)}
.p-bottom-2 {padding-bottom: calc(var(--content-padding-mobile) * 2)}
.p-top {padding-top: calc(var(--content-padding-mobile))}
.p-bottom {padding-bottom: calc(var(--content-padding-mobile))}

/* Above MD*/
@media (min-width: 576px) {
.content-container{
    padding-bottom: var(--content-padding-tablet); 
    padding-top: var(--content-padding-tablet);
}
.p-t-top-0 {padding-top: 0}
.p-t-bottom-0{padding-bottom: 0}
.p-t-2 {padding-bottom: calc(var(--content-padding-tablet) * 2); padding-top: calc(var(--content-padding-tablet) * 2);}
.p-t-top-2 {padding-top: calc(var(--content-padding-tablet) * 2);}
.p-t-bottom-2 {padding-bottom: calc(var(--content-padding-tablet) * 2)}
.p-top-2 {padding-top: calc(var(--content-padding-tablet) * 2)}
.p-bottom-2 {padding-bottom: calc(var(--content-padding-tablet) * 2)}
.p-top {padding-top: calc(var(--content-padding-tablet))}
.p-bottom {padding-bottom: calc(var(--content-padding-tablet))}
}

/* Above LG*/
@media (min-width: 992px) {
    .content-container {
        padding-bottom: var(--content-padding-desktop); 
        padding-top: var(--content-padding-desktop);
    }
    .p-d-top-0{padding-top: 0}
    .p-d-bottom-0{padding-bottom: 0}
    .p-d-2{padding-bottom: calc(var(--content-padding-desktop) * 2); padding-top: calc(var(--content-padding-desktop) * 2);}
    .p-d-top-2{padding-top: calc(var(--content-padding-desktop) * 2);}
    .p-d-bottom-2{padding-bottom: calc(var(--content-padding-desktop) * 2)}
    .p-top-2{padding-top: calc(var(--content-padding-desktop) * 2)}
    .p-bottom-2{padding-bottom: calc(var(--content-padding-desktop) * 2)}
    .p-top{padding-top: calc(var(--content-padding-desktop) * 1)}
    .p-bottom{padding-bottom: calc(var(--content-padding-desktop) * 1)}
}

/* All devices */
.p-bottom-0 {padding-bottom: 0}
.p-top-0 {padding-top: 0}
.p-top-half{padding-top: calc(var(--content-padding-desktop)/2);}
.p-bottom-half{padding-bottom: calc(var(--content-padding-desktop)/2);}

.os-animation {opacity: 0;}
.os-animation.animated{opacity: 1;}
.os-staggered-animation{opacity: 0;}
.os-staggered-animation.animated{opacity:1;}
.overflow-hidden{overflow: hidden}

/* Animations */
@keyframes arrow-jump {
    100% {
        transform: translateY(5px)
    }
}
@keyframes arrow-left {
    100% {
        transform: translateX(-5px)
    }
}
@keyframes arrow-right {
    100% {
        transform: translateX(5px)
    }
}

/* =================animate css starts here================= */

.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

/* =================animate css ends here================= */

/* Animated hamburger */
#trigger {height: 25px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 30px;}
#trigger span {background: var(--atc-green);display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;}
#trigger span:nth-child(1) {top: 0px;}
#trigger span:nth-child(2), #trigger span:nth-child(3) {top: 10px;}
#trigger span:nth-child(4) {top: 20px;}
#trigger.active span:nth-child(1) {left: 50%;top: 10px;width: 0%;}
#trigger.active span:nth-child(2) {transform: rotate(45deg);}
#trigger.active span:nth-child(3) {transform: rotate(-45deg);}
#trigger.active span:nth-child(4) {left: 50%;top: 10px;width: 0%;}

/* Boilerplate rules */
body {transition: var(--custom-ease);}
img {width: 100%;}
* {font-family: 'Rethink Sans'}
*:focus {outline: none;}
.bg-red {background-color: var(--atc-red)}
.bg-red p, .bg-red strong {color: white;}

/* Site rules */
:root {
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semi-bold: 600;
    --bold: 700;
    --extra-bold: 800;
    --black: 900;
    --atc-black: #0E0E0E;
    --atc-strong-black: #010101;
    --atc-green: #459526;
    --atc-dark-green: #3C7E22;
    --atc-blue: #09B3D6;
    --atc-grey: #F2F2F2;
    --atc-red: #F30900;
    --atc-dark-grey: #353535;
}

*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Oswald';
}
a{text-decoration:underline;border:0;outline:0;color: white;}
a:hover{text-decoration:none;}
ul{list-style:none;}
a:focus{outline: none !important; box-shadow: none !important;}
body{padding-top:100px;font-weight:400;font-size:18px;line-height:1.35; color:white;background: var(--atc-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container{width: calc(100% - 30px); max-width: 1164px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;} 
.fw-light{font-weight: var(--light);}
.fw-normal{font-weight: var(--regular);}
.fw-medium{font-weight: var(--medium);}
.fw-semibold{font-weight: var(--semi-bold);}
.fw-bold{font-weight: var(--bold);}
.fw-extra-bold{font-weight: var(--extra-bold);}
.fw-black{font-weight: var(--black);} 
.bg-blue{background: var(--atc-blue);color: white;}
.bg-green{background: var(--atc-green);color: white;}
.bg-dark-green{background: var(--atc-dark-green);color: white;}
.bg-dark {background-color: #232323;}
.content-container.overflow-x-clip {overflow-x: clip !important;}
h1 {font-size: 40px;font-weight: var(--semi-bold);line-height: 45px;margin-bottom: 0;}
h2 {font-size: 30px;font-weight: var(--semi-bold);line-height: 35px;}
p {font-size: 16px;}
p.title {font-size: 25px;font-weight: var(--semi-bold);line-height: 30px;}
p a {color: inherit;text-decoration: underline}
p a:hover {color: inherit;text-decoration: none;}
.heading{margin-bottom: 36px;}
.heading h2{font-size: 35px;line-height: 1.3;margin-bottom: 0;color: var(--atc-black);font-weight: 600;}
/*a{font-size: 17px;}*/
a img {transition: var(--custom-ease);}
a:hover img {transform: scale(1.05);}
.btn {align-items: center;background: transparent;border: 1.5px solid;border-radius: 5px;display: flex;font-size: 16px;font-weight: var(--regular);justify-content: center;transition: var(--custom-ease);width: 100%;line-height: 24px;}
.btn-red {border-color: var(--atc-red);color: var(--atc-red);}
.btn-red:hover {background: var(--atc-red);color: white;}
.btn-green {background: var(--atc-green);color: white;border-color: var(--atc-green)}
.btn-green:hover {border-color: var(--atc-green);color: white;}



@media (min-width: 992px) {
    p {
        font-size: 18px;
        line-height: 27px;
    }
}

.mobile-contact-btn {
    height: 24px;
    padding: 24px 12px;
    font-weight: 400;
    gap: 8px;
}

.btn-white-red {background: white;color: var(--atc-red)}
.btn-white-red:hover {background: var(--atc-red);border-color: white;color: white;}
.btn2{align-items: center;background: transparent;border: 1.5px solid;border-radius: 12px;display: flex;font-size: 19px;line-height: 1.15;font-weight: var(--bold);justify-content: center;transition: var(--custom-ease);font-weight: 600;padding: 10px 30px;text-decoration: none!Important;}
.btn-grey,.btn-grey:focus{color: #262626;background-color: transparent;border:1.5px solid #262626;}
.btn-grey:active,.btn-grey:hover{color: #fff;background-color: #262626;border-color:#262626;}
.arrow-link {align-items: center;color: var(--atc-red);display: flex;font-size: 18px;font-weight: var(--bold);padding-right: 30px;position: relative;width: fit-content;}
.arrow-link::before {background: no-repeat url(include/img/red-right-chevron.svg) center / contain;content: '';height: 18px;position: absolute;right: 0;transition: var(--custom-ease);width: 18px;}
.arrow-link:hover::before {transform: translateX(-10px);}
.arrow-link:hover {color: var(--atc-red);text-decoration: none;}
.arrow-link-white {
    align-items: center;
    color: white;
    display: flex;
    font-size: 16px;
    font-weight: var(--regular);
    line-height: 24px;
    margin-bottom: 8px;
    padding-right: 30px;
    position: relative;
    width: fit-content;
}
.arrow-link-white::before {background: no-repeat url(include/img/right-chevron.svg) center / contain;content: '';height: 14px;position: absolute;right: -16px;transition: var(--custom-ease);width: 18px;}
.arrow-link-white:hover::before {transform: translateX(-10px);}
.arrow-link-white:hover {color: white;text-decoration: none;}

.slick-disabled{cursor: not-allowed; opacity: 0.2;}

@media (min-width: 576px) {
    .btn {width: 267px}
}

@media (min-width: 1199px) {
    h1 {font-size: 55px;line-height: 55px;}
    h2 {font-size: 35px;letter-spacing: 0;line-height: 55px;}
}

/* This is the end of the boilerplate code, everything below is site specific CSS*/
.navbar {height: 77px;padding: 0;}

.navbar .navbar-brand img {
    width: 194px;
}

@media (min-width: 576px) {
    .navbar .navbar-brand img {
        width: 281px;
    }
}

.nav-container {background: var(--atc-black);position: fixed;top: 0;width: 100%;z-index: 99999;}
body {padding-top: 77px !important}
#mobile-menu {
    background: var(--atc-black);
    height: calc(100vh - 219px);
    /* overflow: scroll; */
    position: absolute;
    right: 100%;
    top: 77px;
    transition: ease-in 0.3s;
    width: 100%;
    z-index: 1000;
}
#menu-items {padding: 30px 15px;}
#mobile-menu .navbar {align-items: baseline;height: 100%;}
#mobile-menu .navbar-nav {height: 100%;overflow: auto}
#mobile-menu.active {right: 0}
#mobile-menu ul {width: 100%;}
#mobile-menu ul li {display: flex;flex-flow: column;font-size: 28px;justify-content: center;}
#mobile-menu .dropdown-toggle {color: white;font-size: 22px;font-weight: var(--semi-bold);line-height: 27px;padding: 0;padding-bottom: 30px;display: flex;align-items: center;}
#mobile-menu-container .nav-cta {background: var(--atc-black);bottom: 0;padding: 50px 15px;position: fixed;width: 100%;z-index: 1001;}
#mobile-menu-container .dropdown-toggle::after {background: no-repeat url(include/img/right-chevron.svg) center / contain;border: none;height: 20px;position: absolute;right: 0;width: 20px;}

#mobile-menu .nav-item .nav-link {
    color: white;
    font-size: 18px;
    font-weight: var(--regular);
    line-height: 27px;
    padding: 0;
    padding-bottom: 30px;
    display: flex;
    align-items: center;   
}

#mobile-menu-container ul#menu-navigation-1 li.active .dropdown-toggle::after {
    /*
    background: no-repeat url(include/img/right-chevron.svg) center / contain;
    border: none;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px;
    */
    rotate: 90deg;
}

#mobile-menu-container .dropdown-toggle {pointer-events: none;}
#mobile-menu-container .dropdown.active .dropdown-menu {background: transparent;border: none;display: block;padding: 0;}
#mobile-menu-container .dropdown.active .dropdown-toggle {padding-bottom: 12px;}
#mobile-menu-container .dropdown .dropdown-menu .dropdown-item {background: transparent;color: white;font-size: 16px;font-weight: var(--regular);padding: 0;padding-bottom: 20px;padding-left: 30px;line-height: 24px;}

#mobile-menu ul li:last-child a{color: white;font-size: 22px;font-weight: var(--semi-bold)}
.navbar-desktop {justify-content: space-between}

@media (min-width: 576px) {
#mobile-menu-container .nav-cta {display: flex;justify-content: center;}
}

@media (min-width: 1199px) {
.navbar {height: 100px}
body {padding-top: 100px}
.navbar .dropdown-toggle {color: var(--atc-black)}

.navbar .dropdown-toggle::before{
    background-image: url(include/img/right-chevron.svg);
    background-size: 7px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    rotate: 90deg;
}

.navbar-nav li.dropdown > .nav-link::before {
    content: "";
    position: absolute;
    right: 0;
    top: 40%;
    left: 88%;
    font-size: 4px;
    width: 12px;
    height: 18px;
    transform: translateY(-50%);
    transition: var(--custom-ease);
}

.navbar .dropdown-toggle::after {content: unset;}
.navbar #menu-navigation {display: flex;justify-content: space-between;margin-left: 100px;width: 100%;}
#desktop-menu {flex-grow: 1;}
#desktop-menu, #desktop-menu #navbar-collapse-walker, #desktop-menu #menu-navigation {height: 100%;}
#desktop-menu .dropdown {align-items: center;display: flex;flex-flow: row;justify-content: center;position: relative;}
#desktop-menu .dropdown-toggle {height: fit-content;}
#desktop-menu .dropdown .dropdown-menu {background: var(--atc-dark-grey); border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;color: white;display: flex;flex-flow: column;left: unset;margin-top: 20px;opacity: 0;padding: 15px;visibility: hidden;width: 210px;}
#desktop-menu .dropdown:hover .dropdown-menu {margin-top: -20px !important;opacity: 1;transition: var(--custom-ease);visibility: visible;border: 0;top: calc(100% + 1px);}
#desktop-menu .dropdown .dropdown-menu li a {color: white;font-weight: var(--regular);padding: 0;white-space: normal;width: 100%;}
#desktop-menu .dropdown .dropdown-menu li:not(:first-child) {padding-top: 20px}
#desktop-menu .dropdown .dropdown-menu li:hover a {background: transparent;opacity: 80%;text-decoration: underline;}
#desktop-menu #menu-navigation > .nav-item:last-child {align-items: center;display: flex;width: 106px;margin-left: 14px;}
#desktop-menu #menu-navigation > .nav-item:last-child a{background: var(--atc-green);border: 2px solid var(--atc-green);border-radius: 5px;color: white;font-weight: var(--semi-bold);text-align: center;transition: var(--custom-ease);width: 100%;}
#desktop-menu #menu-navigation > .nav-item:last-child a:hover {background: transparent;}}

#desktop-menu #menu-navigation .nav-item {
    align-items: center;
    display: flex;
    flex-flow: row;
    justify-content: center;
    position: relative;
}
#desktop-menu #menu-navigation .nav-item .nav-link {
    color: white;
    height: fit-content;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#desktop-menu #menu-navigation .nav-item .nav-link:not(:last-child):hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Footer */
footer {background-color: var(--atc-strong-black);}
#footer p {color: white;}
.footer__image-wrapper img {width: auto;margin-top: 40px;}
.footer__image-telephone-wrapper {margin-top: 30px;}
#footer__telephone {font-weight: var(--semi-bold)}
.footer__menu-wrapper a {color: white;opacity: 75%;text-decoration: underline;}
.footer__menu-wrapper a:hover{text-decoration: none;}
.footer__menu-wrapper #footer-navigation > li > a {display: block;font-weight: var(--semi-bold);opacity: 100%;font-size: 16px;margin-bottom: 20px;text-decoration: none;}
.footer__menu-wrapper #footer-navigation > li > a:hover {text-decoration: underline;}
.footer__menu-wrapper #footer-navigation .sub-menu li {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height:  135%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer__menu-wrapper #footer-navigation .sub-menu li:hover {
    text-decoration: none;
}
.footer__menu-wrapper #footer-navigation {margin-left: 0;margin-top: 30px;padding-left: 0;}
.footer__menu-wrapper #footer-navigation .sub-menu {display: none;}
#footer-legal {display: flex;flex-flow: row;justify-content: space-between;list-style: none;margin-top: 30px;padding-left: 0;}
#footer-legal a {color: white;opacity: 75%;line-height: 24px;text-decoration: underline;}
#footer-legal a:hover {
    text-decoration: none;
}    
#footer .footer__copyright-wrapper p {margin-bottom: 0;margin-top: 30px;opacity: 75%;}
#footer .footer__social-wrapper p#footer-contact-link a {
    color: #fff;
}

ul.footer__social-list li { 
    padding-right: 15px;
    display: inline;
}
ul.footer__social-list li a {
    border-radius: 50%;
    background-color: #fff;
    color: var(--atc-black);
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
}
.footer__social-wrapper ul.footer__social-list li a:hover {
    text-decoration: none;
    opacity: 75%;
}
ul.footer__social-list li a i {
    font-size: 28px;
}

.footer__menu-wrapper ul#footer-navigation li ul.sub-menu li:last-child {
    display: block;
}

@media (min-width: 1199px) {
    .footer__image-telephone-wrapper {margin-top: 0}
    .footer__image-telephone-wrapper p {margin-bottom: 0;}
    .footer__image-wrapper{display: flex;align-items: center;}
     .footer__image-wrapper img{margin-top: 0;}
    .footer__menu-wrapper #footer-navigation .sub-menu {display: block;padding-left: 0}
    .footer__menu-wrapper #footer-navigation .sub-menu li {margin-top: 15px;}
    .footer__menu-wrapper #footer-navigation {display: flex;flex-flow: row;margin-left: -15px;margin-right: -15px;}
    .footer__menu-wrapper #footer-navigation > li {padding: 0 15px;width: 20%;position: relative;}
    .footer__legal-wrapper{order: 10;}
    .footer__legal-wrapper #footer-legal{justify-content: end;margin: 30px -15px 0;padding: 0 15px;}
    .footer__legal-wrapper #footer-legal li{padding: 0 15px;}
    .footer__social-wrapper{margin-top: 30px;flex-flow: column;}
    .footer__social-wrapper p{font-size: 17px;margin-bottom: 0px;line-height: 24px;font-weight: var(--semi-bold);}
    .footer__social-wrapper .footer__social-list{ 
        padding-left: 0;
        list-style: none;
        position: absolute;
        bottom:50px;
    }
    .footer__social-wrapper li{ 
        margin-top: 20px;
    }
    .footer__social-wrapper a { margin-top: 20px; color: white; text-decoration: underline; /*opacity: 75%;*/ }

}

@media (max-width: 1180px) {

    ul#footer-legal {
        display: block;
    }

}

@media (max-width: 767px) {
    ul.footer__social-list {
        margin-top: 45px;
        margin-bottom: 15px;
    }

}

/******* Ariel Page Start *******/
.media-arrow-box {position: absolute;width: 710px;right: calc(100% - 140px);top: 50%;transform: translateY(-50%);z-index: -1;}
.media-box-inner {max-width: 330px;height: 440px;border-radius: 42px;overflow: hidden;padding-bottom: 105%;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.media-box-inner > img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} 
.content-box h4 {font-size: 40px;line-height: 1.3;margin-bottom: 15px;color: var(--atc-black); font-weight: 600;}
.content-box h3 {font-size: 35px;line-height: 1.3;margin-bottom: 18px;color: var(--atc-black);font-weight: 600;}
.row.flex-row-reverse .media-arrow-box {transform: translateY(-50%) scaleX(-1);right: auto;left: calc(100% - 140px);}
.offer-card-outer {position: relative;}
.offer-card-list {width: calc(100% + 23px);margin-left: -11.5px;}
.offer-card-list .offer-card-item{padding:0 11.5px}
.offer-card-list{border-radius: 17px;overflow: hidden;}
.offer-card-box {background-color: #F2F2F2;border-radius: 17px;overflow: hidden;}
.oc-text-box {width: 52%;padding: 30px 4.5%;}
.oc-text-box h4 {font-size: 25px;line-height: 1.2;font-weight: 600;margin-bottom: 20px; color: var(--atc-black);}
.oc-text {width: 100%;max-width: 305px;}
.oc-img-box {width: 48%;}
.oc-img {width: 100%;height: 100%;position: relative;padding-bottom:89%;}
.oc-img > img {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;}
.offer-card-outer .custom-slick-button {margin-top: -30px;}
.custom-slick-button {width: 80px;height:80px;cursor: pointer;position:absolute; top: 50%;transform: translateY(-50%);}
.custom-slick-button img {width: 100%;height: 100%;object-fit: contain;}
.previous-link-custom {right: 100%;margin-right: 25px;}
.next-link-custom {left: 100%;margin-left: 25px;}
.next-link-custom img{transform: rotate(-180deg);}
.slick-slider-dots{padding-top: 35px;}
.slick-slider-dots .slick-dots {display: flex;justify-content: center;margin: 0;padding:0;list-style-type: none;}
.slick-slider-dots .slick-dots li+li {margin-left:8px;}
.slick-slider-dots .slick-dots button {display: block;width:20px;height: 20px;padding: 0;border: none;border-radius:50rem;background-color:rgb(9 179 214 / 34%);text-indent: -9999px;}
.slick-slider-dots .slick-dots li.slick-active button {background-color: #09B3D6;}
/******* Ariel Page End *******/
/******* Ariel Child Page Start *******/
.milestone-container {background-color: var(--atc-grey);padding: 46px 0;}
.milestone-box h2 {font-size: 83px;line-height: 1;color: var(--atc-blue);}
.milestone-box p {color: var(--atc-black);font-size: 22px;margin-bottom: 0;font-weight: 600;}
.milestone-list {gap: 24px;}
/******* Ariel Child Page End *******/
/******* News Page Start *******/
/* News Filter */
.news-filter-container {padding: 24px 0;}
.news-filter-content{gap: 6px;}
.news-filter-container .news-filter-label {margin: 0;font-size: 17px;margin-right: 8px;color: #fff;}
.news-filter-select {width: 287px;}
.news-filter-container select {-webkit-appearance: none;border: 0;width: 100%;height: 40px;background: #fff url(include/img/select-arrow-blue.svg) no-repeat right center;background-size: 18px auto;background-position-x: Calc(100% - 10px);border-radius: 6px;padding: 5px 13px;border: 0;padding-right: 35px;font-weight: 700;color: #333;}
.custom-select:focus{box-shadow: none;} 
/* News Listing */
.news-card-list {width: calc(100% + 30px);margin-left: -15px;margin-bottom: -50px;}
.news-card-item {width: 25%;padding: 0 15px;margin-bottom: 50px;}
.news-card-item .news__anchor{border-radius: 17px;overflow: hidden;}
.news-card-item .news__image-wrapper img{width: 100%;height: 100%;}
.news-card-item  .news__image-wrapper {height: auto;position: relative;padding-bottom: 57%;}
.news-card-item .news__image-wrapper img {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-position: top;object-fit: cover;}
.news-card-item .news__content-wrapper {padding: 20px 20px 22px 20px;}
.news-card-item .title{margin-bottom: 10px; color: var(--atc-black);}
.news-card-item:nth-child(2)  .news__content-wrapper .content-wrap,
.news-card-item:first-child  .news__content-wrapper .content-wrap {max-height: none; -webkit-line-clamp: 7;}
.pagination-container {margin-top: 30px;}
.page-item.active .page-link {background: transparent;color: var(--atc-black);text-transform: none;}
.pagination-container .page-link {font-size: 18px;line-height: 23px;font-weight: 700;color: var(--atc-black);border: 0;background: transparent;text-decoration: underline;}
.pagination-container .page-item.active .page-link {background: transparent;color: var(--atc-black);text-decoration: none!important;}
.pagination-container  ul.pagination {margin-bottom: 0;}
.pagination-container  .page-item{position: relative;}
.pagination-container  .page-item:not(:last-child):before {content: '/';position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-weight: 700;}
@media (min-width: 991.98px){
.news-card-item:first-child,.news-card-item:nth-child(2){width: 50%; }
.news-card-item:first-child .news__anchor, .news-card-item:nth-child(2) .news__anchor {display: flex; flex-flow: row;}
.news-card-item:first-child .news__content-wrapper,
.news-card-item:nth-child(2) .news__content-wrapper{width: 53%;padding: 30px 45px 25px 30px;border-radius: 0;display: flex;flex-flow: column;}
.news-card-item:nth-child(2) .news__image-wrapper img,
.news-card-item:first-child  .news__image-wrapper img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.news-card-item:first-child .news__image-wrapper, .news-card-item:nth-child(2) .news__image-wrapper {width: 47%;height: auto;border-radius: 17px 0 0 17px;position: relative;padding-bottom: 63.2%;}
.news-card-item:nth-child(2) .title,
.news-card-item:first-child .title{margin-bottom: 10px;}
.news-card-item:nth-child(2) .news__anchor:hover,
.news-card-item:first-child .news__anchor:hover{flex-flow: row;overflow: hidden;}
.news-card-item:first-child .news__content-wrapper .arrow-link, .news-card-item:nth-child(2) .news__content-wrapper .arrow-link{margin-top: auto;}
}
/******* News Page End *******/
/******* News Single Page Start *******/
.post-img-box{width: 100%;max-width: 553px;margin: -42px auto 0;position: relative;padding-bottom: 44.773%;border-radius: 24px;overflow: hidden;}
.post-img-box > img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.post-img-box+.post-single-content{margin-top: 54px;}
.single-post-share {gap: 36px;border-top: 1px solid rgba(13, 34, 18, 0.25);padding-top: 30px;margin-top: 30px;}
.single-post-share h6{font-size: 17px;}
.single-post-share .addtoany_list{display: flex;gap: 16px;}
.single-post-share .addtoany_list a{width: 50px;height: 50px;border-radius: 50%;background: rgba(9, 179, 214, 0.35);display: flex;align-items: center;justify-content: center;}
.single-post-share .addtoany_list a:hover{background: var(--atc-blue);}
.single-post-share .addtoany_list a:hover>span{filter: brightness(0) invert(1);opacity: 1;}
.single-post-share+.pagination-outer{margin-top: 72px;}
.pagination-row{gap: 30px;}
.pagination-row .pagination-col a:not([href]), .pagination-row .pagination-col a:not([href]):hover{opacity: 0;visibility: hidden;cursor: none;background: transparent;color: inherit;}
.pagination-container .page-link:hover{text-decoration: none;}
/******* News Single Page End *******/
/******* Contact Page Start *******/
.contact-form-container {background: #2F2F2F;border-radius: 15px;padding: 40px 60px; margin-top: -115px;}
.contact-form-container h4 {
    color: #FDFDFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    text-transform: uppercase;
}
.contact-form-container .contact-form {
    margin-top: 34px;
}

/* .contact-form-container .contact-form p ,
.contact-form-container .contact-form label,
.contact-form-container .contact-form span,
.contact-form-container .contact-form a {
    
} */

.form-group {margin-bottom: 22px;position: relative;}
.form-label {font-size: 17px;color: rgb(255 255 255 / 70%);margin-bottom: 15px;}
.form-group label {padding-left: 12px;}
.form-control {height: 40px;border-radius: 6px;font-size: 17px;color: #333;}
.form-group input::placeholder {color: rgb(51 51 51 / 40%);}
textarea.form-control {height: 120px;resize: none;}
.form-group textarea::placeholder {color: rgb(51 51 51 / 40%);}
.form-check-label {color: rgb(255 255 255 / 70%);font-size: 15px;}
.form-check-label a {color: rgb(255 255 255 / 70%);text-decoration: underline;}
.form-check-label a:hover {text-decoration: none;}
.form-check-group .form-check-input {display: none;}
.form-check-group .form-check-input:checked ~ .form-check-label::after{transform: rotate(-45deg) scale(1);}
.form-check-label::before {position: absolute;content: '';top: 0;left: 0;width: 20px;height: 20px;border: 1.5px solid #fff;border-radius: 6px;}
.form-check-label::after {content: '';position: absolute;top: 5px;left: 5px;width: 10px;height: 6px;border-bottom: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(-45deg) scale(0);transition: all 0.3s;}
.form-group select {width: 100%;height: 40px;background: #fff url(include/img/select-arrow.svg) no-repeat right center;background-size: 18px auto;background-position-x: Calc(100% - 10px);border-radius: 6px;padding: 5px 13px;border: 0;padding-right: 35px;font-weight: 400;color: #333;font-size: 17px;}
.custom-select:focus{box-shadow: none;}
.form-control:focus {color: #333;background-color: #fff;border-color: #09B3D6;box-shadow: 0 0 0 4px rgb(9 179 214 / 52%);}
.form-btn {margin-top: 40px; position: relative;}
.form-btn .btn {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 93px;
}

.map-image-inner img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;}
.map-image-inner iframe {position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;border: 0;}
.map-image {height: 375px;margin-top: 96px;}
.map-image-inner {height: 100%;border-radius: 17px;overflow: hidden;box-shadow: 0 3px 6px rgb(0 0 0 / 29%);}
.contact-details {padding: 30px 0;}
.contact-details h4 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 22px
}
.contact-details {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.contact-details address {
    margin-bottom: 22px;
}
.contact-details p span {
    font-weight: 600;
}
.contact-details a.contact-email {
    text-decoration: none;
}
.contact-details a.contact-email:hover {
    text-decoration: underline;
}

body.page-template-contact .call-us-today .btn{display: none;}
body.page-template-contact .call-us-today p:last-of-type{margin-bottom: 0;}
span.wpcf7-not-valid-tip {top: 0;right: 0;padding: 0;bottom: auto;/* background: #f00; */color: #f00;font-weight: 500;font-size: 14px;line-height: 1.3;letter-spacing: 0;position: absolute;top: 100%;margin-top: 0;padding: 0;border-radius: 0;}
.wpcf7-form-control-wrap { position: static!important; }
.form-check {padding: 0;margin:0;display: inline-block;vertical-align: top;width: 100%;color: var(--black-color);}
.form-check input { display: none; }
.form-check input + .wpcf7-list-item-label:before {content: '';display: block;width: 20px;height: 20px;background: var(--white-color);border:solid 1px rgb(255 255 255 / 70%);position: absolute;left: 0;top: -1px;border-radius: 6px;}
.form-check input + .wpcf7-list-item-label:after {content: '';display: inline-block;font-weight: 900;font-size: 0;width: 12px;height: 6px;line-height: 22px; text-align: center;position: absolute;left: 4px;top: 5px;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;border: solid 2px rgb(255 255 255 / 70%);border-top: 0;border-right: 0;transform: rotate(-45deg);opacity: 0;}
.form-check input:checked + .wpcf7-list-item-label:after { opacity: 1;}
.form-check label {padding-left: 30px !important;position: relative;display: inline-block;vertical-align: top;text-align: left;font-size: 15px;line-height: 19px;font-weight: 400;margin: 0;padding-right: 35px;color:rgb(255 255 255 / 70%);}
.form-check label a { color: inherit; text-decoration: underline; }
.form-check label a:hover{text-decoration: none;}
div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; background: #999; border-color: #999; color: var(--white-color); opacity: 0.8; }
.form-check .wpcf7-list-item { margin-left: 0;margin-top: 10px;}
.wpcf7-spinner { position: absolute !important; top: 8px; right: 10px; margin: 0 !important; }
.form-group.form-check { margin-bottom: 0; }
.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; }
/******* Contact Page End *******/





/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
  }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
/******* News Page Start *******/
.news-card-item{width: 33.33%;}
/******* News Page End *******/
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
.btn{min-width:100%}
.breadcrumbs .current-item{display: none;}
.heading h2{font-size: 30px;}
/******* Ariel Page Start *******/
.media-box-inner {width: 357px;height: 447px; padding-bottom: 80%;}
.content-box {  margin-top: 44px;}
.content-box h3, .content-box h4 {  font-size: 30px;  line-height: 1.2;}
/******* Ariel Page End *******/
/******* Ariel Child Page Start *******/
.oc-text-box {width: 100%;padding: 29px 22px;}
.oc-text-box h4{margin-bottom: 10px}
.oc-img-box {width: 100%;}
.oc-img {padding-bottom: 50%;}
.milestone-list {gap: 52px;}
/******* Ariel Child Page End *******/
/******* News Page Start *******/
.news-card-list{margin-bottom: -45px;}
.news-card-item{width:100%;margin-bottom: 45px;}
.news-card-item .news__image-wrapper {padding-bottom: 45%;}
.news-card-item:nth-child(2) .news__content-wrapper .content-wrap, .news-card-item:first-child .news__content-wrapper .content-wrap{margin-bottom: 30px;}
.news-filter-container{padding: 22px 0 37px;}
.news-filter-container .news-filter-label{margin-right: 0;}
.news-filter-select {width: 100%;max-width: 330px;}
/******* News Page End *******/
/******* Contact Page Start *******/
.contact-form-container {padding: 40px 30px;margin-top: -60px;}
.contact-form-container h4 {font-size: 40px; margin-bottom: 30px;}    
.form-group label {padding-left: 0;}
.form-check-label {margin-left: 12px;} 
.contact-details h4 {margin-bottom: 15px;font-size: 35px;}
.contact-details {margin-top: 60px;padding: 0;}
.map-image {height: 224px;margin-top: 24px;} 
/******* Contact Page End *******/
/******* Single Page Start *******/
.post-img-box{padding-bottom: 60%; margin: 50px 0 0;}
.single-post-share{gap: 15px;padding-top: 25px;margin-top: 25px;}
.single-post-share .addtoany_list a{width: 40px;height: 40px;}
.single-post-share .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{width: 25px;height: 25px;}
.pagination-row{gap: 20px;}
.pagination-row .pagination-col a:not([href]), .pagination-row .pagination-col a:not([href]):hover{display: none;}
/******* Single Page End *******/

}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){

}


.wsp-container ul {
    margin: 15px;
    padding: 15px;
}