@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;

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

h1,h2,h3{
    font-weight: bold;
}






:root{
    --clr-black: #000;
    --clr-black-2: #424242;
    --clr-white:#fff;
    --bg-clr-1: #DC4D01;
    --bg-clr-2: #893908;
    --clr-bg-3: #B3AAA3;
    --clr-bg-4: #dddddd;
    --clr-bg-5: #f3f3f3;
    --txt-clr-grey:#808080;
    --clr-para: #666666;
}
html,body{
    font-family: "Montserrat", sans-serif;
}
body li{
    list-style: none;
}

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


.navbar{
    background-color: #000;
}


 #chat-bot-launcher-container.chat-bot-launcher-notext {
  bottom: 50px!important;
}


._bottom_menu_btn {
  z-index: 99;
  bottom: 0;
}
.bottom_menu_btn {
  border-top: 1px solid #F1E40F!important;
  background-color: #F1E40F!important;
  color: var(--clr-black) !important;
  font-size: 1.2rem;
}
.bottom_menu_btn1 {
  background-color: #F1E40F!important;
  border-right: 1px solid #F1E40F!important;
}
.bottom_menu_btn1:hover {
    color: #000;
  background: linear-gradient(90deg,rgba(239, 186, 7, 1) 24%, rgba(204, 167, 38, 1) 50%, rgba(239, 186, 7, 1) 89%);
  transition: all 0.3s ease-in-out;
}
.bottom_menu_btn2 {
  background-color: #000!important;
  color: #F1E40F!important;
  border-left: 1px solid var(--footer-bg);
}
.bottom_menu_btn2:hover {
    color: #000!important;
    transition: all 0.3s ease-in-out;
  background: linear-gradient(90deg,rgba(239, 186, 7, 1) 24%, rgba(204, 167, 38, 1) 50%, rgba(239, 186, 7, 1) 89%);
}

@media (max-width: 480px) {
  .bottom_menu_btn {
    font-size: 1rem;
  }
}
@media (max-width: 380px) {
  .bottom_menu_btn {
    font-size: 3.5vw;
  }
}
 








div#navbarSupportedContent {
    display: flex;
    justify-content: end;
}


ul.num_sec {
    display: flex;
}
.callnow {
  font-size: 18px;
  color: #F1E40F;
  top: 2px;
  position: relative;
  margin-left: 20px;
}

.shake-element{
  display: inline-block;
  animation: tilt-shaking 2s infinite; 
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
} 


.callnow:hover{
    color: #fff;
    transition: .5s;
}



#getbtn{
    position: fixed;
    top: 40%;
    transform: rotate(90deg);
    right: -50px;
}




.dropdown:hover>.dropdown-menu {
    display: block;
  }
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
 .navbar-nav .dropdown-menu a{
    color: #000!important;
 } 

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-wrap: nowrap;
}
/* .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(--clr-white);
} */
.nav-item .btn{
    background-color: #F1E40F;
    color: var(--clr-black) !important;
    border-radius: 10px;
}
.nav-item .btn:hover{
    background-color: #000;
    color: #F1E40F!important;
    transition: .5s;
}

.navbar-brand img{
    width: 200px;
    height: 60px;
}






/*hero banner*/

#herobanner{
    background: rgb(0 0 0 / 0.08);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding-top: 25%;
	padding-bottom: 5%;
	min-height: 70vh;
    margin-top: 5%;
}
.container-fluid h2{
    font-size: clamp(28px, 4vw, 45px);
    color: var(--clr-white);
    text-align: center;
    font-weight: 700;
}
.hero_btn_group{
    gap: 30px;
    padding-top: 30px;
}

.btn_one{
    background-color: #ffffff;
    border: 2px solid #dfc51b;
    color:var(--clr-black)
}
.btn_one:hover{
    background-color: #dbbd21;
    border: 2px solid #fff;
    color: #fff;
}
.btn_two{
    background-color: #dbbd21;
    color: var(--clr-black);
    border: 2px solid var(--clr-bg-3);
    transition: .5s ease;
}
.btn_two:hover{
    background-color: var(--clr-black);
    color: var(--clr-bg-3);
    border: 2px solid var(--clr-bg-3);
    transition: .5s ease;
}
.btn_one,.btn_two{
    /* width: 200px; */
    font-size: clamp(12px, 3vw + 1rem, 24px);
    font-weight: 700;
    border-radius: 50px;
    padding: 5px 50px;
    font-size: 22px;
    border-radius: 50px;
    
}

/* get in touch banner*/

#getintouch{
    padding: 50px 0;
}
.getintouch_btn a{
    /* width: 200px; */
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #dbbd21;
    color: var(--bg-clr-black);
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 300;
    transition: .4s ease-in-out;
}
.getintouch_btn a:hover{
    color: var(--clr-white);
    background-color: #dbbd21;
    transition: .4s ease-in-out;
}
.getintouch_top p{
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px;
}
.getintouch_btn{
    text-align: center;
}
.getintouch_content{
    padding-top: 50px;
}
.getintouch_content>div{
    gap:10px;
    margin-bottom: 5%;
}
.getintouch_content figure{
    width: 150px;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: var(--clr-bg-4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.getintouch_content figure img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.getintouch_content h4{
    font-size: 24px;
    font-weight: 700;
	color: #000;
}
.getintouch_content h5{
  padding: 0 15px;
  text-align: justify;
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-black-2);
  text-align: center;
}
.getintouch_content p {
  padding: 0 15px;
  text-align: justify;
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-black-2);
  text-align: center;
}


/*gallery banner*/
#gallery{
    padding: 0 0 50px;
    text-align: center;
}

.videobox {
  width: 85%;
  margin: auto;
  position: relative;
}
.videobox:before{
  content: "";
  background-color: #00000029;
  opacity: .5;
  width: 95%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    right: 0px;
    border-radius: 10px;
}
.gallery__row{
    margin-left: 0;
    margin-right: 0;
    height: 800px;
    overflow: hidden;
}
.gallery_container figure{
    padding: 0 30px;
    height: 100%;
    margin: auto;
}
.gallery_container figure img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 10px;
}
.gallery_container h2{
    font-size: 32px;
    color: #000;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
}
.gallery_container p{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 20px 0; 
    color: var(--clr-black-2);
}
.image_gallery{
    width: 100%;
}

.gallery_single_img {
    padding: 0;
    width: 100%;
    height: 300px;
}
.gallery_single_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery_single_img figure{
    margin: 0;
    height: 100%;
}

/*count down*/
#count_down{
    padding-bottom: 50px;
}
.cd-clock {
    font-weight: bold;
    text-align: center;
    gap: 30px;
}

.card.countdown {
    z-index: 100;
}

    .cd-clock > div {
        padding: 10px;
        border-radius: 3px;
    }

    .cd-clock div > span {
        padding: 5px 8px;
        border-radius: 3px;
        font-size: 22px;
        background-color: var(--bg-clr-1);
    }

.tiny-text {
    padding-top: 0px;
    font-size: 22px;
    font-weight: 500;
}
.countdown_content p{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 30px;
}

/*landscape gallery*/

.testimonial {
    position: relative;
  }

.landscape_heading{
    text-align: center;
    padding-bottom: 30px;
	color: #000;
    font-weight: 700;
}
.item {
    padding: 10px;
    border: 1px solid var(--p-clr-2);
    background-color: var(--clr-white);
    background-color: var(--clr-bg-4);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }
.item .item_img__box {
    height: auto;
    /* object-fit: cover; */
  }
.item .item_img__box img {
    height: 250px;
	width: 100%;
    object-fit: cover;
  }
.item h4 {
    height: 80px;
    /* background-color: aqua; */
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 24px;
    color: var(--btn-clr-2);
    margin-bottom: 0;
  }
.item p {
    height: 150px;
    /* background-color: #DC4D01; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: var(--p-clr-2);
    font-weight: 400;
    padding: 0 30px;
    margin-bottom: 0;
    line-height: 1.2;
  }

  .owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-prev {
  left: -2rem;
  font-size: 50px !important;
  color: var(--bg-clr-2) !important;
}

.owl-next {
  right: -2rem;
  font-size: 50px !important;
  color: var(--bg-clr-2) !important;
}
  .owl-dots {
    padding-top: 20px;
    display: none;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 25px;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--bg-clr-1);
  }

  /*visit_us*/

  #visit_us{
    margin: 50px 0;
  }
  #visit_us iframe{
    width: 100%;
    height: 450px;
  }
  .visit_us_header{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
	color: #000;
  }

  /*review slider*/


.testimonial_review .review_item{
    width: 90%;
    margin: auto;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#review .review_header{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    /* padding-bottom: 10px; */
	color: #000;
}
#review .review_sub_haeder{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 30px;
}
#review .review_sub_haeder a{
    color: var(--bg-clr-2);
}
#review .review_sub_haeder a:hover{
    color: var(--bg-clr-1);
}
#review .star_group{
    text-align: center;
}
#review .star_group span i{
    font-size: 30px;
}
.review_item p{
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}
.review_item h4{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
#timing_section{
    padding: 50px 50px 0 50px;
}
.col_timing h4, .col_contact h4{
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.timing ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid var(--clr-bg-4);
}
.timing ul li p{
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--txt-clr-grey);
}
.timing ul li:nth-last-of-type(-n+2) p{
    color: #000;
}
.timing, .calgary_map{
    width: 90%;
    margin: auto;
    padding: 20px 0 0;
}
.calgary_map iframe{
    width: 100%;
}

.contact p{
    margin-bottom: 0px;
}
.contact_details{
    padding: 20px 0;
}
.contact_details p{
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
}
.contact_details a{
    color: #dbbd21!important;
}
.contact_details a:hover{
    color: #dbbd21!important;
    transition: .5s;
}
.contact_details p:hover{
    color: #dbbd21!important;
    transition: .5s;
}
.contact_details :nth-child(2){
    color: var(--bg-clr-1);
    font-weight: 500;
}
.contact_details h5{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #dbbd21!important;
}
.contact{
    width: 90%;
    margin: auto;
}
.contact form .input-container{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
input.input, textarea.input {
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--clr-bg-3);
    width: 100%;
}
input.input:focus{
    outline: none;
}
.input-container label::after{
    content: "*";
    color: var(--bg-clr-1); 
    margin-left: 0.2em;
}
.input-container label{
    font-size: 16px;
    font-weight: 500;
}
.input_btn{
    background-color: #dbbd21;
    display: flex;
    width: 100%;
    border: none;
    padding: 8px 0;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    transition: .5s ease;
    
}
.input_btn:hover{
    background-color: #000;
    transition: .5s ease;
}





 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 6% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
#gallery .close {
  color: red;
  float: right;
  font-size: 28px;
  font-weight: bold;
    text-align: right;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 


#myBtn{
    width: 20%;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #dbbd21;
    color: #000;
    border-radius: 50px;
    text-transform: uppercase;
    background-color: #fff;  
    transition: .4s ease-in-out;
    position: relative;
    left: 0px;
    right: 0px;
    top: -330px;
    margin: auto;
}
#myBtn:hover{
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50px;
  text-transform: uppercase;
  background-color: #dbbd21;   
  transition: .4s ease-in-out;
}









/* footer section start*/

 #mega-menu-footer_services{
    text-align: left!important;
}
#footer .mega-menu-link{
    color: var(--clr-para)!important;
}
#footer  li.mega-menu-item{
  margin: 0 0px 0 0;
  display: block!important;
}
#footer  a.mega-menu-link {
  text-align: left!important;
  padding: 0px!important;
  font-weight: normal!important;
}
#footer h5{
    font-weight: bold;
    font-size: 1.5rem;
}

#footer{
    padding-top: 30px;
    background-color: #F2F2F2;
}
.col_brand figure{
    width: 300px;
    height: 100px;
}
.col_brand figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.col_brand p{
    margin-bottom: 0;
    /* padding-bottom: 10px; */
    font-size: 16px;
    font-weight: 500;
    color: var(--clr-para);
}

.social_icon_group{
    display: flex;
    width: 100%;
    gap: 3%;
    margin: auto;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0;
}
.social_icon_group a i{
    color: var(--clr-para);
    font-size: 22px;
    padding: 8px;
    background-color: var(--clr-bg-4);
    border-radius: 5px;
    transition: .5s ease;
}
.social_icon_group a i:hover{
    color: #000;
    transition: .5s ease;
}
.footer_menu,.footer_service{
    font-size: 22px;
    font-weight: 500;
}
.footer_menu ul li a,.footer_service ul li a{
    font-size: 16px;
    font-weight: 400;
    color: var(--clr-para);
}
.footer_menu ul li a:hover,.footer_service ul li a:hover{
    color: #dbbd21;
}
.footer_bottom{
    background-color: #000;
    padding: 20px 0;
    text-align: center;
}
.footer_bottom p{
    margin-bottom: 0;
    color: var(--clr-bg-4);

}
.footer_bottom p a{
    color: var(--clr-white);
}
.footer_bottom p a:hover{
    color: #dbbd21;
}


/* swimming pool.htm!l style */
#pool_herobanner{
    background: rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding: 150px 0;
    /* object-fit: cover; */
}
.pool_banner_text{
    text-align: center;
}
.pool_banner_text h1{
    color: var(--clr-white);
    font-size: 45px;
    font-weight: 700;
    padding-bottom: 20px;
}
.pool_banner_text h5 span{
    color: var(--clr-bg-4);
    font-weight: 700;
}
.pool_banner_text h5 span a{
    color: var(--clr-bg-4);
    font-size: 20px;
    font-weight: 700;
}
.pool_banner_text h5 span a:hover{
    color: var(--bg-clr-1);
}

/* what we do section */
.what_we_do{
    padding: 50px 0;
    background-color: var(--clr-bg-5);
    text-align: left;
}
.what_we_do h2{
    font-size: 34px;
  color: #000;
  text-align: left;
  font-weight: 700;
  padding-bottom: 5px;
   margin-bottom: 0px;		
}
.what_we_do h3{
  font-size: 28px;
  color: #000;
  font-weight: 700;
  padding-bottom: 5px;
  margin-bottom: 0px;	
}
.what_we_do h4{
  font-size: 25px;
  color: #000;
  font-weight: 700;
  padding-bottom: 5px;
}

.what_we_do ul{
    margin-left: 30px;
	padding-bottom: 30px;
}
.what_we_do ol{
    margin-left: 30px;
}
.what_we_do li{
    list-style: square;
}




.we_do_image figure{
    height: 400px;
}
.we_do_image figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.we_do_details{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.we_do_details h5{
    font-size: 16px;
    color: var(--bg-clr-2);
    font-weight: 700;
    padding-bottom: 10px;
}
.we_do_details h2{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 20px;
}
.we_do_details  p{
    font-size: 16px;
}
.we_do_buttons .btn-1,.we_do_buttons .btn-2{
    background-color: var(--bg-clr-1);
    border: 1px solid var(--bg-clr-1);
    color: var(--clr-white);
    /* padding: 8px 25px; */
    width: 180px;
    transition: .5s ease;
}
.we_do_buttons .btn-1:hover,.we_do_buttons .btn-2:hover{
    background-color: var(--bg-clr-2);
    border: var(--bg-clr-2);
    transition: .5s ease;
}
.we_do_buttons .btn-1 i,.we_do_buttons .btn-2 i{
    padding-left: 10px;
}
/* design process */
#designprocess{
    padding-bottom: 50px;
}
#designprocess h2{
    font-size: 32px;
    font-weight: 700;
    padding: 20px 0;
}
.design_process p span,.design_botom_text p span{
    color: var(--bg-clr-1);
}
.design_process p,.design_botom_text p{
    font-size: 16px;
}

.design_bottom_img figure{
    width: 100%;
    height: 200px;
}
.design_bottom_img figure img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* swimingpool gallery */
#poolgallery .pool_gallery_img{
    padding: 0;

}
#poolgallery .pool_gallery_img figure{
    margin: 0;
    width: 100%;
    height: 200px;
}
#poolgallery .pool_gallery_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* bottom .pool_banner_text */
#bootom_banner {
   padding: 50px 0;
}
#bootom_banner .bottom_contentet h4{
    font-size: 22px;
    color: var(--clr-black-2);
    font-weight: 500;
    padding-bottom: 10px;
}
#bootom_banner .bottom_contentet p{
    font-size: 18px;
    color: var(--clr-para);
}
#bootom_banner .bottom_contentet{
    /* border: 10px solid var(--bg-clr-2); */
    padding: 0px;
    /* height: 320px; */
    position: relative;
}
.bottom_content_box{
    background-color: var(--clr-bg-4);
    position: absolute;
    width: 100%;
    height: 300px;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    z-index: 9;
    border-left: 15px solid var(--bg-clr-2);
    border-bottom: 15px solid var(--bg-clr-2);
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.bottom_content_box .btn-2{
    padding: 8px 20px;
    transition: .5s ease;

}
.bottom_content_box .btn-2:hover{
    background-color: var(--bg-clr-1);
    border: 1px solid var(--bg-clr-1);
    color: var(--clr-white);
    transition: .5s ease;
}
#bootom_banner .bottom_image figure{
    width: 100%;
    height: 360px;
    margin: 0;
}
#bootom_banner .bottom_image figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* landscaping html style */
/*==============================*/
#landscaping_herobanner{
    background: url(/images/landscaping-banner.jpg), rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding: 150px 0;
}
#lansscaping_why_us{
    padding: 50px 0;
}
.why__us h2{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 20px;
    color: var(--bg-clr-1);
    text-align: center;
}
.why__us p{
    font-size: 20px;
    font-weight: 500;
    color: var(--clr-para);
    text-align: center;
}
.why__us a{
    border: 1px solid var(--bg-clr-2);
    display: block; 
    width: fit-content;
    margin: 0 auto; 
    transition: .5s ease;
}
.why__us a:hover{
    background-color: var(--bg-clr-2);
    color: var(--clr-white);
    transition: .5s ease;
}

/*accordian*/
#accordian {
    padding: 30px 0;
    background-color: var(--clr-bg-4);
  }  
.accordian_container { 
    width: 80%;  
    margin: auto; 
} 
/* #accordian h1, 
#accordian h5 {
    color: var(--btn-clr-2);  
  } */
  
#accordian h2 {  
    padding-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
  }
  
 #accordian .btn-link { 
    font-weight: 400;  
    color: var(--btn-clr-2);  
    background-color: transparent;  
    text-decoration: none !important; 
    font-size: 18px; 
    font-weight: bold;
    padding-left: 25px;
  }
 #accordian .accordian_card_body {  
    border-top: 2px solid var(--btn-clr-2); 
  }
  #accordian .accordian_card_header h5 button:before,
  #accordian .accordian_card_header h5 button.collapsed:before {
  content: "❯";
   width: 25px;
   height: 25px;
  line-height: 28px;
   font-size: 18px;
   font-weight: 900;
   color: var(--bg-clr-2);
   text-align: center;
   position: absolute;
   top: 8px;
   right: 15px;
    /* transform: rotate(135deg); */
    transition: all 0.3s ease 0s;
  }
  #accordian .accordian_card_header h5 button.collapsed:before {  
    /* color: #676767; */  
    transform: rotate(90deg); 
    color: var(--bg-clr-1); 
  }
/* new */
nav{
    margin:0 auto;
    padding-top:0px;
  }
  .pagination.pagination-circle .page-item.active .page-link {
      border-radius: 5px;
  }
  .pagination .page-item .page-link:hover {
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      border-radius: .125rem;
      background-color: #eee;
  }
  .pagination.pg-blue .page-item.active .page-link:hover {
      background-color: #BD5410;
  }
  .pagination .page-item.active .page-link {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      border-radius: .125rem;
      background-color: #BD5410;
      color: var(--clr-white);
  }
  .pagination .page-item .page-link {
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      outline: 0;
      border: 0;
      background-color: transparent;
      font-size: .9rem;
      color: var(--clr-black-2);
      font-weight:bold;
  }
  .pagination.pagination-circle .page-item .page-link:hover {
      border-radius: 5px;
  }
  .pagination.pagination-circle .page-item .page-link {
      margin-left: 2px;
      margin-right: 2px;
      border-radius: 5px;
  }
  .pagination .page-item.active .page-link{
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  }
  .page-link{
    border:none!important;
  }
  
/* .newsCard {
    position: relative;
    width: 100%;
    height: 400px;
    background-color: #fff;
    color:#fff;
    overflow: hidden;
    border-radius: 6px;
  }
  
  figure img {
  display: block;
  object-fit: cover !important;
  object-position: center center !important; height: 100%;
  width: 100%;
  }
  
  .overlay{
    background: rgb(40,26,54);
    background: -moz-linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
    background: linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281a36",endColorstr="#593b74",GradientType=1);
    display: block;
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    z-index: 3;
  }
  
  .newsCaption {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 10;
    padding: 15px;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition:  -webkit-transform 0.4s;
    transition:  -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s,  -webkit-transform 0.4s;
  }
  .newsCaption i{font-size: 24px;}
  
  .newsCaption-title {
    margin-top: 0px;
  }
  .newsCaption-content {
    margin: 0;
  }
  
  .newsCaption-link {
    color: #fff;
    text-decoration: underline;
    opacity: .8;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
            transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  }
  .news-Slide-up:hover .overlay{ background: rgb(64,10,111);
  background: -moz-linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
  background: linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#400a6f",endColorstr="#593b74",GradientType=1);
  }
  
  .news-Slide-up:hover .newsCaption {
  
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition:  -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  } */
/* new end */

  /*advice banner*/

#advice{
    background-color: var(--clr-bg-5);
    padding: 20px 0;
}

.advice_card {
    /* width: 220px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}


.advice_card .fas.fa-arrow-right {
    position: absolute;
    bottom: -100px;
    background-color: var(--bg-clr-1);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--clr-white);
    opacity: 0;
    transform: translateY(50%);
    transition: all 0.5s ease;
}

.advice_card:hover .fas.fa-arrow-right {
    bottom: 0px;
    opacity: 1;
}

.advice_card .far.fa-object-group,
.fas.fa-cut,
.fas.fa-people-carry {
    font-size: 40px;
    background-color: #0000000d;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--bg-clr-1);
}

.advice_card .h4 {
    font-weight: 700;
}

/* .container .content {
    max-width: 300px;
} */

.container .content .h-6 {
    color: var(--bg-clr-2);
    font-weight: 600;
}
.content a{
    border: 1px solid var(--bg-clr-2);
}
.content h2{
    font-size: 30px;
    color: var(--clr-black);
    font-weight: 700;
    padding-bottom: 20px;
}
.container .content .btn.btn-primary {
    padding: 15px;
    background-color: #4e9525;
    color: white;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.advice_card:hover .far.fa-object-group,
.advice_card:hover .fas.fa-cut,
.advice_card:hover .fas.fa-people-carry {
    color: var(--clr-white);
    background-color: var(--bg-clr-2);
}

/*lanscape gallery*/
#landscapegallery{
    padding: 50px 0;
}
#landscapegallery .landscape_gallery_img{
    padding: 0;

}
#landscapegallery .landscape_gallery_img figure{
    margin: 0;
    width: 100%;
    height: 200px;
}
#landscapegallery .landscape_gallery_img figure img{
    width: 100%;
    /* display: block; */
    height: 100%;
    background-size: cover;
    display: block;
}
/*landscape components*/
#components .components_header{
    font-size: 30px;
    color: var(--clr-black);
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
}
#components .components_para {
    padding: 0 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 30px;
}
.componenet_card_wrapper {
    margin-bottom: 30px;
  }
  .card-image .components_card .card-img-wrapper {
    height: 100%;
  }
  .card-image .components_card .accordian_card_body {
    display: none;
  }
  .card-image-title-description .components_card .card-img-wrapper {
    max-height: 160px;
  }
  .card-image-title-description .components_card {
    position: relative;
    min-height: 300px;
  }
  .card-image-title-description .components_card .component_card_body {
    height: auto;
    position: relative;
    top: 0;
    margin-bottom: -70px;
  }
  .card-image-title-description .components_card:hover .component_card_body {
    top: -70px;
  }
  .card-image-title-description .components_card .component_card_body .component_card_title {
    margin-bottom: .75rem;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
  }
  .components_card {
    display: inline-block;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    height: 100%;
  }
  .components_card:hover {
    box-shadow: 8px 12px 31px -10px #ab98ab;
  }
  .card-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    overflow: hidden;
  }
  .card-img-wrapper img {
    transition: 1.5s ease;
  }
  .components_card:hover .card-img-wrapper img {
    transform: scale(1.15);
  }
  .component_card_body .component_card_title {
    margin-bottom: calc(50% + 20px);
    transition: 1.5s ease;
    font-size: 1.1rem ;
    font-weight: 700;
    color: var(--bg-clr-2);
  }
  .components_card:hover .component_card_body .component_card_title {
    margin-bottom: .75rem;
  }
  
  .component_card_body p.component_card_text{
     font-size: 16px;
  }
  .component_card_body a{
    color: var(--bg-clr-1);
  }
  .component_card_body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-color: #fff;
    transition: 1.5s ease;
  }
  .card-content {
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    transition: 1.5s ease;
  }
  .components_card:hover .component_card_body {
    height: 60%;
  }
  .components_card:hover .card-content {
    bottom: 0;
  }

  /*About Us page start*/
  /*==========================*/
#aboutus{
    padding: 50px 0;
}
#aboutus h1{
  font-size: 38px;
  color: #000;
  text-align: left;
  font-weight: bold;
  padding-bottom: 5px;
}
#aboutus h2{
  font-size: 30px;
  color: #000;
  text-align: left;
  font-weight: 700;
  padding-bottom: 5px;
  padding-top: 2%;
}
#aboutus h3{
  font-size: 25px;
  color: #000;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 2%;
}
#aboutus h4{
  font-size: 20px;
  color: #000;
  font-weight: 700;
  padding-bottom: 5px;
	padding-top: 10px;
}
#aboutus ul{
    margin-left: 30px;
	padding-bottom: 12px;
}
#aboutus ol{
    margin-left: 30px;
}
#aboutus li{
    list-style: square;
}

#aboutus a{
 color: #cea928!important;
}




#aboutus .aboutus_sub_heading{
    font-size: 18px;
    font-weight: 700;
    color: var(--bg-clr-1);
    text-align: center;
    /* padding-bottom: 10px; */
}
#aboutus .about_us_heading{
    font-size: 30px;
    color: var(--clr-black);
    text-align: center;
    font-weight: 700;
    /* padding-bottom: 20px; */
}
#aboutus .about_us_para{
    font-size: 18px;
    text-align: center;
    padding-bottom: 30px;
}
  .about_us_image figure{
    width: 100%;
    height: 300px;
    border-radius: 10px;
    
  }
  .about_us_image figure img{
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 10px;

  }
  .about_us_text{
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  .about_us_text p{
    font-size: 16px;
  }
  .about_us_text a{
    border: 1px solid var(--bg-clr-1);
    color: var(--bg-clr-1);
    align-self: flex-end;
    transition: .5s ease;
  }
  .about_us_text a:hover{
    border: 1px solid var(--bg-clr-1);
    color: var(--clr-white);
    transition: .5s ease;
    background-color: var(--bg-clr-2);
  }

  .aboutus_promise p{
    background-color: var(--bg-clr-2);
    font-size: 16px;
    font-weight: 500;
    color: var(--clr-white);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
    border-radius: 10px;
  }
  /* .about_us_text a:hover{
    background-color: var(--bg-clr-1);
  }
  .about_us_text a:after{
    background: var(--bg-clr-1);
  } */


  /*our mission*/
  #ourmission{
    background: rgb(5,38,136);
    background: linear-gradient(rgb(213 177 38) 0%, rgb(40 40 40) 54%);
    padding: 30px 0;
  }
  #ourmission h2{
    font-size: 30px;
    color: var(--clr-white);
    text-align: center;
    font-weight: 700;
  }
  #ourmission p{
    font-size: 18px;
    color: var(--clr-white);
    text-align: center;
  }
/*our team*/
  .row.heading h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    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(0,0,0,0.3);
    border: 0;
}
.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:var(--clr-bg-5);
  
}
.our-webcoderskull .cnt-block{ 
   float:left; 
   width:100%; 
   background:#fff; 
   padding:30px 20px; 
   text-align:center; 
   border:2px solid #d5d5d5;
   margin: 0 0 28px;
   border-radius: 10px;
}
.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:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:var(--bg-clr-1);
}
.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:var(--bg-clr-2);
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:var(--bg-clr-1);
}

/*======================blog page start=================*/
#blogs{
    padding: 50px 0;
}
#blogs .blogs_heading{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 20px; 
    text-align: center; 
}
#blogs .blogs_para{
    font-size: 18px;
    text-align: center;
    width: 80%;
    margin: auto;
    padding-bottom: 30px;
}
#blogs{
    background-color: var(--clr-bg-4);
}
#blogs .blogs_row{
    /* background-color: var(--clr-bg-4); */
    padding: 30px 20px;
}
#blogs article header .meta{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding-bottom: 20px;
}
#blogs article header .meta span{
    color: #fff;
    font-weight: 700;
    
}
#blogs article header h4 a{
    font-size: 22px;
    font-weight: 500;
    color: var(--clr-black-2);
}
#blogs .entry-content figure{
    width: 100%;
    height: 350px;

}
#blogs .entry-content a{
    text-decoration: none;
}
#blogs .entry-content figure img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
#blogs .blogcontpic figure{
  width: 100%;
  height: auto;
}


#blogs .entry-content p{
font-size: 16px;
}
#blogs .entry-content a{
    background-color: var(--clr-white);
    color: #000;
    border: 1px solid #dbbd21;
    font-weight: 500;
    transition: .5s ease;
    border-radius: 5px;
}
#blogs .entry-content a:hover{
    color: var(--clr-white);
    background-color: #dbbd21;
    transition: .5s ease;

}
#blogs aside h3{
    font-size: 28px;
    font-weight: 500;
    color: #000;
}
#blogs aside .list-group a h4{
 font-size: 15px;
 color: #000;
 height: 40px;
 font-weight: bold;
  overflow: hidden;
}
#blogs aside .list-group a p {
  font-size: 15px;
  color: var(--clr-para);
  font-weight: normal;
  height: 50px;
  overflow: hidden;
}
#blogs aside .follow_header{
font-size: 30px;
font-weight: 500;
color: var(--clr-black);
}
#blogs aside .social{
    display: flex;
    gap: 5px;
}
#blogs aside .social a{
    text-decoration: none;
}
#blogs aside .social a i{
    font-size: 28px;
    width: 40px;
    height: 40px;
    background-color: var(--clr-bg-3);
    display: flex;align-items: center;
    justify-content: center;
    color: var(--bg-clr-2);
}
#blogs aside .social a i:hover{
    color: var(--bg-clr-1);
}

.pagination_section {
    position: relative;
}
 

.pagination_section a {
    color: black;
    padding: 10px 18px;
    text-decoration: none;
}
 
.pagination_section a:hover:not(.active) {
    background-color: #031F3B;
    color: white;
}
 
/* pagination hover effect on active*/
 
a:nth-child(5) {
    background-color: var(--bg-clr-2);
    color: white;
}
 
a:nth-child(1) {
    font-weight: bold;
}
 
a:nth-child(7) {
    font-weight: bold;
}
 
.content {
    margin: 50px;
    padding: 15px;
    width: 700px;
    height: 200px;
    border: 2px solid black;
}

/*blog details page*/
/*===============================================================*/

#full_blog{

    padding: 50px;

    background-color: #ececec;

}
.blog-d-image-area .w-img{
    width: 100%;
    height: 350px;
}

.blog-d-image-area .w-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 20px;
}


.blog-d-author-meta img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
   	border-radius: 5px;
}

.blog-d-image-area .date-meta h5{

color: var(--p-clr-2);

}
.blog-d-image-area h3{
    font-size: 24px;
    font-weight: 500;

}

.blog-d-author-meta{

    justify-content: start;

    align-items: center;

    margin-top: 50px;

    margin-bottom: 30px;

    gap: 20px;

}

.blog-d-author-meta span{
    font-size: 20px;
    font-weight: 500;
    color: var(--bg-clr-2);
}

.blog-d-author-meta h5{

    color: var(--bg-clr-1);

}
.small-bd-image .w-img{
    width: 100%;
    height: 200px;
}

.small-bd-image .w-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.latest-post-1 {

    border: 1px solid rgba(229, 215, 215, 1);

    border-radius: 5px;

}
.latest-post-1 .content {
    margin: 0px;
    padding: 5px;
    width: auto;
    height: auto;
    border: 0px solid black;
}
.latest-post-1 .content h6{
	font-size: 15px;
	height: 40px;
	overflow: hidden;
}
.latest-post-1 .bl-post-box h6 a {
    font-weight: 400;
    font-size: 13px;
}
.latest-post-1 .bl-post-box {
    padding: 5px 0;
    border-bottom: 1px solid rgba(239, 225, 225, 1);
}
.blog-d-image-area h2 ,h3,h4,h5{
	margin-bottom: 0px;
}



.latest-post-1 .inner {

    padding: 35px 30px;

    background: rgba(238, 240, 245, 1);

    margin: 10px;

    border-radius: 5px;

}

.latest-post-1 .inner h4 {

    font-size: 25px;

    font-weight: 700;

    color: var(--btn-clr-2);

}

.bl-post-box {

    display: flex;

    justify-content: start;

    gap: 20px;

    align-items: center;

    padding: 15px 0;

    border-bottom: 1px solid rgba(239, 225, 225, 1);

}

.bl-post-box span {

    font-size: 12px;

    line-height: 22px;
    color: var(--bg-clr-2);

}

.bl-post-box h6 a{

    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    border: none;

}
.bl-post-box:hover h6 a{
    color: var(--bg-clr-2);
    text-decoration: underline;
}

.bl-post-box img{

    width: 65px;

    height: 60px;

    border-radius: 10px;

}

.sd-widget{

    margin-top: 30px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 5px;
}

.sd-contact-cta {

    position: relative;

    background-repeat: no-repeat;

    background-position: bottom right;

    text-align: center;

    background: rgba(238, 240, 245, 1);

    border-radius: 10px;

    padding: 50px;

}

.sd-contact-cta h2 {

    position: relative;

    font-size: 32px;

    line-height: 45px;

    margin-bottom: 20px;
    font-weight: 500;

}

.sd-contact-cta .icon-box {

    width: 58px;

    height: 58px;

    background: var(--clr-bg-4);

    border-radius: 50%;

    font-size: 24px;

    color: var(--bg-clr-2);

    padding: 17px;

    margin: 0 auto;

}

.sd-contact-cta h3 a{
    color: var(--bg-clr-2);
}
.sd-contact-cta h5{
    color: var(--bg-clr-1);
}

/*Contact Us page*/
/*========================================*/
#contactdetail{
    padding: 50px 0;
}
.contact__details_row{
    background-color: var(--clr-bg-5);
    padding: 20px ;
    border-radius: 10px;
}
.contact__details h2.contact__details_header{
 font-size: 32px;
 font-weight: 700;
 padding-bottom: 20px;

}
.contact__details p.contact__details_para{
    font-size: 16px;
    color: var(--clr-para);
}

.contact__detail_box h5{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 20px 0 0px;
    margin-bottom: 0px;
}
.contact__detail_box p a{
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin: 0;
    text-decoration: none;
}
.contact__detail_box p a:hover{
    color: #efba07;
    transition: .5s;
}
.contact__detail_box p{
margin: 0;
}
.contact_map iframe{

    width: 100%;

}
/*portfolio page*/
/*======================================*/
#welcome{
    padding: 50px 0;
}
#welcome .welcome_text h2{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 20px;
}
#welcome .welcome_text p{
    font-size: 16px;
    padding-bottom: 10px;
}
.welcome_imge{
    background: url(/images/herobanner.jpg), rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding: 80px 0;
    text-align: center;
    border-radius: 10px;
}
.welcome_imge h3{
    font-size: 28px;
    color: var(--clr-white);
    font-weight: 700;
    padding-bottom: 20px;
}
.welcome_imge h5{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-para);
    margin-bottom: 20px;
}
.welcome_imge p{
    font-size: 28px;
    color: var(--clr-white);
    font-weight: 700;
}

/* portfolio gallery */
.page-top .portfolio_heading {
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}

.page-top .portfolio_para {
    font-size: 16px;
    padding-bottom: 50px;
}

#demo {
    height: 100%;
    position: relative;
    overflow: hidden;
}


.green {
    background-color: #6fb936;
}

.thumb {
    margin-bottom: 30px;
}

.page-top {
    margin-top: 85px;
}


#gallery img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 0px;
    overflow: hidden;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
#gallery  .gallery_single_img {
  padding: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}


img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.page-top  .thumb {
  margin-bottom: 30px;
  width: 100%;
  height: 200px;
  overflow: hidden;
}


.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.modal-header {

    border-bottom: none;
}

.modal-title {
    color: #000;
}

.modal-footer {
    display: none;
}

/*FAQ's page*/
/*======================================*/
#faqtop{
    padding: 50px 0;
}
.faqtop_content h5{
    font-size: 18px;
    font-weight: 700;
    color: var(--bg-clr-2);
}
.faqtop_content h2{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;

}
.faqtop_content h6{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    color: var(--bg-clr-1);
}
.faqtop_content .faq_button a{
    font-size: 20px;
    font-weight: 500;
    color: var(--bg-clr-2);
    border: 1px solid var(--bg-clr-2);
    padding: 8px 18px;
    border-radius: 50px;
    text-decoration: none;
    transition: .5s ease;
}
.faqtop_content .faq_button a:hover{
    color: var(--clr-white);
    background-color: var(--bg-clr-2);
    transition: .5s ease;
}
.faqtop_content p {
    font-size: 16px;
    color: var(--clr-para);
    padding-bottom: 10px;
}
.faqtop_image figure{
    width: 100%;
    height: 350px;
    padding: 0 50px;
}
.faqtop_image figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
  
@media (max-width:990px) {
    .container .content {
        max-width: 100%;
    }
}

@media (max-width:500px) {
    body {
        padding: 25px;
    }

    .advice_card {
        width: 100%;
    }

    .content {
        padding: 25px;
    }
}






.landscapeg_allery .item h4{
  min-height: 50px;
  color: #000;
  font-weight: 700;
  font-size: 22px;
  height: auto;
}

.landscapeg_allery .item p {
   min-height: 200px;
  text-align: center;
  font-size: 16px;
  padding: 20px;
}
.landscapeg_allery .item {
  padding: 10px;
  border: 1px solid var(--p-clr-2);
  padding-bottom: 30px;
}