@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{
    --main-theme-color: #d5b36b;
}
body{
    font-family: "Poppins", sans-serif!important;
    color: #000;
    line-height: initial;
}

/* un */

.mainButton{
    background: var(--main-theme-color);
    color: #fff;
    padding: 14px 24px;
    border-radius: 20px;
    font-size: clamp(16px, 2vw, 20px);
    display: flex;
    width: max-content;
    transition: .3s;
    font-weight: 600;
    align-items: center;
    justify-content: center;
        grid-gap: 5px;
}
.mainButton:after{
    content:"";
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.mainButton:hover{
    background: #000;
    color: #fff;
}
.mainButton2{
        background: #f3f3f3;
    color: #000;
}
.mainButton2:hover{
    background: var(--main-theme-color);
}
section{
    padding: 60px 0!important;
    overflow: hidden;
    position: relative;
}
.sectionH2{
    padding-bottom: 60px;
    font-size: clamp(32px, 3vw, 42px);
    font-weight: 600;
    position: relative;
    z-index: 11;
    text-align: center;
}

/**/

.mobile-nav__content{
    background: #000;
}
.mobile-nav__content img{
    max-height: 60px;
}
.main-header-style2__top{
    background: #f3f3f3;
}
.header-social-link ul li a{
    border-radius: 50%;
    background: #ffffff;
    color: #000;
}
.header-social-link ul li a:hover{
    color: var(--main-theme-color);
}
.header-social-link ul li a:hover:before{
    display: none;
}


/**/

.homeBanner{
    background: url(/ib2/homeBanner-2weg.webp);
    min-height: 70vh;
    padding: 120px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    display: flex;
    align-items: center;
}
.homeBanner:after{
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        background: rgba(0, 0, 0, 0.4);
}
.homeBContent{
    position: relative;
    z-index: 10;
}
.homeBannerH1{
    color: #fff;
    font-weight: 900;
    font-size: clamp(38px, 5vw, 64px);
    width: 100%;
    max-width: 1000px;
}
.homeBannerH1 span{
    color: var(--main-theme-color);
}
.homeBBtns{
    display: flex;
    grid-gap: 20px;
    padding-top: 60px;
    flex-wrap: wrap;
}
.homeBBtns .mainButton2:after{
    display: none;
}
.homeBAdv{
        display: flex;
    padding-top: 60px;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.homeBAdv span{
        color: #f3f3f3;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    font-size: clamp(16px, 2vw, 18px);
    
        padding: 8px 16px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 99px;
}
.homeBAdv span:before{
    content:"";
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M3 17v-2.204c0-.884 0-1.326.176-1.717c.175-.391.506-.685 1.167-1.272l2.783-2.475a1.315 1.315 0 0 1 1.748 0l2.784 2.475c.66.587.991.881 1.167 1.272c.175.39.175.833.175 1.717V17c0 1.886 0 2.828-.586 3.414S10.886 21 9 21H7c-1.886 0-2.828 0-3.414-.586S3 18.886 3 17m5 0v4'/%3E%3Cpath d='M9 21h7c2.357 0 3.535 0 4.268-.732C21 19.535 21 18.357 21 16V8c0-2.357 0-3.536-.732-4.268C19.535 3 18.357 3 16 3h-2c-2.357 0-3.536 0-4.268.732S9 5.643 9 8v1'/%3E%3Cpath d='M13.125 7H13m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m3.875 0H17m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-.125 4H17m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-.125 4H17m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.homeBAdv span:last-child:before{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='black' d='M8.3 3.9c.03-.18.05-.37.05-.55c0-2.07-1.92-3.71-4.1-3.28c-1.3.25-2.35 1.27-2.63 2.55c-.36 1.7.59 3.23 2.04 3.82V3.78c-.5-.21-.75-.75-.59-1.25a1 1 0 0 1 .72-.7c.7-.18 1.34.34 1.34 1c0 .43-.25.79-.63.95l.02 4.56l-3.77 2.78l.77 1.07l.45-.34L1.96 15H7.9v-3.13l.42.33l.77-.99l-3.74-2.87V6.67c.56-.07 1.1-.28 1.54-.58l1.07.66l.69-.27l.51.37v.63l1.34.81l.69-.27l.52.37v.64l.93.56l1.61-.67V7.37zm-2.53 7.77v1.25H4.08v-1.25z'/%3E%3C/svg%3E");
}

.fade-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 1.2s ease-out forwards;
}
.delay-1 {
    animation-delay: .3s;
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/**/

.homeForm{
    
}
.homeFBack{
    background: var(--main-theme-color);
    position: relative;
}
.homeFBack:before{
        content: "";
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        background: rgba(0, 0, 0, 0.4)
}
.homeFBack:after{
    content: '';
    position: absolute;
    z-index: 5;
    background: url(/ib2/homeForm.jpg);
    background-position: bottom;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.homeFWrap{
    display: flex;
    grid-gap: 20px;
    align-items: center;
    position: relative;
    z-index: 10;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 20px;
}
.formInput{
    padding: 15px 18px;
    border-radius: 20px!important;
    outline: none;
    border: 2px solid #dddddd!important;
    width: 100%!important;
    font-size: 14px!important;
    background: #fff!important;
    color: #000!important;
    height: 48px!important;
    margin-bottom: 10px!important;
    transition: .3s;
    box-shadow: none!important;
}
.formInput::placeholder, .formTextarea::placeholder{
    opacity: 0.75!important;
    color: #000!important;
}
.formTextarea{
    padding: 15px 18px!important;
    border-radius: 20px!important;
    outline: none!important;
    border: 2px solid #dddddd!important;
    width: 100%!important;
    background: #fff!important;
    font-size: 14px!important;
    color: #000!important;
    height: 54px!important;
    margin-bottom: 10px!important;
    transition: .3s!important;
    min-height: 120px!important;
    box-shadow: none!important;
}
.formSelect{
    padding: 15px 18px;
    border-radius: 20px;
    outline: none;
    border: 1px solid #dddddd;
    width: 100%;
    background: #fff;
    color: #000;
    height: 54px;
    margin-bottom: 10px;
    transition: .3s;
    line-height: 22px;
}
.formInput:focus, .formTextarea:focus, .formSelect:focus{
    border-color: var(--main-theme-color)!important;
    box-shadow: none!important;
}
.homeFWrap div:first-child{
    display: flex;
    width: 70%;
    grid-gap: 20px;
}
.homeFWrap div:last-child{
    width: 30%;
}
.homeFWrap button{
    width: 100%;
    height: 54px;
        font-size: clamp(16px, 2vw, 18px);
    line-height: initial;
    background: #000;
    
}

/**/

.homeAbout{
    background: url(/ib2/homeAb.png);
    background-size: cover;
    background-position: center;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100px, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.rgercqwqwd{
    color: var(--main-theme-color);
}
.homeAbout:after{
    content: "";
    background: var(--main-theme-color);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
}
.homeAboutWrap{
    display: grid;
    align-items: end;
    position: relative;
    z-index: 2;
}
.homeAWLeft{
        display: grid;
    grid-gap: 20px;
}
.homeAWLeft p{
    font-size: clamp(20px, 3vw, 32px);
    line-height: initial;
    color: #000;
}

.homeAWLeft p span{
        font-weight: 900;
}
.homeFBack h2{
    color: #fff;
}
.homeAWRight{
        margin-top: 40px;
}

/* footer */
.single-footer-widget .title h3{
    font-size: 26px;
}
.footer-area{
    background: #000;
}
.single-footer-widget .title h3{
    color: #fff;
}
.footer-widget-contact-info>ul>li{
    color: #fff;
}
.footer-widget-contact-info ul>li>a{
    color: #dddddd;
}
.footer-widget-links ul li a{
    color: #dddddd;
}
.single-footer-widget .our-company-info .text-box p{
    color: #f3f3f3;
}
.footer-social-link .inner-title h3{
    color: #dddddd;
}
.footer-social-link ul li a:before{
    border-radius: 50%;
}
.footer-social-link ul li a{
color: #000;
    border: 0;
    font-size: 22px;
}
.footer-bottom{
    background: #1a1a1a;
    border: 0;
}
.footer-bottom .bottom-inner .copyright p{
    color: #fff;
}
.footer-bottom .bottom-inner .copyright p a{
    color: var(--main-theme-color);
}
.single-blog-style1 .img-holder .inner::before{
        background-color: #d5b36b7a;
}
.single-blog-style1 .img-holder .inner{
    border-radius: 30px;
}
.single-blog-style1 .text-holder{
    border-radius: 0 0 30px 30px;
}

/* home adv */

.homeAdv{
        display: grid;
    grid-template-columns: 50% 50%;
}
.homeAAll{
display: grid;
    grid-gap: 30px;
    align-items: center;
    margin-right: -60px;
    padding: 60px 0;
}
.homeAItem{
    background: #f3f3f3;
    z-index: 10;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
}
.homeAItem:first-child{
    margin-right: 40px;
}
.homeAItem:nth-child(2){
    margin-left: 20px;
    margin-right: 20px;
}
.homeAItem:last-child{
    margin-left: 40px;
}
.homeAItem p{
        color: #000;
    font-size: clamp(16px, 2vw, 20px);
}
.homeAITop{
    color: var(--main-theme-color);
}
.homeAITop svg{
    width: 44px;
    height: 44px;
}
.homeAImg{
    
}
.homeAImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

#formProd{
    background: #f3f3f3;
}
/**/

.homeADVS{
        background: #f3f3f3;
}
.homeADVSWhite{
    background: #fff!important;
}
.homeADVS .single-choose-style1-box{
        background: #fff;
    border-radius: 30px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.single-choose-style1-box .icon{
    padding: 10px;
    width: initial;
    height: initial;
    border-radius: 0;
    border: 0;
    margin-bottom: 20px;
    color: var(--main-theme-color);
}
.single-choose-style1-box:hover .icon span::before{
    color: var(--main-theme-color)!important;
}
.single-choose-style1-box:hover .icon:before{
    display: none;
}


/**/

.homeBanner2{
    background: url(/ib2/homeA.webp);
    padding: 120px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.homeBanner2:after{
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}
.homeBanner2 h2{
        position: relative;
    z-index: 15;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    font-size: clamp(30px, 5vw, 64px);
}

/**/

.homeStages{
        display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 -10px;
}
.homeSItem{
    margin: 10px;
    display: grid;
    grid-gap: 10px;
    border: 2px solid var(--main-theme-color);
    padding-bottom: 20px;
    border-radius: 30px;
    padding: 20px;
    position: relative;
    height: 230px;
    overflow: hidden;
        background-size: cover;
    background-position: right;
}
.homeSItem:after{
    content: '';
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgb(255 255 255 / 30%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
}
.uwuOverley{
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgb(255 255 255 / 30%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
}
/*.homeSItem:nth-child(2):after, .homeSItem:nth-child(4):after, .homeSItem:nth-child(6):after, .homeSItem:nth-child(8):after{
    background: #fff!important;
    opacity: 0.85!important;
}*/
.homeSItem:nth-child(2){
        margin-top: 120px;
}
.homeSItem:nth-child(3){
        margin-top: -100px;
}
.homeSItem:nth-child(4){
    
}
.homeSItem:nth-child(5){
        margin-top: -100px;
}
.homeSItem:nth-child(6){
    
}
.homeSItem:nth-child(7){
        margin-top: -100px;
}
.homeSItem:nth-child(8){
    
}
.homeSItem:nth-child(9){
        margin-top: -100px;
}
/*.homeSItem:nth-child(odd):after{
    content:"";
  display: inline-block;
  width: 48px;
  height: 48px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      position: absolute;
    top: 50%;
    right: -43px;
    transform: rotate(45deg);
    opacity: 0.5;
}
.homeSItem:nth-child(odd):last-child:after{
    display: none;
}
.homeSItem:nth-child(even):after{
    content:"";
  display: inline-block;
  width: 48px;
  height: 48px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    position: absolute;
    bottom: -37px;
    left: -43px;
    transform: rotate(135deg);
    opacity: 0.5;
}*/
.homeSItem span{
    font-weight: 600;
    font-size: clamp(18px, 2vw, 22px);
    display: flex;
    grid-gap: 5px;
    margin-left: auto;
    position: relative;
    z-index: 2;
}
.homeSItem span span{
    color: #c8c8c8;
}
.homeSItem h4{
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 600;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    position: relative;
    z-index: 2;
}
.homeSItem h4:before{
    content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      color: var(--main-theme-color);
}
.homeSItem h4:after{
    content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      color: var(--main-theme-color);
}
.homeSItem p{
    color: #101010;
    font-size: clamp(16px, 2vw, 18px);
    line-height: 24px;
    position: relative;
    z-index: 2;
}

/**/

.blockWrapFZ{
    display: grid;
    background: var(--main-theme-color);
    border-radius: 30px;
    overflow: hidden;
    grid-template-columns: 50% 50%;
}
.blockWrapFZ div:first-child{
    padding: 60px;
}
.blockWrapFZ div:last-child{
    
}
.blockWrapFZ div:last-child img{
        width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
    border-radius: 30px;
}
.blockWrapFZ h2{
        text-align: left;
    padding-bottom: 20px;
    color: #fff;
}
.blockWrapFZ p{
        font-size: clamp(18px, 2vw, 22px);
    font-weight: 500;
    color: #fff;
}
.blockWrapFZ button{
        margin-top: 10px;
        background: #000;
        border: 2px solid #000;
}
.blockWrapFZ button:hover{
    background: transparent;
    color: #000;
}

/* */

.homeServ{
        display: flex;
    flex-wrap: wrap;
    grid-gap: 40px 0;
}
.homeServItem{
    overflow: hidden;
    width: calc(50% - 40px);
    margin: 0 20px;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    grid-gap: 20px;
    align-items: start;
    position: relative;
    background-size: cover;
    background-position: center;
}
.homeServItem:after{
    content: "";
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000, #00000069);
}
.homeServItem:last-child{
    width: 75%;
    margin: auto;
}
.homeServItem h4{
        font-size: clamp(28px, 3vw, 28px);
    font-weight: 600;
    color: #fff;
}
.homeServItem p{
        color: #e7e7e7;
    font-size: clamp(16px, 2vw, 18px);
    line-height: 24px;
}
.homeServItem a{

}
.homeSICon{
        display: grid;
    grid-gap: 20px;
    position: relative;
    z-index: 10;
}
.homeSICon div{
    
}
.homeSICon svg{
        color: #959595;
    width: 42px;
    height: 42px;
}

.homeFZAS{
    background: url(/ib2/aaasweg.png);
    border-radius: 30px;
    padding: 40px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.homeFZASAbout{
        padding: 40px !important;
}
.homeFZAS h2{
        text-align: left;
    color: #fff;
}
.homeFZAS p{
        color: #f3f3f3;
    font-size: clamp(16px, 2vw, 18px);
    line-height: 24px;
    width: 100%;
    max-width: 500px;
}
.homeFZAS div a:first-child{
    border: 2px solid var(--main-theme-color);
}
.homeFZAS div a:first-child:hover{
    background: transparent;
    border: 2px solid var(--main-theme-color);
    color: var(--main-theme-color);
}
.single-choose-style1-box:hover .icon svg{
    color: var(--main-theme-color);
}


/**/

.homeServAll{
    display: flex;
    margin: 0 -10px;
    justify-content: center;
}
.homeSAItem{
margin: 0 10px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    padding: 60px;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 350px;
    height: 350px;
}
.homeSAItem:nth-child(2){
    margin-top: 60px;
}
.homeSAItem::after{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    pointer-events: none;

    background: conic-gradient(
        var(--main-theme-color) 0deg 35deg,
        transparent 35deg 55deg,
        var(--main-theme-color) 55deg 140deg,
        transparent 140deg 170deg,
        var(--main-theme-color) 170deg 260deg,
        transparent 260deg 290deg,
        var(--main-theme-color) 290deg 360deg
    );

    padding: 4px;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    animation: homeSAItem 10s linear infinite;
}
@keyframes homeSAItem{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*
@keyframes homeSAItem{
    to{
        transform: rotate(360deg);
    }
}
.homeSAItem:nth-child(2)::after{
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    pointer-events: none;

    border: 3px dashed var(--main-theme-color);
    border-top-style: solid;
    border-left-style: solid;

    animation: homeSAItem 15s linear infinite reverse;
}


.homeSAItem:nth-child(2)::after{
    inset: 8px;
    border: 2px dashed var(--main-theme-color);
    border-radius: 50%;
    opacity: 1;
    animation: homeSAItem 18s linear infinite reverse;
}*/

.homeSAItem:after{
        border: 0;
    background: url(/ib2/ch-2.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    inset: initial;
    padding: 0;
    mask-composite: initial;
    background-repeat: no-repeat;
}


.homeSAItem h3{
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 600;
    padding-bottom: 10px;
}
.homeSAItem p{
    color: #616161;
    font-size: 14px;
}

.homeCon{
        display: grid;
    grid-template-columns: repeat(3, 33.3%);
    grid-gap: 40px 0;
    margin: 0 -40px;
}
.homeCItem{
        margin: 0 40px;
    display: grid;
    grid-gap: 20px;
}
.homeCITop{
grid-template-columns: 40px auto;
    display: grid;
    grid-gap: 20px;
    align-items: center;
}
.homeCITop div{
    animation: homeCITop 20s infinite normal linear;
    width: 40px;
    height: 40px;
    display: flex;
    background: var(--main-theme-color);
    border-radius: 8px;

}
@keyframes homeCITop{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.homeCITop h3{
        font-weight: 600;
    font-size: clamp(18px, 2vw, 22px);
}
.homeCItem p{
    color: #616161;
}

.homeServAll2{
    
}
.homeServAll2 .homeSAItem{
        background: #fff;
    border-radius: 20px;
    padding: 40px;
    height: auto;
    width: 33%;
    position: relative;
}
.homeServAll2 .homeSAItem:not(:nth-child(2)){
    margin-bottom: 60px;
}
.homeServAll2 .homeSAItem:after{
    display: none;
}
.homeServAll2 .homeSAItem:before{
    content:'';
  display: inline-block;
  width: 48px;
  height: 48px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    position: absolute;
    top: 20px;
    right: 20px;
    color: var(--main-theme-color);

}

/* modal form */

.modalH3{
    font-size: clamp(24px, 3vw, 28px);
    font-weight: 600;
    padding-bottom: 10px;
}
.modalP{
    color: #616161;
    padding-bottom: 30px;
    width: 100%;
    max-width: 400px;

}
.modalForm{
    
}

.modalFormStyles{
    
}
.modalFormStyles .modal-dialog{
        max-width: 580px;
}
.modalFormStyles .modal-content{
    border-radius: 30px;
    border: 0;
    border-bottom: 10px solid #000;
}
.modalFormStyles .modal-header{
    border: 0;
}

/* */

.breadcrumb-area .inner-content{
    padding: 0;
}
.contact-form .inner-title h1 {
    font-size: clamp(26px, 3vw, 32px);
    font-weight: 600;
    padding-bottom: 20px;
}
.contactWrap{
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 40px;
}
.contact-form .inner-title p{
    padding-bottom: 20px;
    width: 100%;
    max-width: 600px;
    font-size: clamp(14px, 2vw, 16px);
}
.breadcrumb-area{
    padding: 20px 0!important;
}
.google-map__one{
        mix-blend-mode: initial;
}
.contact-form form .form-group label{
    font-size: 16px;
}

/**/

.styled-pagination{
        justify-content: center;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px 0;
}

.blogDImg{
        width: 100%;
    border-radius: 30px;
    padding-bottom: 20px;
}

.blogItemContent{
    width: 100%;
    max-width: 900px;
    /*margin: auto;*/
    padding-top: 40px;
    font-size: 18px;
}
.blog-details-content .meta-info{
        margin: 0;
}
.blogItemContent p{
    font-size: clamp(15px, 2.1vw, 16px);
    margin-bottom: 10px;
}
.blogItemContent ul, .blogItemContent ol{
    padding-left: 20px;
    margin: 10px 0;
}

.blogItemContent a{
    color: var(--black-shade-text);
    position: relative;
    margin-bottom: 10px;
}
.blogItemContent a:after{
    content: "";
    width: 100%;
    position: absolute;
    background: var(--black-shade-text);
    bottom: 0px;
    right: 0;
    height: 1px;
    transition: .4s;
}
.blogItemContent a:hover:after{
    width: 10%;
}
.blogItemContent h1, .blogItemContent h2, .blogItemContent h3, .blogItemContent h4, .blogItemContent h5, .blogItemContent h6{
    color: var(--black-text-background);
    margin-bottom: 30px;
    margin-top: 60px;
    font-weight: 900;
    text-transform: uppercase;
}
.blogItemContent h1{
        font-size: clamp(30px, 6vw, 54px);
}
.blogItemContent h2{
        font-size: clamp(26px, 5vw, 46px);
}
.blogItemContent h3{
        font-size: clamp(24px, 4vw, 42px);
}
.blogItemContent h4{
        font-size: clamp(22px, 3.5vw, 38px);
}
.blogItemContent h5{
        font-size: clamp(20px, 3vw, 34px);
}
.blogItemContent h6{
        font-size: clamp(18px, 2vw, 30px);
}

.blogItemContent blockquote{
        padding: 40px;
    border-radius: 30px;
    background: var(--white-shade);
    margin-bottom: 10px;
    border-bottom: 4px solid var(--main-theme-color);
}

.blogItemContent img{
        width: 100%;
    border-radius: 30px;
}

.blogItemContent table{
    width: 100%;
    margin-bottom: 20px;
}
.blogItemContent thead{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent tbody{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent tbody tr{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent th, .blogItemContent td{
        padding: 10px;
}
.blogItemContent table{
    width:100%;
    border-collapse:collapse;
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
}

.blogItemContent table::-webkit-scrollbar{
    height:6px;
}

/**/

.sidebar-blog-post ul li .img-box img{
    border-radius: 15px;
}
.sidebar-style1{
    border-radius: 20px;
}
.breadcrumb-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    text-align: left;
}
.single-sidebar-box{
    margin: 0;
}
.overlay-content{
    display: none!important;
}
.single-blog-style1 .img-holder .inner:after, .single-blog-style1 .img-holder .inner:before{
    pointer-events: none;
}

/**/

.short-box .select-box .nice-select{
        width: 270px;
}
.short-box .select-box{
    width: auto;
}
.nice-select .option{
        width: 100%;
    font-size: 12px;
}

.catFilterCheck{
        display: grid;
    grid-gap: 10px;
}

.filter-checkbox{
    display:flex;
    align-items:center;
    gap:12px;
    cursor:pointer;
    font-size:15px;
    font-weight:500;
    color:#222;
    transition:.3s;
}

.filter-checkbox input{
    display:none;
}

.filter-checkbox .check{
    width:22px;
    height:22px;
    border:2px solid #d8d8d8;
    border-radius:6px;
    background:#fff;
    position:relative;
    transition:.25s;
}

.filter-checkbox .check::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:6px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translate(-50%,-60%) rotate(-45deg) scale(0);
    transition:.2s;
}

.filter-checkbox:hover .check{
    border-color:var(--main-theme-color);
}

.filter-checkbox input:checked + .check{
    background:var(--main-theme-color);
    border-color:var(--main-theme-color);
}

.filter-checkbox input:checked + .check::before{
    transform:translate(-50%,-60%) rotate(-45deg) scale(1);
}

.filter-checkbox:hover .name{
    color:#000;
}
.filterCGray{
    color: #63747c;
    font-size: 14px;
    padding-left: 10px;
}
.sidebar-categories-box ul li a:after{
    display: none;
}
.listed-by-form{
    padding: 20px 0;
}
.listed-by-form .inner-title h5{
font-size: 28px !important;
    line-height: initial;
}
.listed-by-form .inner-title p{
    padding-top: 10px;
    font-size: 14px;
}
.sidebar-categories-box a{
    font-size: 16px!important;
    color: #000!important;
}
.sidebar-categories-box ul{
        padding-left: 20px;
}
.sidebar-categories-box ul li{
        margin: 0;
}
.property-sidebar-content{
    border-color: #d4dcdb;
    border-radius: 20px;
}

.section-buttonP:after{
    display: none;
}
.section-buttonP{
    margin: auto;
}
.filterClean{
        margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    grid-gap: 10px;
}

.shopBtnFilter{
    display: none;
    font-size: 16px;
}
.shopBtnFilter:after{
    display: none;
}

#sort{
    outline: none;
    box-shadow: none;
    font-size: 14px;
    border-radius: 10px;
}
#sort:focus{
    border-color: var(--main-theme-color);
}
.shopFilterMobTop {
    display: none;
    grid-gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    left: 0;
    padding: 20px;
    z-index: 10;
}
.shopFilterMobTop div {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
}
.shopMobFClose {
    padding: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
}
.property-item-shorting .right-column{
    display: flex;
    align-items: center;
    grid-gap: 0;
}
.fgqwg{
    appearance: auto;
    height: initial;
    line-height: initial;
}
.property-details-top__right a:after{
    display: none;
}
.property-details-top__right a{
    border-radius: 15px;
}
.property-details-top__left h2{
    font-weight: 600;
        font-size: clamp(28px, 2vw, 42px);
}
.mainButtonCD{
    
}
.mainButtonCD:after{
    display: none;
}
.sidebar-author-info-box__inner .text-box h5{
    font-size: 24px;
}
.property-details-location-box .inner-title{
    padding-bottom: 20px;
}
.blogItemContent ul{
    list-style: initial!important;
    padding-left: 40px!important;
}
.blogItemContent ol{
    list-style: initial!important;
    padding-left: 40px!important;
}
.blogItemContent li{
    list-style: initial!important;
    padding-left: initial!important;
}

.property-details-sidebar{
    border-radius: 15px;
}


/**/

.priceFilter{
    width:100%;
    max-width:400px;
}

.priceFilter h3{
    margin:0 0 15px;
    font-size:20px;
}

.priceValues{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
    font-size:17px;
    font-weight:600;
}

.range-slider{
    position:relative;
    height:35px;
}

.slider-track{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    height:6px;
    width:100%;
    border-radius:100px;
    background:#e5e5e5;
}

.slider-track::before{
    content:"";
    position:absolute;
    left:var(--left,2%);
    right:calc(100% - var(--right,100%));
    height:100%;
    background:var(--main-theme-color);
    border-radius:100px;
}

.range-slider input{
    position:absolute;
    width:100%;
    height:6px;
    margin:0;
    top:50%;
    transform:translateY(-50%);
    appearance:none;
    background:none;
    pointer-events:none;
}

.range-slider input::-webkit-slider-thumb{
    appearance:none;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--main-theme-color);
    border:3px solid #111;
    cursor:pointer;
    pointer-events:auto;
    transition:.2s;
}

.range-slider input::-webkit-slider-thumb:hover{
    transform:scale(1.1);
}

.range-slider input::-moz-range-thumb{
    width:22px;
    height:22px;
    border:none;
    border-radius:50%;
    background:var(--main-theme-color);
    cursor:pointer;
    pointer-events:auto;
}

.range-slider input::-webkit-slider-runnable-track{
    background:none;
}

.range-slider input::-moz-range-track{
    background:none;
}

.rewBlock{
        background: #f3f3f3;
    padding: 20px;
    border-radius: 30px;
    overflow: hidden;
}
.rewBlock video{
    border-radius: 20px;
}
.rewBlock p{
        font-weight: 600;
    padding-top: 20px;
    font-size: clamp(16px, 2vw, 18px);
}

.customVideo {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #111;
}

.customVideo__media {
    display: block;
    width: 100%;
    height: auto;
}

.customVideo__play {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;

    background: #f7bd40;
    backdrop-filter: blur(12px);

    cursor: pointer;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.customVideo__play svg {
    width: 28px;
    height: 28px;

    fill: #fff;

    margin-left: 4px;
}

.customVideo__play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(255,255,255,.25);
    border-color: rgba(255,255,255,.8);
}

.customVideo.is-playing .customVideo__play {
    opacity: 0;
    pointer-events: none;
}

.categorie-box{
    display: none!important;
}
.mainButtonBlack{
    background: #000;
    color: #fff;
}

.blogCatOpen{
    margin: 40px 0;
    display: none;
}
.blog-page-one{
    z-index: auto;
}

/**/

.homeFZMAIN{
    display: grid;
    grid-template-columns: 60% 40%;
    margin: 0 -20px;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 20px;
}
.homeFZAS{
    display: grid;
    align-items: stretch;
    align-content: space-between;
    padding: 0;
    padding-top: 50px;
}
.instVideo{
    margin: 0 20px;
}
.instVideo video{
    width: 100%;
}

/**/

.video-wrapper {
    position: relative;
    display: inline-block;
}
.wrappersgs{
        font-size: 28px;
    color: var(--main-theme-color);
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
}

.video-wrapper video {
    display: block;
    width: 100%;
    border-radius: 12px;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    border: none;
    border-radius: 50%;
        background: var(--main-theme-color);
    color: #fff;
    font-size: 42px;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
}

.play-btn:hover {
    transform: translate(-50%, -50%) scale(1.08);
    background: rgba(0,0,0,.8);
}

.play-btn.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 600px) {

    .play-btn {
        width: 70px;
        height: 70px;
    }

    .play-btn svg {
        width: 30px;
        height: 30px;
    }
}

/**/

.homeFZMAIN2{
    background: url(/ib2/aaasweg.png);
    border-radius: 30px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.homeFZMAIN2 .homeFZAS{
        background: none;
}
.detContentCom .inner-title h5{
    min-width: 200px;
}

/**/

.property-details-location-box .inner-title:last-child{
        display: grid;
    justify-content: end;
}
.property-details-location-box .inner-title:last-child:nth-child(3){
    justify-content: start;
}
.property-details-location-box .inner-title:nth-child(2){
        display: grid;
    justify-content: end;
}
.property-details-location-box .inner-title:last-child p{
        font-weight: 600;
    font-size: 24px;
}
.property-details-sidebar{
        background: var(--main-theme-color);
    color: #ffff;
}
.property-details-sidebar h5{
    color: #fff;
}
.property-details-sidebar .listed-by-form .form-group label{
    color: #fff
}

/**/
.single-properties-box-style1 .img-holder, .single-blog-style1 .img-holder .inner{
    width: 100%;
    height: 240px;
    overflow: hidden;
        border-radius: 30px;
}
.single-properties-box-style1 .img-holder img, .single-blog-style1 .img-holder .inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catItemVideo{
        width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}

.catItemVideoSlider{
    width: 100%;
    border-radius: 30px;
    height: 100%;
    object-fit: cover;
}
.catItemVideoSliderUp{
    
}
.mySwiperDown .swiper-slide > div{
        height: 200px;
}
.mySwiperUp .swiper-slide > div{
height: stretch;
    background: #f3f3f3;
    border-radius: 30px;
}
.mySwiperUp .swiper-slide img{

}
.mySwiperUp .swiper-slide video{
    max-height: 600px;
    width: stretch;
    display: flex;
    margin: auto;
    object-fit: contain;
}
.mySwiperUp .video-wrapper{
    height: 100%;
}
.catItemVideoSliderDown{
    height: 200px;
    object-fit: cover;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{
    background: var(--main-theme-color);
    display: flex;
    padding: 10px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
        top: 40%;
}
.cdSlider{
    padding-bottom: 0!important;
    margin-bottom: 40px;
}
.mySwiper2{
    padding: 0!important;
}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after{
        font-size: 30px;
}
    .cdSlider .mySwiper img{
            border-radius: 30px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    }
/*  */

.contact-info-box-style1{
        background: #000;
    color: #fff;
    border-radius: 30px;
        justify-content: space-between !important;
}
.contact-info-box-style1__single{
    align-items: center!important;
}
.contact-info-box-style1 h4{
    color: #000;
    font-size: clamp(20px, 2vw, 26px)!important;
        padding-bottom: 40px;
}
.contact-info-box-style1 h5{
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
.contact-info-box-style1 p a{
    color: #000;
    font-size: 16px;
}
.contact-form .inner-title p {
    line-height: 24px;
}
.contact-info-box-style1__single{
    padding-left: 110px;
}
.contact-info-box-style1__single .social-link a{
        font-size: 22px !important;
    color: #000 !important;
}
.contact-info-box-style1__single .social-link a:hover{
    color: var(--main-theme-color) !important;
}

/**/

.single-agents-style1 .img-holder .inner img{
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: bottom;
}
.single-agents-style1 .img-holder .inner{
    border-radius: 20px!important;
}
.single-agents-style1:hover .img-holder .inner img{
    opacity: 1!important;
}
.single-agents-style1 .img-holder .inner{
    background: transparent!important;
}
.single-agents-style1 .title-holder{
    background: #f3f3f3;
}

/**/
.aboutAuthor{
        display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 -20px;
        align-items: stretch;
}
.aAImg{
    margin: 0 20px;
}
.aAImg img{
        width: 100%;
    border-radius: 30px;
}
.aAContent{
    margin: 0 20px;
    display: grid;
}
.aAContent p{
        line-height: 28px;
}
.aAContent p:first-child{
        font-size: 20px;
    margin-bottom: 20px;
}
.aAContent ul{
    list-style: disc;
    padding-left: 2rem;
    display: grid;
    grid-gap: 10px;
    margin-top: 10px;
}
.aAContent ul li{
        list-style: disc;
}

/**/

.aboutNums{
        width: 100%;
    border-radius: 30px;
    padding: 40px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    justify-content: center;
    text-align: center;
    margin: 0 -20px;
}
.aboutNItem{
    margin: 0 20px;
}
.aboutNItem > div{
    font-size: 60px;
    font-weight: 600;
        border-bottom: 2px solid #ffffff54;
    padding-bottom: 10px;
    color: #fff;
    display: flex;
    justify-content: center;
}
.aboutNItem p{
        font-weight: 600;
    padding-top: 20px;
    color: #fff;
}

/**/

.aboutBanner{
    display: grid;
    grid-template-columns: 45% 55%;
    align-items: center;
    min-height: 600px;
}
.aboutBContent{
    position: relative;
    z-index: 10;
    width: 100%;
    grid-gap: 40px;
    display: grid;
        padding: 40px;
}
.aboutBContent h1{
    font-weight: 900;
    font-size: clamp(32px, 5vw, 64px);
    width: 100%;
    max-width: 500px;
}
.aboutBContent p{
    font-size: clamp(16px, 2vw, 18px);
    line-height: 26px;
    width: 100%;
    max-width: 500px;
}
.aboutBImg{
        width: 100%;
    height: 100%;
    border-radius: 0 60px 60px 0;
    overflow: hidden;
}
.aboutBImg img{
        width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.regergqgweg .instVideo{
    display: grid;
    justify-content: center;
}
.regergqgweg .instVideo video{
    border-radius: 20px;
    width: 100%;
    max-width: 200px;
    margin: auto;
}

/**/

.single-properties-box-style1 .img-holder img, .single-properties-box-style1 .img-holder video{
    aspect-ratio: initial!important;
}
.single-blog-style1 .img-holder, .single-properties-box-style1 .img-holder{
    display: flex;
}
.single-properties-box-style1 .img-holder>a{
    display: flex;
    width: 100%;
}
.cdSingleMedia img, .cdSingleMedia video{

}
.cdSingleMedia video{
    width: initial !important;
    object-fit: initial !important;
    display: flex !important;
    max-height: 600px;
    margin: auto;
    border-radius: 30px;
    height: auto !important;
}
.mySwiper2 .swiper-slide video {
    width: initial!important;
    height: initial!important;
    object-fit: initial!important;
    display: flex!important;
    border-radius: inherit!important;
}
.mySwiperUp .swiper-slide img{
        width: 100% !important;
    height: 100% !important;
}
.mySwiper2 .swiper-slide>div, .mySwiper2 .swiper-slide>a{
        display: block!important;
    overflow: hidden!important;
}
@media (max-width: 991px) {
    .mySwiper2 .swiper-slide video {
        width: 100%!important;
        height: 100%!important;
                object-fit: contain !important;
    }
}
.mySwiper2 .swiper-slide>div, .mySwiper2 .swiper-slide>a{
    height: max-content!important;
}
.mySwiper .swiper-slide{
    height: initial!important;
}
.mySwiperDown .swiper-slide > div {
    height: 200px;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 991px) {
    .mySwiperDown .swiper-slide > div{
        height: 120px;
    }
}
.property-details-content img, .blog-details-content img{
        padding: 0;
    margin-bottom: 40px !important;
    box-shadow: none !important;
}
/**/

/**/

.etherh{
    background: var(--main-theme-color)!important;
    
}
.etherh label{
    color: #fff!important;
}
.contact-info-box-style1{
    background: #f3f3f3;
}
.contact-info-box-style1__single:last-of-type{
    margin: 0!important;
    padding: 0!important;
}

.socFloatMain{
   background: var(--main-theme-color)!important; 
   box-shadow: 0 10px 30px #d5b36b85!important;
}
.socFloatPulse{
    background: var(--main-theme-color)!important;
}
.priceRange .noUi-connect{
    background: var(--main-theme-color)!important;
}
/**/

/* media */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .property-grid-content-box {
        padding-top: 0!important;
    }
    .homeServAll2 .homeSAItem{
        margin: 0 !important;
        width: 48%;
    }
    .homeServAll2 .homeSAItem:last-child{
        width: 100%;
    }
}
@media (max-width: 1199px){
    .stricky-header{
        display: block!important;
    }
    .property-sidebar-content{
        border: 0;
    }
    .blogCatOpen{
        display: flex;
    }
    .blogSidebar {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 8888;
        width: 100%;
        border-radius: 0;
        overflow: auto;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        padding: 60px 0;
        padding-bottom: 0;
    }
    
    .property-item-shorting .right-column{
        display: flex;
    align-items: center;
    grid-gap: 0;
    margin: 0;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px !important;
    }
    .homeSAItem{
        width: 300px;
        height: 300px;
    }
    .shopBtnFilter{
                display: flex;
        margin-right: 20px;
    }
    .shopSidebar {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 8888;
        width: 100%;
        border-radius: 0;
        overflow: auto;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        padding: 60px 0;
                padding-bottom: 0;
    }
    .shopFilterMobTop {
        display: flex;
    }
}
@media (max-width: 991px){
    .aboutAuthor{
        grid-template-columns: 100%;
        margin: 0;
                grid-gap: 40px;
    }
    .aAImg, .aAContent{
           margin: 0;
    }
    .homeCon {
        margin: 0 -20px;
        grid-template-columns: repeat(2, 50%);
    }
    .homeCItem{
        margin: 0 20px;
    }
    .blockWrapFZ div:first-child, .homeFZAS{
        padding: 40px 20px;
    }
    .homeServItem, .homeServItem:last-child{
        width: 100%;
        margin: 0;
    }
    .homeServAll{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 20px;
    }
    .homeSAItem{
        width: 300px;
        height: 300px;
        margin: 0;
    }
        .homeSAItem:nth-child(2){
        margin-top: 0;
    }
}
@media (max-width: 767px){
    .regergqgweg .instVideo video{
    max-width: 250px;
    }
    .homeFZAS{
                padding: 0 !important;
    }
    .homeFZMAIN {
                padding: 20px !important;
    }
    .homeFZASAbout{
        padding: 20px!important;
    }
    .mySwiperUp .swiper-slide video{
        max-height: 400px;
    }
    .mySwiperDown .swiper-slide > div{
        height: 120px;
    }
    .catItemVideoSliderDown{
        height: 120px;
    }

    .mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{
        width: 40px;
        height: 40px;
        top: 30%;
    }
    .mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after{
            font-size: 20px;
    }
    .aboutBanner {
        display: grid;
        grid-template-columns: 100%;
        align-items: center;
        min-height: 600px;
        padding-left: 15px!important;
        padding-right: 15px!important;
        grid-gap: 20px;
    }
    .aboutBContent{
        padding: initial;
    }
    .aboutBImg{
                border-radius: 30px;
    }
    .aboutNums{
        grid-template-columns: 100%;
        grid-gap: 40px;
        padding: 20px;
        margin: 0;
    }
    .aboutNItem{
        margin: 0;
    }
    .single-agents-style1 .img-holder .inner img{
            width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contactWrap{
        padding: 20px;
    }
    .property-details-location-box .inner-title:last-child{
        justify-content: start;
        order: 1;
    }
    .property-details-location-box .inner-title:nth-child(2){
        order: 1;
        justify-content: start;
    }
    .homeFZMAIN{
                padding: 10px;
    }
    .homeFZMAIN {
        margin: 0px;
        grid-gap: 20px;
            grid-template-columns: 100%;
    }
    .homeFZAS, .instVideo{
        margin: 0px;
    }
    .instVideo{
        display: flex;
        justify-content: center;
    }
    
    .homeSItem:nth-child(odd):after, .homeSItem:nth-child(even):after{
        display: none;
    }
    .homeBanner{
        min-height: 50vh;
    }
    .customVideo__play{
                width: 60px;
        height: 60px;
    }
    .rewBlock{
        padding: 10px;
    }
    .homeServAll2 .homeSAItem{
        width: 100%;
    }
    .homeServAll2 .homeSAItem:not(:nth-child(2)){
        margin: 0!important;
    }
    .homeServAll2{
        margin: 0;
    }
    .property-grid-content-box{
        padding: 0!important;
    }
    .property-item-shorting .left-column{
                display: flex;
        flex-wrap: wrap;
        justify-content: start;
        text-align: left;
        align-items: start;
        flex-direction: initial!important;
    }
    .property-item-shorting{
        flex-direction: initial!important;
        justify-content: start!important;
    }
    .property-item-shorting .left-column{
        justify-content: start!important;
    }
    .breadcrumb-area{
        padding: 20px 0!important;
    }
        .breadcrumb-area .inner-content {
        flex-direction: column;
        justify-content: start!important;
        align-items: start!important;
        padding: 0!important;
    }
    .homeBAdv{
        grid-gap: 10px;
    }
    .homeServItem, .homeADVS .single-choose-style1-box, .homeFZAS{
        padding: 40px 20px;
    }
    .blockWrapFZ{
        grid-template-columns: 100%;
    }
    .blockWrapFZ div:last-child{
        
    }
    .blockWrapFZ div:last-child img{
        height: 250px;
    }
    .single-footer-widget.marbtm50{
        margin-bottom: 40px!important;
    }
    .homeStages{
        grid-template-columns: 100%;
        margin: 0;
        grid-gap: 40px;
    }
    .homeSItem{
        margin: 0;
    }
    .homeBanner, .homeBanner2{
        padding: 60px 0;
    }
    .homeBBtns, .homeBAdv{
        padding-top: 40px;
    }
    .main-header-style2__top{
        display: none;
    }
}
.homeStagesSlider, .homeConSlider{
    display: none;
}
.swiper-slide {
    height: auto;
}
.swiper-wrapper {
    height: auto;
}
.swiper-pagination-bullet-active{
    background: var(--main-theme-color);
}
@media (max-width: 767px){
    .homeStages, .homeCon{
        display: none;
    }
    .homeStagesSlider, .homeConSlider{
        display: inherit;
    }
    .homeSItem{
        height: 100%;
        border: 1px solid #000;
        border-radius: 15px;
        padding: 40px 20px;
        margin: 0;
    }
    .homeCItem{
        height: 100%;
        background: #fff;
        border-radius: 15px;
        padding: 40px 20px;
        margin: 0;
        align-items: start;
        align-content: start;
    }
    .homeSAItem{
                padding: 50px;
        width: 350px;
        height: 350px;
    }
    .homeSAItem p{
        font-size: 15px;
    }
    
    
}
@media (max-width: 360px){
    .homeSAItem{
        width: 310px;
        height: 310px;
    }
}



/* =====================================================
   OREAL — RENT SHOWCASE
===================================================== */

.oreal-rent-showcase {
    padding: 50px 0 110px;
    font-family: inherit;
}

.oreal-rent-showcase{
    position: relative;
}
.oreal-rent-showcase:after{
    content: "";
    background: url(/ib2/renBack2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: -1;
}

.oreal-rent-showcase * {
    box-sizing: border-box;
}


/* WRAPPER
----------------------------------------------------- */

.oreal-rent-showcase__wrap {
    position: relative;

    overflow: hidden;


    border-radius: 26px;
}

.mainButtonwefgwe{
        margin: auto;
}
/* CONTENT
----------------------------------------------------- */

.oreal-rent-showcase__content {
    position: relative;
    z-index: 3;

    max-width: 830px;

    margin: 0 auto 55px;

    text-align: center;
}


/* LABEL */

.oreal-rent-showcase__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    margin-bottom: 25px;

    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: .13em;
    text-transform: uppercase;

    color: #777;
}

.oreal-rent-showcase__label span {
    width: 47px;
    height: 1px;

    background: rgba(40, 40, 40, .25);
}


/* TITLE */

.oreal-rent-showcase__title {
    margin: 0;

    font-size: clamp(44px, 5vw, 76px);
    font-weight: 400;
    line-height: 1.03;

    letter-spacing: -.04em;

    color: var(--Primary);
}


/* DESCRIPTION */

.oreal-rent-showcase__text {

    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 20px;

    color: #1a1a1a;
}
.oreal-rent-advantages__item {
    background: #ffffffb0;
}
.bcH1{
    color: #000!important;
}
.ggerg{
    padding-bottom: 20px;
}


/* BUTTON */

.oreal-rent-showcase__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 27px;

    margin-top: 35px;

    min-height: 60px;

    padding: 0 27px;

    background: var(--Primary);

    border-radius: 10px;

    font-size: 14px;
    font-weight: 500;

    color: #fff;

    text-decoration: none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.oreal-rent-showcase__button svg {
    transition: transform .3s ease;
}

.oreal-rent-showcase__button:hover {
    color: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(20, 50, 40, .15);
}

.oreal-rent-showcase__button:hover svg {
    transform: translateX(5px);
}


/* IMAGE
----------------------------------------------------- */

.oreal-rent-showcase__image {
    position: relative;
    z-index: 2;

    width: 92%;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 24px;
}

.oreal-rent-showcase__image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(17, 35, 29, .22) 0%,
            rgba(17, 35, 29, 0) 35%
        );

    pointer-events: none;
}

.oreal-rent-showcase__image img {
    display: block;

    width: 100%;
    height: 520px;

    object-fit: cover;

    transition: transform .8s ease;
}

.oreal-rent-showcase__wrap:hover
.oreal-rent-showcase__image img {
    transform: scale(1.015);
}


/* IMAGE LABEL */

.oreal-rent-showcase__image-label {
    position: absolute;
    z-index: 3;

    left: 35px;
    bottom: 30px;

    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 11px;
    font-weight: 500;

    letter-spacing: .08em;
    text-transform: uppercase;

    color: rgba(255,255,255,.9);
}

.oreal-rent-showcase__image-label span {
    width: 30px;
    height: 1px;

    background: rgba(255,255,255,.7);
}


/* SIDE DECORATIONS
----------------------------------------------------- */

.oreal-rent-showcase__decor {
    position: absolute;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 16px;

    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;

    letter-spacing: .11em;
    text-transform: uppercase;

    color: #8b8b86;
}

.oreal-rent-showcase__decor span {
    display: block;

    width: 38px;
    height: 1px;

    background: rgba(30, 30, 30, .22);
}

.oreal-rent-showcase__decor p {
    margin: 0;
}

.oreal-rent-showcase__decor--left {
    left: 35px;
    bottom: 215px;
}

.oreal-rent-showcase__decor--right {
    right: 35px;
    top: 145px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1100px) {

    .oreal-rent-showcase {
        padding: 40px 0 85px;
    }


    .oreal-rent-showcase__image {
        width: 100%;
    }

    .oreal-rent-showcase__image img {
        height: 450px;
    }

    .oreal-rent-showcase__decor {
        display: none;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .oreal-rent-showcase {
        padding: 25px 0 60px;
    }

    .oreal-rent-showcase__wrap {

        border-radius: 18px;
    }

    .oreal-rent-showcase__content {
        margin-bottom: 35px;
    }

    .oreal-rent-showcase__label {
        gap: 10px;

        margin-bottom: 20px;

        font-size: 10px;
    }

    .oreal-rent-showcase__label span {
        width: 28px;
    }

    .oreal-rent-showcase__title {
        font-size: 42px;
        line-height: 1.04;
    }

    .oreal-rent-showcase__text {
        margin-top: 22px;

        font-size: 16px;
        line-height: 1.65;
    }

    .oreal-rent-showcase__button {
        width: 100%;

        justify-content: space-between;

        min-height: 58px;

        margin-top: 28px;

        padding:
            0
            20px;

        border-radius: 8px;
    }

    .oreal-rent-showcase__image {
        border-radius:
            15px
            15px
            0
            0;
    }

    .oreal-rent-showcase__image img {
        height: 310px;
    }

    .oreal-rent-showcase__image-label {
        left: 20px;
        bottom: 20px;

        font-size: 9px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

    .oreal-rent-showcase__title {
        font-size: 37px;
    }

    .oreal-rent-showcase__image img {
        height: 270px;
    }

}



/* =========================================
   OREAL — FOUNDER BLOCK
========================================= */

.oreal-founder {
    padding: 100px 0;
}

.oreal-founder * {
    box-sizing: border-box;
}

.oreal-founder__content {
    font-size: 17px;
    line-height: 1.75;
    color: #242424;
}


/* PHOTO */

.oreal-founder__photo {
    position: relative;

    float: left;

    width: 100%;
    max-width: 340px;

    margin: 0 55px 30px 0;

    overflow: hidden;

    border-radius: 28px;
}

.oreal-founder__photo::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.38) 0%,
            rgba(0,0,0,0) 36%
        );

    pointer-events: none;
}

.oreal-founder__photo img {
    display: block;

    width: 100%;
    height: auto;


    object-fit: cover;
    object-position: center;

    transition: transform .7s ease;
}

.oreal-founder__photo:hover img {
    transform: scale(1.02);
}


/* PHOTO CAPTION */

.oreal-founder__photo-caption {
    position: absolute;
    z-index: 3;

    left: 30px;
    bottom: 28px;

    display: flex;
    align-items: center;
    gap: 14px;

    color: #fff;
}

.oreal-founder__photo-caption > span {
    display: block;

    width: 34px;
    height: 1px;

    background: rgba(255,255,255,.7);
}

.oreal-founder__photo-caption div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.oreal-founder__photo-caption strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.oreal-founder__photo-caption small {
    font-size: 11px;
    font-weight: 400;

    text-transform: uppercase;
    letter-spacing: .08em;

    color: rgba(255,255,255,.7);
}


/* EYEBROW */

.oreal-founder__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    font-size: 11px;
    font-weight: 500;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .12em;

    color: #9a9a9a;
}

.oreal-founder__eyebrow span {
    width: 28px;
    height: 1px;

    background: var(--Primary);
}


/* TITLE */

.oreal-founder__title {
    margin: 0 0 28px;

    font-size: clamp(36px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;

    letter-spacing: -.03em;

    color: #111;
}

.oreal-founder__title span {
    display: block;

    color: var(--Primary);
}


/* LEAD */

.oreal-founder__lead {
    margin-top: 0;

    font-size: 19px;
    font-weight: 500;
    line-height: 1.65;

    color: #111;
}


/* TEXT */

.oreal-founder__content > p {
    margin: 0 0 30px;
}


/* QUOTE */

.oreal-founder__quote {
    display: flex;
    gap: 18px;

    margin: 35px 0;

    padding: 25px 28px;

    background: #f6f4ef;

    border-radius: 18px;
}

.oreal-founder__quote-line {
    flex: 0 0 3px;

    border-radius: 5px;

    background: var(--Primary);
}

.oreal-founder__quote p {
    margin: 0;

    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;

    color: #222;
}


/* LIST */

.oreal-founder__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px 24px;

    margin: 10px 0 35px;
    padding: 0;

    list-style: none;
}

.oreal-founder__list li {
    position: relative;

    padding-left: 22px;

    font-size: 16px;
    line-height: 1.55;
}

.oreal-founder__list li::before {
    content: "";

    position: absolute;

    left: 0;
    top: .72em;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--Primary);
}


/* CLEARFIX */

.oreal-founder__content::after {
    content: "";
    display: block;
    clear: both;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .oreal-founder {
        padding: 80px 0;
    }

    .oreal-founder__photo {
        width: 44%;

        margin-right: 35px;

        border-radius: 22px;
    }

    .oreal-founder__title {
        font-size: 42px;
    }

}


/* =========================================
   MOBILE
========================================= */
.founder__photo2{
    display: none;
}
@media (max-width: 767px) {
    .founder__photo2{
        display: flex;
    }
    .founder__photo1{
        display: none;
    }
    .oreal-founder {
        padding: 55px 0;
    }

    .oreal-founder__content {
        font-size: 15px;
        line-height: 1.7;
    }

    .oreal-founder__photo {
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 0 30px;

        border-radius: 20px;
    }

    .oreal-founder__photo img {
        aspect-ratio: 4 / 5;

        max-height: 560px;
    }

    .oreal-founder__photo-caption {
        left: 20px;
        bottom: 20px;
    }

    .oreal-founder__eyebrow {
        margin-bottom: 15px;
    }

    .oreal-founder__title {
        margin-bottom: 22px;

        font-size: 36px;
        line-height: 1.08;
    }

    .oreal-founder__lead {
        font-size: 17px;
    }

    .oreal-founder__content > p {
        margin-bottom: 24px;
    }

    .oreal-founder__quote {
        margin: 28px 0;

        padding: 20px;

        border-radius: 14px;
    }

    .oreal-founder__quote p {
        font-size: 16px;
    }

    .oreal-founder__list {
        grid-template-columns: 1fr;

        gap: 10px;

        margin-bottom: 28px;
    }

    .oreal-founder__list li {
        font-size: 15px;
    }

}

/* ==========================================
   RENT ADVANTAGES
========================================== */

.oreal-rent-advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

    max-width: 900px;

    margin: 30px auto 30px auto;
}


/* ITEM */

.oreal-rent-advantages__item {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    padding: 18px 20px;

    /*background: #f8f6f1;*/

    border: 1px solid rgba(0, 0, 0, .055);
    border-radius: 16px;

    text-align: left;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


/* ICON */

.oreal-rent-advantages__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 12px;

    background: rgba(216, 178, 100, .16);

    color: var(--Primary);
}


/* TEXT */

.oreal-rent-advantages__content {
    min-width: 0;
}

.oreal-rent-advantages__content h3 {
    margin: 0 0 6px;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;

    color: #171717;
}

.oreal-rent-advantages__content p {
    margin: 0;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;

    color: #6c6c6c;
}


/* HOVER */


/* BUTTON SPACING */

.oreal-rent-advantages + .oreal-rent-showcase__button {
    margin-top: 28px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .oreal-rent-advantages {
        max-width: 760px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .oreal-rent-advantages {
        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 25px;
    }

    .oreal-rent-advantages__item {
        gap: 13px;

        padding: 15px;

        border-radius: 14px;
    }

    .oreal-rent-advantages__icon {
        width: 38px;
        height: 38px;

        flex: 0 0 38px;

        border-radius: 10px;
    }

    .oreal-rent-advantages__content h3 {
        font-size: 14px;
    }

    .oreal-rent-advantages__content p {
        font-size: 12px;
        line-height: 1.5;
    }

}

.orealRentTrustGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    max-width: 1050px;
    margin: 34px auto 0;

    background: #f8f6f1;
    border-radius: 18px;

    overflow: hidden;
}


/* ITEM */

.orealRentTrustGrid__item {
    position: relative;

    min-height: 145px;

    padding: 26px 24px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    border-right: 1px solid rgba(0, 0, 0, .08);
}

.orealRentTrustGrid__item:last-child {
    border-right: 0;
}


/* LINE */

.orealRentTrustGrid__line {
    position: absolute;

    top: 24px;
    left: 24px;

    width: 34px;
    height: 2px;

    background: var(--Primary);

    border-radius: 5px;
}


/* TITLE */

.orealRentTrustGrid__item h3 {
    margin: 0;

    max-width: 190px;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;

    letter-spacing: -.01em;

    color: #171717;
}


/* TABLET */

@media (max-width: 950px) {

    .orealRentTrustGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orealRentTrustGrid__item {
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .orealRentTrustGrid__item:nth-child(2n) {
        border-right: 0;
    }

    .orealRentTrustGrid__item:nth-last-child(-n+2) {
        border-bottom: 0;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .orealRentTrustGrid {
        grid-template-columns: 1fr;

        margin-top: 26px;

        border-radius: 14px;
    }

    .orealRentTrustGrid__item {
        min-height: 105px;

        padding: 22px 18px;

        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .orealRentTrustGrid__item:nth-last-child(2) {
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .orealRentTrustGrid__item:last-child {
        border-bottom: 0;
    }

    .orealRentTrustGrid__line {
        top: 20px;
        left: 18px;

        width: 28px;
    }

    .orealRentTrustGrid__item h3 {
        max-width: none;

        font-size: 16px;
    }

}

.oreal-rent-advantages__content h3 {
    display: flex;
    align-items: center;

    gap: 10px;

    margin: 0;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;

    color: #171717;
}

.oreal-rent-advantages__mark {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    border-radius: 50%;

    background: rgba(196, 156, 84, .13);

    color: var(--Primary);
}

.oreal-rent-advantages__mark svg {
    width: 15px;
    height: 15px;
}

.oreal-rent-types {
    padding: 110px 0;
    background: #fff;
}

.oreal-rent-types * {
    box-sizing: border-box;
}


/* =========================
   HEAD
========================= */

.oreal-rent-types__head {
display: grid;
    gap: 80px;
    align-items: end;
    margin-bottom: 0;
}

.oreal-rent-types__label {
    display: block;

    margin-bottom: 15px;

    font-size: 13px;
    font-weight: 500;

    text-transform: uppercase;
    letter-spacing: 0.12em;

    color: #8c8c85;
}

.oreal-rent-types__head h2 {
    margin: 0;
}

.oreal-rent-types__head-right {
    max-width: 510px;
}

.oreal-rent-types__head-right p {
    margin: 0;

    font-size: 17px;
    line-height: 1.7;

    color: #696965;
}


/* =========================
   GRID
========================= */

.oreal-rent-types__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 18px;
}


/* =========================
   CARD
========================= */

.oreal-rent-types__card {
    position: relative;

    min-height: 530px;

    overflow: hidden;
    border-radius: 30px;
    background: #222;
}

.oreal-rent-types__image {
    position: absolute;

    inset: 0;
}

.oreal-rent-types__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.7s cubic-bezier(.2,.7,.2,1);
}

.oreal-rent-types__card:hover
.oreal-rent-types__image img {
    transform: scale(1.05);
}


/* Затемнення */

.oreal-rent-types__overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.05) 15%,
            rgba(0, 0, 0, 0.15) 45%,
            rgba(0, 0, 0, 0.78) 100%
        );
}


/* =========================
   CARD CONTENT
========================= */

.oreal-rent-types__card-content {
    position: relative;
    z-index: 2;

    height: 100%;

    min-height: 530px;
    border-radius: 30px;
    overflow: hidden;
    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: end;

    color: #fff;
}

.oreal-rent-types__number {
    font-size: 13px;
    font-weight: 500;

    letter-spacing: 0.06em;

    color: rgba(255,255,255,.7);
}

.oreal-rent-types__card h3 {
    margin: 0 0 12px;

    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;

    color: #fff;
}

.oreal-rent-types__card p {
    max-width: 370px;

    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: rgba(255,255,255,.78);
}


/* Велика картка */

.oreal-rent-types__card--large h3 {
    font-size: 34px;
}


/* =========================
   BOTTOM
========================= */

.oreal-rent-types__bottom {
    margin-top: 20px;

    padding: 38px 0 0;

    border-top: 1px solid rgba(20,20,20,.15);

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: center;
}

.oreal-rent-types__bottom-title span {
    display: block;

    margin-bottom: 8px;

    font-size: 13px;

    color: #85857f;
}

.oreal-rent-types__bottom-title h3 {
    margin: 0;

    font-size: 28px;
    font-weight: 500;
    line-height: 1.25;

    color: #282826;
}

.oreal-rent-types__bottom-action {
    display: flex;

    align-items: center;
    justify-content: end;

    gap: 30px;
}

.oreal-rent-types__bottom-action p {
    max-width: 370px;

    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #6c6c67;
}

.oreal-rent-types__bottom-action .mainButton {
    flex-shrink: 0;
    margin: 0;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .oreal-rent-types__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .oreal-rent-types__card--large {
        grid-column: span 2;

        min-height: 480px;
    }

    .oreal-rent-types__card--large
    .oreal-rent-types__card-content {
        min-height: 480px;
    }

    .oreal-rent-types__bottom {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {
    
    .oreal-rent-showcase:after{
        opacity: 0.4;
    }

    .oreal-rent-types {
        padding: 70px 0;
    }

    .oreal-rent-types__head {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-bottom: 35px;
    }

    .oreal-rent-types__head-right p {
        font-size: 16px;
    }

    .oreal-rent-types__grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .oreal-rent-types__card,
    .oreal-rent-types__card--large {
        grid-column: auto;

        min-height: 420px;
    }

    .oreal-rent-types__card-content,
    .oreal-rent-types__card--large
    .oreal-rent-types__card-content {
        min-height: 420px;

        padding: 23px;
    }

    .oreal-rent-types__card h3,
    .oreal-rent-types__card--large h3 {
        font-size: 26px;
    }

    .oreal-rent-types__bottom {
        margin-top: 30px;

        padding-top: 30px;
    }

    .oreal-rent-types__bottom-title h3 {
        font-size: 24px;
    }

    .oreal-rent-types__bottom-action {
        align-items: flex-start;

        flex-direction: column;
    }

    .oreal-rent-types__bottom-action .mainButton {
        width: 100%;
    }

}

/* ===================================
   CONTACT SECTION
=================================== */

.oreal-contact-section {
    padding: 100px 0;
    background: #fff;
}

.oreal-contact-section * {
    box-sizing: border-box;
}


/* ===================================
   HEADER
=================================== */

.oreal-contact-head {
    max-width: 760px;
    margin-bottom: 45px;
}

.oreal-contact-head__label {
    display: block;

    margin-bottom: 14px;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .12em;

    color: #898984;
}

.oreal-contact-head .sectionH2 {
    margin: 0 0 18px;
}

.oreal-contact-head p {
    max-width: 650px;

    margin: 0;

    font-size: 17px;
    line-height: 1.65;

    color: #6b6b66;
}


/* ===================================
   GRID
=================================== */

.oreal-contact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, .8fr)
        minmax(340px, 1fr);

    min-height: 620px;

    border: 1px solid #e3e3df;
}


/* ===================================
   MAP
=================================== */

.oreal-contact-map {
    position: relative;

    min-width: 0;
    min-height: 620px;

    overflow: hidden;

    background: #eee;
}

.oreal-contact-map iframe {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    filter: grayscale(25%);
}


/* ===================================
   CONTACT INFO
=================================== */

.oreal-contact-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 42px 35px;

    border-left: 1px solid #e3e3df;

    background: #f6f6f3;
}


/* Top */

.oreal-contact-info__small,
.oreal-contact-form__small {
    display: block;

    margin-bottom: 18px;

    font-size: 12px;
    font-weight: 500;

    text-transform: uppercase;
    letter-spacing: .12em;

    color: #92928b;
}

.oreal-contact-info h2 {
    margin: 0 0 18px;

    font-size: 32px;
    font-weight: 500;
    line-height: 1.15;

    color: #262624;
}

.oreal-contact-info__top > p {
    margin: 0;

    font-size: 15px;
    line-height: 1.65;

    color: #71716b;
}


/* Contact list */

.oreal-contact-info__list {
    margin-top: 50px;
}

.oreal-contact-info__item {
    padding: 21px 0;

    border-top: 1px solid rgba(30, 30, 28, .14);
}

.oreal-contact-info__item:last-child {
    border-bottom: 1px solid rgba(30, 30, 28, .14);
}

.oreal-contact-info__label {
    display: block;

    margin-bottom: 9px;

    font-size: 12px;
    line-height: 1.3;

    color: #989890;
}

.oreal-contact-info__value {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 5px;
}

.oreal-contact-info__value a {
    position: relative;

    display: inline-block;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;

    text-decoration: none;

    color: #292927;

    transition: opacity .25s ease;
}

.oreal-contact-info__value a:hover {
    opacity: .55;
}


/* ===================================
   FORM
=================================== */

.oreal-contact-form {
    padding: 42px 38px;

    border-left: 1px solid #e3e3df;

    background: #fff;
}


/* Form head */

.oreal-contact-form__head {
    margin-bottom: 34px;
}

.oreal-contact-form__head h2 {
    margin: 0 0 12px;

    font-size: 32px;
    font-weight: 500;
    line-height: 1.15;

    color: #262624;
}

.oreal-contact-form__head p {
    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #70706b;
}


/* Fields */

.oreal-contact-form__body {
    display: flex;
    flex-direction: column;

    gap: 21px;
}

.oreal-contact-form__field {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.oreal-contact-form__field label {
    font-size: 13px;
    font-weight: 500;

    color: #3b3b38;
}

.oreal-contact-form__field input,
.oreal-contact-form__field textarea {
    width: 100%;

    padding: 14px 0;

    border: 0;
    border-bottom: 1px solid #cecec8;

    border-radius: 0;

    outline: none;

    background: transparent;

    font-family: inherit;
    font-size: 15px;

    color: #282826;

    transition: border-color .25s ease;
}

.oreal-contact-form__field input::placeholder,
.oreal-contact-form__field textarea::placeholder {
    color: #aaa9a3;
}

.oreal-contact-form__field input:focus,
.oreal-contact-form__field textarea:focus {
    border-color: #282826;
}


/* Textarea */

.oreal-contact-form__field textarea {
    min-height: 95px;

    resize: vertical;
}


/* Privacy */

.oreal-contact-form__privacy {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    cursor: pointer;
}

.oreal-contact-form__privacy input {
    width: 16px;
    height: 16px;

    margin-top: 2px;

    flex-shrink: 0;
}

.oreal-contact-form__privacy span {
    font-size: 12px;
    line-height: 1.45;

    color: #83837d;
}

.oreal-contact-form__privacy a {
    color: #41413e;
    text-decoration: underline;
}


/* Button */

.oreal-contact-form__button {
    width: 100%;

    margin-top: 3px;
}


/* ===================================
   1200
=================================== */

@media (max-width: 1200px) {

    .oreal-contact-grid {
        grid-template-columns: 1fr .8fr 1fr;
    }

    .oreal-contact-info {
        padding: 35px 28px;
    }

    .oreal-contact-form {
        padding: 35px 30px;
    }

    .oreal-contact-info h2,
    .oreal-contact-form__head h2 {
        font-size: 28px;
    }

}


/* ===================================
   TABLET
=================================== */

@media (max-width: 991px) {

    .oreal-contact-section {
        padding: 80px 0;
    }

    .oreal-contact-grid {
        grid-template-columns: 1fr 1fr;

        min-height: auto;
    }

    .oreal-contact-map {
        min-height: 520px;
    }

    .oreal-contact-info {
        min-height: 520px;
    }

    .oreal-contact-form {
        grid-column: 1 / -1;

        border-left: 0;
        border-top: 1px solid #e3e3df;
    }

    .oreal-contact-form__body {
        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 30px;
    }

    .oreal-contact-form__field:nth-child(3),
    .oreal-contact-form__privacy,
    .oreal-contact-form__button {
        grid-column: 1 / -1;
    }

}


/* ===================================
   MOBILE
=================================== */

@media (max-width: 767px) {

    .oreal-contact-section {
        padding: 65px 0;
    }

    .oreal-contact-head {
        margin-bottom: 30px;
    }

    .oreal-contact-head p {
        font-size: 15px;
    }


    /* Stack */

    .oreal-contact-grid {
        display: flex;
        flex-direction: column;

        border: 0;
    }


    /* Map */

    .oreal-contact-map {
        min-height: 360px;

        border: 1px solid #e3e3df;
    }


    /* Info */

    .oreal-contact-info {
        min-height: auto;

        padding: 30px 22px;

        border-left: 1px solid #e3e3df;
        border-right: 1px solid #e3e3df;
        border-bottom: 1px solid #e3e3df;
    }

    .oreal-contact-info h2 {
        font-size: 26px;
    }

    .oreal-contact-info__list {
        margin-top: 35px;
    }


    /* Form */

    .oreal-contact-form {
        padding: 35px 22px;

        border: 1px solid #e3e3df;
        border-top: 0;
    }

    .oreal-contact-form__head h2 {
        font-size: 26px;
    }

    .oreal-contact-form__body {
        display: flex;
        flex-direction: column;

        gap: 20px;
    }

}


/* =========================================================
   CONTACT PAGE HARD OVERRIDE
   ВАЖЛИВО: вставити ПІСЛЯ старого CSS
========================================================= */

.main-contact-form-area.oreal-contact-page {
    padding: 100px 0 !important;
    background: #fff !important;
}

.main-contact-form-area.oreal-contact-page *,
.main-contact-form-area.oreal-contact-page *::before,
.main-contact-form-area.oreal-contact-page *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   HEAD
========================================================= */

.main-contact-form-area.oreal-contact-page .oreal-contact-page__head {
    max-width:100% !important;
    margin: 0 0 45px 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-page__head > span {
    display: block !important;
    margin: 0 0 13px 0 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-transform: uppercase !important;
    letter-spacing: .12em !important;

    color: #969690 !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-page__head .sectionH2 {
    margin: 0 0 18px 0 !important;
    padding: 0;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-page__head p {
    max-width: 680px !important;
    margin: auto !important;
    padding: 0 !important;
    text-align: center!important;
    font-size: 17px !important;
    line-height: 1.65 !important;

    color: #70706b !important;
}


/* =========================================================
   GRID
========================================================= */

.main-contact-form-area.oreal-contact-page .contactRow {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(290px, .78fr)
        minmax(340px, 1fr) !important;

    grid-template-rows: 1fr !important;

    gap: 0 !important;

    width: 100% !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #e5e5e0 !important;

    overflow: hidden !important;

    background: #fff !important;
}


/* прибираємо старий flex */

.main-contact-form-area.oreal-contact-page .contactRow > div {
    width: auto !important;
    max-width: none !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* порядок */

.main-contact-form-area.oreal-contact-page .contactRLeft {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

    float: none !important;
}

.main-contact-form-area.oreal-contact-page .contactRRight {
    grid-column: 2 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

    float: none !important;
}

.main-contact-form-area.oreal-contact-page .contactRMiddle {
    grid-column: 3 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

    float: none !important;
}


/* =========================================================
   MAP
========================================================= */

.main-contact-form-area.oreal-contact-page .oreal-contact-map {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ecece9 !important;
}

.main-contact-form-area.oreal-contact-page .contactRLeft > div {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page iframe.google-map__one,
.main-contact-form-area.oreal-contact-page .google-map__one {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    filter: grayscale(20%) !important;
}


/* =========================================================
   CONTACT INFO COLUMN
========================================================= */

.main-contact-form-area.oreal-contact-page .contactRRight {
    border-left: 1px solid #e5e5e0 !important;

    background: #d5b36b54 !important;
}

.main-contact-form-area.oreal-contact-page .contact-info-box-style1 {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 42px 34px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* прибрати старий title */

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1 > .title {
    display: none !important;
}


/* =========================================================
   CONTACT INFO HEAD
========================================================= */

.main-contact-form-area.oreal-contact-page .oreal-contact-label {
    display: block !important;

    margin: 0 0 17px 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-transform: uppercase !important;
    letter-spacing: .12em !important;

    color: #92928c !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-info__head {
    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-info__head h2 {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;

    font-size: 31px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;

    color: #282826 !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-info__head p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    color: #73736e !important;
}


/* =========================================================
   CONTACT LIST
========================================================= */

.main-contact-form-area.oreal-contact-page .oreal-contact-info__list {
    display: block !important;

    margin: 48px 0 0 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 21px 0 !important;

    border: 0 !important;
    border-top: 1px solid rgba(35, 35, 32, .13) !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single:last-child {
    border-bottom: 1px solid rgba(35, 35, 32, .13) !important;
}


/* заголовок */

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-title {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-title span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    color: #999992 !important;
}


/* value */

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 4px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-text p {
    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-text a {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;

    text-decoration: none !important;

    color: #292927 !important;

    background: transparent !important;

    transition: opacity .25s ease !important;
}

.main-contact-form-area.oreal-contact-page
.contact-info-box-style1__single-text a:hover {
    color: #292927 !important;
    opacity: .55 !important;
}


/* =========================================================
   SOCIAL
========================================================= */

.main-contact-form-area.oreal-contact-page .oreal-contact-social {
    margin-top: auto !important;
    padding-top: 40px !important;
}

.main-contact-form-area.oreal-contact-page .oreal-contact-social__title {
    display: block !important;

    margin: 0 0 14px 0 !important;

    font-size: 12px !important;

    color: #999992 !important;
}

.main-contact-form-area.oreal-contact-page ul.social-link {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.main-contact-form-area.oreal-contact-page ul.social-link li {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

.main-contact-form-area.oreal-contact-page ul.social-link li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d7d7d1 !important;
    border-radius: 50% !important;

    color: #31312f !important;

    background: transparent !important;

    box-shadow: none !important;
}

.main-contact-form-area.oreal-contact-page ul.social-link li a:hover {
    border-color: #2b2b29 !important;

    color: #fff !important;

    background: #2b2b29 !important;
}


/* =========================================================
   FORM COLUMN
========================================================= */

.main-contact-form-area.oreal-contact-page .contactRMiddle {
    border-left: 1px solid #e5e5e0 !important;

    background: #fff !important;
}

.main-contact-form-area.oreal-contact-page .contact-form {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 42px 38px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   FORM HEADER
========================================================= */

.main-contact-form-area.oreal-contact-page
.contact-form .inner-title {
    margin: 0 0 33px 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

.main-contact-form-area.oreal-contact-page
.contact-form .inner-title h1 {
    display: none !important;
}

.main-contact-form-area.oreal-contact-page
.contact-form .inner-title h2 {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;

    font-size: 31px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;

    color: #282826 !important;
}

.main-contact-form-area.oreal-contact-page
.contact-form .inner-title p {
    max-width: 390px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    color: #73736e !important;
}


/* =========================================================
   FORM WRAPPER
========================================================= */

.main-contact-form-area.oreal-contact-page
form.contactWrap {
    display: flex !important;
    flex-direction: column !important;

    gap: 21px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* старі row/col */

.main-contact-form-area.oreal-contact-page
form.contactWrap .row {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page
form.contactWrap [class*="col-"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FORM GROUP
========================================================= */

.main-contact-form-area.oreal-contact-page .form-group {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.main-contact-form-area.oreal-contact-page .form-group > label {
    display: block !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    color: #3e3e3a !important;
}

.main-contact-form-area.oreal-contact-page .input-box {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   INPUTS
========================================================= */

.main-contact-form-area.oreal-contact-page input.formInput,
.main-contact-form-area.oreal-contact-page input.form-control,
.main-contact-form-area.oreal-contact-page textarea.formTextarea {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 13px 0 14px 0 !important;

    border: 0 !important;
    border-bottom: 1px solid #cecec8 !important;

    border-radius: 0 !important;

    outline: 0 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #2c2c29 !important;

    background: transparent !important;

    box-shadow: none !important;

    appearance: none !important;
}

.main-contact-form-area.oreal-contact-page input.formInput:focus,
.main-contact-form-area.oreal-contact-page input.form-control:focus,
.main-contact-form-area.oreal-contact-page textarea.formTextarea:focus {
    border-bottom-color: #292927 !important;

    outline: none !important;

    box-shadow: none !important;
}

.main-contact-form-area.oreal-contact-page
.formInput::placeholder,
.main-contact-form-area.oreal-contact-page
.form-control::placeholder,
.main-contact-form-area.oreal-contact-page
.formTextarea::placeholder {
    color: #aaa9a3 !important;
    opacity: 1 !important;
}


/* textarea */

.main-contact-form-area.oreal-contact-page textarea.formTextarea {
    min-height: 100px !important;

    resize: vertical !important;
}


/* =========================================================
   FEEDBACK
========================================================= */

.main-contact-form-area.oreal-contact-page .invalid-feedback {
    margin: 5px 0 0 0 !important;

    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    text-align: left !important;
}

.main-contact-form-area.oreal-contact-page .formGlobalError {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

.main-contact-form-area.oreal-contact-page .axAgreeRow {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.main-contact-form-area.oreal-contact-page .axAgreeRow > label {
    display: flex !important;
    align-items: flex-start !important;

    gap: 9px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}

.main-contact-form-area.oreal-contact-page
.axAgreeRow input[type="checkbox"] {
    display: block !important;

    width: 16px !important;
    min-width: 16px !important;

    height: 16px !important;
    min-height: 16px !important;

    margin: 2px 0 0 0 !important;
    padding: 0 !important;

    flex: 0 0 16px !important;

    accent-color: #292927 !important;
}

.main-contact-form-area.oreal-contact-page .axAgreeRow span {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    color: #85857f !important;
}

.main-contact-form-area.oreal-contact-page .axAgreeRow span a {
    color: #444440 !important;

    text-decoration: underline !important;
}


/* =========================================================
   BUTTON
========================================================= */

.main-contact-form-area.oreal-contact-page
button.oreal-contact-submit.mainButton {
    width: 100% !important;

    margin: 2px 0 0 0 !important;

    float: none !important;
}


/* =========================================================
   SUCCESS
========================================================= */

.main-contact-form-area.oreal-contact-page .formSuccess {
    width: 100% !important;

    margin: 0 !important;
    padding: 30px !important;

    text-align: center !important;

    background: #f6f6f3 !important;

    border: 0 !important;
}

.main-contact-form-area.oreal-contact-page .formSuccessIco {
    margin:0 auto 15px auto !important;

    font-size: 25px !important;
}

.main-contact-form-area.oreal-contact-page .formSuccess b {
    display: block !important;

    margin: 0 0 8px 0 !important;
    border-radius: 20px!important;
    margin-top: 20px!important;
    font-size: 20px !important;
    font-weight: 500 !important;

    color: #292927 !important;
}

.main-contact-form-area.oreal-contact-page .formSuccess p {
    margin: 0 !important;

    font-size: 14px !important;

    color: #777771 !important;
}


/* =========================================================
   <= 1200
========================================================= */

@media (max-width: 1200px) {

    .main-contact-form-area.oreal-contact-page .contactRow {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, .8fr)
            minmax(310px, 1fr) !important;
    }

    .main-contact-form-area.oreal-contact-page
    .contact-info-box-style1 {
        padding: 35px 27px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .contact-form {
        padding: 35px 29px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-info__head h2,
    .main-contact-form-area.oreal-contact-page
    .contact-form .inner-title h2 {
        font-size: 27px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .main-contact-form-area.oreal-contact-page {
        padding: 80px 0 !important;
    }

    .main-contact-form-area.oreal-contact-page .contactRow {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;

        min-height: 0 !important;
    }

    .main-contact-form-area.oreal-contact-page .contactRLeft {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .main-contact-form-area.oreal-contact-page .contactRRight {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .main-contact-form-area.oreal-contact-page .contactRMiddle {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        border-left: 0 !important;
        border-top: 1px solid #e5e5e0 !important;
    }

    .main-contact-form-area.oreal-contact-page .oreal-contact-map {
        min-height: 520px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .contact-info-box-style1 {
        min-height: 520px !important;
    }

    .main-contact-form-area.oreal-contact-page .contact-form {
        min-height: auto !important;

        padding: 40px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .main-contact-form-area.oreal-contact-page {
        padding: 65px 0 !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-page__head {
        margin-bottom: 30px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-page__head p {
        font-size: 15px !important;
    }


    /* stack */

    .main-contact-form-area.oreal-contact-page .contactRow {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        min-height: 0 !important;

        border: 0 !important;

        overflow: visible !important;
                border-radius: 20px !important;
        overflow: hidden !important;
    }


    /* MAP */

    .main-contact-form-area.oreal-contact-page .contactRLeft {
        order: 1 !important;

        width: 100% !important;
    }

    .main-contact-form-area.oreal-contact-page .oreal-contact-map {
        width: 100% !important;
        min-height: 360px !important;

        border: 1px solid #e5e5e0 !important;
    }


    /* CONTACT INFO */

    .main-contact-form-area.oreal-contact-page .contactRRight {
        order: 2 !important;

        width: 100% !important;

        border: 1px solid #e5e5e0 !important;
        border-top: 0 !important;
    }

    .main-contact-form-area.oreal-contact-page
    .contact-info-box-style1 {
        min-height: 0 !important;

        padding: 30px 22px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-info__head h2 {
        font-size: 26px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-info__list {
        margin-top: 35px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .oreal-contact-social {
        margin-top: 30px !important;
        padding-top: 0 !important;
    }


    /* FORM */

    .main-contact-form-area.oreal-contact-page .contactRMiddle {
        order: 3 !important;

        width: 100% !important;

        margin: 0 !important;

        border: 1px solid #e5e5e0 !important;
        border-top: 0 !important;
    }

    .main-contact-form-area.oreal-contact-page .contact-form {
        min-height: 0 !important;

        padding: 34px 22px !important;
    }

    .main-contact-form-area.oreal-contact-page
    .contact-form .inner-title h2 {
        font-size: 26px !important;
    }

    .main-contact-form-area.oreal-contact-page
    form.contactWrap {
        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;
    }

}

.contactWrap{
    border: 0;
}

.contactRow{
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .8fr) minmax(340px, 1fr);
    min-height: 620px;
    border: 1px solid #e3e3df;
}
.contactRLeft{
    
}
.contactRMiddle{
    
}
.contactRRight{
    
}
.contactRow div{

}

.contactRow{
    overflow: hidden;
    border-radius: 30px;
}

.sgwqwgewg{
    display: none;
    padding-bottom: 0!important;
}

@media (max-width: 767px){
    .sgwqwgewg{
    display: block;
}
    .contactRLeft{
        display: none;
    }
}


.main-contact-form-area.oreal-contact-page .contact-info-box-style1{
    background: #000!important;
}
.main-contact-form-area.oreal-contact-page .oreal-contact-info__head h2, .main-contact-form-area.oreal-contact-page ul.social-link li a{
    color: #fff!important;
}
.main-contact-form-area.oreal-contact-page .oreal-contact-info__head p, .main-contact-form-area.oreal-contact-page .contact-info-box-style1__single-text a{
    color: #ddd!important;
}

.wefwef h2{
    font-weight: 800;
    font-size: clamp(30px, 5vw, 44px);

}
.homeAbout:after{
    background: #edc369!important;
}

.homeBannerH1{
    font-weight: 700!important;
        text-transform: uppercase;
}
.homeBanner:after{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
}

.homeBannerBotto{
    color: #ddd;
    font-weight: 600;
    margin-top: 20px;
    font-size: clamp(16px, 2vw, 20px);
}
.mainButton232f23f{
        background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.mainButton232f23f:hover{
    border-color: var(--main-theme-color);
}

@media (min-width: 992px){
    .gergqwgwrgergregr{
        display: none;
    }
    .gergqwgwrgergregr{
        padding-top: 20px;
    }
}
@media (max-width: 991px){
    .gergqwgwrgergregr{
        padding-bottom: 20px;
    }
    .gergqwgwrgergregr + a{
        margin-bottom: 20px;
    }
}

.homeBannerH1 span{
    color: #fff;
    position: relative;
    display: inline-flex;
}
.homeBannerH1 span:after{
    content: "";
    background: url(/ib2/ergergerg.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}