/*font-family*/
/*font-family*/

/* clip-path: polygon(0% 0%, 100% 0%, 100% 34%, 75% 34%, 29% 34%, 26% 10%, 0 11%); */



@font-face {
  font-family: 'Arimo-Regular';
  src: url(../fonts/Arimo-Regular.ttf);			
}


@font-face {
  font-family: 'Arimo-Medium';
  src: url(../fonts/Arimo-Medium.ttf);			
}

@font-face {
  font-family: 'Arimo-SemiBold';
  src: url(../fonts/Arimo-SemiBold.ttf);			
}


@font-face {
  font-family: 'Tinos-Regular';
  src: url(../fonts/Tinos-Regular.ttf);			
}


@font-face {
  font-family: 'Tinos-Bold';
  src: url(../fonts/Tinos-Bold.ttf);			
}




:root{
   --cl1:#efe4d3;
   --cl2:#0a2d41;

  --arm-rg:'Arimo-Regular';
  --arm-md:'Arimo-Medium';
  --arm-sbd:'Arimo-SemiBold';
  --tin-rg:'Tinos-Regular';
  --tin-bd:'Tinos-Bold';
  
}


body{
  width: 100%;
  /* height: 100%; */
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  background-color: var(--cl1)!important;
}

* {
  box-sizing: border-box;
}



.auto-container{
  max-width: 1300px;
  margin: auto;
  position: relative;
}




/****************
=========================
animation------------------
========================
******************/



.delighter.top { transform:translateY(-18%); opacity:0; transition: all 1.5s ease-out; }
.delighter.top.started { transform:none; opacity:1; } 

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

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


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


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

.delighter.right { transform:translateX(15%); 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.anshape { opacity:0;transition: all 2s linear; z-index: 3; }
.delighter.anshape.started {  opacity:1;} 

.delighter.text1 { opacity:0;transition: all 1s linear;transform:translateX(-10%); z-index: 2; }
.delighter.text1.started {  opacity:1;transform:none;}  

.delighter.text2 { opacity:0;transition: all 2s linear;transform:translateX(-11%); z-index: 2; }
.delighter.text2.started {  opacity:1;transform:none;} 


/* animation-end */
/* ---------- */



/*****************
=======================
HEADER-SECTION
=======================
*****************/

.full-width-header{
 position: relative;
 background-color: var(--cl1);
}


 
.indx-full-header{
  /* top: 0px; left: 0px; */
  width: 100%;
  /* background-color: rgba(0, 0, 0, .5); */
  z-index: 1;
}


.rs-header{
  padding: 15px 5%;
  position: relative;
  top: 0px; left: 0px; 
  width: 100%;
}

.pg-header .rs-header{
  position: relative!important;
  background-repeat: repeat;

}

.pg-header h1 {
  color: #000!important;
}

.pg-header .rs-header .menu-area .row-table li a {
  color: #000;
  font-family: var(--rob-md);
  font-size: 17px;
  text-transform: uppercase;
}

.rs-header .hd-logo{
  display: flex; align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.rs-header .logo-area .hd-logo .logo-text h1{
  font-size: 30px; color: #fff;
  font-family: var(--arm-rg);
  margin: 0px;
}

.rs-header .logo-area .hd-logo .logo-text h4{
  font-size: 25px; color: #ffd700;
  font-family: var(--corsiva);
  margin: 0px; text-align: left;
}


.rs-header .menu-area .row-table{
  display: flex;align-items: flex-end;
  justify-content: space-between;
}

.rs-header .menu-area .row-table li a{
  color: #000;
  font-family: var(--arm-rg);
  font-size: 18px;
  letter-spacing: .5px;
}

.rs-header .menu-area .row-table li a:hover{
  color: #c95e45;
  transition: all .2s linear;
}



.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #c95e45!important;
}

.rs-header .menu-area .row-table li {
  margin-left: 32px;
}

.rs-header .menu-toogler{
  display: flex;align-items: center;
  justify-content: center;
}

.rs-header .menu-toogler{
  display: flex;align-items: center;
  justify-content: center;
}


.rs-header .menu-toogler .menu-toogle-container{
  padding: 10px;
  /* background-color: var(--cl1); */
  border-radius: 5px;
  cursor: pointer;
}

.rs-header .menu-toogler .menu-toogle-container:hover{
  /* background-color: var(--cl2); */
  transition: all .3s linear;
}

.rs-header .menu-toogler .menu-toogle-container i{
 color: #fff;
 font-size: 30px;
}

.rs-header .menu-toogler .menu-toogle-container i:hover{
  color: var(--cl1)!important;
  transition: all .2s linear;
 }




.menu-item{
  position: relative;
} 


.rs-menu-area .row{
  overflow: visible!important;
}

.menu-item a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
}


.menu-item a i{
  transform: translateY(-2px);
}



.menu-item .sub-menu{
  position: absolute;
  top: 20px; left: 0px;
  z-index: 1;
  margin: 0px!important; padding: 0px!important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  visibility: hidden; 
  min-width: 200px; 
  min-height: 120px;
}

.menu-item:hover .sub-menu{
  top: 5px!important;
  visibility: visible!important; 
  transition: all .2s linear;
  z-index: 1;
  
} 

.menu-item .sub-menu li:hover{
 transition: all .2s linear;
  
}  

.menu-item .sub-menu li{
  list-style: none;
  margin: 0px!important;
  border-bottom: 1px solid #ccc;
  padding: 10px 20px;
  background-color: #fff;
  display: block!important;
  
}

.menu-item .sub-menu li{
  transform: translateY(50px);
  
}

.menu-item .sub-menu li:hover{
 background-color: var(--cl1);
 transition: all .2s linear;
  
}

.menu-item .sub-menu li:last-child{
 border: none;
}

.menu-item .sub-menu li a{
  justify-content: flex-start!important;
  color: #000!important;
  font-size: 14px!important;
  font-family: var(--rob-md)!important;
  line-height: 1.3;
} 

.menu-item .sub-menu li:hover a{
  color: #fff!important;
   
 }  

 
/* 
 .sub-menu a:hover{
  color: #fff!important;
 } */

 .menu-item i{
  display: none!important;
 }


 .pg-header{
   background-color: #000!important;
 }


/****************
===========================
Responsive menu
===========================
*****************/

/* .right_menu_togle{
  display: none;
} */



.right_menu_togle .respo-menu{
  margin-top: 3rem;
}

.right_menu_togle .respo-menu li a{
  color: #fff; font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--ft-rg);
  margin: 8px 0px;
  display: inline-block;
}


.right_menu_togle .respo-menu li a:hover{
 color: var(--cl1);
}



.right_menu_togle .nav-close{
 position: absolute; right: 0px;
 top: -2px;
}

.right_menu_togle .nav-close .close-btn{
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
 }

 .right_menu_togle .nav-close .line{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px !important;
  height: 25px !important;
  background: #ffffff;
  border: none !important;
  transition: all 0.3s ease;
 }

.right_menu_togle .nav-close .line1{
  
  transform: translate(-50%, -50%) rotate(45deg);
  
 }

 .right_menu_togle .nav-close .line2{
  transform: translate(-50%, -50%) rotate(-45deg);
 }


 .right_menu_togle .nav-close .close-btn:hover .line{
   background-color: var(--cl1);
   transition: all .2s linear;
 }


.right_menu_togle .poly-contact{
  margin-top: 3rem;
}

.poly-contact h4{
  font-size: 16px;
  font-family: var(--arm-rg);
  color: #fff;
}


.right_menu_togle .poly-contact .address-list p{
  font-family: var(--arm-rg);
  color: #fff;
  font-size: 14px;
  margin-bottom: 3px!important;
}

.right_menu_togle .poly-contact .address-list a{
  font-family: var(--arm-rg);
  color: #fff;
  font-size: 14px;
  margin-bottom: 3px!important;
  text-decoration: none;
}

.right_menu_togle .poly-contact .address-list a:hover{
  color: var(--cl1);
  transition: all .2s linear;
}

.right_menu_togle .poly-contact .address-list{
  margin-bottom: 20px;
  display: flex;align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.right_menu_togle .poly-contact .address-list i{
 color: #fff;
 font-size: 16px;
 transform: translateY(5px);
}

/**********
=============================
Main-slider
=============================
**************/



.main-slider{
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.main-slider .carousel-caption{
  position: absolute!important;
  bottom: 50%!important;left: 6%!important;
  transform: translateY(50%);
  text-align: left!important;
}

.main-slider .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
  z-index: auto!important;
 
}


.main-slider .carousel-caption .sl-title1{
  color: #fff;
  font: 300 60px /1 var(--tin-rg)!important;
  animation-name: maintitle2;
  animation-duration: 4s;
  transition: all .2s ease;
  margin-bottom: 10px;
}

@keyframes maintitle2 {
  from {
        opacity: 0;
        transform: translateX(-60px);
      }

  to {
    transform: translateX(0px);
    opacity: 1;
  }
}



.main-slider .carousel-indicators div {
  width: 15px; height: 15px;
  border-radius: 50%;
  background-color: #000;
  cursor: pointer;
}

.main-slider .carousel-indicators  {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.main-slider .carousel-indicators .active {
  background-color: #fff;
}

.sl-btn-contaniner{
  margin-top: 1rem;
}



/**************
================================
ABOUT US------------------------------------
=================================
*****************/

.al-about{
  background-color: var(--cl1);
  padding: 0px 8% 40px 8%;
  margin-top: 3rem;
}

.al-about .desc{
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
}

.al-about .desc p{
 font-size: 16px;
 line-height: 1.8;
 font-family: var(--arm-rg);
}

.al-about .ab-btn{
  margin-top: 2rem;
}

.al-about .ab-btn a{
  font-family: var(--arm-rg);
  font-size: 18px;
  color: #fff;
  background-color: #c95e45;
  padding: 12px 30px;
  letter-spacing: .5px;
}

.al-about .ab-btn a:hover{
  background-color: #000;
  transition: all .2s linear;
}


/**************
================================
PRODUCT ------------------------------------
=================================
*****************/

.al-product{
  background-color: var(--cl1);
  padding: 30px 8% 4rem 8%;
}

.al-product .con-container{
  max-width: 1300PX;
  margin: 0 auto;
}

.al-product .con-container h3{
  font-family: var(--tin-rg);
  font-size: 24px;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 0px;
  line-height: 1.2;
}

.al-product .con-container p{
  font-family: var(--arm-md);
  font-size: 16px;
  color: #222;
  margin-bottom: 0px;
  margin-bottom: 1.3rem;
}

.al-product .con-container img{
 width: 100%;
 object-fit: cover;
 object-position: center;
}

.al-product .con-container .inner:hover{
  transform: translateY(10px);
  transition: all .2s linear;
}


/*********************
===============================
page  -------------------
===============================
*********************** */


.pg-padd{
  padding: 30px 5%;
}


.mass-content-inside{
  margin-bottom: 10px;
  display: block;
}

.mass-content-inside .mass-time-days{
  display: flex; align-items: center;
  justify-content: flex-start; gap: 10px;
}

.mass-content-inside .mass-time-days span{
 color: var(--cl1); font-weight: bold;
 font-size: 28px;
}

.mass-content-inside .mass-time-days h1{
  color: #000; font-family: var(--rob-md);
  font-size: 20px;
  margin-bottom: 0px!important;
 }

 .dft-page .acod-head{
  padding: 15px 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  border-radius: 20px;
  
 }

 .dft-page .col-md-12{
  padding: 0px!important;
 }

 .dlb-menu-container{
  padding: 0px 15px;
 }

 .dft-page .acod-head .icon{
  width: 40px; height: 40px;
  display: flex; align-items: center;
  justify-content: center;
   border-radius: 50%;
  border: 1px solid #ccc;
 }

 .dft-page .acod-head .icon i{
  color: #000; font-size: 18px;
 }

 .dft-page .acod-head a{
  display: flex!important;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
 }

 .dft-page .acod-head a h3{
 font-size: 18px;
 color: #000;
 font-family: var(--rob-md);
 margin-bottom: 0px;
 }

/*****************
==========================
Gallery page ------------------
==========================
**************** */



.gallery-page .gal-item{
  padding: 15px; overflow: hidden;
}

.gallery-page .gal-item img{
  max-width: 100%;
}

.gallery-page .gal-item .inner{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius: 6px; overflow: hidden;
}

.gallery-page .gal-item .inner:hover{
  box-shadow: none;
  transform: translateY(5px);
  transition: all .2s linear;
}

.gallery-page .gal-item .inner:hover h1{
  color: var(--cl2);
  transition: all .2s linear;
}

.gallery-page .gal-item .inner .title{
  padding: 10px 10px;
  background-color: #fff;
 
}


.gallery-page .gal-item .inner h1{
  font-size: 18px; font-family: var(--rob-md);
  color: #000;
}



.galleryimgs img{
  max-width: 100%;
}


.galleryimgs .imgs{
  padding: 10px;
}
/*****************
==========================
Blogs ------------------
==========================
**************** */

.al-blogs .blog-item{
  padding: 20px 0px;
}

.al-blogs .blog-item{
  padding: 0px 20px;
  margin: 1rem 0px;
}

.al-blogs .blog-item .item{
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  min-height: 280px;
}

.al-blogs .blog-item .item:hover{
  transform: translateY(10px);
  transition: all .2s linear;
  box-shadow: none;
}

.al-blogs .blog-item .item .blog-content{
  padding: 20px 20px 30px 20px;
}

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

.al-blogs .blog-item .item .blog-content h2{
 font-size: 20px; color: #000;
 line-height: 1.3;
 font-family: var(--arm-rg);
}
 
.al-blogs .blog-item .item .desc{
  max-height: 100px; overflow: hidden;
}

/* .rs-inner-blog .hd-title{
  margin-bottom: 10px;

} */

.blog-btn{
  margin: 25px 0px 0px 0px;
}

.blog-btn .read-btn{
   padding: 6px 15px;
   background-color: #c95e45;
   color: #fff;
}

.blog-btn .read-btn:hover{
  background-color: #000;
  transition: all .2s linear;
}


.order-last .widget-area{
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
}

.order-last .widget-area h3{
  font-size: 22px; color: #000;
  font-family: var(--rob-md);
  margin-bottom: 10px;
}

.order-last .widget-area a{
  font-size: 16px; color: #000;
  font-family: var(--arm-rg);
}

.order-last .widget-area a:hover{
  color: var(--cl1); transition: all .2s linear;
}


/*****************
==========================
Testimonial page ------------------
==========================
**************** */


.testi-container{
  padding: 0px 5%;
}

.testi-container .testi-item{
  padding: 20px;
}

.testi-container .testi-item .testi-header{
 display: flex; align-items: center;
 justify-content: flex-start;
 gap: 10px;
 padding: 10px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}

.testi-container .testi-item .testi-header  h1{
  font-size: 22px; color: var(--cl2);
  font-family: var(--rob-md);
 }


 .testi-container .testi-item .desc{
  max-height: 120px;
  overflow: hidden;
 }


 .testi-container .testi-item .testi-btn{
  margin-top: 10px;
 }


 .testi-container .testi-item .testi-btn a{
  font-size: 18px; color: var(--cl1);
  font-family: var(--rob-md);
 }

 .testi-container .testi-item .testi-btn a:hover{
  color: var(--cl2); transition: all .2s linear;
 }

/*********************
===============================
Footer -------------------
===============================
*********************** */

.al-footer{
  background-color: var(--cl1);
  border-top: 1px solid #00000033;
  padding: 50px 5% 20px 5%;
}


.al-footer .logo-sec img{
  max-width: 100%;
}

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

.al-footer .ft-content .hd-logo h1{
  font-size: 28px; font-family: var(--arm-rg);
  color: #fff; margin-bottom: 5px;
}

.al-footer .ft-content .hd-logo h4{
  font-size: 18px; 
  color: #ffd700;
  font-family: var(--corsiva);
  margin: 0px;
  text-align: right;
}


.al-footer p{
  color: #000!important;
  margin-bottom: 0rem!important;
}

.al-footer .social{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0px;
}

.al-footer .social i{
  color: #000;
  font-size: 16px;
}

.al-footer .social a:hover span i{
   color: #c95e45;
  transition: all .3s linear;
}

.al-footer .social span{
  display: block;
  width: 40px; height: 40px;
  display: flex;align-items: center;
  justify-content: center;
}

.al-footer .ft-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 8px;
}

.al-footer .ft-nav .link .navbar-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 20px;
}

.al-footer .ft-link{
  display: flex;align-items: flex-start;
  justify-content: center;
  margin-top: 10px;
}


.al-footer .ft-head h2{
  font-size: 22px;color: #fff;
  font-family: var(--ft-rg);
  margin-bottom: 1rem;
}

.al-footer .ft-head .title{
  margin-bottom: 1.5rem!important;
}

.al-footer .ft-link li{
  margin: 5px 0px;
}


.al-footer .ft-link li a{
  font-size: 16px;
  display: inline-block;
  color: #fff;
  font-family: var(--ft-rg);
  margin-left: 2px;
  text-transform: uppercase;
}

.al-footer .ftaddr i{
 transform: translateY(7px);
}


.al-footer .ft-cont .item{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px; padding: 6px 0px 3px 0px;
}


.al-footer .ft-cont .con-link{
 align-items: center!important;
}


.al-footer .ft-cont .item i{
  color: #000; font-size: 16px;
}

.al-footer .ft-cont .con-link a{
 color: #000;
 font-family: var(--ft-rg);
}

.al-footer a:hover{
  color: #c95e45!important;
  transition: all .2s linear;
 }

.al-footer .ft-cont .con-link a:hover{
 color: #c95e45!important;
 transition: all .2s linear;
}


 .al-footer .hd-ax  h2{
    transform: translateX(-16px);
 }


 .copy-right{
  background-color: #222;
  padding: 13px 5%;
 }

 .copy-right p{
  color: #ccc;
  margin: 0px!important;
  font-size: 14px!important;
  font-size: var(--ft-rg);
  line-height: 1.5;
 }

 .copy-right p a{
  color: #ccc;
 }

 .copy-right p a:hover{
  color: var(--cl1);
  transition: all .2s linear;
 }


 
 .copy-right .copy-container{
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .copy-right p{
  color: #ccc;
  margin: 0px!important;
  font-size: 14px!important;
  font-size: var(--ft-rg);
 }


 .copy-right .pt-tr{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
 }


 .copy-right .pt-tr a, .copy-right .pt-tr span{
  color: #ffff; font-size: 14px;
  text-transform: none; text-decoration: none;
 }


/* whatsapp */
/***Whatsapp icon***/
.floating{
  position:fixed;
  width:50px;
  height:50px;
  bottom:50px;
  left:30px;
  background-color:#c95e45;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #31333e;
  z-index:10000;
  transition: all .2s ease-in;
}

.floating:hover{
  background-color:#25D366;
}

.float-button{
  margin-top:10px;
  color:#FFFFFF;	
}



.al-footer .sub-menu{
  display: none!important;
}




/*********************************
  ===================================================
      Pages-------------------
    =======================================================================
****************************************************/



.al-banner{
  padding: 7.5rem 5%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}



.al-banner .banner-title h3{
    font-size: 33px;
    color: var(--cl1);
    font-family: var(--rob-md);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    animation-name: ttanm;
    animation-duration: 3s; /* Control speed */
    animation-iteration-count: infinite;
    animation-direction: alternate; /* Reverse animation on each cycle */
    animation-timing-function: ease-in-out; /* Smooth start and end */
}

@keyframes ttanm {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-6px);
    }
}

/* .al-banner .banner-title h3::after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -55px;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.30);
} */


.al-banner .banner-nav{
  position: absolute;
  bottom: 0px; left: 0px;
  width: 100%;
  display: flex;align-items: center;
  justify-content: center;
}

.al-banner .banner-nav .content{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 10px 30px;
}

.al-banner .banner-nav .content a{
 color: #fff; font-size: 16px;
 font-family: var(--arm-rg);
 text-transform: uppercase;
}

.al-banner .banner-nav .content a:hover{
  color: var(--cl1);
  transition: all .2s linear;
 }

.al-banner .banner-nav .content i{
  color: #fff; font-size: 18px;
}

.al-banner .banner-nav .content span{
  color: var(--cl1); font-size: 16px;
  font-family: var(--arm-rg);
  text-transform: uppercase;
}

.mob-banner{
  display: none;
}


.bl-banner{
  padding: 6.5rem 5%;
}



.dft-page{
 margin: 2rem 0px;
}

.dft-page .main-page-content{
  margin-bottom: 2rem;
}


/***********************
===============================
Contact us-----------------------
===============================
********************* */

.al-contact{
  position: relative;
  margin-bottom: 6rem;
  padding: 20px 5%;
}

.al-contact .grey-baground{
  background-color: #f2f3f2;
  height: 13rem;
  position: absolute;
  top: 0px; left: 0px;
  width: 100%;
}


.al-contact .request-form{
  padding-top: 2rem;
}


.al-contact .request-form .con-container{
  background-color: #c95e45;
  display: flex; align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 40px 30px;
}

.al-contact .request-form .con-container h1{
  color: #fff; font-size: 25px;
  font-family: var(--rob-md);
  margin-bottom: 2rem;
}

.al-contact .request-form .con-container .con-item {
  margin-bottom: 10px;
  display: flex;align-items: center;
  justify-content: center;
  gap: 10px;
}

.al-contact .request-form .con-container .cont-addr {
  margin-bottom: 10px;
  display: flex;align-items: flex-start;
  justify-content: center;
  gap: 10px;
}

.al-contact .request-form .con-container .cont-addr p , .cont-addr i{
 font-size: 16px; color: #fff;
}

.al-contact .request-form .con-container .cont-addr i{
  transform: translateY(9px);
 }

.al-contact .request-form .con-container .con-item i,.con-item a{
  font-size: 16px; color: #fff;
}

.al-contact .request-form .con-container .con-item a{
 font-family: var(--arm-rg);
}

.al-contact .request-form .con-container .con-item a:hover{
 color: #000;
 transition: all .2s linear;
}

.al-contact .consultation-form{
  padding-left: 30px;
}

.al-contact .consultation-form .al-req-form {
  background-color: #ffff;
  padding: 20px 30px;
}

.al-contact .consultation-form .al-req-form h1{
 font-size: 25px; color: #c95e45;
 font-family: var(--rw-sbd);
 margin-bottom: 1.5rem;
}

.al-contact .consultation-form .al-req-form .frm-btn{
  background-color: #c95e45;
  color: #fff; font-family: var(--arm-rg);
  padding: 5px 25px;
  border: none; outline: none;
 }

 .al-contact .consultation-form .al-req-form .frm-btn:hover{
  background-color: var(--cl1); transition: all .2s linear;
 }

 .al-contact .maplink iframe{
  margin-top: 3rem;
 }

 .al-contact .maplink iframe{
  height: 400px;
  width: 100%;
 }

.al-contact .map-container{
  margin:2.5rem 0px 1rem 0px;
}

.al-contact iframe{
  width: 100%; height: 300px;
}

 /* branch ------------------------- */


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

 .al-branch h4{
  font-size: 20px;
  color: #000;
  font-family: var(--rob-md);
 }

 .al-branch h1{
  font-size: 28px;
  color: var(--cl2);
  font-family: var(--mon-sd);
  margin-bottom: 1.5rem;
 }

 .al-branch .branch-item{
    /* margin-bottom: 2rem; */
    padding: 20px;
 }

 .al-branch .branch-item .inner{
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
  padding-bottom: .5rem;
}


 .al-branch .bcon{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 1rem;
 }

 .baddr{
  align-items: flex-start!important;
  margin-bottom: 1.5rem;
 }

 .baddr i{
  transform: translateY(8px);
 }

 .al-branch .bcon p{
 margin-bottom: 2px!important;
 color: #000;
 font-family: var(--rob-md);
 font-size: 17px!important;
 }


 .al-branch .bcon i{
  color: #000;
  font-size: 17px!important;
  }


  .al-branch .bcon a{
    color: #000;
    font-size: 17px!important;
    font-family: var(--arm-rg);
  }

  .al-branch .map{
   margin: 1.5rem 0rem 2rem 0rem;
  }

  .al-branch .map iframe{
    width: 100%; min-height: 300px;
  }


  /* all branches ---------------------- */

  .all-branches .branch-item .img{
    width: 60px; height: 60px;
    border-radius: 50%;
    overflow: hidden;
  }

  
  .all-branches .branch-item{
    padding: 20px;
   }

   .all-branches .branch-item:hover .inner{
    transform: translateY(10px);
    transition: all .2s linear;
    box-shadow: none;
   }

   
  .all-branches .branch-item .inner{
    padding: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 5px;

   }



  .all-branches .branch-item .img img{
    width: 100%; height: 100%;
   object-fit: cover;
   object-position: center;
  }


  .all-branches .branch-item .main-head{
   display: flex; align-items: center;
   justify-content: flex-start;
   gap: 20px;
  }

  .all-branches .branch-item .main-head h1{
    font-size: 22px;
    color: var(--cl2);
    font-family: var(--rob-md);
    margin: 0px!important;
   }

   .all-branches .branch-item .desc p{
    padding: 0px; margin: 0px;
    font-size: 16px; color: #222;
    font-family: var(--arm-rg);
   }

   .all-branches .branch-item .desc{
    margin-top: .5rem;
    max-height: 120px;
    overflow: hidden;
   }