@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');




*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: "Urbanist", sans-serif;
}

html {
  scroll-behavior: smooth;
  /*font-size:62.5%;*/
}

html,body{
  overflow-x: hidden;
  overflow-y: auto;
}

:root{

  --primary-heading:#1a1d20;
    --dark-heading:#1c1c1c;
    --main-color:#fff;
    --heading1:#ffa700;
    --btn1:#9c7e00;
    --supporting-color:#400040;
    --primary1:#c6c6c6;
    --primary2:#29a9fd;
    --hero:#808000;
     --main:#00aa55;


}
h1,h2,h3,h4,h5{
    font-family: "Lexend Deca", sans-serif;
}
h1{
    font-size:3.5rem;
    color:var(--primary-heading);
}

h2{
    line-height: 3rem;
    font-weight: 600;
    font-size: 3.2rem;
     color:var(--btn1) !important;
}

h5{
    color:var(--btn1) !important;
}

p{
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    color: var(--primary-heading);
    letter-spacing: 0.07rem;
    line-height: 1.55rem;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

h6{
    font-size:1.2rem;
    color:#00aa55;
}
a{
    text-decoration: none;
}

li{
    list-style: none;
}

button,a{
    font-size: 1.10rem!important;
    letter-spacing: 0.03rem;
    word-spacing: .1rem;
    border: none;
}

.common-heading{
    font-size: 2.3rem;
    font-weight: 500;
    letter-spacing: 0.01rem!important;
}
.common-title{
    margin-bottom: 1.2rem;
}

.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* navbar style */



.nav-link{
    color:var(--main-color);
}
.nav-link:hover{
    color: var(--heading1);
}



/* navbar style end */



/* Hero section start */
.bg-main{
    height: 80vh;
    position: relative;
}


.hero-section .container{
display: grid;
place-content: center;
height: inherit;
}

.hero-image{
    /* max-width: 100%;
    height: auto; */
    width: 60%;
    border-radius: 3rem;
}

.hero-btn{
    background-color: var(--btn1);
    color: var(--main-color);
}


.hero-btn:hover{
    background-color: var(--supporting-color);
    color: var(--main-color);
}


.bg-color{
    /*background-color:#00aa55;*/
    background-image: linear-gradient(to left, #00aa55 , #f9ac1b);

}

.text-light-grey{
    color:#f3f3f3;
}
.common-section{
    padding: 0 0 5rem 0;
}

/* 
shape divider */

.custom-shape-divider-bottom-1709621907 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1709621907 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 72px;
}

.custom-shape-divider-bottom-1709621907 .shape-fill {
    fill: #FFFFFF;
}

/* shape divider ends */
/********************************************** Hero section end *******************************************/


/* *******************************services section *******************************/


.services-section{
    padding:2.5rem 0 2rem 0!important;
}


.icon-span{
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--btn1);
    color: var(--primary-heading);
}


.card-box:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* services section ends */

 /* Offers section start */

.wpc-msg{
    width: 50%;
    border-radius: 20%;
}


.more-info-section{
    background: linear-gradient(rgba(50, 91, 4, 0.5),rgba(22,22,22,0.9)),url("../images/img3.png");
     background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding:3rem 0;
  
   
    
    
    
  
}

 /* Offers section end */

 /* model section start */


 .business-section{
    padding-top: 3rem;
 }

 /* carousel */

 .carousel .card{

    background-color: #fff;
    color:#1c1c1c;
    transition: all 0.3s linear;
 
 }
 .carousel-inner .card p{
    color:#553e3e;
 }
 .carousel-inner .card p:hover{
    color:var(--dark-heading);
 }
 .carousel-inner .card:hover{
   background-color: #AFE6C3;
            transform: scale(1.05);
 }

 .fa-star{
    color: var(--heading1);
 }

 .carousel-indicators{
    bottom: -20%;
 }

 .carousel-indicators [data-bs-target]{
    width: .7rem;
    height: .7rem;
    background-color:#AFE6C3;
    /*color:#9ed9ff!important;*/
    /*color:red!important;*/

 }
 .card h5{
    color: #c6c6c6;
 }
 
 span.carousel-control-prev-icon{
     color:red!important;
     background-color:#AFE6C3;
 }
 span.carousel-control-next-icon{
     color:red!important;
     background-color:#AFE6C3;
 }

 /* carousel end */

 /* experts section */

 .panel{
    max-width: 100%;
 }

  .accordion-button, .accordion-item:first-of-type > .accordion-header .accordion-button{
    background-color: #dcc879;
 }



 .card-service{
    
     align-items: center;
    justify-content: center; 
    padding:2rem 0;
 }
.card-service img{
    width:200px;
    max-width: 100%;
    height:140px;
 }
 

 .small-text-grey{
    color: #01010090;
 }
.card-btn{
    background-color:#9c7e00!important;
    border: none;
}

 /* contact us */

 .contact-section{
    position: relative;
 }

 .custom-shape-divider-top-1709805569 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1709805569 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1709805569 .shape-fill {
    fill: #FFFFFF;
}
.contact-section .common-title{
    padding: 4rem;
}

.contact-section .form-section{
    width: 50%;
}


/*footer styling */
.main-footer-section{
    padding: 0 0 2rem 0;
    color:var(--main-color);
}
.contact-div{
    /*background-color: #222;*/
    background-color: #00534f;
}
 .icon-div{
    flex-direction: column;
   
} 


.text-small {
    font-size: 0.6rem;
    
  }
  
  a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
    color: white!important;
  }

  
  
  a:hover, a:focus {
    text-decoration: none;
   /*color:var(--primary2)!important;*/
  }
  
  .form-control {
    background: #212529;
    border-color: #545454;
  }
  
  .form-control:focus {
    background: #212529;
  }
  
  footer {
    background: #212529;
  }

  .text-primary{
    color: --supporting-color!important;
  }
  .text-primary:hover{
    color:var(--primary2)!important;
  }
  
  
   /* about us styling*/

.about-us{
    margin-top: 4rem;
    padding:0 5rem;
    text-align: justify;
  text-justify: inter-word;

    
 }
.about-img img {
  width: 90%;
  height:auto;
  border-radius: 50px;
}
  
  .section{
        display: grid;
             width:100%;
           
           
  }
  .card{
      width:30%;
      align-items: center;
      
  }
  #website-name{
      font-size:18px!important;color:#00534f!important;
  }

  @media screen and (max-width :998px) {
    
    .navbar-toggler{
        border-color: white!important;
      }

      .navbar-toggler-icon{
        border-color: white!important;
        background-color: var(--primary1);
      }
      .hero-section{
        height: auto;
        padding-bottom: 2rem;
        padding-top:1rem;
      }
      .card{
      width:100%;
      align-items: center;
      
  }
  .footer{
          padding-left: 20px;
  }
  /*p.small.text-white{*/
  /*    padding-left:20px;*/
  /*}*/
  }
  
  .carousel .carousel-indicators{
    bottom: -15%;
 }
 

  
.form-control{
    border-color: #545454;
    color:white!important;
    text-color:white!important;
    
}

/* wcp page styling */

.wcp-text{
    margin:2rem 0;
}
ul.wcp-list {
    padding:2rem 0;
}
ul.wcp-list li{
    list-style: disclosure-closed!important;

}

.bg-wcp{
     height: 100vh;
    position: relative;
}

.card-img-top{
    border-radius:50%;
}

.dsrcf-section{
  
 
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 100%;
  height: auto;

}
ul.dsrcf li{
    list-style: disc;
}
p.dsrcf1{
    font-size:larger;
    padding:1rem 0;
}
.dsrcf-details{
    line-height:2rem;
}
.about-text{
    line-height:2rem;
}
 a.event_name{
    color:#00aa55!important;
}
p.date{
     color:#00aa55!important;
     font-size:10px;
}
.image{
   
  display: flex;
  padding: 2rem;

}
.caption{
    margin-left: 2rem;
}
img.logo{
    width:100px;
    
}
img.card-img-top{
    width:150px!important;
    height:140px!important;
}


/* page galleries styling */
.container-gallery{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));  
    gap: 20px; /* Adjust the gap between grid items */
}
.image{
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
}


img.gal{
    width:300px;
    height:200px;
}
a.view-btn{
    background-color:#00aa55!important;
    padding: 5px 5px;
    border-radius:5px;
}

.cc_single_post{
    /*margin:5rem 0;*/
    margin-bottom:2rem;
}
.gal_mask h3{
    color:#fff!important;
    font-size:1.2rem;
}
.gallery_box h4{
   
    color:#fff!important;
    font-size:1rem;
}
img.gal-img{
    width:100%;
    height:100%;
    padding:0.5rem;
}
.container.gallery-img{
    padding:5rem;
}
ul.dropdown-menu.show{
    /*background-color:#00aa55;*/
    border:none;
    background:none;
}
a.dropdown-item{
    color:#00534f!important;
}

a.dropdown-item:hover{
    color:#fff!important;
    background-color:#f2ac1d;
}
.news-images img{
    width:200px;
    height:200px;
}
a.news_link{
    color:#9c7e00!important;
}
.container-news{
    padding:1rem 0.5rem;
}
.single_fs_news_right_text{
    padding:1rem 0.5rem;
}


.gallery-img{
    display: grid;
  grid-template-columns: auto auto auto auto;
            padding: 20px;
            margin: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            
       
            box-sizing: border-box;
    
}
            
            .gallery-box img{
               
                width:200px;
                height:200px;
           
            }
h2.post{
    font-size:20px!important;
    margin:2rem 0;
}
.bsp_img img{
    width:300px!important;
    height:300px!important;
}
.post_text{
    margin:2rem 0!important;
}

.container_images{
     display: grid;
        grid-template-columns: repeat(3, 1fr);
      
      gap: 20px; 
      margin:3rem 1.5rem;
}

.gallery_box {
    
     background-color:#00534f!important;
         /*background-color: #b7e3b3;*/
        text-align: center;
        line-height: 100px;
        
    }



.gallery_section{
    display: grid;
      grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
      gap: 20px; 
      margin:3rem 0;
}
.our-mission li{
    list-style:disc!important;
}
 
/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/

body {
  background: #f4f4f4;
}

.banner {
  background: #a770ef;
  background: -webkit-linear-gradient(to right, #a770ef, #cf8bf3, #fdb99b);
  background: linear-gradient(to right, #a770ef, #cf8bf3, #fdb99b);
}
img.card-img-top{
        border-radius: 50%;
}
.card img{
     border-radius:50%!important;
}

.card h5{
    color:#00aa55!important;
}

.event{
    text-align:center;
}
.event h3{
    text-align: center;
    margin: 2rem 0;
    
    color: #00aa55;
}

.event-line{
    width:20rem;
    color:red;
}
/*.card-culture:hover{*/
/*    background-color:green;*/
/*}*/


/* *************** Our team *********************/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    /*margin: 0 0 40px;*/
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(81, 168, 98, 0.3);
    border: 0;
    background-color: #def0de;

}
.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.our-webcoderskull{
  background: url("https://www.pexels.com/photo/white-clock-2249964") no-repeat center right / cover;
  
}
.our-webcoderskull .cnt-block{ 
   float:left; 
   width:100%; 
   background:#fff; 
   padding:30px 20px; 
   text-align:center; 
   /*border:2px solid #d5d5d5;*/
   margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
   width:148px; 
   height:148px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{ 
   width:148px; 
   height:148px; 
   border-radius:100%; 
}
.our-webcoderskull .cnt-block h3{ 
   color:#2a2a2a; 
   font-size:20px; 
   font-weight:500; 
   padding:6px 0;
   text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#00534f!important;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}


/****************infonews4.php button css**********/


.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #00aa55!important;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    padding:10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}



@media (max-width: 768px){
      .gallery_section {
        grid-template-columns: 1fr;
      }
       .carousel .carousel-indicators{
    bottom: -7%;
 }
      
    }
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
  background: none;
 
}


 .single_fs_news_img img{
          width:200px!important;
      }
      a{
        font-size:15px;
        }
        
   input.form-control{
       background-color:white!important;
       color:black!important;
   }
   
   
   /**************purewall corner ****************/
   
  .floating { 
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count:10;
	animation-timing-function: ease-in-out;
	margin-left: 30px;
	margin-top: 5px;
}

@keyframes floating {
	0% { transform: translate(0, 0px); }
	50% { transform: translate(0, 15px); }
	100% { transform: translate(0, -0px); } 
}

ion-icon {
  font-size: 18px;
  padding-top:2.5px;
}


.scrollTop-style{
    position:fixed;
    right:2%;
    bottom:2%;
    z-index:1;
    
}
.scroll-top{
    /*width:2rem;*/
    /*height:2rem;*/
    background-color:#00534f;
    color:#fff!important;
    display:inline-block;
    padding:1rem 1rem;
    position:relative;
    border-radius:50%;
    cursor:pointer;
    animation:water-wave 3s linear infinite;
}
@keyframes water-wave {
  0% {
    border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
  }
  50% {
    border-radius: 3% 97% 15% 85% / 72% 0% 100% 28%;
  }
  100% {
    border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
  }
}
/*
==============================================
slideUp
==============================================
*/



/*.navbar .navbar-nav .nav-link {*/
/*  color: #ffffff;*/
/*}*/
/*.sm-icons {*/
/*  flex-direction: row;*/
/*}*/
/*.sm-icons .nav-link {*/
/*  padding-right: 1em;*/
/*}*/

/*.navbar-nav {*/
/*  width: calc(100vw - 24px);*/
/*}*/

/*.navbar-brand {*/
/*  position: absolute;*/
/*  top: calc(0px + 8px);*/
/*  padding: 8px;*/
/*}*/

/*.move-right a {*/
/*  display: inline-block;*/
/*}*/

/*@media screen and (max-width: 767px) {*/
/*  .navbar-brand {*/
/*    position: relative;*/
/*    top: 0;*/
/*  }*/
  
/*  .move-right a {*/
/*    display: block;*/
/*  }*/
/*}*/
nav.navbar.navbar-expand-lg.navi1{
    padding:0.5rem 0;
}
nav.navi1{
    background-color:#00534f;
    padding:0;
}
.container-fluid.nav1{
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 2rem;
}


ul.navbar-nav.sm-icons{
    gap:1.1rem;
}
a.nav-link:hover{
    color:#00534f!important;
}

ul.navbar-nav.sm-icons li a{
    color:#f8ac1b!important;
}
ul.navbar-nav.sm-icons li a:hover{
    color:#fff!important;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        
    }
}
@media only screen and (max-width: 600px) {
  ul.navbar-nav.sm-icons{
      display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}

/***browser compatibility********/

@media(max-width: 998px) { 
        
        html{
            font-size:65%;
        }
    }
    @media(max-width: 768px) { 
        
        html{
            font-size:65%;
        }
    }

/**********director section css**********/
/*.container.mt-2.director{*/
/*    max-width:1000px;*/
/*}*/


.container.testimonials{
    max-width:1080px;
}


/*we need to style the popup with CSS so it is placed as a common popup does*/
    #popup {
            display:none;
            position:absolute;
            margin:0 auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
    }
    
    img.popup{
        width:500px;
        height:500px;
    }



/*test *******/

.our-team-main
{
	width:100%;
	height:auto;
	border-bottom:5px #00534f solid;
	background:#fff;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	margin-bottom:28px;
}


.our-team-main img
{
	border-radius:50%;
	margin-bottom:20px;
	width: 90px;
height: 90px;
}

.our-team-main h3
{
	font-size:20px;
	font-weight:700;
}

.our-team-main p
{
	margin-bottom:0;
}

.team-back
{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 0 15px;
	text-align:left;
	background:#fff;
	
}
.team-back h6{
    text-align:center;
}
.team-front
{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
	background:#fff;
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
}

.our-team-main:hover .team-front
{
	bottom:-200px;
	transition: all 0.5s ease;
}

.our-team-main:hover
{
	border-color:#f1ac1d;
	transition:0.5s;
}

/*our-team-main*/

img.img-fluid{
    width:200px;
    height:200px;
}
.single_fs_news_right_text h4{
    color: #9c7e00!important;
}

.single_fs_news_right_text p{
    color: #9c7e00!important;
}
  
.single_fs_news_right_text a{
    color: #9c7e00!important;
}


/* calendar css*/
.ui-state-default{
    background: #f6f6f6;
  font-weight: normal;
  border:none;
  color: red!important;
    
}
#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
    position: absolute;
  /*top: 1576.15px;*/
  left: 159.117px;
  z-index: 1;
  display: block;
  width: 20%;
}

.new_btn a{
    color:red!important;
    font-size:1.3rem!important;
    background-color:none;
}
.ui-widget.ui-widget-content {
    border: transparent;
}