/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;800&family=Roboto&display=swap'); */

html,
body {

    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;

}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-family: DINCondensedBlack;

}

h1, .h1 {
    font-size: 35px;
    line-height: 50px;
}

h2, .h2 {
    font-size: 20px;
    line-height: 45px;
    font-weight:800;
    letter-spacing: 4.75px;
    text-transform: uppercase;
}

h3, .h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}

h4, .h4 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

h5, .h5 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
}

h6, .h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
}


p {
    font-family: 'DINProMedium', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;

}

a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover,
a:focus {
    text-decoration: none;
}

ul li, ol li{
    font-family: 'DINProMedium', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 38px;
}

btn, .btn {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    text-decoration: none;
}

/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/

@font-face {
    font-family: DINCondensedBlack;
    src: url('../webfonts/aroha-fonts/FF_DIN_Condensed_Black.otf');
}

@font-face {
    font-family: DINProMedium;
    src: url('../webfonts/aroha-fonts/DINPro-Medium.otf');
}

@font-face {
    font-family: DINBLAC;
    src: url('../webfonts/aroha-fonts/DIN-BLAC.ttf');
}

@font-face {
    font-family: GothamBold;
    src: url('../webfonts/aroha-fonts/Gotham-Bold.ttf');
}

/*--------------------------------------------------------------
# COMMON CODES
--------------------------------------------------------------*/
.mb0 {
    margin-bottom: 0;
}

.pad-50 {
    padding: 50px 0px;
}

.pad-30 {
    padding: 30px;
}

.line-height-none {
    line-height: 0 !important;
}

button:focus{
    outline: none !important;
    box-shadow: none !important;
}

.parent-position{
    position: relative !important;
}

.text-underline{
    text-decoration: underline;
}

.straight-line {
    border: 1px solid #F0F0F0;
}

.btn-primary {
    border-radius: 45px;
    padding: 0px 12px;
    transition: all 0.8s;
    transition: all 1s;
    border: 1px solid #11219C;
}

.btn-primary:hover{
    border: 1px solid #54A2C0;
    background: #fff !important;
    color: #495057 !important;
    transition: all 0.8s;
}


label{
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #D8D8D8;
    border-bottom: 2px solid#E70000;
    margin-bottom:15px;

}

.form-control, .form-control:focus {
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #9E9E9E;
    padding: 10px 10px;
    border-radius: 4px;
    color: #fff;
    box-shadow: none;
    margin-bottom: 15px;
}

/* form .fa {
    position: absolute;
    top: 53px;
    right: 27px;
} */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    color: #ACA8A8 !important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    color: #ACA8A8 !important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    color: #ACA8A8 !important;
  }

.h-line{
    border-top: 3px solid#E70000;
    width: 10%;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/
h1, .h1 {
    font-size: 60px;
    line-height: 75px;
}

h2, .h2 {
    font-size: 38px;
    line-height: 66px;
}

h3, .h3 {
    font-size: 26px;
    line-height: 26px;
}

h4, .h4 {
    font-size: 22px;
    line-height: 32px;
}

h5, .h5 {
    font-size: 26px;
    line-height: 30px
}

h6, .h6 {
    font-size: 18px;
    line-height: 30px;
}

p {
    font-size: 22px;
    line-height: 36px;

}


}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media (min-width: 1200px){
    .container-extended {
        max-width: 1160px;
    }
}

@media (min-width: 1600px) {
    .container-extended {
        max-width: 1410px
    }
}

@media (min-width: 1920px) {
    .container-extended {
        max-width: 1640px;
    }
}


/* common themes */

h1, .h1 {
    color: #FEFFC9;
}

h2, .h2 {
    color: #2EA4C4;
}

h3, .h3 {
    color: #FEFFD2;
}

h4, .h4 {
    color: #000000;
}

h5, .h5 {
    color: #8E8E8E;
}

h6, .h6 {
    color: #8D8D8D;
}


p {
    color: #000000;
}

a {
    color: #000000;
}

a:hover,
a:focus {
    color: #3C7B91 !important;
}


ul li{
    color: #000000;
    line-height: 32px;
}


.btn-primary {
    background: #11219C;
    padding: 0px 10px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 10px;
    font-family: 'DINCondensedBlack', 'sans-serif';
}



.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active  {
    background: linear-gradient(180deg, #5CB4D7 0%, #056687 83.85%);
    color: #FFFFFF;
    /* border-color: #143B87; */
    box-shadow: 0px 0px 5px #2498CD;
}
@media (min-width: 768px){

}


@media (min-width: 1200px){
    
}

/**************************************************************************************/

/*********************************Header************************************************/

.navbar {
    background: #303691;
    padding: 10px 70px 12px 70px;
}

.navbar p {
    border: 1px solid #fff;
    padding: 0px 10px;
    border-radius: 2px;
    font-size: 14px;
}

@media(max-width: 767px){
    .navbar {
        padding: 10px 0px 12px 0px;
    } 

    .navbar-brand {
        width: 50%;
    }

    .navbar-brand img {
        width: 100%;
    }
}

/*********************************Banner************************************************/


.item-common{
    background-size: cover !important;
    height: 100vh;
}
.item-bg-0{
    background: url('../img/Aroha_LP-Banner_1.jpg') no-repeat center center;
}

.item-bg-1{
    background: url('../img/banner-bg.jpg') no-repeat center center;
}
.item-bg-2{
    background: url('../img/banner-bg-2.jpg') no-repeat center center;
}
.item-bg-3{
    background: url('../img/banner-bg-3.jpg') no-repeat center center;
}

.banner h3{
    font-size: 32px;
    line-height: 37px;
    letter-spacing: 3.82px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-family: 'DINCondensedBlack', 'sans-serif';
}

.banner h4{
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    font-family: 'DINBLAC', 'sans-serif';
}

.banner h1{
    color: #fff;
    font-size: 42px;
    line-height: 49px;
    font-weight: bold;
    display: inline-block;
    font-family: 'DINCondensedBlack', 'sans-serif';
}

.banner p{
    color: #E6E7E8;
    font-size: 15px;
    line-height: 16px;
    font-family: 'GothamBold', 'sans-serif';
}

.banner .btn-primary{
    font-size: 20px;
}

.banner-content-box {
    background: #B53231;
    padding: 25px 10px 25px 30px;
    width: fit-content;
}

.color-orange{
    color: #F58B3D;
}

.btm-border-orange{
    border-bottom: 1px solid #F58B3D;
}

.bhk-para {
    font-weight: bold;
    line-height: 46px;
    background: #F58B3D;
    color:#000000;
    display: inline-block;
    padding: 10px 30px 10px 10px;
}

.banner h6{
    color: #000000;
    font-size: 17px;
    line-height: 46px;
    background: #F5B23D;
    display: inline-block;
    padding: 0px 5px 0px 10px;
    font-weight: bold;
    font-family: 'GothamBold', 'sans-serif';
}

.price{
    font-size: 22px;
    line-height: 46px;
    color:#B53231;
    font-weight: bold;
}

@media(max-width: 767px){
    .banner h3, .banner h4 {
        font-size: 22px;
    }

    .banner h1 {
        font-size: 30px;
    }

    .bhk-para {
        padding: 10px 5px 10px 10px;
    }

    .banner h6 {
        padding: 0px 5px 0px 10px;
        font-size: 15px;
    }

    .price {
        font-size: 17px;
    }
}

@media(min-width: 576px){
    .item-common {
        height: 145vh;
    }
}

@media(min-width: 768px){
    .item-common {
        height: 100vh;
    }
}

/*********************************Section 2************************************************/
.section-2 h4{
    color: #2EA4C4;
    font-size: 22px;
    line-height: 32px;
    font-family: 'DINProMedium', sans-serif;
}

.section-2 .btn-primary{
    font-size: 20px;
    padding: 4px 25px;
}

.location-bg{
    background: url('../img/location-bg.png') no-repeat center center;
    background-size: cover;
}

@media(max-width: 767px){
    .location-img {
        width: 15%;
    }

    .section-2 .btn-primary {
        font-size: 15px;
    }
}

/*****************************Section 3*****************************************/

.arrows {
    border-bottom: 1px dotted #d8d6d6;
    width: 35%;
    text-align: end;
}

.arrows img {
    border: 1px solid #2E338D;
    padding: 14px 10px;
}

.arrow-right{
    background: #2E338D;
}


/***********Multi item carousel***********************/
/* .thumbnailgallery {
    margin-bottom:40px;
    width:100%;
    height:108px;
    overflow:hidden;
}
.showrooms a.logo {
    display:inline-block;
    float: left;
} */

/* .showrooms {
    display: flex;
} */

.multi-item-slide h4{
    color: #000000;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 2.75px;
    font-weight: bold;
}

.multi-item-slide p{
    color: #4D4D4D;
    font-size: 20px;
    line-height: 32px;
}

.multi-logo{
    background: url('../img/logo-bg.png') no-repeat center center;
    padding: 15px;
    position: absolute;
    bottom: -73px;
    right: 18px;
    height: 115px;
}

/* .slide-box .first-img {
    height: 100%;
} */

.multi-logo-2 {
    padding: 46px;
}

.no-overflow{
    overflow: hidden;
}


@media(max-width: 767px){

    .showrooms {
        height: 97vh;
    }

    .slider-content {
        min-height: 295px;
    }

    .multi-item-slide h4 {
        font-size: 18px;
    }

    .multi-item-slide p {
        font-size: 16px;
    }
}
/********************************************************/

/************************Section-4****************************/

.section-4 .nav-tabs .nav-item.show .nav-link, .section-4 .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
}

.section-4 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;
}

.section-4 .nav-tabs {
    border-bottom: 1px solid transparent;
}

.section-4 .nav-link{
    font-size: 28px;
    color: #000;
}

.section-4 .nav-link.active{
    color: #2EA4C4 !important;
}

.tab-wave-img{
    display: none;
}

.section-4 .nav-link.active + .tab-wave-img{
    display: block;
}

.btn-white{
    background: #fff;
    color:#000;
    border-radius: 25px;
    border: 1px solid #54A2C0;
    font-size: 22px;
    font-weight: 500;
    padding: 5px 20px;
    transition: all 0.5s;
    font-family: 'DINProMedium', 'sans-serif';
}

.btn-white:hover{
    background: #06297E !important;
    border: 1px solid #06297E !important;
    color: #fff !important;
    transition: all 0.5s;
}

.tab-right p{
    line-height: 32px;
}

.btn-broucher{
    font-size: 20px;
    padding: 5px 30px;
}

.tab-pane-full-img img {
    width: 100%;
}

.amenities-left-bg{
    position: relative;
}

.amenities-left-bg p {
    line-height: 32px;
    position: absolute;
    top: 170px;
    left: -90px;
    padding: 0px 112px;
    color: #fff;
    font-size: 24px;
}

.support-text {
    background: #2EA4C4;
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: -16px;
    padding: 0px 10px;
    right: 0px;
}


@media(max-width: 768px){
    .btn-white {
        font-size: 13px;
        padding: 0px 13px;
    }

    .section-4 .nav-link {
        font-size: 16px;
    }

    .section-4 .nav-link.active + .tab-wave-img {
        width: 70%;
    }
}

@media(min-width: 576px){
    .amenities-left-bg p {
        top: 216px;
        left: -260px;
        padding: 0px 300px;
    }
}

@media(min-width: 768px){

    .amenities-left-bg p {
        top: 70px;
        left: 9px;
        padding: 0px 0px;
        font-size: 12px;
    }
}

@media(min-width: 992px){

    .amenities-left-bg p {
        top: 130px;
        left: 9px;
        padding: 0px 0px;
        font-size: 12px;
    }
}

@media(min-width: 1200px){
    
    .amenities-left-bg p{
        top: 100px;
        left: -60px;
        padding: 0px 91px;
        font-size: 18px;
    }
}

/********************************************************/

/************************Section-5****************************/

.image-box1 h2, .image-box1 p {
    color: #ffffff;
}

.image-box1 .row1_bg {
    background: url('../img/hospitality.png') no-repeat center center;
    background-size: cover;
    background-size: 100% 100%;
    min-height: 402px;
    padding: 50px;
}

.image-box1 .row2_bg {
    background: url('../img/architecturre_image.png') no-repeat center center;
    background-size: cover;
    background-size: 100% 100%;
    min-height: 435px;
    padding: 50px;
    position: relative;
}

.image-box1 .row2_bg .content {
    position: absolute;
    bottom: 50px;
}

.fun {
    background-color: #28B0D0;
    padding: 30px 0;
    position: relative;
}

.fun-wave {
    position: absolute;
    bottom: -10px;
    right: 20px;
}

.services {
    background-color: #C6B6A5;
    padding: 30px 0 30px 20px;
    position: relative;
}



@media(min-width: 992px){
    .fun-image {
        position: relative;
        right: -30px;
        z-index: 99;
    }
    .fun-text {
        padding-left: 45px;
    }
    .services {
        text-align: right;
    }
    .services-gap {
        height: 250px;
    }
    .services-text {
        padding: 26px 30px 20px;
    }
}

@media(max-width: 991px){
    .fun-image {
        padding-left: 10px;
        padding-right: 25px;
    }
    .fun-text {
        width: 73%;
        padding-left: 30px;
    }
    .fun-wave {
        bottom: -30px;
        right: 5px;
    }
    .services {
        padding: 30px;
    }
    .services-text {
        padding-bottom: 30px;
    }
}

@media(max-width: 425px){
    .image-box1 .row1_bg {
        min-height: 277px;
        padding: 50px 20px;
    }
    .image-box1 .row2_bg {
        min-height: 300px;
        padding: 50px 20px;
    }
}

/********************************************************/

/************************Section-6****************************/

h2.walk {
    position: relative;
}

.walk-icon {
    position: absolute;
    top: -63px;
}

@media(min-width: 768px){
    h2.walk {
        line-height: 55px;
    }
}

@media(max-width: 767px){
    h2.walk {
        padding-top: 55px;
    }
    .walk-icon {
        top: 5px;
    }
}

@media(max-width: 425px){
    .walk-icon {
        top: 25px;
    }
}


/********************************************************/

/************************Section-6****************************/

.image-box2 h2, .image-box2 p {
    color: #ffffff;
}
.aroha-goa {
    background: url('../img/aroha_img.png') no-repeat center center;
    background-size: cover;
    padding: 70px 70px 100px 110px;
}

.image-box2 .section1_bg {
    background: url('../img/a-img.png') no-repeat center center;
    background-size: cover;
    padding: 50px 20px;
}

.image-box2 .section2_bg {
    background: url('../img/tripvilla_img.png') no-repeat center center;
    background-size: cover;
    padding: 50px;
}

@media(min-width: 576px){
    .offerings {
        padding-left: 40px;
    }
    .tripvilla {
        padding-right: 50px;
    }
}

@media(max-width: 991px){
    .aroha-goa {
        padding: 50px;
    }
    .image-box2 .section1_bg {
        padding: 30px;
    }
    .image-box2 .section2_bg {
        padding: 30px;
    }
}

/********************************************************/

/************************Section-7****************************/

.testimonial-slide .desc:before {
    content:url('../img/invertedcomma_1.png'); 
    position:relative; 
    left:-60%;
}

.testimonial-slide .desc:after {
    content:url('../img/invertedcomma_2.png'); 
    position:relative; 
    right:-60%;
}

.testimonial-slide .desc p {
    margin-bottom: 0;
}

.line {
    width: 30px;
    margin: 0 auto;
    position: relative;
    top: -30px;
}


@media(max-width: 767px){
    .testimonial-slide .desc:before {
        content:url('../img/invertedcomma_mobile_1.png'); 
        left:-43%;
    }
    .testimonial-slide .desc:after {
        content:url('../img/invertedcomma_mobile_2.png'); 
        right:-43%;
    }
    .line {
        top: -15px;
    }
}

/*********************************Footer************************************************/
.address{
    background: #85AA3F;
}

.address p{
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'DINCondensedBlack', 'sans-serif';
}

.terms li{
    color: #000000;
    font-size: 14px;
    line-height: 20px;
}

.terms h4{
    font-family: 'DINProMedium', 'sans-serif';
}

.copy-right{
    background: #2E338D;
}

.copy-right p{
    color: #fff;
    font-size: 12px;
}

.copy-right, .fab{
    color: #fff;
    font-size: 12px;
}

.icon-border{
    border: 1px solid #fff !important;
    padding: 5px !important;
    font-size: 22px !important;
    margin-right: 5px;
}

/****************Aroha tab section style**************************/

.parent-position{
    position: relative !important;
}

.btn-white.active{
    background: #06297E;
}

.custom-floor-tab {
    position: absolute;
    /* right: 157px; */
    top: -38px;
}

@media(min-width: 768px){
    .custom-floor-tab {
        right: 15px;
        top: auto;
    }
}

@media(min-width: 992px){
    .custom-floor-tab {
        right: -36px;
        top: auto;
    }
}

@media(min-width: 1200px){
    .custom-floor-tab {
        right: 40px;
        top: auto;
    }
}

@media(min-width: 1400px){
    .custom-floor-tab {
        right: 135px;
        top: auto;
    }
}
