body.page-template-page-landing {color: #444444}
.btn-landing {border-radius: 4px;padding: 16px 50px;font-size: 20px}
.text--blue {color: #002858}
/**
* ======================================================================================
*									Landing Page
* =======================================================================================
*/
.sc-landing-hero h5 {font-size: 1rem}
.sc-landing-hero .landing-hero-img {width: 50vw;height: 100%;top: 0;right: 0}
.landing-hero-img img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center}
.sc-landing-hero .btn-landing:after {content: '';position: absolute;background-image: url(../images/landing-arrow-top-to-left.svg);width: 60px;height: 45px;right: -24%;top: -15px;background-repeat: no-repeat;background-position: center;background-size: cover;transform: rotate(-42deg)}
.landing-thank-hero_in h6 {color: #ADADAD;margin-bottom: 2rem}
.sc-landing-how-works .landing-how-works-box {border: 1px solid #DFDFDF;padding: 20px 50px}
.sc-landing-how-works .landing-how-works-box h4 span {width: 47px;height: 47px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;left: -24px;top: 10px;box-shadow: 0px 4px 11px 6px rgb(255 0 98 / 15%)}
.sc-landing-looking {background-color: #F1F6F6}
.owl-carousel.owl-landing-looking .owl-dots,
.owl-carousel.owl-landing-client-says .owl-dots {text-align: center}
.owl-carousel.owl-landing-looking button.owl-dot,
.owl-carousel.owl-landing-client-says button.owl-dot {width: 10px;height: 10px;background-color: #ccc;border-radius: 50%;margin: 0px 3px}
.landing-why-box {border: 1px solid #C6C6C6;padding: 32px;text-align: center}
.sc-landing-why-us img {margin-bottom: -4rem}
.sc-client-says {background-color: #F1F6F6}
.owl-landing-client-says .owl-stage {display: flex}
.owl-landing-client-says .item {height: 100%}
.landing-client-says-box {padding: 35px 47px}
.owl-landing-client-says.owl-carousel .owl-nav {margin-top: 44px;text-align: center}
.owl-landing-client-says.owl-carousel .owl-nav button {background: #fff;padding: 1px 13px 3px !important;border-radius: 40px;margin: 0 9px}
.owl-carousel.owl-landing-client-says .owl-dots {margin-top: .75rem}
.sc-landing-where-start .landing-start-box {background-color: #002858;border-radius: 5px;overflow: hidden;min-height: 430px;display: flex}
.landing-start-cont-box {padding: 40px 60px}
.landing-start-img-box img {height: 100%;width: 100%;object-fit: cover;object-position: center}
.landing-start-img-box {position: relative}
.landing-start-img-box:after {content: '';background: linear-gradient(91.09deg, #002858 0.51%, rgba(0, 40, 88, 0) 46.78%);position: absolute;width: 100%;height: 100%;top: 0;left: -1px;z-index: 1}
.hearing-hero-img {background-image: url('../images/heart.svg');background-size: contain;background-position: top 30px center;background-repeat: no-repeat}
.compare__imgbox._testimonial::before {content: '';display: block;position: absolute;left: 30px;width: 30px;height: 30px;top: -15px;background-image: url(../images/quote2.svg);background-size: contain;background-repeat: no-repeat;background-position: center}
/**
* ======================================================================================
*									Advertorial Page
* =======================================================================================
*/
.btn-orange-arrow {
    position: relative;
    padding: 11px 56px 11px 28px;
}
.btn-orange-arrow:after {
    position: absolute;
    content: "";
    background-image: url(../images/arrow-right-white.svg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    top: 40%;
    transform: translateY(5%);
    margin-left: 15px;
}
.sc-quies {
    color: #56566D;
}
.sc-quies h1 {color: #000032; margin-bottom: 40px;}
.sc-quies .image--box {
    font-size: 14px;
    margin-bottom: 40px;
}
.sc-quies .content--box a.btn {
    margin-top: 40px;
}
.sc-quies .content--box {
    margin-bottom: 60px;
}
.sc-quies .justo--box h2 { color: #000032; }
.sc-quies .justo--box ul li { padding-left: 40px; margin-bottom: 16px; }
.sc-quies .justo--box ul li:last-child { margin-bottom: 20px; }
.sc-quies .justo--box ul li span {
    position: absolute;
    left: 0;
    color: white;
    background-color: #19CBB1;
    font-size: 14px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sc-quies .side--box {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 30px 60px rgba(0, 0, 50, 0.08);
    border-radius: 16px;
}
.sc-quies .side--box img {
    margin-bottom: 40px;
}
.sc-quies .side--box h4 { color: #000032; }
/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */
@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 768px) {
    .landing-hero-img:before {content: '';background: linear-gradient(91.09deg, #002858 0.51%, rgba(0, 40, 88, 0) 46.78%);position: absolute;width: 100%;height: 100%;top: 0;left: -1px;z-index: 1}
    .sc-landing-hero .landing-hero-cont {margin-right: -2rem;position: relative;z-index: 2}
    .sc-landing-hero {background-color: #002858;font-size: 18px}
    .landing-how-works-box {font-size: 18px}
    .hearing-hero-img {position: absolute;right: 0;bottom: 0;width: 50vw;height: 100%}
    .hearing-hero-img > img {max-height: 80%}
}
@media only screen and (min-width: 992px) {
    .sc-landing-how-works img {margin-bottom: -4rem}
    .landing-start-cont-box {margin-right: -5rem;position: relative;z-index: 2}
    .landing-start-img-box {position: absolute;top: 0;right: 0;width: 50%;height: 100%;object-fit: cover;object-position: center}










}
@media only screen and (min-width: 1200px) {
    .sc-landing-hero .btn-landing:after {width: 94px;height: 72px;right: -46%;top: -10px;transform: rotate(0deg)}
}
@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {

}
/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */
@media only screen and (max-width: 1399px) {

}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 991px) {
    .landing-start-img-box:after {background: linear-gradient(180deg, #002858 0.51%, rgba(0, 40, 88, 0) 46.78%);top: -1px;left: 0}
}
@media only screen and (max-width: 767px) {
    .sc-landing-hero .landing-hero-img {width: 100%;z-index: -1}
    .sc-landing-hero {background-color: #002858b3}
    .landing-start-cont-box {padding: 40px 23px}
}
@media only screen and (max-width: 575px) {
    .landing-how-works-box h4 {font-size: 17px}
    .sc-landing-how-works .landing-how-works-box {padding: 20px 28px;font-size: 15px}
    .sc-landing-how-works .landing-how-works-box h4 span {width: 31px;height: 31px;left: -16px;top: 12px}
    .btn-landing {font-size: 18px;padding: 9px 44px}
    .landing-why-box {max-width: 245px;margin: 0 auto;padding: 24px 18px}
}