/* HEADER CSS */
.brand-header {
    top: 0;
    width: 100%;
    height: 86%;
    position: relative;
}

.header-text {
    display: block;
    position: absolute;
    top: 145px;
    color: var(--white-color);
    text-align: center;
    width: 100%;
    font-size: 1.3em;
}

.new-header-div {
    display: block;
    top: 0;
    background-color: var(--white-color);
    width: 100%;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    background-image: url("/smsite/npauto_8/media/imgs/10560296_akbanner.png");
    z-index: 999;
    /*position: fixed;*/
}
.new-header-div {
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
}
/*.locRental .BLK_FLL{*/
/*    margin-top: 7px;*/
/*    color: var(--primary-color);*/
/*}*/

.brand-home-page-form {
    top: 79%;
    position: absolute;
    width: 100%;
    justify-content: center;
    display: flex;
    padding: 0;
    background: unset;
    z-index: 9;
}

.brand-home-page-form form {
    padding: 15px 5px 15px 20px;
    background: #fff;
    border-radius: 50px;
    width: 990px;
}

.brand-home-page-form form section>ul{
    margin: 0 10px;
}

.brand-home-page-form form ul li label{
    margin-left: 15px;
}

@media only screen and (min-width: 0) and (max-width: 500px) {
    
    .brand-header {
        top: 0;
        width: 100%;
        height: 656px;
        position: relative;
    }

    .header-text {
        font-size: 15px !important;
    }

    .new-header-div {
        top: 0;
        background-image: unset;
        width: 100%;
        background-color: #9eacb9;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    }

    .brand-home-page-form {
        top: 30%;
        position: absolute;
        width: 100%;
        justify-content: center;
        display: flex;
        left: unset;
        transform: unset;
    }

    .brand-home-page-form form {
        padding: 15px 20px;
        border-radius: 10px;
        width: 85%;
    }
    
    .brand-home-page-form form section>ul{
        flex-direction: unset;
    }
    
    .brand-home-page-form ul li.LC {
        width: 100%;
    }

    .brand-home-page-form ul li.PU,
    .brand-home-page-form ul li.RT,
    .brand-home-page-form ul li.PUT,
    .brand-home-page-form ul li.RTT {
        width: calc(51.6% - 15px);
    }

}

@media only screen and (min-width: 0px) and (max-width: 340px) {
    .header-text {
        top: 100px;
    }

    .new-header-div {
        height: 600px;
    }

}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .brand-header {
        top: 0;
        width: 100%;
        height: 656px;
        position: relative;
    }
    .contact-us {
        width: 90% !important;
        margin: 80px auto !important;
    }
    .header-text {
        font-size: 15px !important;
    }

    .new-header-div {
        background-image: unset;
        box-shadow: unset;
        top: 0;
        /*position: fixed;*/
        /*z-index: 999;*/
        width: 100%;
        background-color: #9eacb9;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        height: 587px;
    }

    .new-header-div .header,
    .new-header-div .wrapper {
        max-width: 94%;
        margin: 0 auto;
    }

    .brand-home-page-form {
        top: 41%;
        position: absolute;
        width: 100%;
        justify-content: center;
        display: flex;
        left: unset;
        transform: unset;
    }

    .brand-home-page-form form {
        border-radius: 10px;
        width: 89%;
        padding: 15px 20px;
    }

}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .brand-header {
        top: 0;
        width: 100%;
        height: 447px;
        position: relative;
    }

    .header-text h1 {
        font-size: 20px;
        margin-top: -80px;
    }

    .new-header-div {
        
        background-size: cover;
        height: 84%;
        background-repeat: no-repeat;
    }

    .new-header-div .header,
    .new-header-div .wrapper {
        max-width: 95%;
        margin: 0 auto;
    }

    .new-header-div .rentalInfo h3 {
        font-size: 1em;
    }

    .brand-home-page-form {
        top: 70%;
        position: absolute;
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .brand-home-page-form form {
        padding: 10px;
        background: #fff;
        border-radius: 50px;
        width: 90%;
    }
    
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .locationInfo .locationInfo-item h2{
        width: 240px;
    }
    .header .headerList {
        font-size: 13px;
        gap: 41px;
        padding-top: 5px;
    }
    .contact-us {
        width: 100% !important;
        margin: 80px auto !important;
    }
    .brand-header {
        height: 847px;
        top: 0;
        width: 100%;
        position: relative;
    }

    .header-text {
        top: 66px !important;
        font-size: 16px !important;
    }

    .new-header-div {
        height: 55%;
    }
    .new-header-div {
        height: 63%;
    }

    .new-header-div .header,
    .new-header-div .wrapper {
        max-width: 90%;
        margin: 0 auto;
    }


    .brand-home-page-form {
        top: 43%
    }

    .brand-home-page-form form {
        width: 790px;
    }

    .brand-home-page-form form {
        width: 790px;
    }
    .brand-home-page-form {
        top: 52%;
    }
    
    
    
    


}

@media only screen and (min-width:1281px) and (max-width:1419px) {
    .brand-header {
        top: 0;
        width: 100%;
        /* height: 918px; */
        height: 804px;
        position: relative;
    }
    .header-text {
        position: absolute;
        top: 60px;
        color: var(--white-color);
        text-align: center;
        width: 100%;
        font-size: 1.3em;
    }
    .new-header-div {
        height: 78%;
    }
    .new-header-div {
        height: 76%;
    }

    .new-header-div .header,
    .new-header-div .wrapper {
        max-width: 1220px;
        margin: 0 auto;
    }

    .brand-home-page-form {
        top: 63%
    }
    .brand-home-page-form {
        top: 62%;
    }

}

@media only screen and (min-width: 1420px) and (max-width: 1579px) {
    .brand-header {
        top: 0;
        width: 100%;
        height: 1001px;
        position: relative;
    }

    .new-header-div {
       
        background-size: cover;
        height: 69%;
        background-repeat: no-repeat;
    }
    .new-header-div {
        height: 69%;
    }

    .new-header-div .header,
    .new-header-div .wrapper {
        max-width: 1370px;
        margin: 0 auto;
    }

    .new-header-div .rentalInfo p {
        font-size: 14px;
    }

    .header-text {
        position: absolute;
        top: 93px;
        color: var(--white-color);
        text-align: center;
        width: 100%;
        font-size: 1.3em;
    }

    .brand-home-page-form {
        top: 49%;
    }
    .brand-home-page-form {
        top: 57%
    }

}

@media only screen and (min-width: 1580px) {
    .brand-home-page-form {
        top: 85%;
        position: absolute;
        width: 100%;
        justify-content: center;
        display: flex;
        
    }
}
/* HEADER CSS END*/


body {
    display: block;
}

#bodyContainer h1 {
    font-size: 48px;
    font-weight: 700;
    /*line-height: 78.26px;*/
    text-align: center;
}

.mainHeader {
    border-bottom: 1px solid var(--white-color);
}

.exploreContent {
    position: absolute;
    /* margin-bottom: 59px; */
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    color: var(--white-color);
    text-align: left;
    width: 41%;
    padding: 20px;
}

.exploreContent h1 {
    font-size: 48px;
    font-weight: 700;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.exploreContent p {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.exploreContent ul li {
    font-size: 20px;
}

.exploreContent ul li .giconsDiv {
    float: left;
    position: absolute;
}

.exploreContent ul li p {
    margin-bottom: 0px;
    line-height: 30px;
    margin-left: 30px;

}

.exploreContent input[type=button] {
    width: 237px;
    height: 62px;
    border-radius: 50px;
    opacity: 0px;
    background: #00BDD6;
}

.explore-now {
    margin-top: 50px;
    position: relative;
}

.explore-now img {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 502px;
    border-radius: 10px;
    filter: brightness(0.5);
}

#niyati-changes .explore {
    display: flex;
    gap: 15px;
}

.explore-item {
    display: flex;
    flex-direction: column;
    padding: 5px 5px;
    flex-basis: 24%;
    /*justify-content: space-between;*/
    align-items: center;
}

.explore-item p {
    font-size: 16px;
    font-weight: 500;
}

.explore-item h2 {
    font-size: 25px;
    color: var(--h1-color);
}

.explore-item img {
    width: 100%;
    height: auto;
    background: transparent;
}

.getInTouch-container-Img {
    width: 500px;
    height: 26%;
    flex: 0.8;
    overflow: hidden;
}

.getInTouch-container-Img img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
    display: block;
    border-radius: 10px;
}

.getInTouch-container h1 {
    font-weight: 700;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.getInTouch-container p,.contact-us .contactus-title p {
    font-size: 20px;
    line-height: 32.61px;
}

.getInTouch-container {
    /* display:flex;*/
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.getInTouch-container .getInTouch-item {
    /*display: flex;*/
    /*Pradnya changes*/
    justify-content: flex-start;
}

.getInTouch-container .getInTouch-item .locationInfo {
    /*margin: 0px;*/
    /*border: 2px solid #ededed;*/
    /*border-radius: 10px;*/
    /*padding: 40px 20px;*/
    gap: 30px;
}
.getInTouch-container .getInTouch-item .locationInfo .locationInfo-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 40px;
    width: 312px;
    top: 1070px;
    left: 70px;
    gap: 10px;
    height: 312px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
}
.getInTouch-container .locationInfo {
    display: flex;
    justify-content: center;
    /*justify-content: space-between;*/
    /*align-items: flex-start;*/
    /*flex-direction: row;*/
    flex-wrap: wrap;
    /*background: #7f8c9c;*/
}

.getInTouch-container .locationInfo .locationInfo-item .giconsDiv {
    float: left;
    font-size: 30px;
    height: 32px;
    border-radius: 50%;
    /* border: 2px solid #ededed; */
    padding: 13px 13px;
    background: var(--gray-color);
}
.getInTouch-container .locationInfo .locationInfo-item .giconsDiv .gicons{
  color: var(--primary-color);
  font-size:35px;
}
.getInTouch-container .locationInfoDetails p:nth-child(2){
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 5px;
    padding: 4px;
}
.getInTouch-container .locationInfoDetails {
    /*margin-left: 35px;*/
    width: 255px;
    text-align:center;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.getInTouch-container .locationInfoDetails h3 {
    /*margin: 2px;*/
    /*margin-bottom: 15px;*/
    text-transform: uppercase;
    line-height: 32px;
    height: 32px;
    font-size: 20px;
    
    /*text-transform: capitalize;*/
    font-size: 18px;
    font-weight: 600;
    margin-left: 30px;
}

.getInTouch-container .locationInfoDetails p {
    font-size: 16px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.getInTouch-container .getInTouch-title {
    /*position: absolute;*/
    text-align: center;
    /*left: 50%;
    transform: translateX(-50%);*/
}

.getInTouch-container .getInTouch-title,.contactus-title {
    font-weight: 700;
}


.getInTouch-container .loc-head {
    /* display: flex;*/
    /*justify-content: space-between;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}

.getInTouch-container .locationInfoDetails .loc-info {
    /*display: flex;*/
    /*justify-content: space-between;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;

}
.getInTouch-container .locationInfoDetails .loc-info > div {
    border: 2px solid #ededed;
    border-radius: 10px;
    padding: 15px;
}

p.loc-email-head, p.loc-hours-head{
    display: none;
    color: black !important;
    font-weight: 700;
    font-size: 18px !important;
    letter-spacing: 0.01em;
}
.getInTouch-container .loc-email-content > p > a{
    word-wrap: break-word;
}

.getInTouch-container .loc-hours .loc-hop {
    color: #ADADAD;
    line-height: 32.61px;
    font-size: 17px;
    /*width: 250px;*/
}
.contact-us{
    /*width: 1355px;*/
    margin: 80px auto;
}
.contact-us .contactus-title{
    text-align: center;
}
.loc-hours .loc-hop>li {
    display: flex;
    justify-content: space-between;
}

.contactUs-container{
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
    border-radius: 10px;
    box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    padding: 25px;
}
.contactUs-container > div{
    border: 2px solid #ededed;
    border-radius: 10px;
    padding: 20px;
}    

.contactUs-container > div:first-child{
    border: none;
    padding: 0;
}

.contactUs-container .contactUs-img{
    height: 100%;
}

.contactUs-container .contactUs-img > img{
    /*height: 100%;*/
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
    height: 635px;
}

.contactUs-container .loc-info p{
    margin: 0;
}

.contactUs-container .loc-address-head, .contactUs-container .loc-email-head, .contactUs-container .loc-hours-head{
    display: flex;
    align-items: center;
    gap: 5px;
}

.contactUs-container .contactForm{
    margin: 10px 0;
}


.contactUs-container form[name="brandContact"] section.BLK_FLN li{
    margin-bottom: 15px;
}

.contactUs-container form[name="brandContact"] label{
    font-size: 0.95em;
}

.contactUs-container form[name="brandContact"] input[type="text"], .contactUs-container form[name="brandContact"] textarea{
    font-size: 14px;
    padding: 0;
    border: none;
    border: 1px solid #80808057;
    width: 100%;
    height: 32px;
    line-height: 22px;
    text-indent: 5px;
    outline: none;
    border-radius: 5px;
    font-family: 'Source Sans 3', 'Oswald', sans-serif;
}

.contactUs-container form[name="brandContact"] textarea{
    height: 120px;
    resize: none;
}

.contactUs-container form[name="brandContact"] input[type="submit"]{
    width: auto;
    /*border-radius: 30px;*/
    border-radius: 5px;
    font-size: 1em;
    height: 50px;
    padding: 0 30px;
}

.contactUs-container form[name="brandContact"] .fsd{
    margin-top: 15px;
}


/*.carousel-container .carousel-item {*/
/*    text-align: left;*/
/*    border: 1px solid;*/
/*    border: 1px solid #ADADAD;*/
/*    padding: 10px;*/
/*    width: 398px;*/
/*    top: 1070px;*/
/*    left: 70px;*/
/*    gap: 0px;*/
/*    border-radius: 10px;*/
/*    border: 1px 0px 0px 0px;*/
/*    opacity: 0px;*/
/*    background: #00BDD608;*/
/*    font-family: 'Source Sans 3', 'Oswald', sans-serif;*/
/*}*/

.bx-wrapper {
    position: relative;
    margin-bottom: 1px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

#locMap {
    display: none;
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper {
    border: 0 solid #fff;
    background: #fff
}

.bx-wrapper .bx-pager {
    display: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline
}

/*commented by arsha
/*.bx-wrapper .bx-pager-item{font-size:0;line-height:0}*/
/*.bx-wrapper .bx-prev{left:10px;background:url("{img imgId='21893_controls.png' path='1'}") no-repeat 0 -32px}*/
/*.bx-wrapper .bx-prev:hover,*/
/*.bx-wrapper .bx-prev:focus{background-position:0 0}*/
/*.bx-wrapper .bx-next{right:10px;background:url({img imgId='21893_controls.png' path='1'}) no-repeat -43px -32px}*/
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 998
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background:url("{img imgId='21893_controls.png' path='1'}") -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background:url("{img imgId='21893_controls.png' path='1'}") -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.review .bx-wrapper .bx-caption {
    top: 0;
    right: 0;
    left: 0;
}

.bx-wrapper .bx-caption {
    position: absolute;
    background: #FFF;
    background: rgba(255, 255, 255, 0.75);
    width: 400px;
}

.bx-wrapper .bx-caption span {
    color: var(--primary-color);
    display: block;
    font-size: 1.8em;
    padding: 20px 10px;
    font-weight: bold;
    text-align: center;
}

.bx-wrapper .bx-caption span i {
    color: #606060;
    display: block;
    font-size: .7em;
    font-weight: normal;
    font-style: normal;
    margin-top: 15px;
}

.bannerli {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 445px;
}

.bx-wrapper img {
    display: none;
}

@keyframes slide-up {
    from {
        margin-top: 100%;
        height: 300%;
    }

    to {
        margin-top: 0%;
        height: 100%;
    }
}

.banner-image {
    position: relative;
    margin-top: 50px;
    animation-name: backgroundAnimation;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

.slideshow {
    text-align: center;
    /*margin-top: 50vh;*/
    overflow: hidden;
}

.banner-text {
    opacity: 0;
    position: absolute;
    top: 26%;
    left: 52%;
    right: 0;
}

.banner-text p {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: var(--brand-color);
    text-align: left;
    margin-bottom: 0px;
}

.banner-text div {
    font-size: 45px;
    font-weight: bold;
    color: var(--white-color);
    text-align: left;
    margin-top: 0px;
}

/* slide-show */
/*.carousel-container {*/
/*    text-align: center;*/
/*}*/

/*.carousel {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.carousel div {*/
/*    padding: 10px 0;*/
/*}*/

/*.carousel-container p {*/
/*    font-size: 28px;*/
/*    font-weight: 400;*/
/*    padding: 0 10px;*/
/*}*/



.community-item img {
    margin-right: 5px;
}

.community-container {
    text-align: center;
    margin-bottom: 50px;
}

.community {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    /* justify-content: space-between; */
    /* width: 1300px; */
    gap: 130px;
}

.community div {
    padding: 10px 0;
}

.community-container p {
    font-size: 28px;
    font-weight: 400;
    padding: 0 10px;
}

.community-container mark {
    background-color: var(--white-color);
    color: var(--brand-color);

}

.community-container .community-item {
    text-align: left;
    border: 1px solid;
    border: 1px solid #ADADAD;
    padding: 10px;
    width: 398px;
    /*border-radius: 10px;*/
    border: 1px 0px 0px 0px;
}

.explore-container {
    text-align: center;
    margin-top: 50px;
}

/*

.explore {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 110px;
}

.explore div {
    padding: 10px 0;
}

.explore-container p {
    font-size: 28px;
    font-weight: 400;
    padding: 0 10px;
}

.explore-container mark {
    background-color: var(--white-color);
    color: var(--brand-color);

}*/



/* vehicle images */
.rentalCars {
    margin: 60px 0;
}

.rentalCars .wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
}

.rentalCars .wrapper .vehicleCars {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-column-gap: -5.5%;
    grid-row-gap: 0%;
    grid-column-gap: 22px;
    list-style: none;
    padding: 0;
}

.rentalCars .wrapper .vehicleCars li {
    cursor: pointer;
    transition: transform 0.3s ease-out;
}

.rentalCars .wrapper .vehicleCars li:hover {
    transform: scale(1.2);
}

.vehicleCars h4 {
    font-size: 1.25em;
}

.rentalCars p {
    margin-bottom: 0;
    padding: 4px;
}

.rentalCars h3 {
    margin-top: 0;
}

.rentalText {
    text-align: center;
    line-height: 30px;
}

.rentalText .rentalP {
    font-size: 30px;
    margin-top: 0;
}

.rentalText span {
    font-style: italic;
    color: var(--brand-color);
}

.rentalText h5 {
    margin-top: 0;
    color: var(--brand-color);
}



/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width: 0) and (max-width: 800px) {
    /*.carousel {*/
    /*    max-width: 90%;*/
    /*    margin: 0 auto;*/
    /*}*/
    
    .getInTouch-container .loc-head {
         display: block;
    }
    
    .getInTouch-container .loc-head>h3:not(:first-child) {
        display: none;
    }
    p.loc-email-head, p.loc-hours-head{
        display: block;
    }
    
    .contactUs-container{
        max-width: 94%;
        margin: 60px auto;
        flex-direction: column;
    }
    
    .contactUs-container > div{
        width: calc(100% - 40px) !important
    }
    
 /*   .contactUs-container > div:first-child{
         height: 300px;
    }
*/
    
}

@media only screen and (min-width: 0) and (max-width: 500px) {
    .bx-wrapper .bx-controls {
        display: none;
    }
    .contact-us {
        width: 95%;
        margin: 55px auto;
    }
    .getInTouch-container{
        text-align: center;
        max-width: 94%;
        width: 90%;
        padding-top: 55px;
        margin: auto;
    }
    /*.getInTouch-container .getInTouch-item .locationInfo {*/
    /*    width: 80%;*/
    /*    margin: 0px auto;*/
        /*border: 2px solid #ededed;*/
        /*border-radius: 10px;*/
    /*    padding: 40px 20px;*/
    /*    flex-direction: column;*/
    /*    gap: 40px;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/
    .getInTouch-container p {
        font-size: 20px;
        /*color: #ADADAD;*/
        line-height: 32.61px;
        margin:10px;
    }

    .banner {
        height: 430px;
    }

    /*.bannerli{ height:430px; }*/
    .banner .bx-controls {
        display: none;
    }

    .banner .bx-caption {
        display: none;
    }

    .bx-viewport {
        margin-top: -51px;
    }

    /*.carousel {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px;*/
    /*}*/

    .explore {
        display: flex !important;
        justify-content: unset !important;
        flex-wrap: unset !important;
        flex-direction: row !important;
        width: 92% !important;
        gap: 15px !important;
        margin-left: 17px !important;
        /* margin-right: 84px; */
        overflow-x: auto !important;
    }

    .explore-now .exploreContent {
        position: unset;
        margin: 0;
        color: black;
    }

    .community-container .community-item {
        text-align: left !important;
        border: 1px solid !important;
        border: 1px solid #ADADAD !important;
        padding: 10px !important;
        width: 345px !important;
        /* border-radius: 10px; */
        border: 1px 0px 0px 0px !important;
    }

    .community {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 20px !important;
    }

    /*.carousel-container .carousel-container-desc {*/
    /*    padding: 0 15px;*/
    /*}*/

    .slideshow {
        display: none;
    }

    .banner {
        display: none;
    }

    /*.carousel-container {*/
    /*    text-align: center;*/
    /*    margin-top: 55px;*/
    /*}*/

    /*.carousel-item {*/
    /*    padding: 5px;*/
    /*}*/

    .explore-now img {
        text-align: center;
        width: 93%;
        height: 502px;
        border-radius: 10px;
        display: none;
    }

    .explore-container {
        text-align: center;
        max-width: 94%;
        width: 90%;
        /*padding-top: 55px;*/
        margin: auto;
    }

    .exploreContent {
        text-align: left;
        width: 90%;
        transform: translateY(0%);
        padding: 0;
        margin: auto !important;
    }

    .explore {
        display: flex;
    }

    .explore-item {
        flex: 0 0 calc(100% - 10px);
    }

    .explore-item {
        display: flex;
        flex-direction: column;
        padding: 5px;
    }


    .rentalCars .wrapper .vehicleCars {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: 91%;
        grid-column-gap: -5.5%;
        grid-row-gap: 0%;
        grid-column-gap: 22px;
    }

    .review-image .review-text {
        width: 90%;
        position: relative;
        text-align: center;

    }

    .review-text h4 {
        font-size: 1.2em;
    }

    .review-text p {
        font-size: 1em;
    }

    .container {
        text-align: center;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
        color: var(--brand-color);
    }

    /* .getInTouch-container .getInTouch-container-Img {
        display: none;
    }

    .getInTouch-container .locationInfo {
        margin-top: 0;
        justify-content: center;
        align-items: center;
        flex-basis: 100%;
    }

    .getInTouch-container .getInTouch-title {
        position: unset;
        transform: translateX(0);
    }

    .getInTouch-container {
        display: block;
    }

    .getInTouch-container .locationInfo .locationInfo-item {
        margin: auto;
        max-width: 65%;
    } */

    .getInTouch-container .locationInfo .locationInfo-item {
        width: 94%;
        max-width: 94%;
        margin: 0 auto;
        
    }
    .getInTouch-container .locationInfo .locationInfo-item .giconsDiv{
        height: 32px;
        line-height: 32px;
    }
    .getInTouch-container .locationInfoDetails h3{
        font-size: 21px;
    }
  /*  .getInTouch-container .locationInfoDetails{
        margin: 0 10px;
    }*/

    .getInTouch-container .locationInfoDetails .loc-info {
        grid-template-columns: 100%;
        grid-row-gap: 20px;
    }

    .contactUs-container{
        max-width: 80%;
        margin: 25px auto;
        flex-direction: column;
        gap: 0;
    }
    
    .contactUs-container .contactUs-img{
        display: none;
    }
    
    .contactUs-container > div{
        width: calc(100% - 40px) !important
    }
    
/*    .contactUs-container > div:first-child{
         height: 300px;
    }
*/
    #bodyContainer h1 {
        font-size: 34px;
    }
    .header-text {
        display: block;
        position: absolute;
        top: 85px;
        color: var(--white-color);
        text-align: center;
        width: 100%;
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 0) and (max-width: 400px) {
    #bodyContainer h1 {
        font-size: 35px !important;

    }

    .exploreContent p {
        margin-top: 5px;
    }
    .header-text {
        display: block;
        position: absolute;
        top: 75px;
        color: var(--white-color);
        text-align: center;
        width: 100%;
        font-size: 1.3em;
    }

}

@media only screen and (min-width: 0) and (max-width: 340px) {
    .explore-now .exploreContent p {
        font-size: 1em;
    }
}

/*@media only screen and (min-width: 451px) and (max-width: 500px) {*/
/*    .carousel {*/
/*        max-width: 82% !important;*/
/*        margin: 0 auto !important;*/
/*    }*/
/*}*/

@media only screen and (min-width: 501px) and (max-width: 820px) {
    .rentalCars .wrapper .vehicleCars {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-column-gap: -5.5%;
        grid-row-gap: 0%;
        grid-column-gap: 22px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 501px) and (max-width: 800px) {
   .getInTouch-container .getInTouch-item .locationInfo {
        width: 84%;
        margin: 0px auto;
        /*border: 2px solid #ededed;*/
        /*border-radius: 10px;*/
        padding: 40px 20px;
        flex-direction: column;
        gap: 25px;
        justify-content: flex-start;
        align-items: center;
    }
    .bx-wrapper .bx-controls {
        display: none;
    }

    .banner .bx-caption {
        display: none;
    }

    .bx-viewport {
        margin-top: -51px;
    }

    .explore-container{
        max-width: 94%;
        margin: 50px auto;
    }
    .explore {
        display: flex;
        justify-content: unset;
        flex-wrap: unset;
        flex-direction: row;
        width: 93%;
        gap: 15px;
        margin-left: 27px;
        /* margin-right: 84px; */
        overflow-x: auto;
    }

    .explore-item {
        flex: 0 0 calc(100% - 10px);
    }

    .explore-item img {
        width: 100%;
    }

    /*.exploreContent {
        position: absolute;
        margin-left: 12%;
        margin-top: -270px;
        color: var(--white-color);
    }*/

    /*#bodyContainer h1 {
        font-size: 6vw;
    }

    .exploreContent p {
        font-size: 3vw;
    }*/
    #bodyContainer h1 {
        font-size: 35px;
        text-align: unset;
    }
    .exploreContent p {
        font-size: 12px;
    }

    .explore-now img {
        text-align: center;
        width: 93%;
        height: 345px;
        border-radius: 10px;
    }

    .community {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 20px;
    }

    .review-image .review-text {
        width: 90%;
        position: relative;
        text-align: center;

    }

    .container {
        text-align: center;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
        color: var(--brand-color);
        ;
    }

    /*.getInTouch-container .getInTouch-container-Img{
        display: none;
    }
    .getInTouch-container .locationInfo{
        margin-top: 0;
        justify-content: center;
        align-items: center;
        flex-basis: 100%;
    }
    .getInTouch-container .getInTouch-title{
        position: unset;
        transform: translateX(0);
    }
    .getInTouch-container{
        display:block;
    }
    .getInTouch-container .locationInfo .locationInfo-item{
        margin: auto;
        max-width: 41%;
    }*/


    /*.getInTouch-container .locationInfo .locationInfo-item {*/
    /*    margin: auto;*/
    /*    max-width: 94%;*/
    /*}*/

    .getInTouch-container .locationInfoDetails .loc-info {
        grid-template-columns: 100%;
        grid-row-gap: 20px;
    }
    
    .contactUs-container .contactUs-img{
        display: none;
    }

}

@media only screen and (min-width: 501px) and (max-width: 649px) {
    .exploreContent {
        width: 80%;
    }

    #bodyContainer h1 {
        font-size: 34px;
    }
}

@media only screen and (min-width: 650px) and (max-width: 800px) {
    .exploreContent {
        width: 60%;
    }
}

@media only screen and (min-width: 740px) and (max-width: 900px) {
/*    .getInTouch-container .locationInfo .locationInfo-item{
        width: 94%;
        margin: auto;
    }*/
    .getInTouch-container .locationInfoDetails .loc-info {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .getInTouch-container .locationInfoDetails .loc-info > div{
        width: calc(50% - 44px);
    }
    .getInTouch-container .loc-hours .loc-hop{
        width: 100%;
    }

}
@media only screen and (min-width: 801px) and (max-width: 850px) {
    .contactUs-container {
        flex-direction: column;
        gap: 0;
    }
    .contactUs-container .contactUs-img{
        display: none;
    }
    .contactUs-container > div {
        width: calc(100% - 40px) !important;
    }
}

@media only screen and (min-width: 801px) {
    .container {
        text-align: center;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
    }

}

@media only screen and (min-width: 851px) {
    .banner .bx-wrapper .bx-caption {
        top: 50px;
        right: 50px;
    }
    
    .contactUs-container .contactUs-img{
        display: block;
    }
    
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .contact-us {
        width: 100%;
        margin: 80px auto;
    }
    .bx-wrapper .bx-controls {
        display: none;
    }

    .banner {
        height: 500px;
    }

    .bx-viewport {
        margin-top: -51px;
    }

    /*.carousel {*/
    /*    max-width: 95%;*/
    /*    margin: 0 auto;*/
    /*}*/

    /*.carousel-container .carousel-item {*/
    /*    text-align: left;*/
    /*    border: 1px solid;*/
    /*    border: 1px solid #ADADAD;*/
    /*    padding: 10px;*/
        /*width: 221px;*/
    /*    top: 1070px;*/
    /*    left: 70px;*/
    /*    gap: 0px;*/
    /*    border-radius: 10px;*/
    /*    border: 1px 0px 0px 0px;*/
    /*    opacity: 0px;*/
    /*    background: #00BDD608;*/
    /*}*/

    /*.carousel {*/
    /*    max-width: 95%;*/
    /*    margin: 0 auto;*/
    /*    display: flex;*/
    /*    justify-content: unset;*/
    /*    flex-wrap: unset;*/
    /*    gap: 15px;*/
    /*}*/

    .explore {
        display: flex;
        justify-content: unset;
        flex-wrap: unset;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 93%;
        gap: 15px;
        margin-left: 27px;
        /* margin-right: 84px; */
        overflow-x: auto;
    }

    .explore-item {
        flex: 0 0 calc(50% - 10px);
    }

    .explore-now img {
        text-align: center;
        width: 93%;
        height: 410px;
        border-radius: 10px;
    }

    /*#bodyContainer h1 {
        font-size: 6vw;
        font-weight: 700;
    }

    .exploreContent h1 {
        font-size: 3vw;
    }*/
    #bodyContainer h1 {
        font-size: 33px;
        text-align: unset;
    }

    .explore-now .exploreContent p {
        font-size: 13px;
    }

    /*.exploreContent {
        position: absolute;
         margin-bottom: 59px;
        margin-left: 12%;
        margin-top: -365px;
        color: var(--white-color);
    }*/
    .community-container .community-item {
        text-align: left;
        border: 1px solid;
        border: 1px solid #ADADAD;
        padding: 10px;
        width: 220px;
        /* border-radius: 10px; */
        border: 1px 0px 0px 0px;
    }

    .community {
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 10px;
    }

    #bodyContainer {
        margin-top: 50px;
    }

    /*.carousel div {*/
    /*    padding: 5px 0;*/
    /*}*/

    .getInTouch-container .locationInfoDetails p,
    .getInTouch-container .loc-hours .loc-hop {
        font-size: 15px;
    }

    .getInTouch-container .locationInfoDetails>p {
        font-size: 17px;
    }

    .getInTouch-container-Img {
        flex: 0.9;
    }

    .getInTouch-container .getInTouch-item {
        gap: 30px;
    }

    .getInTouch-container, .contactUs-container {
        margin: 50px auto;
        max-width: 93%;
    }
    .contactUs-container {
        margin: 50px auto;
        max-width: 87%;
    }
    .getInTouch-container .locationInfo .locationInfo-item .giconsDiv {
        margin-top: -1px;
    }
    
    .contactUs-container .contactUs-img > img {
        height: 100%;
    }
}

@media only screen and (min-width: 801px) and (max-width: 850px) {
    .banner .bx-wrapper .bx-caption {
        top: 50px;
        right: 20px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 932px) {
    .exploreContent {
        left: 7%;
        width: 46%;
    }

    /* .getInTouch-container p{
        line-height: 21px;
    }
    .getInTouch-container .locationInfoDetails h3{
        margin-bottom:0px;
        margin-left:0px;
        font-size: 15px;
    }
    .locationInfo .locationInfo-item .giconsDiv{
        font-size: 20px!important;
    }
    .getInTouch-container .locationInfoDetails {
        margin-left: 30px;
    }*/
    .brand-home-page-form ul li.LC {
        width: 23%;
    }
    .brand-home-page-form ul li.PU, .brand-home-page-form ul li.RT {
        width: 15%;
    }
}

@media only screen and (min-width: 821px) and (max-width: 1024px) {
    .rentalCars .wrapper .vehicleCars {
        grid-template-columns: 23% 23% 21% 26%;
    }
}

@media only screen and (min-width: 931px) and (max-width: 1024px) {
    .exploreContent {
        left: 7%;
        width: 45%;
    }

    /*    .getInTouch-container p{
        line-height: 30px;
    }
    .getInTouch-container .locationInfoDetails h3{
        margin-bottom:0px;
        font-size: 17px;
    }*/
    .brand-home-page-form ul li.LC {
        width: 31%;
    }
}

@media only screen and (min-width: 1025px) {
    .rentalCars .wrapper .vehicleCars {
        display: grid;
        grid-template-columns: 23% 28% 28% 26%;
        grid-column-gap: -5.5%;
        grid-row-gap: 0%;
        grid-column-gap: 22px;
        list-style: none;
        margin-right: 5%;
        padding: 0;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            margin-top: 80px;
        }

        to {
            opacity: 1;
            margin-top: 0;
        }
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .banner {
        height: 445px;
    }

    .bx-viewport {
        margin-top: -51px;
    }

    #bodyContainer {
        margin-top: -285px;
    }

    /*#bodyContainer h1 {
        font-size: 37px;
        font-weight: 700;
    }*/

    #bodyContainer h1 {
        font-size: 40px;
        text-align: unset;
    }

    .explore-now .exploreContent p {
        font-size: 17px;
    }

    .explore {
        display: flex;
        justify-content: unset;
        flex-wrap: unset;
        flex-direction: row;
        width: 91%;
        gap: 15px;
        margin-left: 46px;
        /* margin-right: 84px; */
        overflow-x: auto;
    }

    .explore-item {
        flex-basis: 23%;
    }

    .explore-now img {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 90%;
        height: 502px;
        border-radius: 10px;
    }

    /*.exploreContent {
        position: absolute;
        margin-bottom: 59px;
        margin-left: 88px;
        margin-top: -370px;
        color: var(--white-color);
    }*/
    .exploreContent {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        color: var(--white-color);
        text-align: left;
        width: 50%;
        padding: 20px;
    }

    .community-container .community-item {
        text-align: left;
        border: 1px solid;
        border: 1px solid #ADADAD;
        padding: 10px;
        width: 277px;
        /* border-radius: 10px; */
        border: 1px 0px 0px 0px;
    }

    .community {
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 12px;
    }

    .banner-text {
        opacity: 0;
        position: absolute;
        top: 25%;
        left: 56%;
        right: 0;
    }

    /*.carousel {*/
    /*    gap: 3px;*/
    /*    max-width: 90%;*/
    /*    margin: 0 auto;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    flex-wrap: unset;*/
    /*}*/

    /*.carousel-container p {*/
        /*font-weight: 700;*/
        /*line-height: 32.61px;*/
    /*    text-align: left;*/
    /*    width: 99%;*/
    /*    color: #ADADAD;*/
    /*}*/

    .getInTouch-container-Img {
        flex: 1;
    }

    .getInTouch-container .getInTouch-item {
        gap: 30px;
    }

    .getInTouch-container .locationInfoDetails p {
        font-size: 15px;
    }

    .getInTouch-container .locationInfoDetails>p {
        font-size: 17px;
    }

    .getInTouch-container .loc-hours .loc-hop {
        font-size: 15px;
    }

    .getInTouch-container,.contactUs-container{ 
        margin: 50px auto;
        max-width: 90%;
    }
    .contactUs-container{
        margin: 50px auto;
        max-width: 83%;
    }

    .getInTouch-container .locationInfoDetails h3 {
        /*font-size: 18px;*/
        margin-bottom: 10px;
    }

    .getInTouch-container .locationInfo .locationInfo-item .giconsDiv {
        font-size: 23px;
    }
    
    .contactUs-container .contactUs-img > img {
        height: 100%;
    }
    .brand-home-page-form form {
        width: 80%;
    }
    .brand-home-page-form ul li.LC {
        width: 28%;
    }
   /* .brand-home-page-form {
        top: 49%;
    }*/
    .new-header-div {
        
        background-size: cover;
        height: 60%;
        background-repeat: no-repeat;
    }

}

@media only screen and (min-width: 1281px) {
    .banner {
        height: 500px;
    }


}

@media only screen and (min-width: 1281px) and (max-width: 1419px) {
    /*.carousel-container {*/
    /*    text-align: center;*/
    /*    margin-top: -155px;*/
    /*}*/

    /*.carousel {*/
    /*    max-width: 1205px;*/
    /*    margin: 0 auto;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    flex-wrap: unset;*/
    /*    gap: 10px;*/
    /*}*/

    /*.carousel-container .carousel-item {*/
    /*    text-align: left;*/
    /*    border: 1px solid;*/
    /*    border: 1px solid #ADADAD;*/
    /*    padding: 10px;*/
    /*    width: 390px;*/
    /*    top: 1070px;*/
    /*    left: 70px;*/
    /*    gap: 0px;*/
    /*    border-radius: 10px;*/
    /*    border: 1px 0px 0px 0px;*/
    /*    opacity: 0px;*/
    /*    background: #00BDD608;*/
    /*}*/

    .explore {
        display: flex;
        justify-content: center;
        gap: 6px;
    }

    .explore-item {
        flex-basis: 20.5%;
    }

    .explore-now img {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 1210px;
        height: 502px;
        border-radius: 10px;
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 315px;
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .exploreContent {
        position: absolute;
        top: 50%;
        left: 11%;
        transform: translateY(-50%);
        color: var(--white-color);
        text-align: left;
        width: 41%;
        padding: 20px;
    }

    .community-container .community-item {
        text-align: left;
        border: 1px solid;
        border: 1px solid #ADADAD;
        padding: 10px;
        width: 372px;
        /* border-radius: 10px; */
        border: 1px 0px 0px 0px;
    }

    .community {
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 12px;
    }

    #bodyContainer h1 {
        font-size: 47px;
        text-align: unset;
    }

    .explore-now .exploreContent p {
        font-size: 17px;
    }

    .getInTouch-container-Img {
        flex: 0.8;
    }

    .getInTouch-container .getInTouch-item {
        gap: 30px;
    }

    .getInTouch-container ,.contactUs-container{ 
        width: 1210px;
        margin: 50px auto;
    }
    .contactUs-container{ 
        width: 1150px;
        margin:50px auto;
    }

    .getInTouch-container .locationInfoDetails h3 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1420px) and (max-width: 1469px) {
    .explore-item {
        flex-basis: 22%;
    }
}

@media only screen and (min-width: 1470px) and (max-width: 1579px) {
    .explore-item {
        flex-basis: 21%;
    }

}

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

    .BLK_MISC .LC ul {
        position: absolute;
        bottom: 38px;
        top: auto;
    }

}

@media only screen and (min-width: 1420px) and (max-width: 1579px) {

    .explore {
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: row;
        gap: 20px;
    }

    .explore-now img {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 1355px;
        height: 502px;
        border-radius: 10px;
    }

    .community {
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: row;
        /* justify-content: space-between; */
        /* width: 1300px; */
        gap: 45px;
    }

    /*#bodyContainer h1 {*/
    /*    font-size: 51px;*/
    /*}*/

    .explore-now .exploreContent p {
        font-size: 19px;
    }

    .exploreContent {
        position: absolute;
        top: 50%;
        left: 11%;
        transform: translateY(-50%);
        color: var(--white-color);
        text-align: left;
        width: 41%;
        padding: 20px;
    }

    .getInTouch-container,.contactUs-container{ 
        width: 1355px;
        margin: 50px auto;
    }
    .contactUs-container{ 
        width: 1290px;
        margin: 50px auto;
    }
    .getInTouch-container .getInTouch-item {
        gap: 30px;
    }

    .getInTouch-container-Img {
        flex: 0.7;
    }
}

@media only screen and (min-width: 1580px) {
    .carousel-container {
        text-align: center;
        width: unset !important;
        margin: 50px auto;
    }
    #bodyContainer h1 {
      text-align: unset !important;
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 480px !important; 
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .getInTouch-item .locationInfo .locationInfo-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 40px;
        width: 480px;
        top: 1070px;
        left: 70px;
        gap: 10px;
        /* height: 312px; */
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .locationInfo {
        display: flex;
        justify-content: center;
        /* justify-content: space-between; */
        /* align-items: flex-start; */
        /* flex-direction: row; */
        flex-wrap: unset;
        gap:25px !important;
        /* background: #7f8c9c; */
    }
    .community {
        display: flex;
        justify-content: center;
        flex-wrap: unset;
        flex-direction: row;
        justify-content: space-between;
        gap: 0px;
    }

    .explore {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 0px;
    }

    #bodyContainer {
        max-width: 1492px;
        margin: 0 auto;
    }


    /*#bodyContainer h1 {*/
    /*    font-size: 54px;*/
    /*}*/

    .getInTouch-container .getInTouch-item {
        gap: 30px;
    }

    .getInTouch-container-Img {
        flex: 0.7;
    }

}


/* carousel-container css start */
.carousel-container {
    text-align: center;
    margin-bottom: 80px;
}

.carousel {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.carousel-container .carousel-item {
    text-align: center;
    padding: 40px 40px;
    width: 312px;
    top: 1070px;
    left: 70px;
    gap: 0px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
}

.carousel-container .carousel-item .carousel-img {
    border-radius: 50%;
    background: var(--gray-color);
    padding: 10px;
    width: 60px;
    height: 60px;
    margin: auto;
}

.carousel-container .carousel-item div>hr {
    border: none;
    height: 2px;
    background-color: #ececef;
}

.carousel-container .carousel-item div>p {
    color: var(--p-color) !important;
    font-weight: 500;
    width: 90%;
    margin: auto;
}

.carousel div {
    padding: 10px 0;
}

.progress-wrapper {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* max-width: 724px; */
    margin: 40px auto;
    padding: 0 10px;
    /* gap: 150px; */
    /*max-width: 865px;*/
}

/* FULL line: before 1 and after 3 */
.progress-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gray-color);
    transform: translateY(-50%);
    border-radius: 2px;
    z-index: 0;
}

/* Step pill */
.step {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 28px;
    border-radius: 999px;
    background:  var(--primary-color);;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active */
.step.active {
    background: #dbeafe;
    color: #2563eb;
}

/* Responsive */
@media (max-width: 480px) {
    .step {
        width: 38px;
        height: 26px;
        font-size: 12px;
    }
}


@media only screen and (min-width: 0) and (max-width: 800px) {
    .carousel {
        max-width: 90%;
        margin: 0 auto;
    }
     .carousel-container .carousel-container-desc{
        padding: 0 15px;
    }
}

@media only screen and (min-width: 0) and (max-width: 500px) {
    .carousel-container {
        text-align: center;
        margin-top: 55px;
    }

    .carousel {
        flex-direction: column;
        align-items: center;
    }

    .carousel-item {
        padding: 5px;
    }
    .carousel-container .progress-wrapper {
        display: none;
    }
}



@media only screen and (min-width: 451px) and (max-width: 500px) {
    .carousel {
        max-width: 82% !important;
        margin: 0 auto !important;
    }

    
}

@media only screen and (min-width: 501px) and (max-width: 800px) {
    .carousel {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .carousel-container .progress-wrapper {
        display: none;
    }
    .getInTouch-container {
        /* display: flex; */
        width: 90%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 50px;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    /*.carousel {*/
    /*    max-width: 95%;*/
    /*    margin: 0 auto;*/

    /*}*/
    .carousel-container {
        text-align: center;
        margin-top: 50px;
        width: 94%;
        margin: auto;
        margin-top:-80px;
    }
    .getInTouch-container .locationInfo {
        display: flex;
        justify-content: center;
        gap:25px !important;
        /* justify-content: space-between; */
        /* align-items: flex-start; */
        /* flex-direction: row; */
        flex-wrap: wrap;
        /* background: #7f8c9c; */
    }
    .getInTouch-container .getInTouch-item .locationInfo .locationInfo-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 40px;
        width: 48%;
        top: 1070px;
        left: 70px;
        gap: 10px;
        height: 312px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 31%;
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /*.carousel {*/
    /*    max-width: 90%;*/
    /*    margin: 0 auto;*/
    /*}*/
    .carousel-container {
        text-align: center;
        margin-top: 50px;
        width: 90%;
        margin: auto;
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 31%;
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .locationInfo {
        display: flex;
        justify-content: center;
        gap:25px !important;
        /* justify-content: space-between; */
        /* align-items: flex-start; */
        /* flex-direction: row; */
        flex-wrap: wrap;
        /* background: #7f8c9c; */
    }
    .getInTouch-container .getInTouch-item .locationInfo .locationInfo-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 40px;
        width: 31%;
        top: 1070px;
        left: 70px;
        gap: 10px;
        height: 312px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    
}

@media only screen and (min-width: 1281px) {
    .carousel-container {
        text-align: center;
        width: 990px;
        margin:50px auto;
    }

    .carousel>div {
        padding: 0;
    }

}

@media only screen and (min-width: 1281px) and (max-width: 1419px) {
    .carousel-container {
        text-align: center;
        margin-top: -155px;
    }

    .carousel {
        max-width: 1205px;
        margin: 0 auto;
    }
    .carousel-container {
        text-align: center;
        width: 1210px !important;
        /*margin: 50px auto;*/
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 390px;
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .getInTouch-item .locationInfo .locationInfo-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 40px;
        width: 390px;
        top: 1070px;
        left: 70px;
        gap: 10px;
        height: 312px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .locationInfo {
        display: flex;
        justify-content: center;
        gap:25px !important;
        /* justify-content: space-between; */
        /* align-items: flex-start; */
        /* flex-direction: row; */
        flex-wrap: unset; 
        /* background: #7f8c9c; */
    }
}

@media only screen and (min-width: 1420px) and (max-width: 1579px) {
    .carousel-container {
        text-align: center;
        margin-top: -230px !important;
    }
    #bodyContainer h1 {
        text-align: unset !important;
    }
    .carousel {
        max-width: 1364px;
        margin: 0 auto;
    }
    .getInTouch-container .getInTouch-item .locationInfo .locationInfo-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 40px;
        width: 430px;
        top: 1070px;
        left: 70px;
        gap: 10px;
        height: 312px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .getInTouch-container .locationInfo {
        display: flex;
        justify-content: center;
        /* justify-content: space-between; */
        /* align-items: flex-start; */
        /* flex-direction: row; */
        flex-wrap: unset;
        gap:25px !important;
        /* background: #7f8c9c; */
    }
    .carousel-container .carousel-item {
        text-align: center;
        padding: 40px 40px;
        width: 480px !important; 
        top: 1070px;
        left: 70px;
        gap: 0px;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 1px 0px 6px rgb(0 0 0 / 24%);
    }
    .carousel-container {
        text-align: center;
        width: 1355px !important;
        margin: 50px auto;
    }

}

@media only screen and (min-width: 1580px) and (max-width: 1603px) {
    .carousel {
        max-width: 1492px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1604px) and (max-width: 1919px) {
    .carousel {
        max-width: 1492px;
        margin: 0 auto;
    }
    .brand-header {
        top: 0;
        width: 100%;
        height: 68%;
        position: relative;
   }
}
@media only screen and (min-width: 1920px) {
    .carousel {
        max-width: 1492px;
        margin: 0 auto;
    }
}
/* carousel-container css end */