/* =========================== section-banner ========================= */
.section-service-banner{height: 100dvh; min-height: 630px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.section-service-banner .container{padding-top: 100px;position: relative;z-index: 1;height: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: center;}
.service-banner-content .heading-style-1{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);}
.service-banner-content .heading-style-1 span{color: var(--gray);font-family: var(--ITCAvantGardeProBk-bold);}
.service-banner-content .heading-style-3{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);margin-top:22px;}
.service-banner-content .heading-style-3 span{font-family: var(--ITCAvantGardeProBk-bold);}
.service-banner-content p{color: var(--gray-04);font-family: var(--NeuzeitSbook);margin-top: 22px;}
.service-banner-list {margin: 0;padding: 0;list-style: none;margin-top: 40px;}
.service-banner-list li{display: flex;align-items: center;gap: 10px; color: var(--off-white);font-family: var(--NeuzeitSbook);margin-top: 16px;font-size:20px;line-height: 26px;}
.service-banner-list li::before{flex-shrink: 0;background: url(../images/list-check-arrow.svg) no-repeat center center / cover; content: ""; width: 26px; height: 26px;display: inline-block;filter: brightness(0) saturate(100%) invert(80%) sepia(8%) saturate(287%) hue-rotate(163deg) brightness(83%) contrast(85%);}

/* form */
.service-banner-form-wrap{max-width: 463px;width: 100%;margin-left: auto;}
.service-banner-form-title{gap: 18px;}
.service-banner-form-title img{width: 62px;height: auto;}
.service-banner-form-title .heading-style-3{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);}
.service-banner-form-title .heading-style-3 span{font-family: var(--ITCAvantGardeProBk-bold);}
.service-banner-form{background-color: var(--white);padding: 24px;border-radius: 20px;margin-top: 28px;}
.service-banner-form label{font-family: var(--NeuzeitSbook);font-size: 16px;line-height: 22px;color: #556f73;}

.service-banner-form-wrap{position: relative;}
.google-review-image-link {position: absolute;top: -12px;right: 24px;}
.google-review-image-link img{max-width: 130px;width: 100%;height: auto;}
.form-btn-wrap{position: relative;}

/* =========================== section-experience ========================= */
.section-experience{background-position: right 20% center !important;}

/* =========================== section-principle ========================= */
.section-principle{overflow: hidden; background: linear-gradient(90deg, #3F4F5A 74.56986276726974%, #556F73 100%);position: relative;}
.principle-content{max-width: 500px;}
.principle-content .heading-style-1{color: var(--white);font-family: var(--ITCAvantGardeProBk-reg);margin-bottom:20px;}
.principle-content .heading-style-1 span {font-family: var(--ITCAvantGardeProBk-bold);}
.principle-content .heading-style-3{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);margin-bottom:20px;}
.principle-content .heading-style-3 span{font-family: var(--ITCAvantGardeProBk-bold);}
.principle-content .p-big{color: var(--off-white); margin-bottom: 20px;}

/* ul li */
.principle-list-wrap { margin: 0; padding: 0; list-style: none; }
.principle-list-wrap li { position: relative; padding: 28px 30px 28px 104px; margin-bottom: 20px; background: rgba(63,79,90, 0.85); border: 1px solid rgba(85,111,115, 1); border-radius: 15px;box-shadow: -8px 9px 15px 0px rgb(0 0 0 / 25%); transition: all 0.3s ease-in-out; }
.principle-list-wrap li .heading-style-3{color: var(--off-white); font-family: var(--ITCAvantGardeProMd-med); margin-bottom:18px;}
.principle-list-wrap li .p-big{color: var(--off-white); font-family: var(--NeuzeitSbook);}
.principle-list-wrap li::before { content: ""; background: url(../images/right-icon.svg) no-repeat center center / 30px , rgba(255, 255, 255, 0.18); position: absolute; left: 28px; top: 28px; width: 56px; height: 56px; border-radius: 12px; }
/* hover */
.principle-list-wrap li:hover{background: var(--off-white);}
.principle-list-wrap li:hover .heading-style-3,
.principle-list-wrap li:hover .p-big{color: var(--gray-02);}
.principle-list-wrap li:hover::before{background: url(../images/white-right-icon.svg) no-repeat center center / 30px , var(--green);}

/* =========================== section-tailored ========================= */
.section-tailored{background-repeat: no-repeat;background-position: right center;background-size: cover;}
.tailored-content{margin-block: 30px;}
.tailored-content .heading-style-1{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);margin-bottom: 28px;}
.tailored-content .heading-style-1 span{font-family: var(--ITCAvantGardeProBk-bold);}
.tailored-content .heading-style-3{color: var(--off-white);font-family: var(--ITCAvantGardeProBk-reg);margin-bottom: 28px;}
.tailored-content .p-big{color: var(--off-white);font-family: var(--NeuzeitSbook);}

/* ================================================== media query start ================================================ */
@media screen and (max-width:1199px){
    /* =========================== section-banner ========================= */
    .service-banner-content p{margin-top: 20px;}
    .service-banner-list {margin-top: 30px;}
    .service-banner-list li{margin-top: 14px;font-size:18px;line-height: 24px;}
    .service-banner-list li::before{width: 24px; height: 24px;}

    /* form */
    .service-banner-form-wrap { max-width: 394px;}
    .service-banner-form-title{gap: 16px;}
    .service-banner-form-title img{width: 56px;}
    .service-banner-form{padding: 22px;margin-top: 26px;}

    .google-review-image-link {bottom: 22px;right: 22px;}
    .google-review-image-link img{max-width: 120px;}
    
    /* =========================== section-principle ========================= */
    .principle-content .heading-style-1{margin-bottom:18px;}
    .principle-content .heading-style-3{margin-bottom:18px;}
    .principle-content .p-big{margin-bottom: 18px;}
    
    /* ul li */
    .principle-list-wrap li {padding:24px 20px 24px 85px; margin-bottom: 18px;}
    .principle-list-wrap li::before{left: 16px;width: 46px; height: 46px;}
    /* =========================== section-tailored ========================= */
    .tailored-content{margin-block: 24px;}
    .tailored-content .heading-style-1{margin-bottom: 24px;}
    .tailored-content .heading-style-3{margin-bottom: 24px;}
}
@media screen and (max-width:991px){
    /* =========================== section-banner ========================= */
    .service-banner-content p{margin-top: 18px;}
    .service-banner-list {margin-top: 24px;}
    .service-banner-list li{margin-top: 12px;font-size:16px;line-height: 22px;}
    .service-banner-list li::before{width: 22px; height: 22px;}

    /* form */
    .service-banner-form-wrap { max-width: 310px;}
    .service-banner-form-title{gap: 14px;}
    .service-banner-form-title img{width: 42px;}
    .service-banner-form{padding: 22px;margin-top: 26px;}
    .service-banner-form label{font-size: 14px !important;line-height: 18px !important;}

    .google-review-image-link {bottom: 20px;right: 20px;}
    .google-review-image-link img{max-width: 110px;}
    .service-banner-form-wrap input[type=submit]{min-width: 110px;}
    
    /* =========================== section-principle ========================= */
    .principle-content .heading-style-1{margin-bottom:16px;}
    .principle-content .heading-style-3{margin-bottom:16px;}
    .principle-content .p-big{margin-bottom: 16px;}
    
    /* ul li */
    .principle-list-wrap li {padding:24px 20px 24px 66px; margin-bottom: 18px;font-size: 18px;}
    .principle-list-wrap li::before{left: 16px;background: url(../images/right-icon.svg) no-repeat center center / 23px, rgba(255, 255, 255, 0.18);width: 34px; height: 34px;}
    .principle-list-wrap li:hover::before{background: url(../images/white-right-icon.svg) no-repeat center center / 23px, var(--green);}
    .principle-list-wrap li .heading-style-3{margin-bottom: 8px;}
    /* =========================== section-tailored ========================= */
    .tailored-content{margin-block: 24px;}
    .tailored-content .heading-style-1{margin-bottom: 24px;}
    .tailored-content .heading-style-3{margin-bottom: 24px;}
}
@media screen and (max-width:767px){
    /* =========================== section-banner ========================= */
    .section-service-banner{height: auto;min-height: auto;}
    .section-service-banner .container { padding-block: 100px;}
    .section-service-banner .container > .row { row-gap: 40px;}
    /* form */
    .service-banner-form-wrap { max-width: 100%;}
    .service-banner-form-title{gap: 14px;}
    .service-banner-form-title img{width: 42px;}
    .service-banner-form{padding: 22px;margin-top: 20px;}

    .google-review-image-link {bottom: 20px;right: 20px;}
    .google-review-image-link img{max-width: 110px;}
    .service-banner-form-wrap input[type=submit]{min-width: 110px;}
    
    /* =========================== section-experience ========================= */    
    .section-experience { background-position: right 20% bottom 23px !important; }
    
    /* =========================== section-principle ========================= */
    .section-principle .row{row-gap: 20px;}
    .principle-content .heading-style-1{margin-bottom:14px;}
    .principle-content .heading-style-3{margin-bottom:14px;}
    .principle-content .p-big{margin-bottom: 14px;}
    
    
    /* =========================== section-tailored ========================= */
    .tailored-content{margin-block: 18px;}
    .tailored-content .heading-style-1{margin-bottom: 18px;}
    .tailored-content .heading-style-3{margin-bottom: 18px;}
}
@media screen and (max-width:575px){
    /* =========================== section-principle ========================= */
    .principle-list-wrap li { padding: 20px 18px 20px 58px;}
    .principle-list-wrap li::before { left: 11px; top: 18px;}

}