:root {
  --white: #FFF;
  --black: #000;
  --brand:#05505B;
  --brand2:#495965;
  --brand3:#1E384B;
  --light:#EEEEEE;


}

html{
    scroll-behavior: smooth;
}
body{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 23px; 
    color: #000;
    font-weight: 400;
}



a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: var(--red); text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/
.ff-pd{  font-family: "Playfair Display", serif; font-optical-sizing: auto;}

.fw-bl{font-weight: 700;}
.fw-bo{font-weight: 600;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}
.fw-th{font-weight: 200;}

.fs-108{font-size: 108px;}
.fs-81{font-size: 81px;}
.fs-63{font-size: 63px;}
.fs-54{font-size: 54px;}
.fs-45{font-size: 45px;}
.fs-27{font-size: 27px;}
.fs-18{font-size: 18px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-9{font-size: 9px;}


.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}

.lh-2{line-height: 2;}


@media screen and (min-width:768px){
    .mt-lg-lg{margin-top: 60px!important;}
    .mb-lg-lg{margin-bottom: 60px!important;}

    .mt-lg-xl{margin-top: 100px!important;}
    .mb-lg-xl{margin-bottom: 100px!important;}
  
}

.bg-brand{background-color: var(--brand);}
.bg-brand2{background-color: var(--brand2);}
.bg-brand3{background-color: var(--brand3);}
.bg-light{background-color: var(--light)!important;}

.text-brand{color:var(--brand)!important;}
.text-brand2{color:var(--brand2)!important;}
.text-black{color:var(--black)!important;}
.text-white{color: var(--white);}

.btn-brand{color: var(--brand2); border:none; display: inline-block;  transition: all 0.32s ease-out; background-color: #FFF; font-weight: 700; font-size: 18px; 
    padding: 13px 36px 9px; letter-spacing: 1.5px; border: 2px solid var(--brand2); }
.btn-brand:hover{background-color: var(--brand2); color:var(--white);}



.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}




/* Navigation */


.hero{
    position: relative;
    width: 100%;
    height: 100dvh;
    background-image: url('../images/hero.jpg');
    background-position: center;
    background-size: cover;
}

.hero .caption{
    color: #FFF;
    font-size: 27px;
    line-height: 44.671px; /* 152% */
    font-weight: 400;
    position: absolute;
    padding: 9px 45px;
    bottom: 9px;
}

.hero .logos{
    padding-top: 27px;
}
.hero .logo-eq{
    border-right: 2px solid #FFF;
    padding-right: 36px;
}
.hero .logo-rh{
    padding-left: 36px;
}



footer{
    background-color: var(--brand2);
}

.customCarousel  .carousel-control-next,
.customCarousel  .carousel-control-prev{
    opacity: .9;
    width: 81px;  
}

.customCarousel .carousel-control-next-icon, 
.customCarousel .carousel-control-prev-icon{
    height: 81px;
    width: 81px;
    background-size:100% 60%
}

.customCarousel .carousel-control-next-icon{  
    background-color: var(--brand);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='45' viewBox='0 0 25 45' fill='none'%3E%3Cpath d='M0 3.62166L3.62508 0L23.37 19.7381C23.6883 20.0544 23.9409 20.4304 24.1132 20.8447C24.2856 21.259 24.3743 21.7033 24.3743 22.152C24.3743 22.6007 24.2856 23.0449 24.1132 23.4592C23.9409 23.8735 23.6883 24.2496 23.37 24.5658L3.62508 44.3142L0.00341642 40.6925L18.5354 22.1571L0 3.62166Z' fill='white'/%3E%3C/svg%3E%0A");
}



.carousel-control-prev-icon{
    background-color: var(--brand);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='45' viewBox='0 0 25 45' fill='none'%3E%3Cpath d='M24.3743 40.6928L20.7492 44.3145L1.00433 24.5764C0.686052 24.2601 0.433462 23.884 0.261099 23.4697C0.0887355 23.0555 -9.98951e-09 22.6112 2.92369e-08 22.1625C6.84633e-08 21.7138 0.0887357 21.2695 0.261099 20.8553C0.433462 20.441 0.686053 20.0649 1.00433 19.7486L20.7492 0.0002896L24.3709 3.62196L5.83891 22.1574L24.3743 40.6928Z' fill='white'/%3E%3C/svg%3E");
}

.customCarousel2  .carousel-control-next,
.customCarousel2  .carousel-control-prev{
    opacity: .9;
    width: 45px;  
}

.customCarousel2 .carousel-control-next-icon, 
.customCarousel2 .carousel-control-prev-icon{
    height: 45px;
    width: 45px;
    background-color: var(--white);
    border: 2px solid #000;
    background-size:100% 60%
}

.customCarousel2 .carousel-control-next-icon{  
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4023 10.4023L2.08017 18.7245L0 16.6443L7.28207 9.36224L0 2.08017L2.08017 0L10.4023 8.32216C10.6781 8.59803 10.8331 8.97215 10.8331 9.36224C10.8331 9.75233 10.6781 10.1265 10.4023 10.4023Z' fill='black'/%3E%3C/svg%3E");
}


.customCarousel2 .carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.43074 8.32216L8.7529 -2.0892e-06L10.8331 2.08017L3.551 9.36224L10.8331 16.6443L8.7529 18.7245L0.43074 10.4023C0.154947 10.1265 1.41358e-05 9.75233 1.41699e-05 9.36224C1.4204e-05 8.97215 0.154947 8.59803 0.43074 8.32216Z' fill='black'/%3E%3C/svg%3E");
}


 .absolute-caption{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 18px;
}


@media screen and (max-width: 992px){
    body{font-size: 19px;}
    .fs-108{font-size: 63px;}
    .fs-81{font-size: 54px;}
    .fs-63{font-size: 45px;}
    .fs-54{font-size: 36px;}
    .fs-45{font-size: 27px;}

    .hero .caption{
        font-size: 17px; padding: 18px; line-height: 24px;
    }

    
    .hero .logo-eq,
    .hero .logo-rh{
        border-right: none;
        display: block;
        margin: 0 auto;
        padding: 18px;
    }
    .hero .logo-eq{
        padding-top: 36px;
    }

    .sliderlist{
        font-size: 16px;
    }
}

@media screen and (max-width: 767px){
    body{font-size: 17px;}
    .fs-108{font-size: 45px;}
    .fs-81{font-size: 36px;}
    .fs-63{font-size: 27px;}
    .fs-54{font-size: 23px;}
    .fs-45{font-size: 24px;}

    .hero .caption{
        font-size: 17px; padding: 18px; line-height: 24px;
    }

    
    .hero .logo-eq,
    .hero .logo-rh{
        border-right: none;
        display: block;
        margin: 0 auto;
        padding: 18px;
    }
    .hero .logo-eq{
        padding-top: 36px;
    }

    .sliderlist{
        font-size: 16px;
    }
   


    .customCarousel  .carousel-control-next,
    .customCarousel  .carousel-control-prev,
    .customCarousel2  .carousel-control-next,
    .customCarousel2  .carousel-control-prev{
        width: 36px;  
    }

    .customCarousel .carousel-control-next-icon, 
    .customCarousel .carousel-control-prev-icon,
    .customCarousel2 .carousel-control-next-icon, 
    .customCarousel2 .carousel-control-prev-icon{
        height: 36px;
        width: 36px;
    }

    .absolute-caption{
        position: relative!important;
        bottom: 0;
        right: 0;
        text-align: center;
        color: #FFF;
        padding: 18px;
        background-color: var(--brand2);
    }
}


@media screen and (max-width: 378px){
    body{font-size: 16px;}
    .fs-108{font-size: 36px;}
    .fs-81{font-size: 27px;}
    .fs-63{font-size: 24px;}
    .fs-54{font-size: 22px;}
    .fs-45{font-size: 20px;}

    .hero .caption{
        font-size: 17px; padding: 18px; line-height: 24px;
    }

    
    .hero .logo-eq,
    .hero .logo-rh{
        border-right: none;
        display: block;
        margin: 0 auto;
        padding: 18px;
    }
    .hero .logo-eq{
        padding-top: 36px;
    }

    .sliderlist{
        font-size: 16px;
    }
   
}


@media screen and (max-width: 325px){
    body{font-size: 16px;}
    .fs-108{font-size: 24px;}
    .fs-81{font-size: 22px;}
    .fs-63{font-size: 24px;}
    .fs-54{font-size: 22px;}
    .fs-45{font-size: 20px;}
    .fs-27{font-size: 18px;}

    .hero .caption{
        font-size: 17px; padding: 18px; line-height: 24px;
    }

    
    .hero .logo-eq,
    .hero .logo-rh{
        border-right: none;
        display: block;
        margin: 0 auto;
        padding: 18px;
    }
    .hero .logo-eq{
        padding-top: 36px;
    }

    .sliderlist{
        font-size: 16px;
    }
   
}