@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: IBMPlexSans-Regular;				
    src: url(../Fonts/IBMPlexSans-Regular.ttf);
} 


@font-face {
    font-family: Ubuntu-Regular;				
    src: url(../Fonts/Ubuntu-Regular.ttf);
} 

@font-face {
    font-family: Ubuntu-Medium;				
    src: url(../Fonts/Ubuntu-Medium.ttf);
} 

@font-face {
    font-family: Ubuntu-Light;				
    src: url(../Fonts/Ubuntu-Light.ttf);
} 


@font-face {
    font-family: Roboto-Regular ;				
    src: url(../Fonts/Roboto-Regular.ttf);
} 

@font-face {
    font-family: Roboto-Light ;				
    src: url(../Fonts/Roboto-Light.ttf);
} 

@font-face {
    font-family: Roboto-Thin ;				
    src: url(../Fonts/Roboto-Thin.ttf);
} 


@font-face {
    font-family: Roboto-Medium ;				
    src: url(../Fonts/Roboto-Medium.ttf);
} 

@font-face {
    font-family: RobotoCondensed-Regular;				
    src: url(../Fonts/RobotoCondensed-Regular.ttf);
} 

@font-face {
    font-family: RobotoCondensed-Bold;				
    src: url(../Fonts/RobotoCondensed-Bold.ttf);
} 


@font-face {
    font-family: Raleway-Regular ;				
    src: url(../Fonts/Raleway-Regular.ttf);
} 

@font-face {
    font-family: Raleway-Bold;				
    src: url(../Fonts/Raleway-Bold.ttf);
} 

@font-face {
    font-family: Raleway-SemiBold;				
    src: url(../Fonts/Raleway-SemiBold.ttf);
} 




html {
    scroll-behavior: smooth;
    transition: all .3s linear;
    
}

 :root {
    --color1: #b43225;
    --color2: #FFF;
    --color3: #000;
    --color-4:#eddeda;
    --color-5:#0f3d3d;
    --color-6:#0ab14b;
    --color-7:#f36e21;
    --way-rg:Raleway-Regular;
    --way-bd:Raleway-Bold;
    --way-sd:Raleway-SemiBold;
    --Ubuntu-regular:Ubuntu-Regular;
    --Ubuntu-md:Ubuntu-Medium;
    --Ubuntu-lg:Ubuntu-Light;
    --Ubuntu-regular:Roboto-Regular;
    --Roboto-Regular:Ubuntu-Medium;
    --Roboto-Medium:Roboto-Medium;
    --RobotoCondensed-Regular:RobotoCondensed-Regular;
    --RobotoCondensed-Bold:RobotoCondensed-Bold;
    --rob-light:Roboto-Light;
    --rob-thin:Roboto-Thin;
}


.pad-cl{
   padding: 0 5%;
}


.row{
    margin: 0px!important;
    padding: 0px!important;
}





body {
    font-family: IBMPlexSans-Regular;
    margin: 0px;
    padding: 0px;	
    overflow-x: hidden;
    width: 100%;
}

ul {
    list-style: none;
    margin-bottom: 0 !important;
}

p {
    margin-bottom: 0px !important;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

.anFont2 {
    font-family: 'Catamaran', sans-serif !important;
}
/*Css Common*/

.mr-margin-0 {
    margin: 0;
}

.mr-margin-b-0 {
    margin-bottom: 0px !important;
}

.mr-margin-t-0 {
    margin-top: 0px !important;
}

.mr-margin-l-0 {
    margin-left: 0px !important;
}

.mr-margin-r-0 {
    margin-right: 0px !important;
}

.mr-font-13 {
    font-size: 13px !important;
}

.mr-font-14 {
    font-size: 14px !important;
}

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

.mr-font-16 {
    font-size: 16px !important;
}

.mr-font-17 {
    font-size: 17px !important;
}

.mr-font-18 {
    font-size: 18px !important;
}

.mr-font-19 {
    font-size: 19px !important;
}

.mr-font-20 {
    font-size: 20px !important;
}

.mr-font-21 {
    font-size: 21px !important;
}

.mr-font-22 {
    font-size: 22px !important;
}

.mr-clear-both {
    clear: both;
}

.mr-clear-none {
    clear: none;
}

.mr-display-flex {
    display: flex;
}

.mr-float-left {
    float: left;
}

.mr-float-right {
    float: right;
}

.mr-just-flex-end {
    justify-content: flex-end;
}

.mr-container {
    width: 100%;
}

.mr-col-sm-3 {
    width: 29.37%;
}

.mr-col-sm-4 {
    width: 31.23%;
}

.mr-col-sm-8 {
    width: 68.68%;
}

.mr-text-justify {
    text-align: justify;
}

.al-just-flex-end {
    justify-content: flex-end;
}
/*Custome Css*/

.wel-container{
    padding: 0px 4%;
}

.img-dot {
    margin-top: 8px;
    line-height: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
}

.owl-item img{
    width: auto!important;
}

/* li .dropdown-menu{
    display: block!important;
    background-color: var(--color-5);
} */

.dropdown-menu{
    background-color: var(--color-5)!important;
    z-index: 100000;
}



li .dropdown-menu a{
    font-family: var(--Roboto-Regular);
    font-size: 14px;
    color: var(--color2);
    text-transform: uppercase;
    z-index: 10000;
}



li .dropdown-menu a:hover{
    background-color: var(--color-7);
    color: var(--color2);
}

li:hover .dropdown-menu{
    display: block!important;
    background-color: var(--color-5);
}

.NavbarBg {}
/* .navbar-brand {background-color: white; } */
.bestpart {background-color: white; }
 
 
.TopSection {
    background-color: white;
    border-bottom: 1px solid #80808026;
}

.textcolor1 {
    color: #505050;
    font-weight: 600;
}

.TopBar {
    padding: 15px;
}

.TopSocial {
    display: flex;
}

.TopSocial li {
    padding-right: 10px;
    line-height: 0.8;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
     
}

.indx-sticky{
    position: relative!important;
    display: none;
}

.entry-content {
    font-size: 15px !important;
}

.FooterBg {
    height: 200px;
    background-color: #CCCCCC;
}

.MainContainer {
    padding-top: 60px;
    padding-bottom: 60px;
}


.titile-style{
    position: relative;
    padding-bottom: 5px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.titile-style::before{
    position: absolute; bottom: 0px;
    content: ''; width: 100px;
    height: 2px; background-color: var(--color-6);

}

.hd-call{
    border: 1px solid var(--color-7);
    padding: 6px 15px;
    display: none;
}

.hd-call a{
    color: var(--color-7);
    font-family: var(--Roboto-Regular);
    font-size: 14px;
}



/************scroller-start  */

/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #e2e8e9; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888888; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #0c294e; 
}


/* scroller-end */


/* popup------- */
.popup{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0px 5%;
}

.popup .popup-container{
    background-color: #ffff;
    padding: 5rem;
    position: relative;
    /* width: 50%; height: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.popup .popup-container h1{
   font-size: 25px;
   /* color: #000; */
   font-family: var(--Roboto-Regular)!important;
   margin-bottom: 0px;
}


.popup .popup-container .close{
    position: absolute;
    top: -55px; right: 0px;
    width: 50px;
    height: 50px;
    border: 3px solid var(--color-7);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup .popup-container .close i{
   font-size: 20px;
   color: var(--color-7);
}


.popup .owl-carousel, .owl-carousel .owl-item {
    z-index: -1!important;
}
/* -------- */



/*Header*/

header .top-item .header-contact{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .top-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 6%;
    
}



.top-contact-left{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.top-contact-left .hed-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.top-contact-left i{
    color: #000;
    font-size: 16px;
}

.top-contact-left p{
    color: #000;
    font-size: 16px;
    font-family: var(--Roboto-Regular);
}

.top-contact-left h4{
    color: #000;
    font-size: 14px;
    font-family: var(--Roboto-Regular);
    margin: 0px;
}

.top-contact-left a{
    color: #000;
    font-size: 16px;
    font-family: var(--Roboto-Regular);
}



header .top-item{
    padding: 1px 5%;
    width: 100%;
   
    color: #ffffff;
    position: relative;
    z-index: 5000;
    /* background: var(--color1); */
   
    background-position: left;
    background-repeat: no-repeat;
}

header .top-item .top-contact-right ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

header .top-item .top-contact-right ul li{
   list-style-type: none;
}

header .top-item .top-contact-right ul li a{
    text-decoration: none;
    font-family: var(--Roboto-Regular);
    font-size: 14px;
    color: #000;
 }


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #80808061;
}




.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center!important;
}

.al-navbar{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0px 10%!important;
}




 /* .hd-center-logo{
    margin-right: 20px;
 }

 .nav-logo{
    display: none!important;
 } */




.header-nav{
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0px 10%!important;
}

.navbar-collapse {
    justify-content: center!important;
}

.sticky{
    background-color: #fff!important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0px 10%!important;
}

header .sticky .navbar .nav-link{
    color: #000!important;
}





header .heder-padding{
    display: none;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px!important;
    gap: 50px;
}

.dropdown-menu {
    margin: -0.5rem 0 0!important;
   
}

.dropdown-menu.show {
    display: none!important;
   
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--color-7)!important;
}

.al-navbar .nav-link {
    color: var(--color2)!important;
    font-size: 16px!important;
    font-family: var(--Roboto-Medium);
    text-transform: uppercase;
}

.header-nav .nav-link{
    color: #000!important;
}

/* .navbar-expand-lg .navbar-nav li {
   border-left: .5px solid #fff;
   
} */

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--color-7)!important;
   
}


.al-navbar .nav-txt{
    display: none;
    font-family: var(--Roboto-Medium);
}


button span {
    /*overwriting*/
    color: white;
    font-size: 25px;
}




/* hero section */


/* slider---------- */

.block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
    top: 50%;
    bottom: auto;
    left: 50%;
    margin-left: 20%;
    width: 200px;
    height: 2px;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.4);
    border-radius: 2px;
}

.block-slider-3 .swiper-scrollbar-drag { background: #000 }

.block-slider-3 .slide-number {
    opacity: 1;
    bottom: 10px;
    text-align: left;
    right: auto;
}

.block-slider-3 .slide-number-current {
    top: auto;
    bottom: -2px;
    font-size: 34px;
    font-weight: 600;
}

.block-slider-3 .slide-number span {
    margin-left: 24px;
    font-size: 16px;
    opacity: .7;
}

.block-slider-3 .slide-number-total {
    font-size: 13px;
    line-height: 30px;
    left: 32px;
    opacity: .7;
}

.block-slider-3 .swiper-navs {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-top: 60px;
    margin-left: 20%;
}

.block-slider-3 .slider-arrow-left,
.block-slider-3 .slider-arrow-right {
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.7);
    width: 36px;
    height: 36px;
}

.block-slider-3 .slider-arrow-right { left: 45px; }

.block-slider-3 .slider-arrow-left i,
.block-slider-3 .slider-arrow-right i {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 34px;
    margin: 0 auto;
    color: #000;
}

.block-slider-3 .slider-arrow-right i { margin-left: -1px; }

.block-slider-3 .swiper-button-disabled {
    opacity: .5;
    cursor: default;
}

.block-slider-3.dark .slider-arrow-left,
.block-slider-3.dark .slider-arrow-right { border-color: rgba(255,255,255,0.7); }

.block-slider-3.dark .swiper-container-horizontal > .swiper-scrollbar { background-color: rgba(255,255,255,0.4);  }

.block-slider-3.dark .swiper-scrollbar-drag { background: #FFF }

.block-slider-3.dark .slide-number,
.block-slider-3.dark .slider-arrow-left i,
.block-slider-3.dark .slider-arrow-right i { color: #FFF; }
/* --------- */

.al-hero-form {
    position: absolute;
    top: 50%;
    right: 25px;
    background-color: var(--color1);
    color: white;
    padding: 30px;
    border-radius: 5px;
    transform: translateY(-50%);
}

.al-hero-form .al-form1 p {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 15px !important;
}

.al-hero-form .al-form1 form .form-control {
    height: 35px !important;
    margin-bottom: 15px !important;
    font-size: 15px !important;
    width: 225px !important;
}

textarea {
    height: 80px !important;
}

 ::placeholder {
    font-size: 15px;
    font-style: italic;
}



/* .al-wel-desc h5 {
    position: relative;
    width: fit-content;
    font-size: 18px;
    color: var(--color3);
    padding-right: 10px;
    font-weight: 600;
   
} */

.al-wel-desc h5::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    background-color: var(--color3);
    top: 50%;
    left: 100%;
}

.al-wel-desc h3 {
    color: var(--color1);
    font-weight: 600;
}

.al-wel-desc p {
    font-size: 18px;
    text-align: justify;
} 



/* slider section */

.slider-caption h2 {
	font-size: 2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600!important;
	line-height: 1.2!important;
	margin-bottom: 0;
    font-size: var(--Roboto-Regular)!important;
}

.slider-arrow-left,.slider-arrow-right{
    display: none!important;
}

.ur-hero {
    position:relative;
}
.ur-hero  img{
    position: absolute;
    /* width: 100%;
    height: 100%; */
}

 .carousel-fade .item {
    opacity: 0;
    -webkit-transition: opacity 2.4s ease-in-out;
    -moz-transition: opacity 2.4s ease-in-out;
    -ms-transition: opacity 2.4s ease-in-out;
    -o-transition: opacity 2.4s ease-in-out;
    transition: opacity 2.4s ease-in-out;
    left: 0 !important;
  }
  
  .carousel-fade .active {
    opacity: 1 !important;
  }
  
  .carousel-fade .left {
    opacity: 0 !important;
    -webkit-transition: opacity 1s ease-in-out !important;
    -moz-transition: opacity 1s ease-in-out !important;
    -ms-transition: opacity 1s ease-in-out !important;
    -o-transition: opacity 1s ease-in-out !important;
    transition: opacity 1s ease-in-out !important;
  }
  
  .carousel-fade .carousel-control {
    opacity: 1 !important;
  }

  .slider-btn{
    background-color: var(--color-7);
    font-size: 16px;
    color: #fff!important;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 1rem;
    transition: all .3s ease;
    text-transform: uppercase;
    font-family: var(--Roboto-Medium);
  }

  .slider-btn:hover{
    background-color: #000;
  }

/*slider-section-end  */

/* about-sec-start */

.al-about{
    overflow: hidden;
    position: relative;
 }
.al-about .bg{
    background-color:#edecec;
    position: absolute!important;
    z-index: -1; width: 100%;
    height: 100%; left: 0px;
    top: 0px;
}

.al-about .content{
    /* background-color:#f7f7f7; */
    padding: 3rem 5% 5rem 15%;
}

.al-about .al-head{
    margin-bottom: 3rem;
 }

.al-about .al-head h1{
   font-size: 30px;
   font-family: var(--Roboto-Medium);
   margin-bottom: 20px;
}

.al-about .al-head p{
    font-size: 18px;
 }

.al-about .content .row .ab-left{
   margin: 0px; padding: 0px;
   padding-right: 40px;
}

.al-about .content .row .ab-left .img{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    width: 100%; height: 63vh;
 }

 .al-about .content .row .ab-left .img img{
   width: 100%; height: 100%;
   object-fit: cover; object-position: center;
 }

.al-about .ab-right{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.al-about .ab-right .ab-item{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.al-about .ab-right .ab-item h2{
   font-size: 20px;
   font-family: var(--RobotoCondensed-Bold);
   margin-bottom: 5px;
}


.al-about .ab-right .ab-item p{
    font-size: 16px;
 }


/* ---------------*/

/* Featured Properties-start */

.al-feature-proprty .row{
    margin: 0px!important;
    padding: 0px!important;
}
.al-feature-proprty{
    padding: 2rem 0px;
    overflow: hidden;
}

.al-feature-proprty .propt-left{
    display: flex; align-items: center;
    justify-content: flex-end;
}

.al-feature-proprty .propt-left h1{
    font-size: 25px; font-family: var(--Roboto-Medium);
}

.al-feature-proprty .propt-left p{
    font-size: 16px;
}

.al-feature-proprty .propt-left a{
   display: inline-block; margin-top: 2rem;
   font-size: 16px; color: #000;
   font-family: var(--RobotoCondensed-Bold);
   display: flex; align-items: center;
   justify-content: flex-start; gap: 20px;
}

.al-feature-proprty .propt-left a:hover .line{
    width: 90px;
 }
 

.al-feature-proprty .propt-left .line{
    width: 40px; height: 2px;
    background-color: #000;
    transition: all .3s linear;
 }

 .propt-right{
    padding-left: 3rem!important;
 }

.propt-right .img{
    width: 100%; height: 20rem;
    border-radius: 5px; overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.propt-right .img:hover::before{
    background-color: transparent;
    transition: all .3s ease;
}

.propt-right .img::before{
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 1000;
    background-color: rgb(0, 0, 0,0.3);
    transition: all .3s ease;
}

.propt-right .pro-desc{
    position: relative;
    bottom: 0px;
    padding: 0px 5%;
}

.propt-right .pro-desc p{
   font-size: 16px;
   color: #000;
}
.propt-right .pro-desc h1{
    font-size: 18px;
    color: #000;
    margin-top: 10px;
 }
.propt-right .img img{
    width: 100%; height: 100%;
    object-fit: cover; object-position: center;
}
 
.al-feature-proprty .owl-nav{
    position: absolute;
    top: 50%;
    display: flex!important;
    width: 100%;
    align-items: center!important;
    justify-content: space-between!important;
}

.al-feature-proprty .owl-next,.owl-prev{    display: block;
    width: 60px!important;
    height: 60px!important;
    /* background: url('../images/sp.png');
    background-position: -47px -19px; */
    border: none; outline: none;
    border-radius: 50%!important;
    background-color: #fff!important;
}

.al-feature-proprty .owl-next:hover,.owl-prev:hover{    display: block;
    width: 60px!important;
    height: 60px!important;
    /* background: url('../images/sp.png');
    background-position: -47px -19px; */
    border: none; outline: none;
    border-radius: 50%!important;
    background-color:var(--color-7)!important;
    color: #000!important;
}

.al-feature-proprty .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: var(--color-7) !important;
}

.al-feature-proprty .owl-prev{    
    transform: translateX(-40px);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 100000;
    
}

.al-feature-proprty .owl-next:active,.owl-prev:active{    display: block;
    border: none!important; outline: none!important;
}

.al-feature-proprty .owl-next:focus,.owl-prev:focus{    display: block;
    border: none!important; outline: none!important;
}

/* .owl-prev {
    display: block;
    width: 42px;
    height: 51px;
    background: url('../images/sp.png');
    background-position: 1px -19px;
    border: none; outline: none;
} */
.al-feature-proprty .owl-demo{
    position: relative!important;
}


/* page---- */
.page-head{
    padding: 20px 7%;
    /* background: rgb(236,40,36);
    background: linear-gradient(90deg, rgba(236,40,36,1) 29%, rgba(231,185,30,1) 100%); */
}

.page-head h1{
    color: #844040;
    font-size: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
/* -- */


.project-popup{
    background-color: rgb(0,0,0,0.8);
    position: fixed;
    top: 0px; left: 0px;
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.popup-close{
    position: absolute;
    top: 1.5rem; right: 6%;
    cursor: pointer;
}


.popup-close i{
    color:#fff;
    font-size: 25px;
}

.project-popup .owl-nav{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    top: 50%;
}

.project-popup .owl-nav{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    top: 50%;
}

.project-popup .owl-next, .project-popup .owl-prev {
    display: block;
    width: 40px!important;
    height: 40px!important;
    border: none;
    outline: none;
    border-radius: 0%!important;
    background-color: var(--color-7)!important;
}

.project-popup .owl-next i, .project-popup .owl-prev i {
    color: #fff;
}

.project-popup .owl-next {
    transform: translateX(25px);
}

.project-popup .owl-next:hover {
    transform: translateX(30px);
    transition: all .3s linear;
}

.project-popup .owl-prev:hover {
    transform: translateX(-30px);
    transition: all .3s linear;
}

.project-popup .owl-prev {
    transform: translateX(-25px);
}


.project-popup img {
width: 100% !important;
height: 500px;
object-fit: cover;
object-position: center;
}

/* .al-navbar {
display: none !important;
} */

/* .indx-contact {
display: none !important;
} */





/* properties-page */

.properties{
    padding: 3rem 5%;
    overflow: hidden;
    background: #f6f6f6;
}

.properties .row{
    justify-content: flex-start;

}

.all-prcts h1{
    font-size: 20px;
    color: #000;
    margin-top: .7rem;
}

.all-prcts p{
   color: #000;
   font-size: 16px!important;
   margin-bottom: 10px!important;
}

.all-prcts h3{
    color: #000;
    font-size: 16px!important;
 }

.properties .all-prcts .img{
    max-height: 200px;
    overflow: hidden;
}

.properties .all-prcts img{
    width: 100%;
    overflow: hidden;
}

.properties .all-prcts .prct-box{
    padding: 10px 10px;
    overflow: hidden!important;
    background-color: #fff;
}

.properties .all-prcts{
    padding-right: 20px;
    margin-bottom: 1rem;
}



.properties .all-prcts:hover img{
    transform: scale(110%);
    transition: all .4s linear;
}

.gallery-img{
    display: flex;
    align-items: center;
    justify-content: center;
}


.gallery-detls .gallery-hd h1{
    font-size: 25px;
}

.key-details h1{
   font-size: 25px;
   color: #000;
}

.key-details{
    margin-bottom: 2rem;
 }

.key-details .key-item h3{
    font-size: 14px;
    color: #000;
 }

 .key-details .key-item h1{
    font-size: 16px;
    color: #000;
 }

 .key-details .key-item {
    margin: 20px 0px;
    /* border-bottom: .5px solid #000; */
    padding-right: 5%;
 }

 /* .key-details .key-item {
    margin: 20px 0px;
    border-bottom: .5px solid #000;
    padding: 0px 5%;
 } */

 .key-details .key-item .key-padding{
    border-bottom: .5px solid #000;
 }

 .sm-properties .sim-item-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
 }

 .sm-properties .sim-item-box .sm-item{
    width: 100px; height: 100px;
    border-radius: 50%; overflow: hidden;
 }

 .sm-properties .sim-item-box .sm-item img{
   width: 100%; height: 100%;
   object-fit: cover; object-position: center;
 }

 .sm-properties .sim-item-box h2{
    font-size: 20px; color: #000;
  }
  

  .sm-properties h1{
    font-size: 30px; color: #000;
    margin-bottom: 30px;
  }

  .sm-row{
    display: flex;
    align-items: center;
    justify-content: center;
  }

/* end */


/* blogs------------------- */

.al-blogs{
    padding: 2rem 15% 5rem 15%;
    /* background-image: url(../images/testimonial-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
    background-color: #edecec;
}

.al-blogs h1{
    font-size: 30px;
    font-family: var(--Roboto-Medium)!important;
    font-weight: 400!important;
    line-height: 2!important;
    padding: 0px!important;
    margin: 0px!important;
}

.al-blogs p{
    font-size: 16px;
}

.al-blogs .img img{
    width: 100%;
}

.al-blogs .row{
    padding: 0px!important;
   margin: 0px!important;
}

.al-blogs .img {
    
    margin-top: 1.5rem;
   position: relative; 
}

.al-blogs .blog-box{
    /* margin: 0px!important; */
    padding: 0px 20px!important;
    position: relative;
    margin-bottom: 2rem!important;
}

.al-blogs .blog-content{
    position: absolute!important;
    bottom: -40px; right: 0px;
    padding: 0px 0px 0px 10% ;
}

.al-blogs .blog-content .content{
    background-color: #fff;
    padding: 20px;
    border-top-left-radius: 6px;
    /* border-bottom-left-radius: 6px; */
    position: relative;
    max-height: 200px;
    overflow: hidden;
}

.al-blogs .blog-img{
    width: 100%;
    overflow: hidden;
}

.al-blogs .img:hover img {
    transform: scale(110%);
    transition: all .3s linear;
}

.al-blogs .img:hover .content a {
    transform: translateY(-25px);
    transition: all .3s linear;
}

.al-blogs .img:hover .content p {
    transform: translateY(-5px);
    color: transparent;
    transition: all .3s ease;
}

.al-blogs .blog-content .content a{
    position: absolute;
    font-size: 16px;
    color: #000;
    transform: translateY(20px);
}

.al-blogs .blog-content .content h2{
   font-size: 16px!important;
   font-weight: 500;
   /* margin: 0px!important; */
   margin-bottom: 10px!important;
}

.al-blogs .blog-content .content p{
    font-size: 14px!important;
    
 }

 .rs-inner-blog h3{
    font-size: 25px;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
 }
 .rs-inner-blog img{
    margin-bottom: 20px;
 }

 .rs-inner-blog p{
   font-size: 17px;
 }

 .rs-inner-blog ul li{
    list-style-type:disc;
    font-size: 17px;
  }
 .widget-title h3{
    font-size: 20px;
 }

 .widget-area a{
    font-size: 16px;
    text-decoration: none;
    color: #000;
 }
 .widget-area li{
    list-style-type: circle;
 }

 .order-last{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px 5px;
 }

 .rs-inner-blog{
    margin-bottom: 0rem;
    background-color: #f6f6f6;
    padding: 1rem 0rem;
 }

 .rs-inner-blog .custom{
   padding: 0px 6%;
 }


 .al-news{
    padding: 2.5rem 5% 1rem 5%;
    background-color: #f6f6f6;
 }

 .al-news .news-box .item{
   background-color: #ffff;
   /* padding-bottom: 10px!important; */
 }

 .al-news .news-box{
   margin-bottom: 1.5rem;
  }

  .al-news .news-box .item img{
    width: 100%;
    object-fit: cover;
    object-position: center;
   }

  .al-news .news-contents{
    padding: 20px 5%;
   }

  .al-news .news-contents h2{
    font-size: 18px;
   }

   .al-news .news-contents p{
    font-size: 16px;
   }

   .al-news .news-contents .news-btn{
    margin-top: 15px;
   }

   .al-news .news-contents .news-btn a{
    font-size: 16px;
    background-color: #000;
    padding: 5px 10px;
    color: #fff;
   }

   .al-news .news-contents .news-btn a:hover{
    transition: all .3s linear;
    background-color: var(--color-7);
   
   }
/* ----- */


/* index-contact-form--------------- */
.indx-contact{
    padding: 2rem 5% 10px 5%;
}

.indx-copywirite{
    /* border-top: 1px solid #000; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0%;
}

.indx-copywirite p{
   font-size: 16px;
   color: #000;
}

/* .footer-nav-menu span{
    font-family: var(--Roboto-Regular)!important;
} */

.indx-contact a{
    color: #000!important;
    text-decoration: none;
}

.indx-contact a:hover{
    color: var(--color-7)!important;
    text-decoration: none;
}

.indx-call a{
    color: #ffff!important;
}

.indx-contact .indx-addr .indx-hd-titil h1{
    font-size: 30px;
    color: #000; font-family: var(--Roboto-Medium);
    font-weight: 500;
}

.indx-contact .indx-addr .inx-addr-container{
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 10px;
   margin-bottom: 20px;
}

.indx-contact .indx-addr .indx-icon i{
    font-size: 20px;
    transform: translateY(10px)!important;
 }

 .indx-contact .indx-addr .inx-addr-container i{
    font-size: 20px;
    transform: translateY(5px);
 }


 .indx-contact .indx-addr .inx-addr-container p{
    font-size: 18px;
   color: #000;
 }

 .indx-contact .indx-addr .inx-addr-container a{
    font-size: 18px;
    color: #000;
 }
 .indx-frm input{
    border: none!important;
    border-bottom: 1px solid #000!important;
 }

 .indx-frm textarea{
    border: none!important;
    border-bottom: 1px solid #000!important;
 }

 .indx-frm .btn-viewmore{
    display: block; width: 100%;
    padding: 9px 0px!important;
    background-color: #000!important;
    color: #fff!important;
    font-size: 16px;
    font-weight: 400;
 }

 .indx-nav{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
 }

 .indx-nav .footer-nav-menu{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transform: translateX(-10px);
 }

 .indx-call a{
    background-color: #000;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    transition: all .3s linear;
 }

 .indx-call a:hover{
   background-color: var(--color-7);
   color: #000!important;
 }

 .indx-nav a{
    font-size: 16px!important;
    text-transform: uppercase;
    /* font-weight: 400;
    font-family: var(--Roboto-Regular); */
 }

 .indx-nav a:hover{
    color: var(--color-7);
 }

 .inx-addr-container .ft-social{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
 }

 .inx-addr-container .ft-social a{
    background-color: var(--color-7);
    width: 30px; height: 30px;
    display: flex;align-items: center;
    justify-content: center;
 }

 .inx-addr-container .ft-social a i{
   color: #fff;
   transform: translateY(-0px)!important;
   font-size: 16px!important;
 }
/* --------- */


 




/* about-page-start */
.ab-vision{
    padding: 0rem 8%;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-mission{
    padding: 0rem 8%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-objective{
    padding: 0rem 8%;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-objective img{
    height: 100%;
    background-position: center;
}

.ab-objective .ab-page-left{
    padding: 2rem 0px;
}

 .mission-row{
    display: flex; align-items: center;
    justify-content: center;
}

 .ab-page-left{
    display: flex!important; align-items: center!important;
    justify-content: center!important; flex-direction: column!important;
}

.ab-page-titile{
    position: relative;
    display: flex;
    align-items: center; justify-content: flex-start;
    padding-bottom: 2px;
    margin-bottom: .6rem;
}

.ab-page-titile::before{
    content: ''; position: absolute;
    bottom: 0px; left: 0px; width: 3.5rem;
    height: 2px; background-color: var(--color-6);
}

.ab-page-left h1{
    font-size: 25px;
}

 .ab-page-left p{
   color: #666;
}
.ab-page-left li{
    color: #666;
    font-size: 16px;
 }


/* --------- */









 
 /* news-page-start */

 .news-top{
   background-image: url(../images/service-top.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
   padding: 5% 0px;
}

.news-top h3{
    color: #ffff;
    animation-name: new-top;
    animation-duration: 8s;
    animation-iteration-count: infinite;
 }

 @keyframes  new-top {
    0% {
       transform: translateY(-10px);
        
    }
    25% {
        transform: translateY(0px);
        
    }
    50% {
        transform: translateY(-10px);
        
    }
    100% {
        transform: translateY(0px);
        
    }
  } 

 .news-content{
    margin-top:1rem;
    margin-bottom:2rem;
 }

 .news-content img{
   width: 100%;
 }

 .news-content .news-box{
    background-color: #ffff;
    transition: all .4s linear;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }


 .news-content .news-box:hover{
    transform: translateY(10px);
 }

 .news-content .news-box .news-text {
padding: 10px 2% 50px 3%;
}

.news-content .news-box .news-text h3 {
    font-size: 25px!important;
    text-transform: capitalize;
    color: #535252;
}


.news-content p {
    font-size: 18px!important;
    text-transform: capitalize;
    color:#535252;
}

.txt-tag{
    margin-top: 1rem;
    position: relative;
}

.txt-tag::before{
    content: '';
    width: 3rem;
    height: 3px;
    background: rgb(13,83,146);
    background: linear-gradient(90deg, rgba(13,83,146,1) 0%, rgba(38,171,207,1) 51%, rgba(13,83,146,1) 100%);
    position: absolute;
    bottom: 0px;
    animation-name: newsunderline;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.txt-tag h3{
    font-size: 30px;
    text-transform: capitalize;
    color: #454647;
}


 @keyframes  newsunderline {
     0% {
         width: 8rem;
         
     }
     25% {
        width: 3rem;
         
     }
     50% {
        width: 8rem;
         
     }
     100% {
        width: 3rem;
         
     }
   } 




/* news-sec-end */



/* contact-section-start */

.page-banner{
    padding: 7% 10%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-banner h1{
    color: #fff;
    font-size: 40px;
}

.contsct-bg{
   background-image: url(../images/contact_top_image.jpg);
}



.al-contact{
    padding: 1.5rem 5%;
    background-color: #f6f6f6;
}



.al-contact  h1{
    font-size: 30px;
    font-family: var(--Roboto-Regular);
    margin-bottom: 1rem;
}

.al-contact  .cont-frm input{
    font-size: 16px;
    font-family: var(--Roboto-Regular);
    font-weight: 300;
    border-radius: 5px;
    color: #444;
}

.al-contact  .cont-frm textarea{
    font-size: 16px;
    font-family: var(--Roboto-Regular);
    font-weight: 300;
    border-radius: 5px;
    color: #444;
    min-height: 200px;
}

.al-contact .cont-left .btn-viewmore{
    display: inline-block!important;
    padding: 10px 40px;
    font-size: 16px;
    background-color: #000!important;
    border-radius: 0px!important;
    color: #fff!important;
}


/* contact-end */


/* about-us-page-start */


.about-us {
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% ;
padding: 4% 0;
}

.about-us h2 {
text-align: center;
font-weight: 500;
text-transform: uppercase;
color: #fff!important;
letter-spacing: 1.5px !important;
animation-name: mymove;
animation-duration: 8s;
animation-iteration-count: infinite;
font-size:30px!important;
}

.al-container{
padding:5px 10%;
}

.ab-content{
padding-right: 5%;
}
.ab-content p {
font-size: 16px !important;
line-height: 29px;
}

.ab-container{
padding: 10px 5%;
}

@keyframes mymove {
0% {
transform: translateY(-10px);

}
25% {
transform: translateY(0px);

}
50% {
transform: translateY(-10px);

}
100% {
transform: translateY(0px);

}
} 
/* about-us-page-end */


/* product-page-start */
.prct-banner{
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 4% 0;
}



.prct-banner h2{
text-align: center;
font-weight: 500;
text-transform: uppercase;
color: #fff!important;
letter-spacing: 1.5px !important;
animation-name: mymove;
animation-duration: 8s;
animation-iteration-count: infinite;
font-size:30px!important;
}

.al-products{
margin: 2rem 0px 1rem;
}

.product-gallery .prct-desc{
    margin: 30px 0px;
}

/* .pr-box .pr-titile h2 {
    color: #000;
    font-size: 20px;
    margin: 1rem 0px 0.5rem;
    font-family: var(--Roboto-Medium);
} */

/* .al-products img{
width: 100%;
} */

.al-products .wel-container{
padding: 0px 5%;
}

.pr-box a{
text-decoration: none;
}

.pr-box{
margin-bottom: 2rem;
}

.pr-box:hover{
transition: all .3s linear;
transform: translateY(10px);
}

.pr-box .pr-titile h2{
color:#000;
font-size: 20px;
margin: 1rem 0px .5rem;
font-family: var(--Roboto-Medium);
}

.pr-box .pr-desc p{
color:#000;
font-size: 16px;
margin: 0px;
font-weight: 400;
}
/* product-page-end */

/* product gallary-start */

/* .product-titile {
margin:2rem 0px;
} */

.prct-titile .product-titile h2{
font-size: 22px;
text-transform: capitalize;
color: #000;
line-height: 0px;
}

.thumb{
overflow: hidden;
}

.thumb img:hover{
transform: scale(110%);
transition: all .3s linear;
}

/* product-gallary-end */


/* gallary-section-start */
.al-gallary{
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% ;
padding: 4% 0;
}
.gallary-top{
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% ;
padding: 4% 0;
}
.gallary-top h2{
text-align: center;
font-weight: 500;
text-transform: uppercase;
color: #fff!important;
letter-spacing: 1.5px !important;
animation-name: mymove;
animation-duration: 8s;
animation-iteration-count: infinite;
font-size:30px!important;
}
.al-gallary h2{
text-align: center;
font-weight: 500;
text-transform: uppercase;
color: #fff!important;
letter-spacing: 1.5px !important;
animation-name: mymove;
animation-duration: 8s;
animation-iteration-count: infinite;
font-size:30px!important;
}
.page-top{
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% ;
padding: 4% 0;
margin: 0px!important;
}
.page-top{
background-image: url(../images/banner.jpg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 100% ;
padding: 4% 0;
margin: 0px!important;
}

.gallery-item a{
text-decoration: none!important;
}
.gallery-text{
font-size: 16px;
color: #000;
text-transform: capitalize;
}

.gicon-box:hover{
transform: translateY(10px);
transition: all .3s linear;
}
/* gallary-section-end */





/* about-us */






/*Footer Css*/


.al-footer{
    background-color: #000;
    padding: 2rem 8%;
}

.ft-copyright{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5%!important;
}

.ft-copyright p{
   color: #fff;
   font-size: 14px!important;
}

.al-footer .ft-social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding-left: 20px;
    margin-top: 20px;
  }

.al-footer .ft-social i{
  color: #fff;
  font-size: 14px;
  transition: all .3s linear;
}

.al-footer .ft-social i:hover{
    color: var(--color-7);
  }

  .al-footer .footer-nav{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   justify-content: center;
}


.al-footer .footer-nav a{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    /* font-family: var(--Roboto-Regular); */
    transition: all .3s linear;
    text-transform: uppercase;
}

.al-footer .footer-nav a:hover{
    color: var(--color-7);
}

.al-footer .footer-nav .nav-link{
    padding: 0px 0px 3px 0px!important;
}


.al-footer .ft-contact{
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-footer .ft-contact .ft-addr{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.al-footer .ft-contact .ft-addr span{
    color: #fff;
    font-size: 14px;
}

.al-footer .ft-contact .ft-addr i{
    color: #fff;
    font-size: 18px;
}

.al-footer .ft-contact .ft-addr p{
    color: #fff;
    font-size: 18px!important;
    transform: translateY(-6px);
}

.al-footer .ft-contact .ft-addr a{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transform: translateY(-5px);
    transition: all .3s linear;
}

.ft-addr .ft-phone{
    transform: translateY(-5px);
}

.al-footer .ft-contact .ft-addr a:hover{
    color: var(--color-7);
   
}

.ft-copyright{
    padding: 10px 0px;
    background-color: #000;
}

.ft-copyright p{
    font-size: 16px;
    color: #fff;
}

.ft-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0px 5%;
}

.ft-links a{
    font-size: 18px;
    color: #000;
}

.footer-links{
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px 5%;
}

.footer-links a{
    font-size: 16px;
    color: #fff;
}





/* --------------- */

.OtherPageTitles {
    font-size: 40px;
    font-weight: 400;
    color: #222;
    display: inline;
    text-transform: capitalize;
}

.NewsBox {
    background-color: #f6f7fb;
    border-radius: 25px;
    overflow: hidden;
}

.NewsDate {
    font-size: 15px;
    font-weight: 600;
    color: grey;
    margin-bottom: 20px !IMPORTANT;
}

.NewsTitle {
    font-size: 18px;
    font-weight: 600;
    color: #31333e;
    margin-bottom: 20px !important;
}

.NewsContent {
    padding: 30px;
}

.NewsDesc {
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
}

.footor-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

button#back2top {
    position: fixed;
    right: 2%;
    bottom: 10%;
    opacity: 0;
    visibility: hidden;
    /*For better looking button*/
    font-family: sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    background-color:var(--color-7);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 18px;
    margin: 0;
    z-index: 10000;
}


/* animation-start */
.delighter.top { transform:translateY(-100%); opacity:0; transition: all 1.2s ease-out; }
.delighter.top.started { transform:none; opacity:1; } 

.delighter.bottom { transform:translateY(20%); opacity:0; transition: all .3s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; } 

.delighter.sscale { transform:scale(0%); opacity:0; transition: all 1.2s ease-out; }
.delighter.sscale.started { transform:none; opacity:1; } 

.delighter.skew { transform:skew(40deg); opacity:0; transition: all 1.2s ease-out; }
.delighter.skew.started { transform:none; opacity:1; } 

.delighter.skew2 { transform:skew(-40deg); opacity:0; transition: all 1.2s ease-out; }
.delighter.skew2.started { transform:none; opacity:1; } 

.delighter.left { transform:translateX(-20%); opacity:0; transition: all 1s ease-out; }
.delighter.left.started { transform:none; opacity:1; } 

.delighter.right { transform:translateX(50%); opacity:0; transition: all 1.9s ease-out; }
.delighter.right.started { transform:none; opacity:1; } 

.delighter.opacity {  opacity:0; transition: all 1.2s ease-in; }
.delighter.opacity.started { transform:none; opacity:1; } 

.delighter.anbutton { opacity:0;transition: all 2s ease-out; }
.delighter.anbutton.started {  opacity:1; } 
/* animation-end */


.close-btn i {
    position: absolute;
    right: 40px;top:40px;
    color: #ffff!important; font-size: 30px;
    opacity: 1;
    cursor: pointer;
    
}


/* ------------------ */


/* service-page-------------------- */
.al-services-banner{
    background-image: url(../images/construction.jpg);
    /* background-position: center; */
    background-size: 100%;
    background-repeat: no-repeat;
    /* padding: 160px 24px 0px 24px; */
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-services-banner p{
    color: #000;
    font-size: 18px;
    padding-bottom: 5px;
    font-family: var(--way-rg);
    font-weight: 600;
}

.al-services-banner h1{
    color: #000;
    font-size: 50px;
    margin-bottom: 5px;
    font-family: var(--way-bd);
}

.services-box{
    background-color: #ffff;
    padding: 50px 10% 0px 10%;
} 

.services-box li{
   list-style-type:disc;
} 

.trance-item h3{
    color: var(--color-7);
    font-family: var(--way-bd);
    font-size: 16px;
}

.trance-item h1{
    font-size: 22px;
    font-family: var(--way-bd);
}


.trance-item{
    font-size: 16px;
    color: #333;
    font-family: var(--way-rg);
    line-height: 25px;
}


.trance-item{
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    transform: translateY(-60px);
    padding: 0px 0% 50px 0px!important;
}

.service-sec-2{
   margin: 0px 0px 0px 0px;
}


.service-sec-2 h1{
    font-size: 16px;
    color: var(--color-7);
    font-family: var(--way-rg);
    font-weight: 600;
}

.service-sec-2 h2{
    font-size: 30px;
    color: #000;
    font-family: var(--way-sd);
}

.service-sec-2{
    font-size: 16px;
    color: #000;
    font-family: var(--way-rg);
    /* font-weight: 600; */
    letter-spacing: .5px;
}

.service-left h1{
    font-size: 30px;
    color: #000;
    margin-bottom: 20px;
    font-family: var(--way-sd);
}

.service-left p{
    font-size: 16px;
    color: #000;
    font-family: var(--way-rg);
}

.service-left h2{
    font-size: 18px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: var(--way-sd);

}

.service-left{
    font-size: 16px;
    color: #000;

}

.service-left .btn {
    padding: 0px;
    
}

.service-left .btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--way-sd);
    text-decoration: none;
    color: #000;
    padding: 0px;
    font-size: 18px;
    
}

.service-left .btn a:hover{
   color: #f9ad4a;
   transition: all .3s linear;
    
}

.service-left .btn a:hover i{
    color: #f9ad4a;
    transition: all .3s linear;
     
 }

.service-left .btn i{
    font-size: 20px;
    color: #000;
    transform: translateY(1.5px);
}

.serv-bg-titile{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.serv-bg-titile2{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.serv-bg-titile h1,.serv-bg-titile2 h1{
   font-size: 100px;
   font-family: var(--way-bd);
   font-weight: 700;
   color: rgba(10, 20, 29, 0.02);
}

.serv-bottom{
    padding: 30px 13%;
}

.serv-bottom h2{
    color: #f9ad4a;
    font-size: 16px;
    font-family: var(--way-sd);
}

.serv-bottom h1{
    color: #000;
    font-size: 30px;
    margin-bottom: 30px;
    font-family: var(--way-sd);
}

.serv-bottom a{
    color: #000;
    font-size: 16px;
    background-color: #f9ad4a;
    padding: 15px 25px;
    border-radius: 30px;
    font-family: var(--way-sd);
}

.ser-bottom-location{
    /* border-bottom: .1px solid #e2e1df; */
    padding-bottom: 10px;
}

.ser-bottom-location .loc-head{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 30px 0px 10px 0px;
}

.ser-bottom-location .loc-head i{
   color: #f9ad4a;
}

.ser-bottom-location .loc-head p{
    color: #000;
    font-weight: 500;
 }
/* .al-service-content{
    position: relative;
    min-height: 700px;
} */

/* .al-service-content .post-2279{
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    transform: translateY(-60px);
} */

/* .al-service-content .elementor-2279{
    padding: 0px 0px 50px 0px;
} */
/* -------- */





/* whatsapp */
/***Whatsapp icon***/
.floating{
    position:fixed;
    width:50px;
    height:50px;
    bottom:50px;
    left:30px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #31333e;
    z-index:100;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .floating:hover{
    background-color:#25d366;
  }
  
  .float-button{
    margin-top:10px;
    color:#FFFFFF;	
  }
  /***Whatsapp icon***/






@media(max-width:1280px) {
    
    .carousel-item .content{
       
        top: 35%;
    }


    
    
    /* .carousel-item .content .ur-text{
        display: block;
        width: 35rem;
       
    } */
    
    .carousel-item .content h1{
       font-size: 30px;
      
       
    }
    .carousel-item .content .hero-text{
        font-size: 16px!important;
        
     }
    
}  


@media (min-width: 576px) and (max-width: 767px) {
    .block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
        top: auto;
        left: auto;
        bottom: 70px;
        right: 30px;
        width: 100px;
        height: 2px;
        transform: translateY(0);
    }

    .block-slider-3 .swiper-navs {
        left: auto;
        top: auto;
        bottom: 30px;
        right: 115px;
        margin: 0;
    }
}

.block-slider-3.slider-element .slider-product-desc {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 65%;
    z-index: 2;
    overflow: hidden;
}

.block-slider-3.slider-element .slider-product-desc a .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #000;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #FFF;
    border-radius: 50%;
    text-align: center;
    padding-left: 4px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.block-slider-3.slider-element .slider-product-desc a:hover .icon-play {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.block-slider-3 .blurred-box:after{
    content: '';
    width: 130%;
    height: 130%;
    background: inherit;
    position: absolute;
    left: -25px;
    top: -25px;
    background-color: rgba(255,255,255,0.2);
    -webkit-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
}

@media (max-width: 576px) {
    .block-slider-3 .swiper-container-horizontal>.swiper-scrollbar { display: none; }
    .block-slider-3 .swiper-navs { right: 0px; }
}


@media(max-width:992px){

    /* .nav-logo{
        display: block!important;
     }
    

    .hd-center-logo{
        display: none!important;
    } */


    .call-top{
        /* width: 100%; height: 100%; */
        z-index: 10000;
        position: fixed; top: 2rem;
        right: 0px;
        display: block;
        z-index: 10000;
    }


    .text-middile{
        flex-wrap: wrap;
    }

    .nav-logo-hd img{
        width: 60%;
    }

    header .heder-padding{
        padding: 10px 5%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    header .top-contact {
        display: none;
    }

    button span {
       color: var(--color-7);
    }
    .al-navbar {
        background-color: #fff;
        z-index: 100000;
    }

    .navbar-collapse {
        background-color: #fff;
        padding: 20px 5%;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0)!important;
    }
    .al-navbar .nav-txt{
        display: block;
        color: var(--color2);
    }
    .top-item{
        display: none;
    }

    .al-navbar .nav-logo-hd{
        display: block;
    }

    .al-blogs .blog-box{
        margin-bottom: 2rem!important;
    }

    .al-blogs {
        padding: 2rem 5% 5rem 5%;
        background-color: #f7f7f7;
    }

    .al-about .content {
        /* background-color: #f7f7f7; */
        padding: 3rem 5% 5rem 5%;
    }

    .al-about .ab-right {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
        margin-top: 2rem;
    }

    .al-feature-proprty .propt-left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0px 5%!important;
    }

    .al-feature-proprty .propt-left a {
       margin-top: 0px!important;
    }

    .propt-right {
       padding: 10px 5%!important;
    }
    


    /* slider-start */

    .carousel-item .content{
       
        top: 35%;
    }
    
    
     .carousel-item .content .ur-text{
        display: block;
        width: 100%;
        padding: 0px 15%;
       
    } 
    
    .carousel-item .content h1{
       font-size: 22px;
      
       
    }
    .carousel-item .content .hero-text{
        font-size: 16px!important;
        
     }

     
    
    /* ----------------- */

    
    
    .header-nav {
        position: relative!important;
    }

    .al-services-banner {
       
        height: 400px;
       
    }

    .trance-item{
        transform: translateY(0px);
    }



     
   
}



@media (max-width: 768px) {
    

    .nav-logo img{
        width: 80%;
    }

    

    

    .carousel-item .content{
        top: 30%;
    }

   

    .cmn-products .cmn-prct-container {
       margin-top: 1rem;
    }
    .cmn-products .cmn-prct-container .prct-conteiner{
       overflow: hidden;
    }

    .cmn-products .cmn-prct-container .prct-conteiner img{
        width: 100%!important;
     }

     .cmn-products {
        padding: 2rem 2%;
        background-image:none;
        
    }

    .propt-right .img {
       height: 12rem;
    }

    .al-about .content .row .ab-left {
        margin: 0px;
        padding: 0px;
       padding-right: 0px; 
    }

    .indx-frm .indx-input{
        padding: 0px!important;
    }

    .footer-nav-menu{
        padding-left: 5%;
       
    }

    .indx-call{
        margin-bottom: 1rem;
    }

    .indx-copywirite {
        flex-wrap: wrap;
    }

    .indx-copywirite p {
        margin-bottom: 5px;
    }

    .al-navbar {
        position: relative;
       
    }

   .al-feature-proprty .owl-nav{
       display: none!important;
   }

   .page-banner h1 {
    color: #fff;
    font-size: 30px;
}

.al-footer .footer-nav {
    
    justify-content: flex-start!important;
   margin: 20px 0px;
    
}

.al-footer {
    background-color: #000;
    padding: 1rem 5%;
}

.al-footer .col-md-6, .al-footer .col-md-12, .al-footer .col-md-4{
    padding: 0px!important;
}

.ft-copyright {
    flex-wrap: wrap;
}

.al-policy,.al-condition {
    padding: 20px 6%!important;
}


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

.al-services-banner {
    height: 300px;
    padding: 0px 5%;
}

.serv-bg-titile h1, .serv-bg-titile2 h1 {
    font-size: 60px;
    margin: 30px 0px;
}


.service-sec-2 {
    margin-top: 20px;
}

.trance-item {
    box-shadow: none;
}

.elementor-2279 .elementor-element.elementor-element-7b4f6a6 .elementor-column-gap-custom .elementor-column > .elementor-element-populated {
   padding: 0px!important;
}

.elementor-2279 .elementor-element.elementor-element-9b25c82 .elementor-column-gap-custom .elementor-column > .elementor-element-populated {
    padding: 33px!important;
}

.serv-container {
    padding: 0px 0%!important; 
}

.serv-bottom {
    padding: 30px 5%;
}


    
}





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

    .hd-call{
        display: block;
        margin-left: auto;
    }

    .navbar {
        gap: 20px;
    }

    .al-navbar {
        padding: 10px 5%!important;
    }
    
    .carousel-item .content{
        top: 20%;
    }

    .carousel-item .content h1{
        font-size: 18px;
       
        
     }
     .carousel-item .content .hero-text{
         font-size: 14px!important;
         
      }

      header .top-item .header-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    header .top-item {
        
        background-image:none;
       
    }

    .indx-nav {
        display: flex; 
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 20px;
    }


    /* .al-services-banner{
        height: 250px;
    } */

    .services-box {
        background-color: #ffff;
        padding: 20px 5% 0px 5%;
    }

    .trance-item {
       
        padding: 0px 0% 20px 0px!important;
    }


    .al-services-banner{
       background: none;
       height: auto;
       justify-content: flex-start;
       padding: 0px 0%;
    }

    .al-services-banner h1{
       font-size: 25px;
       margin-top: 10px;
       display: none;
       
     }

    .al-services-banner p{
        display: none;
     }

     .al-about .al-head {
        margin-bottom: .5rem;
    }

     .al-about .content .row .ab-left .img {
        display: none;
    }
    

}