/* CSS by Ashraf for top listing page */
        body{
            background-color: #fff !important;
            overflow-x: hidden;
        }
        .top-right-menu ul li{
            display: inline-block;
            list-style: none;
            padding: 0px;
        }
        .top-right-menu a li{
            color: grey;
            font-size: 14px;
            padding: 10px;
            text-decoration: none;
        }
        .top-right-menu button{
            background-color: rgb(241, 111, 36);
            border: none;
            border-radius: 0px;
        }
        .top-right-menu .active{
            font-weight: 600;
            color: #000;
        }
        .bg-black{
            background-color: #000 !important;
        }
        .floating-enquie{
            position: fixed;
            bottom: 0px;
            right: 0px;
            left: 0px;
            z-index: 99999;
        }
        .floating-enquie button{
            font-size: 18px;
            background-color: rgb(253 ,104, 5);
            border: none;
            border-radius: 0;
            padding-block: 14px;
        }



    
    
        /* CSS by Santu for listing page */
        .img-position{
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #00000059;
        color: white;
        font-size: 26px;
        }

        .card-text-position{
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fffeff;
        color: #e5890d;
        font-size: 12px;
        padding: 4px 8px 4px 8px;
        }

        .icon-position {
            border-radius: 50%;
            width: 135px;
            height: 135px;
            position: absolute;
            bottom: -64px;
            left: 16px;
            object-fit: contain;
            background-color: #FFF;
            padding: 22px;
            box-shadow: 0px 5px 4px -5px;
        }
        /* .company-position{
        font-size:25px; 
        color:#373737;
        } */
        .company-position {
            font-size: 25px;
            color: #373737;
            margin: 0px 0px 0px 120px;
        }
                
        /* .location-position{
        color: #5c5a5a;
        left: 0px;
        position: relative;
        font-size: 18px;
        bottom: 4px;
        } */

        .location-position {
            color: #5c5a5a;
            left: 0px;
            position: relative;
            font-size: 18px;
            bottom: 4px;
            margin: 6px 0px 0px 124px;
        }

        .configuration{
            color:#685f5f; 
            font-size:15px;
        }
        .size{
            color:#636363 !important; 
            font-size:11px !important;
            font-weight: bold !important;
        }
        .company-tag{
            font-size:14px;
        }
        .know-more-button{
            background-color:#126dc1 !important; 
            color:#fff !important;; 
            font-size:13px !important;
            border-radius: 0px !important;
        }
        .enq-size{
            font-size: 12px;
        }
        
            .modal-box-layout{
                border-radius: 2% 2% 15% 2% !important;
            }
            .phone-input{
                margin-bottom:8px;
            }
            .arrow-color{
                background-color: #f96c23!important;
                color: #FFF;
                display: block;
                height: 45px;
                width: 45px;
                border-radius: 50%;
                position: absolute;
                bottom: -36px;
            }
            .companies-logo-position{
                padding: 0px 16px 0px 0px;
            }
            .tooltipp {
                position:relative
              }
              
              .tooltipp .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: #555;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                position: absolute;
                right: 0px;
                top: 0px;
                z-index: 9;
            }
              .tooltipp:hover .tooltiptext {
                visibility: visible;
              }
            @media (min-width: 992px){
                .modal-lg {
                    max-width: 616px;
                }
                .dot {
                    background-color: #eeeeee!important;
                    display:block;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    position: absolute;
                    right: -70px;
                    top: 10px;
                    bottom: 0px;
                }
            }

            .label{
                font-size: 10px;
                letter-spacing: 2px;
            }

        @media screen and (max-width: 767px){
            .img-position {
                left: -15px;
                right: -15px;
                font-size: 20px;
            }
            .company-position
            {
                font-size:18px !important; 
                text-align: center !important;
                margin: 0px 0px 0px 0px !important;
            }
            .location-position{
                left: 0px;
                font-size: 15px;
                text-align: center !important;
                margin: 0px 0px 18px 0px !important;
            }
            .configuration{
                font-size:12px;
            }
            .size{
                font-size:8px !important;
            }
                .company-tag{
                font-size:10px;
            }
            .know-more-button{
                font-size:8px !important;
            }
            
            .enq-size{
                font-size: 13px;
            }
            .dot {
                height: 50px;
                width: 50px;
            }
            .modal-box-layout{
                border-radius: 3% 3% 3% 3% !important;
            }

            .arrow-color {
                height: 60px;
                width: 60px;
                top: 97px;
                right: 140px;
            }
            .icon-position {
                width: 100px;
                height: 100px;
                left: 16px;
                padding: 14px;
            }    
            .companies-logo-position{
                padding: 0px;
            }

            .tooltipp .tooltiptext {
                display: none;
            }
        }                                                                   
    
    

    
        /* CSS by Ashraf for home page */
        .first-overlay{
            position: absolute;
            bottom: -8px;
            left: 0;
            right: 0px;
            width: 100%;
            z-index: 2;
        }
        .second-overlay{
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0px;
            width: 100%;
            z-index: 1;
        }
        .bg-blue{
            background-color: #0f70b5 !important;
        }
        .letterspacing{
            letter-spacing: 3px;
        }
        .textorange{
            color: rgb(253 ,104, 5)!important;
        }
        .font-italic{
            font-style: italic;
        }
        .font-weight-bolder{
            font-weight: bolder;
        }
        .center-desc p{
            margin-bottom: 4px;
            color: #dddddd;
        }
        .center-desc p span ,.center-desc small{
            color: #fff;
        }
        .bigbutton{
            background-color: #fff;
            border: none !important;
            border-radius: 50px !important;
            color: rgb(253 ,104, 5);
            font-size: 16px !important;
            padding-block: 10px;
            text-decoration: none;
            padding-inline: 11%;
        }
        .bigbutton p{
            font-weight: 400;
        }
        .dispulelme li{
            display: inline-block;
            margin-left: 10px;
        }
        .dispulelme {
            padding-inline: 56px;
        }
        
        .textblue{
            color:rgb(19,112,173)
        }
        .botom-rel-img{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 1;
        }

        .botom-rel-img button{
            background-color: #0f70b5;
        }

        @media only screen and (max-width: 480px) {
            .bottomimage{
                aspect-ratio: 9/10;
            }
            .dispulelme span{
                display: block;
            }
        }
        .logoimg{
            aspect-ratio: 1/1;
            object-fit: contain;
            background: #f1f1f1;
            max-width: 150px;
        }
    

    
        /* CSS by Ashraf for bottom page */
        .removebullet li{
            list-style-type: none;
            padding-top: 10px;
            font-size: 13px;
        }
        .bottom-icon-rcss.text-dark{
            font-size: 20px !important;
        }
        .sub-button{
            background-color: #fd6805;
            border-radius: 5px;
            font-size: 13px;
            padding: 10px 15px;
            color: white;
        }
        #exampleInputEmailsub{
            border: 1px solid #ededed;
        }
        .floating-enquie-desktop{
            position: fixed;
            bottom: 50%;
            right: -60px;
            z-index: 99999;
        }
        .floating-enquie-desktop button{
            background-color: #0f70b559;
            border-radius: 0;
            border: none;
            font-size: 15px;
            padding: 10px 15px;
            color: white;
            transform: rotate(90deg);
            box-shadow: 0px 0px 5px 0px #0000007a;
        }
        .floating-enquie-desktop:hover button{
            background-color: #f16f24;
        }
    


    /* Ashraf detail top side of page overview aminities gallery highlights */
    .imgoveer {
    position: absolute;
    top: 50%;
    left: -32%;
    transform: translate(0px, -55%);
    max-width: 531px;
    z-index: 1;
}
.greyimage{
    filter: brightness(50%);
}

.somerelative{
    position: relative;
    height: 62px;
}

.absolutesvg{
    position: absolute;
    top: -116px;
    left: 0;
    width: 100%;
}
.detailforstswiper .swiper-button-next::after ,.newplansswiper .swiper-button-next::after ,.galleryswipe .swiper-button-next::after{
    content: '';
}
.detailforstswiper .swiper-button-prev::after, .newplansswiper .swiper-button-prev::after , .galleryswipe .swiper-button-prev::after{
    content: '';
}
.backcorner{
    margin-bottom:12px ;
    background-color: white;
    width: 10px;
    height: 10px;
    position: relative;
}
.internalline{
    background-color: #0f70b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 156%;
    height: 100%;
    transform: rotate(45deg) translateY(-32%);
}
/* ,.detailforstswiper .swiper-slide-active ,.swiper-slide-active .internalline */
.onhoverorange:hover ,.onhoverorange:hover .internalline {
    background-color: #ef6f24;
}

.detailforstswiper .swiper-pagination-bullet-active{
    --swiper-theme-color:#fff
}

.onhoverorange h5{
    color: #0f70b5;
}

/* ,.swiper-slide-active h5 */
.onhoverorange:hover h5 {
    color: #fff;
}

.detailforstswiper .swiper-button-disabled{
    display: none !important;
}

.detailforstswiper .fa ,.newplansswiper .fa , .galleryswipe .fa {
    color: #fff;
    padding: 16px;
    border-radius: 50%;
    font-size: 10px;
    background-color: #0000006b;
} 

.swiper-button-next {
    right: 16px;
}

.swiper-button-prev {
    left: 16px;
}

.backgroundhb{
    background: -webkit-linear-gradient(bottom, #0f70b5 75%, #f8f8f8 25%);
    background: -o-linear-gradient(bottom, #0f70b5 75%, #f8f8f8 25%);
    background: -moz-linear-gradient(bottom, #0f70b5 75%, #f8f8f8 25%);
    background: linear-gradient(to bottom, #0f70b5 75%, #f8f8f8 25%);
}

.bg-ggrey-cont{
    background-color: #f8f8f8;
    padding-left: 122px;
    padding-top: 122px;
    background: -webkit-linear-gradient(bottom, #f8f8f8 75%,#fff 25%);
    background: -o-linear-gradient(bottom, #f8f8f8 75%,#fff 25%);
    background: -moz-linear-gradient(bottom, #f8f8f8 75%,#fff 25%);
    background: linear-gradient(to bottom, #f8f8f8 75%,#fff 25%);
}

.bg-white-onlydesk{
    background-color: #fff;
}

.highlightssection{
    background-color: rgb(253 ,104, 5);
    padding: 80px;
    
}

.topimageicon{
    float: right;
    padding-top: 20px;
}

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

    .topimageicon{
        float: left;
    }
    .highlightssection{
        padding: 10px;
    }
    .bg-white-onlydesk{
        background-color: unset;
    }

    .bg-ggrey-cont{
        padding-left: 0px;
        padding-top: 0px;
        padding: 20px;
    }
    .imgoveer {
        top: 66%;
        left: 12%;
    }
    .extraheight{
        margin-bottom: 131px;
    }
    .somerelative{
        height: 44px;
    }
    .absolutesvg {
        position: absolute;
        top: 0px;
    }
    .backcorner{
        display: none;
    }
    .onhoverorange h5 {
        color: #fff;
    }
    .galleryswipe img{
        aspect-ratio: 9/13;
        object-fit: cover;
    }
}

.background75{
    background: -webkit-linear-gradient(bottom, #fff 75%, #f8f8f8 25%);
    background: -o-linear-gradient(bottom, #fff 75%, #f8f8f8 25%);
    background: -moz-linear-gradient(bottom, #fff 75%, #f8f8f8 25%);
    background: linear-gradient(to bottom, #fff 75%, #f8f8f8 25%);
}

.newplansswiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: rgb(28 28 28 / 90%);
    opacity: .2 !important;
}
.newplansswiper .swiper-pagination-bullet-active {
    --swiper-theme-color: #000;
    opacity: 1 !important;
}


.galleryswipe .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: .2 !important;
}

.galleryswipe .swiper-pagination-bullet-active {
    --swiper-theme-color: #fff;
    opacity: 1 !important;
}

.gallergrey{
    bottom:0px;
    left:0px;
    right:0px;
}


.galleryswipe .swiper-pagination-bullets{
    bottom: 4px!important;
}

.negativemargin{
    margin-inline: -15px;
}

.iconhoverparent{
    margin-right: 4px;
    padding: 16px;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
}

.iconhoverparent:hover{
    background-color: rgb(15 ,112, 181);
}

.iconhover{
    aspect-ratio: 1/1;
}

.iconhover:hover{
    filter: brightness(0) invert(1);
}

.ulofhighlights li{
    padding-block: 10px;
    font-size: 18px;
}








/* Santu Chatterjee detail bottom part Video, Location, Testimonials, About, Contact*/
 .arrow-position-right{
    background: #083a5d !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  
}
.arrow-position-left{
    background: #083a5d !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 3px 20px;
    margin: auto;
}

.testim .arrow {
/* display: block !important; */
position: absolute;
color: #719dbb !important;
cursor: pointer;
font-size: 16px;
top: 40% !important;
right: -100px !important;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 12px 12px;
z-index: 9;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: green;
}
    

.testim .arrow.left {
    left: -100px;
}


.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    display: block;
    z-index: 3333;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #FFF;
    border-color: #FFF;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 20px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
    display: none;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50% !important;
}

.testim .cont div h2 {
    color: green;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}
    .slider-paragraph-heading{
        font-size:28px !important;
        font-weight:bold;
    }

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
    @media all and (min-width: 1281px) {
        .about-background-position {
            position: absolute;
            bottom: 156px;
        }
}
    
    .download-brouchre-background{
            background: linear-gradient(360deg, #fff 50%, #1071b6 50%);
    }
    .btn-brochure{
            background:#f66d1d; 
            color:#FFF !important;
            border-radius:0px;
        }
    .about-icon-position{
        border-radius: 50%;
        width: 180px;
        height: 180px;
        position: absolute;
        bottom: 145px;
        right: -60px;
        z-index:9;
        object-fit: contain;
        background-color: #FFF;
        padding: 15px;
        box-shadow: 0px 5px 4px -5px;
    }
    .about-developer{
        color: #e98a2b;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 2px;
    }
    .background-color-position{
        background: linear-gradient(180deg, #FFF 43%, #f8f8f8 0%);
    }
    .maharera-number{
        font-size: 19px;
    }
    .available-at{
        color:#FFF;
    }
    .contact-background{
        background-color: #ef6f24;
        color: #FFF;
        margin-bottom: 106px;
       
    }
    .disclaimer-background{
        bottom: -86px;
        background-color: #126fb4;
    }
    .brouchre-position{
        width: 75% !important;
        margin-left:auto;
    }
    .video-title{
        font-size: 12px;
        color: #ef6f24 !important;
        letter-spacing: 2px;
        text-align: center !important;
    }
    .video-title-repeat{
        font-size: 24px;
        color: #474646 !important;
        letter-spacing: 1px;
        text-align: center !important;
    }
    .video-title-paragraph{
            font-size: 15px;
            text-align: center;
            letter-spacing: 1px;
        }

    .mySwiper .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 50%;
        background: rgb(28 28 28 / 90%);
        opacity: .2 !important;
    }
    .mySwiper .swiper-pagination-bullet-active{
        --swiper-theme-color: #000;
        opacity: 1 !important;
    }
    .video-background-linear{
        background: linear-gradient(to left, #fff 60%, #f8f8f8 50%);
        padding: 60px 60px 60px 60px;
    }
    .video-background-linear-repeat{
        background: linear-gradient(to right, #fff 54%, #f8f8f8 50%);
        padding: 60px 60px 60px 60px;
    }
    .video-background{
        margin-left: 0px;
        margin-right: 0px;
    }
    .testimonial-title{
        font-size: 15px;
        letter-spacing: 2px;
    }
    .location-title-small{
        color: #dd9c75;
        letter-spacing: 2px;
        font-size: 14px;
        font-weight:bold;
    }
    .location-title-big{
        font-size: 30px;
        letter-spacing: 2px;
        font-weight: bold;
        color: #555555;
    }
    .location-text{
        text-align: center;
        line-height: 30px;
     }
    .icon-size{
        font-size: 10px;
        background: #0d71b7;
        color: #FFF;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        padding: 14px;
    }
    .icon-size:hover{
        background: #e57421;
    }
    .mySwiperlocation .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 50%;
        background: rgb(28 28 28 / 90%);
        opacity: .2 !important;
    }
    .mySwiperlocation .swiper-pagination-bullet-active{
        --swiper-theme-color: #000;
        opacity: 1 !important;
    }
    .location-radius{
        border-radius: 50%;
        width: 200px;
        height: 200px;
    }
    .hover-img-clear h5{
        color:#e6e6e6;
        opacity: 0;
        font-size: 16px;
    }
    .hover-img-clear:hover h5{
        color: #000;
        opacity: 1;
    }

    .hover-img-clear img{
        opacity: 0.5;
    }
    .hover-img-clear:hover img{
       opacity: 1;
    }
    .mySwiperlocation .swiper-slide-active img{
        opacity: 1;
    }
    .mySwiperlocation .swiper-slide-active h5{
        color: #000;
        font-size: 16px;
        opacity: 1;
    }
    .about-point{
        color: #747474;
        font-size: 13px;
        font-weight: bold;
    }
    .about-parent .about-point{
        color: #747474;
        font-size: 15px;
        font-weight: bold;
    }
    

    @media screen and (max-width: 767px){
        .about {
            text-align: center;
        }
        .about-developer{
            font-size: 13px;
            text-align: center;
        }
        .about-icon-position {
            bottom: -80px;
            right: 50%;
            transform: translate(50%, 0px);
        }
        .background-color-position{
            background: linear-gradient(180deg, #FFF 50%, #FFF 50%);
        }
        .background-color-position-repeat{
            background-color:#f8f8f8;
        }
            .maharera-number{
            font-size: 16px;
        }
        .available-at{
            font-size: 15px;
        }
        .disclaimer-background {
            bottom: -430px;
            left: 0px;
        }
        .contact-background{
            margin-bottom: 490px;
            margin-left: 0px;
            margin-right: 0px;
       
        }
        .slider-paragraph-heading{
            font-size:20px !important;
            font-weight:bold;
        }
        .get-location{
            font-size: 22px !important;
        }
        .btn-brochure {
            font-size: 20px;
            padding: 10px 20px;
            letter-spacing: 2px;
        }
        .testim .cont > div {
            padding: 0 0 70px 0;
        }
        .brouchre-position{
            width: auto !important;
            margin-left:auto;
        }
        .testim .wrap {
            padding: 0px 0px;
        }
        .video-background-linear{
            background: linear-gradient(180deg, #f8f8f8 50%, #FFF 50%);
            padding: 0px 60px 0px 60px;
        }
        .video-background-linear-repeat{
            background: linear-gradient(180deg, #f8f8f8 0%, #FFF 0%);
            padding:0px;
        }
        .video-background-linear-position{
           margin-left: 0px !important;
           margin-right:0px !important;
        }
        .location-text{
            text-align: left;
        }
        .location-title-small{
            font-size: 16px;
        }
        .about-point{
            font-size: 14px;
        }
    }


/* Ashraf fix 09-05-2022 */

.container{
    max-width: 90% !important;
}

@media screen and (max-width: 767px){
    .container{
        max-width: 100% !important;
    }
}

.vertical-align-middle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}