/*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: 'RobotoCondensed-Regular';
  src: url(../fonts/RobotoCondensed-Regular.ttf);			
}


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

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

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



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





:root{
   --cl1:#660066;
   --cl2:#0a2d41;
   --cl3:#ffffff;	

  --rob-rg:RobotoCondensed-Regular;
  --rob-md:RobotoCondensed-Medium;
  --rob-bl:RobotoCondensed-Black;
  --rob-bd:RobotoCondensed-Bold;
  --corsiva:monotype-corsiva;
 
}


body{
  width: 100%;
  /* height: 100%; */
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;

}

* {
  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 */
/* ---------- */


/**********
=============================
fixed items
=============================
**************/

.fixd-item{
  position: fixed;
  top: 50%; right: 0px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 20px;
  z-index: 1;
}

.fixd-item .item{
  display: inline-block;
  background-color: var(--cl1);
  padding: 10px 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  min-width: 280px;
  transform: translateX(50px);
}

.fixd-item .item:hover{
  transform: translateX(20px);
  transition: all .2s linear;
}

.fixd-item .item .inner{
  display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 10px;

}

.fixd-item .item .inner h1{
  font-size: 16px;
  font-family: var(--rob-rg);
  color: #fff;
  margin: 0px;
}

.fixd-item .item:hover h1{
  color: #ffd700;
  transition: all .2s linear;
}


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

.full-width-header{
 position: relative;
}


 .hd-top{
  padding: 10px 5%;
  position: relative;
  background-color: var(--cl1);
}

.hd-top .navbar-nav a {
  padding-right: 10px !important;
  
  border-right: 1px solid #fff;
}

.hd-top .navbar-nav li:last-child a {
  border-right: none;
}


 .hd-top .hd-inner-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.hd-top .hd-inner-container .items{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; z-index: 0;
}

.hd-top .hd-inner-container .social a{
 display: inline-block;
 width: 28px; height: 28px;
 border-radius: 50%;
 background-color: #fff;
 display: flex; align-items: center;
 justify-content: center;
 
}


.hd-top .hd-inner-container .social a:hover{
 background-color: #ffd700;
 transition: all .2s linear;
  
 }

 .hd-top .menu-item a:hover{
  color: #ffd700;
  transition: all .2s linear;
 }

 .hd-top .hd-content a:hover{
  color: #ffd700;
  transition: all .2s linear;
 }


.hd-top .hd-inner-container .social a i{
  color: var(--cl1);
 }

.hd-top .hd-inner-container .items .navbar-nav {
  display: -ms-flexbox;
  display: flex;
 flex-direction: unset!important;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  gap: 10px;
}


.hd-top i, .hd-top a{
  font-size: 14px; color: #fff;
}

.hd-top a{
  text-transform: uppercase;
}



.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: absolute;
  top: 0px; left: 0px; 
  background-color: rgba(109 ,27 ,67,0.3);
  width: 100%;
}

.pg-header .rs-header{
  position: relative!important;
  background-color: #EEEDF3;
  background-image: url(../images/hd-bg.png);
  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(--rob-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: #fff;
  font-family: var(--rob-rg);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.rs-header .menu-area .row-table li a:hover{
  color: var(--cl1);
}



.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: var(--cl1)!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(--rob-rg);
  color: #fff;
}


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

.right_menu_togle .poly-contact .address-list a{
  font-family: var(--rob-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;
}

.main-slider .crs-icon{
  position: relative!important;
  z-index: 1;
}

/* .main-slider .carousel-item::before{
  position: absolute;
  content: '';
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(33, 31, 94, .7);
}  */





.main-slider .carousel-caption{
  position: absolute!important;
  bottom: 30px!important;left: 10%!important;
  text-align: left!important;

}


.main-slider .carousel-caption h2{
  font-family: var(--itric);
  color: #fff;
  font-size: 30px;
  animation-name: maintitle;
  animation-duration: 4s;
  transition: all .2s ease;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
}

@keyframes maintitle {
  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;
}


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

 .mob-slider{
  display: none;
 }

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

.al-about{
  overflow:hidden;
}

.al-about .ab-left .hd-title h1{
  font-size: 22px; color: var(--cl1);
  font-family: var(--rob-md);
  margin-bottom: 1rem;
}

.al-about .ab-left{
  padding-right: 50px;
 }

.al-about img{
  max-width: 100%;
}

.al-about .ab-right{
  display: flex;
  align-items: center;
  justify-content: center;
}



/**************
================================
Priest & News ------------------------------------
=================================
*****************/

.pr-nw{
  background-color: #eeedf3;
  overflow: hidden;
}

.pr-nw .owl-carousel{
 z-index: 0!important;
}

.pr-nw .al-priest{
  padding-right: 50px;
}

.pr-nw .al-priest .pr-items{
  background-color: #fff;
  padding: 10px;
  border-bottom: 1px solid #444;
  cursor: pointer;
  overflow: hidden;
}

.pr-nw .al-priest .pr-items .img{
  overflow: hidden;
}

.pr-nw .al-priest .pr-items:hover{
  border-bottom: 2px solid var(--cl1);
  transition: all .2s linear;
}

.pr-nw .al-priest .pr-items:hover img{
 transform: scale(105%); transition: all .4s linear;
}

.pr-nw .al-priest .pr-items .dts{
  margin-top: 1rem;
}

.pr-nw .al-priest .pr-items .dts h1{
  font-size: 18px; color: #000;
  font-family: var(--rob-rg);
}

.pr-nw .al-priest .pr-items .dts p{
  font-size: 16px; color: #333;
  font-family: var(--rob-rg);
}


.pr-nw .al-priest .hd-title h1 {
  font-family: var(--rob-rg);
  font-size: 25px;
  color: #6d1b43;    
}

.pr-nw .hd-title{
  margin-bottom: 1.5rem;
}

.pr-nw .al-priest .hd-title span {
  font-family: var(--rob-rg);
  font-size: 25px;
  color: #666600;    
}


.pr-nw .news-right .hd-title h1{
  font-family: var(--rob-rg);
  font-size: 25px;
  color: #000;  

}

.pr-nw .news-right .news-box {
  overflow: hidden;
  max-height: 200px;
  position: relative;
}




.pr-nw .news-right .news-box .news-items{
 padding: 10px; border-bottom: 1px solid #777;
 transition: all .3s linear;
}


.pr-nw .news-right .news-box .news-items h4{
  margin-bottom: 2rem;
  margin-top: 15px;
 }

 .pr-nw .news-right .news-box .news-items h4 a{
  display: block;
  font-size: 17px; color: #000;
  font-family: var(--rob-rg);
 }

 .pr-nw .news-right .news-box .news-items .red-btn{
  font-size: 14px; color: #fff;
  font-family: var(--rob-rg);
  background-color: var(--cl1);
  padding: 6px 10px;
 }

 .pr-nw .news-right .news-box .news-items a:hover{
  color: #fff; transition: all .2s linear;
  background-color: var(--cl2);
 }



/*********************
===============================
Box-text -------------------
===============================
*********************** */

.box-text{
  background-image: url(../images/bx-bg.jpg);
  background-size: cover;  background-repeat: no-repeat;
}



.box-text .each-box{
  padding: 20px;
}

.box-text .each-box .box-inner{
  padding: 20px; background-color: #fff;
}

.box-text .each-box .box-inner img{
  width: 100%;
}

.box-text .each-box .box-inner .dts{
  margin-top: 1.5rem;
}

.box-text .each-box .box-inner h2{
  font-size: 20px;
  background: #6D1B43;
  background: linear-gradient(to right, #6D1B43 2%, #F8BD5E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  font-family: var(--rob-rg);
  margin-bottom: 1rem;
}


.box-text .each-box .box-inner p{
  font-size: 16px; color: #333;
  font-family: var(--rob-rg);
}


.box-text .each-box  .box-link{
  display: block;
}

.box-text .each-box .desc{
  max-height: 140px;
  overflow: hidden;
}

.box-text .bx-rd-btn{
  margin: 2rem 0px 1rem 0px;
}

.box-text .bx-rd-btn .rd-btn{
  color: #fff; font-size: 14px;
  font-family: var(--rob-rg);
  background-color: var(--cl1);
  padding: 8px 15px;
}

.box-text .bx-rd-btn .rd-btn:hover{
  background-color: #000; transition: all .2s linear;
}


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

.alindx-gallery{
  padding: 3rem 5% 1rem 5%;
}

.alindx-gallery .hd-title h1{
  font-size: 28px; color: #000;
  font-family: var(--rob-rg);
  margin-bottom: 1.5rem;
}

.alindx-gallery .gal-item{
  padding: 10px !important;
}

.alindx-gallery .gal-item a{
  display: block; width: 100%;
  z-index: 0; position: relative;
}



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


.alindx-gallery .gal-row{
  justify-content: center!important;
  overflow: hidden;
}

.alindx-gallery .gal-item .inner{
  position: relative;
}

.alindx-gallery .gal-item .inner::before{
  content: ''; position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 90%; height: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 1;
}

.alindx-gallery .gal-item:hover .inner::before{
  width: 100%; height: 100%;
  transition: all .2s linear;
  opacity: 1;
}

.gal-main-title h1{
  font-size: 22px;
  color: #000;
  font-family: var(--rob-md);
  margin: 15px 0px;
}


/*********************
===============================
indx-testimonial -------------------
===============================
*********************** */

.indx-testimonial{
  padding: 1rem 5%!important;
}

.indx-testimonial .hd-title h1{
  font-size: 30px; color: #000;
  font-family: var(--rob-rg);
}

.indx-testimonial .testi-header{
  flex-direction: column;
  justify-content: flex-start!important;
  align-items: flex-start!important;
  gap: 5px!important;
}

.indx-testimonial .testi-item .testi-header h1 {
  font-size: 22px;
  color: var(--cl2);
  font-family: var(--rob-md);
  margin-bottom: 0px!important;
}

.indx-testimonial .testi-dt h1{
  font-size: 18px!important;
}

.indx-testimonial .tst-more{
  display: flex; align-items: center;
  justify-content: center;
  width: 100%; margin: 1rem 0px 2rem 0px;
}

.indx-testimonial .tst-more a{
  background-color: var(--cl1);
  padding: 8px 15px;
  font-size: 16px;
  color: #fff;
  font-family: var(--rob-rg);
}

.indx-testimonial .tst-more a:hover{
  background-color: var(--cl2);
  transition: all .2s linear;
}

/*********************
===============================
Parish Bullettin  -------------------
===============================
*********************** */

.al-parsh{
  padding: 20px 5% 50px 5%;
}
.al-parsh  .parish-item{
  padding: 15px;
}

.al-parsh  .parish-item img{
  width: 100%;
}


.al-parsh  .parish-item .inner{
 padding: 20px;
 box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

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

.al-parsh  .parish-item .inner a{
  display: block;
}



.al-parsh  .parish-item .inner h2{
   font-size: 18px; color: #000;
   font-family: var(--rob-md);
   margin-top: 1rem; text-transform: uppercase;
}


/*********************
===============================
ADMINISTRATION -------------------
===============================
*********************** */


.pr-ministy{
  margin: 2rem 0px 3rem 0px;
  padding: 0px 5%;
  
}

.pr-ministy .hd-title h1{
  font-size: 24px; color: #000;
  font-family: var(--rob-rg);
}

.pr-ministy .hd-title{
  position: relative;
  padding-bottom: 2px;
  margin-bottom: 20px;
}

.pr-ministy .hd-title::before{
  content: '';
  position: absolute;
  bottom: 0px; left: 0px;
  width: 50%; height: 1px;
  background-color: #333;
}


.pr-ministy .minisy-item{
  padding: 15px;
}

.pr-ministy .minisy-item .inner{
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 padding: 0px 0px 20px 0px;
}

.pr-ministy .minisy-item .inner:hover{
 box-shadow: none; transform: translateY(-5px);
 transition: all .2s linear;
 border-bottom: 1px solid var(--cl1);
}

.pr-ministy .minisy-item img{
  width: 100%;
}

.pr-ministy .minisy-item .title{
  /* margin-top: 1rem; */
  padding: 10px;
}

.pr-ministy .minisy-item .title h1{
  font-size: 17px; color: #000;
  font-family: var(--rob-rg);
  margin-top: 8px;
}

.pr-ministy .prev-link{
  margin-top: 1rem;
}

.pr-ministy .prev-link a{
  padding: 8px 15px;
  background-color: var(--cl1);
  transition: all .2s linear;
}

.pr-ministy .prev-link a:hover{
 background-color: var(--cl2);
}

.pr-ministy .prev-link a span, .prev-link i{
  font-size: 15px; color: #fff;
}

.pr-ministy .prev-link a span {
  margin-right: 5px;
}



/*********************
===============================
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: 22px; color: #000;
 font-family: var(--rob-md);
}
 
.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: var(--cl1);
   color: #fff;
}

.blog-btn .read-btn:hover{
  background-color: var(--cl2);
  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(--rob-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: rgb(96, 93, 93);
 
  padding: 30px 5% 10px 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(--rob-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: #fff!important;
  margin-bottom: 0rem!important;
}
 .al-footer .auto-container2 .social a, i{
    text-decoration: none;
  }
 

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

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

.al-footer .social a:hover span i{
   color: var(--cl1);
  transition: all .3s linear;
}

.al-footer .social span{
  display: block;
  width: 40px; height: 40px;
  /* border-radius: 50%;
  background-color: var(--cl1); */
  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: #fff; font-size: 16px;
}


.al-footer .ft-cont .con-link{
  /* margin-top: 1rem; */
}

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

}

.al-footer a:hover{
  color: var(--cl1)!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;
  text-align: center;
 }

 .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:var(--cl1);
  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::before{
  content: '';
  position: absolute;
  top: 0px; left: 0px;
  width: 100%; height: 100%;
  background-color: rgba(8 ,44, 120,.5);
} */



.al-banner .banner-title h3{
    font-size: 33px;
    color: var(--cl3);
    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(--rob-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(--rob-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: var(--cl1);
  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(--rob-rg);
}

.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: var(--cl2);
 font-family: var(--rw-sbd);
 margin-bottom: 1.5rem;
}

.al-contact .consultation-form .al-req-form .frm-btn{
  background-color: var(--cl2);
  color: #fff; font-family: var(--rob-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(--rob-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(--rob-rg);
   }

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