/*@font-face {



    font-family: "sayukfont";



    src: url("../assests/fonts/bnkgothl-1.ttf");



}*/



.slide {
    min-width: 100%;
}


.custom-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider-track {
    display: flex;
    transition: transform 0.6s ease-in-out;
}
.slide img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.custom-slider .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.custom-slider .slider-nav.prev {
    left: 12px;
}

.custom-slider .slider-nav.next {
    right: 12px;
}

.custom-slider .dots {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    padding: 14px 0 0;
}

.custom-slider .dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c6c6c6;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.custom-slider .dots span.active {
    background: #577486;
    transform: scale(1.2);
}

.slide {
    min-width: 100%;
}


.slide1 {
    min-width: 100%;
}

.custom-slider1 {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider-track1 {
    display: flex;
    transition: transform 0.6s ease-in-out;
}
.slide1 img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.custom-slider1 .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.custom-slider1 .slider-nav.prev {
    left: 12px;
}

.custom-slider1 .slider-nav.next {
    right: 12px;
}

.custom-slider1 .dots1 {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    padding: 14px 0 0;
}

.custom-slider1 .dots1 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c6c6c6;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.custom-slider1 .dots1 span.active {
    background: #577486;
    transform: scale(1.2);
}

@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');


.distance-section {
    max-width: 500px;
    padding: 20px;
    border: 2px solid #f4f4f4;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}

.distance-section h2 {
    font-size: 20px;
    font-weight: 700;
    color: #1f4e63;
    margin-bottom: 15px;
}

.distance-block {
    margin-bottom: 18px;
}

.distance-block h3 {
    font-size: 14px;
    font-weight: 700;
    color: #1f4e63;
    margin-bottom: 5px;
}

.distance-block p {
    font-size: 13px;
    color: #666;
    margin: 2px 0;
}




h1,



h2,



h3,



h4,



h5,



h6 {



    font-family: 'PT Serif', serif;



    font-weight: 600;



}











@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');







body {



    font-family: 'PT Serif', serif;



}











/*



* ====================================



*  03. Header One



* ====================================



*/



.header-one {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    z-index: 99;



    color: #ffffff;



}







.header-one .top-bar {



    font-size: 13px;



    padding: 5px 15px;



    border-bottom: 1px solid #ed1d24;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    background: #ed1d24;



}







.header-one .top-bar a {



    color: #ffffff;



    font-size: 15px;



    font-weight: 500;



    font-family: "Barlow", sans-serif;



}







.top-bar ul {



    float: right;



}







.header-one .top-bar ul {



    list-style: none;



    margin: 0;



    padding: 0;



}







.header-one .top-bar ul li {



    display: inline-block;



    padding: 0 15px;



}

  .lazy-load {
      opacity: 0; /* Initially hide the image */
      transition: opacity 0.3s ease; /* Add a smooth transition */
    }
    .lazy-load.loaded {
      opacity: 1; /* Display the image when loaded */
	  opacity: 1;
    max-width: 100%;
 
    }





.header-one .top-bar-left ul li {



    padding-left: 0;



}







.header-one .top-bar-right {



    text-align: right;



}







.header-one .top-bar-right ul li {



    padding-right: 0;



    margin: 0px 5px;



}







.header-one .header-nav {



    padding: 15px;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    background-image: url(../assets-avali/banner-strap.webp);



    background-repeat: round;



    padding-bottom: 5px;



    padding : 20px 0;



}







.header-one .header-logo {



    display: inline-block;



    vertical-align: top;



}







.header-one .header-menu {



    float: left;



    font-family: 'PT Serif', serif;



    font-weight: 400;



    /*margin-top: 15px;*/



}







.header-one .header-menu>ul {



    display: inline-block;



    list-style: none;



    margin: 0;



    padding: 0;



}







.header-one .header-menu>ul>li {



    display: inline-block;



    position: relative;



}







.header-one .header-menu>ul>li>a {



    color: #01022E;



    padding: 2px 7px;



    display: block;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    border-radius: 4px;



    margin-top: 4px;



}







.header-one.sticky.active .header-nav {



    padding: 7px 15px;



    /*background: #5d2250;*/



    background-image: url('../assests/img/botton-background.webp');



    background-repeat: round;



}







.header-one.sticky.active .header-nav .header-menu>ul>li>a {



    color: #fff;



}







.header-one.sticky.active .header-menu>ul>li>a:hover {



    color: rgb(32 32 86) !important;



    background: #fff;



}







.header-one.sticky .header-menu>ul>li>a:hover {



    color: #fff !important;



    background: #577486;



}







.header-one.sticky .header-menu .inrpgeti .inrpgetli a {



    color: #01022E;



}







.header-one.sticky .header-menu .inrpgeti .inrpgetli a:hover {



    color: #01022E;



}







.header-one.sticky.active .header-menu .inrpgeti .inrpgetli a {



    color: #01022E;



}







.header-one.sticky.active .header-menu .inrpgeti .inrpgetli a:hover {



    color: #01022E;



}







.header-one .header-menu>ul>li>a#search-modal-btn {



    padding: 5px 5px;



}







.header-one .header-menu>ul>li>a#sliding-sidebar-btn {



    padding-right: 0;



    background: #efb358;



    padding: 5px 5px;



}







.header-one .header-menu>ul>li>a:hover {



    color: #577486;



    text-decoration: none;



}







.header-one .header-menu>ul>li>ul {



    list-style: none;



    margin: 0;



    padding: 0;



    position: absolute;



    top: 100%;



    left: 0;



    min-width: 150px;



    border-top: 5px solid #821f4e;



    background: #ffffff;



    z-index: 10;



    opacity: 0;



    visibility: hidden;



    -webkit-transform: translateY(20px);



    -ms-transform: translateY(20px);



    transform: translateY(20px);



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    -webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



    box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



}







.header-one .header-menu>ul>li:hover>ul {



    opacity: 1;



    visibility: visible;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



}







.header-one .header-menu>ul>li>ul>li {



    position: relative;



}







.header-one .header-menu>ul>li>ul>li a {



    font-family: 'PT Serif', serif;



    font-size: 15px;



    padding: 8px 20px;



    display: block;



    color: #666666;



    white-space: nowrap;



    border-bottom: 1px solid #eeeeee;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



}







.header-one .header-menu>ul>li>ul>li:last-child a {



    border-bottom: none;



}







.header-one .header-menu>ul>li>ul>li a:hover {



    color: #821f4e;



    text-decoration: none;



    background: #f5f4f4;



}







.header-one .header-menu>ul>li>ul>li>ul {



    list-style: none;



    margin: 0;



    padding: 0;



    position: absolute;



    top: 0;



    left: 100%;



    margin-left: 5px;



    min-width: 150px;



    background: #ffffff;



    z-index: 10;



    opacity: 0;



    visibility: hidden;



    -webkit-transform: translateY(20px);



    -ms-transform: translateY(20px);



    transform: translateY(20px);



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    -webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



    box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



}







.header-one .header-menu>ul>li>ul>li:hover>ul {



    opacity: 1;



    visibility: visible;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



}







.header-one .mobile-menu {



    display: none;



}







.header-one.sticky {



    position: relative;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



}







.header-one.sticky.active {



    background: rgba(0, 0, 0, 0.7);



}







.header-one.sticky.active .top-bar {



    padding: 5px 15px;



}







.header-one.sticky.active .header-nav {



    padding: 7px 15px;



}







.inrpgeti {



    float: right;



    margin-bottom: 1rem;



    margin-top: 1rem;



    position: relative;



}







.inrpgeti li {



    display: inline;



    margin: 5px 20px;



}







li.stevst a {



    color: #fff;



    background: #01022E;



    padding: 6px 12px;



    border-radius: 2px;



    transition: all 0.3s ease-in-out;



}







.rlogo {



    margin: 0;



    padding: 0;



    float: left;



}







.rlogo li {



    display: inline;



    margin: 5px;



}







.db {



    border-bottom: 1px solid #ddd;



}







.menu-mob {



    display: none;



}







.header-one .header-menu>ul.menu-mob {



    display: none;



}







@media (min-width: 100px) and (max-width: 768px) {



    .header-logo img {



        height: 55px;



        object-fit: contain;



        position: relative;



        width: 60%;



    }







    .header-one .header-menu {



        width: 100%;



        overflow: scroll;



    }







    .db {



        border-bottom: none;



    }







    .inrpgeti {



        display: none;



    }







    .mob-plt.mlp {



        float: right;



        margin-right: 5px;



        margin-top: 5px;



        /* background: #fff; */



        width: 30%;



    }







    .header-one #main-menu {



        display: block;



        white-space: nowrap;



    }







    .header-one .header-menu>ul.menu-desk {



        display: none;



    }







    .rlogo {



        display: none;



    }







    .mob-none {



        display: none;



    }







    .desk-none {



        display: block;



    }



}











#hero-section-one .hero-slider-item.bg-one.lp {



    background-image: url(../assets-avali/hero-img.webp);



    background-repeat: no-repeat;

margin-top:0 !important;

    background-size: cover;
 


}







#hero-section-one .hero-slider-item.bg-one {



    background-image: url(../assets-avali/hero-img.webp);



    background-repeat: no-repeat;



    background-size: cover;



}







#hero-section-one .hero-slider-item {



   



    width: 100%;


height: 600px !important;


    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    position: relative;



    z-index: 10;



    overflow: hidden;



    padding: 100px 0;



}







a,



a:visited {



    color: #fff;



}







.welcome-sec {



    background-image: url(./img/botton-background.webp);



    background-repeat: round;



    padding: 24px 0;



}







.welcome {



    color: #fff;



    text-align: center;



    padding: 20px 0px;



}







.welcome h2 {



    color: #fff;



    font-size: 35px;



    font-weight: 600;



    font-family: 'PT Serif', serif;



}







#about-section {



    padding: 25px 0;



}







.round-sec {



    padding: 25px 0px;



    background-image: url(../assets-avali/line-bg.webp);



}







.part {



    text-transform: uppercase;



    font-size: 25px;



    line-height: 45px;



    color: #577486 !important;



    margin-bottom: 30px;



    text-align: center;



}







.part span {



    font-size: 40px;



}







.single-feature.hmep.mb-2 {



    margin-bottom: 2rem !important;



}







.hmep {



    text-align: center;



}







.hmep p {



    margin-bottom: 0 !important;



}







.prem-sec {



    padding: 15px 0px;



    background-image: url(../assests/img/background-white-2.webp);



}







.abn-brd {



    border-top: 2px solid #577486;



    border-bottom: 2px solid #577486;



    padding: 25px 0px;



    margin-top: 20px;



    margin-bottom: 20px;



}







.prem {



    color: #577486;



   



    text-align: center;



    font-size: 32px;



    font-family: 'PT Serif', serif;



}







.ameni-icon {



    text-align: center;



    margin-top: 30px;



}







.center {



    display: block;



    margin-left: auto;



    margin-right: auto;



}











.ameni-icon .icon {



    border: 2px solid #577486 !important;



    border-radius: 50%;



    width: 100px;



    height: 100px;



    line-height: 90px;



}







.ameni-icon .icon img {



    margin: 20px;



}







.tct p {



    font-size: 20px; 



    font-weight: 600;



}







.hovereffect {



    width: 100%;



    height: 100%;



    float: left;



    position: relative;



    text-align: center;



    cursor: default;



}







.doso .hovereffect {



    background-image: url(../assests/img/climpek.webp);



}







.hovereffect img {



    display: block;



    position: relative;



    -webkit-transition: all .35s;



    transition: all .35s;



    width: 100%;



}







/*.hovereffect:hover .overlay {



    opacity: 0;



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



}*/







@media (min-width: 1400px) and (max-width: 1800px) {



    .cos {



        height: 569px;



        object-fit: cover;



    }



}







.hovereffect .overlay {



    position: absolute;



    overflow: hidden;



    width: 80%;



    height: auto;



    left: 10%;



    top: 5%;



    border-bottom: 1px solid #fff;



    border-top: 1px solid #fff;



    -webkit-transition: opacity .35s, -webkit-transform .35s;



    transition: opacity .35s, transform .35s;



    -webkit-transform: scale(0, 1);



    -ms-transform: scale(0, 1);



    transform: scale(0, 1);



}







.overlay h3 {



    text-align: center;



    color: #fff;



    margin: 20px;



    display: block;



    font-family: 'PT Serif', serif;



    font-size: 25px;



    font-weight: 500;



    line-height: 40px;



}







.cf {



    padding: 0;



}







.doso-div {



    /*background-image: url(../assests/img/club-house-left-and-right-bg.webp);*/



    background-color: #577486;



    background-repeat: repeat;



    background-size: cover;



}







.dos-txt {



    padding: 50px 40px;



    color: #fff;



    position: relative;



}







.dos-txt::before {



    position: absolute;



    content: " ";



    top: 35px;



    left: 20px;



    z-index: 9;



    height: 65px;



    border-left: 2px solid #577486;



    border-top: 2px solid #577486;



    width: 45%;



}







.dos-txt::after {



    position: absolute;



    content: "";



    bottom: 10px;



    right: 10px;



    z-index: 9;



    height: 45px;



    border-right: 2px solid #577486;



    border-bottom: 2px solid #577486;



    width: 45%;



}







.cod {



    color: #577486;



    font-weight: 500;



    line-height: 30px;



}







.clod p {



    margin-bottom: 5px;



}







.dos-txt p {



    font-size: 16px;



    line-height: 30px;



}







.button-primary {



   /* font-family: 'PT Serif', serif;



    font-weight: 500;*/



    background: #577486;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); 



    background: linear-gradient(to right, #502448 50%, #1A1A18 50%);*/



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff !important;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.btn:first-child:hover {



    background: #577486;



    color: #1A1A18 !important;



}







.button-primary-blck {



    /*font-family: 'PT Serif', serif;



    font-weight: 500;*/



    font-size: 16px;



    background: #1A1A18;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); */



   /* background: linear-gradient(to right, #502448 50%, #1A1A18 50%); */



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.button-primary-blck:hover {



    background: #1A1A18 !important;



    background-size: 200% 100%;



    background-position: right bottom;



    color: #ffffff;



}







.button-primary-blck1 {



    font-size: 16px;



    background: #577486;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); */



   /* background: linear-gradient(to right, #502448 50%, #1A1A18 50%); */



    background-size: 200% 100%;



    background-position: right bottom;



    color: #1A1A18;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.knmore-club {



    text-align: right;



    margin-top: 20px;



}







.knmore {



    text-align: center;



    margin-top: 20px;



}







.master-sec {



    background-image: url(../assests/img/background-white-1.webp);



}







.brd {



    border-bottom: 2px solid #577486;



}







.ftp-end {



    font-family: 'PT Serif', serif;



    font-size: 30px;



    color: #577486 !important;



    text-align: center;



    margin-bottom: 10px;



}







.f24 {



    font-size: 24px;



}







.demo-gallery>ul {



    margin-bottom: 0;



    padding-left: 15px;



}







.demo-gallery>ul>li {



    margin-bottom: 15px;



    width: 100%;



    display: inline-block;



    margin-right: 15px;



    list-style: outside none none;



}







.demo-gallery>ul>li a {



    /* border: 3px solid #FFF; */



    border-radius: 3px;



    display: block;



    overflow: hidden;



    position: relative;



    float: left;



}







.fplan {



    margin-bottom: 50px;



}







.overlay h3 {



    text-align: center;



    color: #fff;



    margin: 20px;



    display: block;



    font-family: 'PT Serif', serif;



    font-size: 25px;



    font-weight: 500;



    line-height: 40px;



}







.ctr img {



    width: 100%;



    cursor: pointer;



}

.intro {
    .accordion {
        max-width: 700px;
        margin: auto;
    }

    .accordion-item {
        border-bottom: 1px solid #ddd;
    }

    .accordion-header {
        width: 100%;
        text-align: left;
        padding: 10px;
        font-size: 16px;
        font-weight: 600;
        background: #f5f5f5;
        border: none;
        cursor: pointer;
        transition: 0.3s;
        position: relative;
    }

    .accordion-header::after {
        content: '';
        width: 10px;
        height: 10px;
        border-right: 2px solid #555;
        border-bottom: 2px solid #555;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-70%) rotate(45deg);
        transition: transform 0.3s ease;
    }

    .accordion-header.active::after {
        transform: translateY(-30%) rotate(225deg);
    }

    .accordion-header:hover {
        background: #eaeaea;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
        padding: 0 15px;
    }

    .accordion-content p {
        margin: 10px 0;
        font-size: 14px;
    }
}





.demo-gallery>ul>li a>img {



    -webkit-transition: -webkit-transform 0.15s ease 0s;



    -moz-transition: -moz-transform 0.15s ease 0s;



    -o-transition: -o-transform 0.15s ease 0s;



    transition: transform 0.15s ease 0s;



    -webkit-transform: scale3d(1, 1, 1);



    transform: scale3d(1, 1, 1);



    height: auto;



    width: 100%;



}







.pd25 {



    padding-bottom: 25px;



    padding-top: 25px;



}







.homee {



    background-image: url(../assests/img/background-white-1.webp);



    background-position: center;



}







.rp-div-p {



    border-top: 2px solid #577486;



    border-bottom: 2px solid #577486;



    padding: 20px 0px;



}







.calcd {



    background-image: url(../assests/img/background-white-2.webp);



    padding-top: 25px;



    background-position: center;



}











.bdbot {



   



    padding-bottom: 25px;



    margin-top: 15px;



}







.cald {



    font-family: 'PT Serif', serif;



    font-size: 30px;



    color: #577486;



    margin-bottom: 10px;



}



.project {
    .custom-slider {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .slider-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .slide {
        min-width: 100%;
        position: relative;
    }

    .slide img {
        width: 100%;
        object-fit: cover;
        display: block;
    }

    .caption {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        padding: 6px 12px;
        font-size: 14px;
        border-radius: 4px;
    }

    /* dots */
    .dotss {
        text-align: center;
        margin-top: 10px;
    }

    .dotss span {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #ccc;
        margin: 5px;
        border-radius: 50%;
        cursor: pointer;
    }

    .dotss .active {
        background: #333;
    }
}


.project {



    background-image: url(../assests/img/background-white-2.webp);



    background-position: center;



    margin-top: 20px;



    padding: 25px 0;



}







/*layout*/







.sayuk-layout {



    background-image: url(../assests/img/15-TOWER-FACADE-VIEW-1.webp);



    padding: 60px 0;



    background-position: center;



    background-size: contain;



    background-attachment: fixed;



}







.layout-pc img{



  width: 80%



}







.layout-text-pc img{



    width: 90%;



}







@media only screen and (max-width: 600px) {



    .layout-text-pc img {



        width: 50% !important;



    }



}







/*floor plans*/







.carousel-wrap {



    margin: 90px auto;



    padding: 0 5%;



    position: relative;



  }



  



  /* fix blank or flashing items on carousel */



  .owl-carousel .item {



    position: relative;



    z-index: 100; 



    -webkit-backface-visibility: hidden; 



  }



  



  /* end fix */



  .owl-nav > div {



    margin-top: -26px;



    position: absolute;



    top: 50%;



    color: #cdcbcd;



  }



  



  .owl-nav i {



    font-size: 52px;



  }



  



  .owl-nav .owl-prev {



    left: -30px;



  }



  



  .owl-nav .owl-next {



    right: -30px;



  }











/*test gallery*/







/*.imgani img {



    visibiliy: hidden;



    transition: all 1s ease;



    transform: translateY(160px);



    margin-top: 20px;



  }*/







.gallery-text {



   padding: 10px 10px;



   margin-bottom: 15px;



   border: 1px solid #D7D7D7;

   background: #FAFAFA;





   border-radius: 3px;



}







.text-gallery {



    font-family: 'PT Serif', serif;



    font-weight: 500;



    padding-bottom: 5px;



    text-align: center;



    position: relative;



    font-size: 20px;



    color: rgb(51, 51, 51);



    line-height: 17px;



}







.imgani img.anime {



    visibiliy: visible;



    transform: translateY(0);



}







a.img,



.separator a {



    margin-left: 0 !important;



    margin-right: 0 !important;



}







a {



   color: #555;



    outline: none;



    text-decoration: none;



}







a:hover,



a:focus,



a:visited:hover {



    color: #577486;



    text-decoration: none;



}







#arlina {



    position: relative;



    margin: 0 auto;



    width: 100%;







    overflow: hidden;



    z-index: 3;



}











#animated-thumbnail {



    position: relative;



   /* background: #fff; */



}







.bagidua {



    -webkit-column-count: 2;



    -moz-column-count: 2;



    column-count: 3;



}







@media only screen and (max-width: 600px) {







    .bagidua {



        -webkit-column-count: 1;



        -moz-column-count: 1;



        column-count: 1;



    }







}











.bagidua img,



.bagitiga img,



.bagiempat img {



    -webkit-backface-visibility: hidden;



    margin-bottom: 20px;



    max-width: 100%;



}







#box,



#box2,



#box3 {



    position: relative;



    height: 170px;



    display: block;



    background: #ecf0f1;



    margin: 0 0 20px 0;



}







#box:last-child {



    margin: 0;



}







#box:before,



#box2:before,



#box3:before {



    position: absolute;



    content: "";



    display: inline-block;



    left: 0;



    top: 0;



    right: 0;



    bottom: 0;



    height: 170px;



    width: 250px;



    margin: 0;



    background: #fff url("https://4.bp.blogspot.com/-85zQwMdLm24/VmGwA9aFRgI/AAAAAAAAAVM/AHpkZL9MdTQ/s1600/Nubie%2BBanget%2BBlogger%2BTemplate.webp") center;



    background-size: cover;



}







#box2:before {



    background: #fff url("https://2.bp.blogspot.com/-V5Pi6tg3kk4/VmFRvAbi6rI/AAAAAAAAATc/9gm3XBewj0k/s1600/Sweet%2BYummy%2BChocolate%2BCake.webp") center;



    background-size: cover;



}







#box3:before {



    background: #fff url("https://2.bp.blogspot.com/-xA82xCIl_8M/VmFRX7fxEaI/AAAAAAAAATU/BXBvzBFgiK0/s1600/Top%2BDestinations%2BTo%2BTravel%2BNext%2BSummer.webp") center;



    background-size: cover;



}







#box:after,



#box2:after,



#box3:after {



    position: absolute;



    content: "\f030";



    font-family: FontAwesome;



    display: inline-block;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    text-align: center;



    height: 170px;



    line-height: 170px;



    width: 250px;



    margin: 0;



    color: rgba(255, 255, 255, 0.5);



    background: rgba(0, 0, 0, 0.4);



    font-size: 50px;



    opacity: 0;



    visibility: hidden;



    transition: all 0.6s;



    z-index: 2;



    cursor: pointer;



}







#box:hover:after,



#box2:hover:after,



#box3:hover:after {



    opacity: 1;



    visibility: visible;



}







.rp-sec {



    padding: 25px 0px;



    



    background-image: url(../assets-avali/line-bg.webp);



    background-position: center;



}







.specs {



    background-image: url(../assests/img/15-TOWER-FACADE-VIEW-1.webp);



    padding: 60px 0px;



    background-position: center center;



    background-size: contain;



    background-attachment: fixed;



}







.accordion-item {



    margin: 20px !important;







}







.accordion-button:not(.collapsed) {



    background-color: #C1BFBD;



    color: #1A1A18;



    box-shadow: none;



}







.accordion-button {







    padding-left: 50px;



    font-size: 1rem;



    font-weight: 600;



}







.accordion-button:focus {



    box-shadow: none;



    border: none;



}







.sayuk-footer {



    background-image: url(../assests/img/banner-strap.webp);



    background-size: cover;



    background-repeat: round;



    padding: 60px 0;



}







.fform {



    background-color: #577486;



    padding: 30px;



}







/*slick*/







/* Defines the width of the carousel and centers it on the page */



.slick-carousel {



    margin: 0 auto;



   /* width: 1200px !important;*/



  }



  



  /* The width of each slide */



  .slick-slide {



  /*  width: 400px !important; */



    height: auto !important;



  }



  



  /* Color of the arrows */



  .slick-next::before, .slick-prev::before {



    color: #1c1b50 !important;



  }







  .slick-prev {



    left: 5px !important;
    z-index: 9999;

}







.slick-next {



    right: 5px !important;



}











/*pricing table*/







#pricingtable {



    width: 100%;



    padding-bottom: 50px;



}







#pricingtable th {



    padding: 10px 50px;



    color: #1A1A18;



    background: #577486;



    text-align: center;



    font-weight: 400;



}







#pricingtable td, #pricingtable th {



    border: 1px solid #bbb;



    padding: 15px 5px;



    text-align: center;



}











#pricingtable tr:nth-child(even) {



    background-color: #f2f2f2;



}







.price-sec {



    background-image: url(../img/brochures/climpek.webp);



    padding: 30px 0;



}







.unlock {



    color: #1A1A18;



    background: #577486;



    padding: 10px;



    border-radius: 2px;



    transition: all 0.3s ease-in-out;



}







.unlock:hover {



    background: #1A1A18;



    color: #fff;



    cursor: pointer;



}







/*Project Status*/







.project-status {



    margin: 30px 0;



}







.project-status h2 {



    text-align: center;



    padding-bottom: 10px;



}







.project-status p {



    text-align: center;



    padding: 10px 0;



}







/*test*/



figure.effect-layla h2 {



    padding-top: 1%;



    -webkit-transition: -webkit-transform 0.35s;



    transition: transform 0.35s;



    color: #fff;



    font-weight: bold;



    background: #0000009e;



}



.lm {



    margin-top: 4.4% !important;



}



.fps figure.effect-lily {



    background: #000000;



}



figure.effect-lily img {



    max-height: 200px;



    min-height: 200px;



}



figcaption h2 {



    font-size: 14px;



    word-spacing: 5px !important;



    background: rgba(0, 0, 0, 0.6);



    padding: 3px;



    width: 100%;



    padding-top: 10px;



    padding-bottom: 10px;



}



.grid figure figcaption > a {



    z-index: 1000;



    text-indent: 200%;



    white-space: nowrap;



    font-size: 0;



    opacity: 0;



}











.floating-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
    display: flex;
    gap: 10px;
}







/*@media (min-width: 100px) and (max-width: 768px) {



.desk-none {



    display: block;



}



}*/







.button-primary-float {



   /* font-family: 'PT Serif', serif;



    font-weight: 500; */



    font-size: 16px;



    background: #577486;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); 



    background: linear-gradient(to right, #502448 50%, #1A1A18 50%);*/



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff !important;



    padding: 5px 24px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.button-primary-float:hover {



    background: #577486 !important;



    color: #1A1A18 !important;



}







@media (min-width: 100px) and (max-width: 768px) {



    .floating-btn {



        bottom: 10px;
        left: 10px;
        right: auto !important;



    }



    .button-primary-float {



        font-size: 12px;



        padding: 5px 15px;



    }



    }







@media (min-width: 100px) and (max-width: 768px){



.float-bottom {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
   padding: 5px 0px;
    /*background-image: url(../assests/img/botton-background.webp);
    background-repeat: no-repeat;*/
background-color: #3651ab; 
  text-align: center;



}



}







.float-btm-text {



    /*font-family: 'PT Serif', serif;*/



    font-weight: 500;



    padding: 10px 25px;



    text-align: center;



    background: none;



    border: none;



    color: #1A1A18;



}



.float-btm-text2 {



   /* font-family: 'PT Serif', serif; */



    font-weight: 500;



    padding: 10px 25px;



    text-align: center;



    background: none;



    border: none;



  color: #ffffff;



}







.float-btm-text2 a {



    color: #1A1A18;



}







.footer-new {



    padding: 50px 10px;



    background-image: url(../assests/img/banner-strap.webp);



    background-size: cover;



    background-repeat: round;



}







.footer-new h5 {



    font-size: 20px;



}







.footer-new, .footer-logo {



    padding: 30px 10px;



}







.list-inline {



    padding-left: 0;



    margin-left: -5px;



    list-style: none;



}







.list-inline>li {



    display: inline-block;



    padding-right: 5px;



    padding-left: 5px;



}







.footer-logo a{



    color: #000000;



    outline: none;



    text-decoration: none;



}







.fm {



    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    border-radius: 20px;



    padding: 10px;



}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.footer-logo, a {
    color: #1A1A18 !important;
    outline: none;
    text-decoration: none;
}
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}
.owl-next{
	float:right
}