@font-face {

  font-family: 'Lexend-Regular';

  src: url(../fonts/Lexend/Lexend-Regular.ttf);

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



a {

  text-decoration: none;

}



body {

  font-family: 'Lexend-Regular';

  font-size: 18px;

  line-height: 30px;

}



p {

  font-size: 18px;

  font-weight: 400;

}



h1,

h2,

h3,

h4,

h5,

h6,

a,

p,

span {

  margin: 0;

  padding: 0;

  font-family: 'Lexend-Regular';



}



header.fixed {

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 100;

  padding-left: 0px !important;

  transition: all 0.4s ease;

  padding: 15px 0;

  animation: slideDown 0.5s ease-out;

  background-color: white;

}



/* ------------------video banner */

/* Hero Video */









.outter.banner-section-outer {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



@media (max-width: 767px) {

  .outter.banner-section-outer {

    height: 325px;

  }

}



.banner-section-outer .video-container {

  height: 700px;



  width: 100%;

  position: relative;

  overflow: hidden;
  display: flex;

}



@media (max-width: 767px) {

  .banner-section-outer .video-container {

    height: 325px;

  }

}



.banner-section-outer video {

  -o-object-fit: cover;

  object-fit: cover;

  position: absolute;

  height: 700px;



  width: 100%;

  top: 0;

  left: 0;

}



@media (max-width: 767px) {

  .banner-section-outer video {

    height: 325px;

  }

}



.banner-section-outer .video-container:after {

  content: "";

  display: block;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.2);

  z-index: 1;

}



.banner-section-outer h1 {

  text-transform: uppercase;

  margin: 0 0 1rem;

  padding: 0;

  line-height: 1;

  color: white;

}



.banner-section-outer .desc {

  color: white;

  font-weight: 400;

  font-size: 18px;

}



.banner-section-outer .callout {

  position: relative;

  display: flex;

  justify-content: center;

  flex-direction: column;

  height: 100%;

  text-align: start;

  position: relative;

  z-index: 10;

  width: 100%;

  margin: auto;

}



@media (max-width: 767px) {

  .banner-section-outer .callout {

    width: 90%;

  }

}



.banner-section-outer .button {

  text-transform: uppercase;

  background-color: transparent;

  border-radius: 0px;

  margin-top: 20px;

  background-color: #82bb00;

  padding: 15px 30px;

  border-radius: 0px;

  color: #fff;

  text-decoration: none;

  font-weight: bold;

}



@media (max-width: 767px) {

  .banner-section-outer .button {

    padding: 10px 20px;

  }

}



.banner-section-outer .button:hover {

  cursor: pointer;

  /* background-color: #6e9e01; */

}







.banner-slider-outer {

  position: relative;

}  

#home_banner .item {

    height: 700px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.banner-slider-outer .callout {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    height: 100%;

    text-align: center;

    position: absolute;

    z-index: 10;

    width: 70%;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

}

#home_banner .item::after {

    content: '';

    position: absolute;

    background-color: rgba(0, 0, 0, 0.4);

    width: 100%;

    height: 100%;

}



/* =------------------------video banner end */

.section-padding {

  padding: 90px 0px;

}



.section-margin {

  margin: 90px 0px;

}



.section-padding-top {

  padding-top: 90px;

}



.section-padding-bottom {

  padding-bottom: 90px;

}



.section-margin-bottom {

  margin-bottom: 90px;

}



.section-margin-top {

  margin-top: 90px;

}



header h1 {

  font-size: 20px !important;

  color: black !important;

  margin-bottom: 0px;

}



header {

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



}



h1 {

  font-size: 76px;

  color: white;



}



h2 {

  font-size: 40px;





}



h3 {

  font-size: 16px;

  margin-bottom: 0px;





}



h4 {

  font-size: 24px;

}



h5 {

  font-size: 20px;

}



h6 {

  font-size: 16px;

}



ul {

  margin: 0px;

  padding: 0px;

}



img {

  max-width: 100%;

}



a:not([href]):not([class]),

a:not([href]):not([class]):hover {

  text-decoration: none;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a:focus,

a:hover {

  text-decoration: none;

}



a,

button {



  outline: none;

  border: none;

  background: transparent;

}



button:hover {

  cursor: pointer;

}



button:focus {

  outline: 0;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



section {

  overflow: hidden;

}

/* header css */



header nav {

  background-color: white !important;

  padding: 5px 0px !important;

}



header .navbar-brand {

    margin-right: 0px;

    width: 15%;

}



header h4 {

  color: black;

}



header .nav-link a {

  color: black !important;

}



header .nav-link {

  color: black !important;

  text-transform: uppercase;

  font-size: 16px;

}



/* header .nav-link:hover{

  color: #bfbfbf !important;

} */



header .navbar-expand-lg .navbar-nav {

  flex-direction: row;

  gap: 18px;

}



header .button-right-nav a i {

  margin-right: 10px;

  color: white;

}



header nav {

  padding: 0px 40px;



}



header .button-right-nav a {

  color: white !important;

}



header .button-right-nav {

  /* background-color: black;

  color: white ; */

}





/* end hedaer css */



/* banner css */



.banner-section {

  /* background-image: url(../img/FullSizeRender.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

  height: 100%;

  min-height: 740px;

  display: flex;

  align-items: center;

  text-align: center;

  position: relative; */

}



.banner-inner {

  position: relative;

  z-index: 1;

}



.banner-section::after {

  content: '';

  position: absolute;

  background-color: #00000099;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.banner-section h1 {

  margin-bottom: 5px;
  line-height: 70px;

  font-size: 60px;

}



.regular-btn {

  color: white;

  background: #7E7E7E;

  padding: 12px 31px;

  text-align: center;

  display: flex;

  width: fit-content;

  text-transform: uppercase;

  font-size: 18px;



  transition: all 0.25s;

}
.regular-btn:hover {
  background: #7E7E7E;
}


/* .regular-btn:hover {

  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

  transition: all 1s;

  border-color: #000;

} */



.footer-details a {

  color: #000;

}



.banner-section .banner-btn {

 
  display: flex;

}



.button-right-nav .regular-btn {



  padding: 13px 25px !important;

  display: flex;

  align-items: center;

  font-size: 16px;

}

.dropdown-toggle {

  display: none;

}

/* end banner css */



/* About css */



.about-section .inner-about {

  width: 100%;

  display: flex;

  align-items: center;

  gap: 55px;

  justify-content: space-between;

}



.about-section .inner-about .image-section {

  width: 50%;



}



.about-section .inner-about .image-section img {

  border-radius: 20px;

  width: 100%;

}



.about-section .inner-about .content-section {

  width: 50%;

}



.about-section h2 {

  margin-bottom: 20px;

  font-size: 30px;

}



.about-section p {

  margin-bottom: 25px;

}





/* service section */

.service-section .service-inner {

  display: flex;

  gap: 24px;

  flex-flow: row wrap;

  justify-content: center;

}



.service-section h2 {

  margin-bottom: 48px;

  text-align: center;

}



.service-section .service-inner .service-card .service-icons {

  width: 50px;

  margin-bottom: 15px;

}



.service-section .service-inner .service-card .service-icons i {

  font-size: 40px;

}



.service-section .service-inner .service-card {

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  padding: 20px;

  border-radius: 20px;

  width: 306px;



}



.service-section .service-inner .service-card:hover {

  background-color: #000;

  color: #fff;

}



/* logo section */

.logo-section h2 {

  text-align: center;

  margin-bottom: 25px;



}



.logo-section .owl-carousel .item {

  height: 8rem;

  background: #f5f5f5;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 70px;

  color: #fff;

  background-color: white;





}



.logo-section .owl-carousel .item .logo-img {

  width: 83%;

}



.logo-section .owl-carousel .item .logo-img img {

  width: 100%;

}



.logo-section .owl-nav {

  position: absolute;

  width: 100%;

  display: flex;

  justify-content: space-between;

  top: 37%;

}



.logo-section .owl-nav button {

  font-size: 57px !important;

}



.logo-section .owl-nav button:hover {

  color: #d7d7d7;



}



.logo-section .owl-nav button.owl-prev {

  margin-right: 16px;

  position: absolute;

  left: -28px;

}



.logo-section .owl-nav button.owl-next {

  margin-right: 16px;

  position: absolute;

  right: -45px;

}



.logo-slider-inner-div {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  gap: 20px;

  row-gap: 35px;

}



.logo-slider-inner-div .item {

  width: 13%;

  text-align: center;

}



.service-title h3 {

  font-size: 23px;

}



footer {

  position: relative;
  padding: 90px 0 ;

}



.call-to-action-outer {

  background-color: #000;

  padding: 100px 100px;

  color: #fff;

  display: flex;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 50px;

  border-radius: 25px;

}



.call-to-action-outer::after {

  content: '';

  position: absolute;

  background-color: rgba(0, 0, 0, 0.6);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  border-radius: 25px;

}



.call-to-action-right a {

  background-color: #fff;

  color: #000;

}



.call-to-action-left,

.call-to-action-right {

  position: relative;

  z-index: 9;

}





/*#home-image-slider img {

  border-radius: 10px;

}*/

#home-image-slider img {
    border-radius: 10px;
    width: 365px;
    height: 365px;
    object-fit: cover;
}





#home-image-slider .owl-dots .owl-dot.active {

  background-color: #000000;

  width: 12px;

  height: 12px;

}



#home-image-slider .owl-dots .owl-dot {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  display: inline-block;

  background: #ccc;

  margin: 0 10px;

}



#home-image-slider .owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  height: 460px;





}



#home-image-slider .owl-dots {

  text-align: center;

  margin-top: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  display: none;

}











.footer-details-address p a {

  color: #000;

}



element.style {}



.call-to-action-section .contact-inner-detail {

  background-color: #000000;

  position: relative;

  z-index: 9;

  border-radius: 20px;
  overflow: hidden;
  position: relative;

}

.about-detail .about-btn .regular-btn:hover{
  color: white !important;
}


/* .call-to-action-section .regular-btn {

  background: white !important;

  color: black !important;

} */



.call-to-action-section .contact-detail {

  margin: 0 auto;

  padding: 80px 55px;

  text-align: center;

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 30px;

}



.contact-detail-content {

  width: 50%;

  text-align: left;

  display: flex;

  flex-direction: column;

  gap: 25px;

}






.call-to-action-section .contact-detail h2 {

  font-size: 40px;

  color: #fff;

  margin: 0;

}



.call-to-action-section .contact-detail p {

  color: #fff;

  margin-top: 30px;
  margin-bottom: 35px;

  font-size: 16px;


}







footer {

  background-color: #fff;
  color: black;



  position: relative;

  background-position: center;

}



footer .footer-inner {

  display: flex;

  justify-content: space-between;

/*  align-items: center;*/

  position: relative;

  z-index: 9;

  flex-wrap: wrap;

}



.footer-details {

  display: flex;

  flex-direction: column;

  gap: 10px;

  width: 25%;

}



.footer-menu {

  width: 17%;

}



.copy-right {

  width: 25%;

}



.footer-details div {

  font-size: 30px;

  /* color: #fff; */

}



.footer-logo {

  width: 100%;
  margin-bottom: 20px;

  /* margin-bottom: 19px; */

}

.footer-logo {

    width: 240px;

}

.footer-logo h2 {

  color: white;

  font-size: 23px;

}



footer {
/* 
  background-image: url(../img/big-slide-2.jpg);

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover; */

}



.footer-details-address {

  display: flex;

  align-items: baseline;

  gap: 15px;

  color: #fff;

}



.footer-details div i {

  font-size: 18px;
  color: #000

}



.footer-details div p {

  font-size: 18px;

}



.footer-details-address p {

  margin-bottom: 0;

}





.footer-details-address {

  display: flex;

  align-items: baseline;

  gap: 15px;

  color: #fff;

}





.copy-right-img img {

  width: 150px;

  margin-bottom: 10px;

  background-color: #fff;

}



footer .copy-right p {

  margin-bottom: 0px;

  color: #fff;

}



.footer-social-media {

  margin-top: 15px;

}



.footer-social-media ul {

  display: flex;

  flex-direction: row;

  gap: 15px;

}



.copy-right-footer {

  background-color: black;
  
  padding: 10px;

}
.copy-right-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.copy-right-footer p a {
  border-bottom: 1px solid #fff;
  color: #fff;
}



.copy-right-footer p {

  margin: 0;

  text-align: center;

  color: #fff;

  font-size: 15px;

}



.footer-social-media ul a {

  font-size: 40px;

  border: 0;

}



footer .copy-right a {

  color: #000;

}





footer .footer-menu ul {

  list-style: none;



}



footer .footer-menu ul li a {

  color: #000;

}



footer::after {
/* 
  content: '';

  background-color: #00000099;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0; */

}



.inner-page-banner {

  padding: 150px 0px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom;

  width: 100%;

  height: 100%;

  position: relative;

}



.inner-page-banner::after {

  content: '';

  background-color: rgba(2, 151, 192, .5);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.inner-page-banner .inner-banner {

  position: relative;

  z-index: 99;

}



.inner-page-banner .inner-banner h1 {

  font-size: 56px;



  color: white;

  text-align: center;

}



/* --------------contact Page */





.call-to-action-section {

  /* margin-bottom: -450px; */

}



.contact-full-field {

  display: flex;

  gap: 30px;

  width: 100%;

  margin-bottom: 25px;

  flex-direction: column;

}





.contact-form-outer .form-group {

  width: 100%;

}



.contact-page-outer {

  margin: 0 auto;

}



.contact-form-outer .form-group label {

  color: #000;

}



.contact-form-outer {

  color: white;

  margin-top: 50px;

  display: flex;

  flex-direction: row;

  gap: 30px;

}



.contact-full-field {

  display: flex;

  gap: 30px;

  width: 100%;

  margin-bottom: 10px;

}



.contact-full-field.contact-btn {

  margin: 0;
  gap: 0;

}



.contact-form-detail {

  width: 50%;



}



.contact-form-div {

  width: 50%;



}



.contact-form-outer h2 {

  color: white;

}



.contact-form-outer .form-group .form-control {

  background-color: #f6f6f6;

  border: none;

  border-radius: 10px;

  height: 50px;

}



.contact-form-outer .form-group textarea.form-control {

  min-height: 150px;



}



.contact-form-outer .form-group .form-control:focus {

  outline: 0;

  box-shadow: none;

}



.inner-detail {

  color: black !important;

}



.inner-detail h2 {

  color: black;

  margin-bottom: 35px;

}



.inner-detail h3 i {

  margin-right: 7px;

}



.inner-detail h3 {
    color: black;
    font-size: 20px;
    margin-bottom: 3px;


  margin-top: 23px;

}

.inner-detail span{
  font-size: 17px;
}


.inner-detail h3:first-child {

  margin-top: 0px;

}



.inner-detail a {

  color: black;

}



.contact-btn input {
    margin-top: 20px;
    border-radius: 0;
}



.inner-detail ul {

  list-style: none;

}





.contact-btn input:focus {

  box-shadow: none;

  text-shadow: 0 0 0.6px #000;

  border-color: #000;

  background-color: #000;

  color: #FFF;

}



.contact-page-outer h2 {

  /* font-family: 'Satoshi-Medium'; */

}



.contact-form-outer {

  color: white;

  margin-top: 50px;

}



.contact-form-outer label {

  /* font-family: 'Satoshi-Bold'; */

  margin-bottom: 5px;

}



.page-nf-inner {

  text-align: center;

  margin: 80px auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.page-nf-inner h1 {

  font-size: 94px;

  margin-bottom: 20px;

}



.page-nf-inner h3 {

  font-size: 42px;

  margin-bottom: 20px;

}



.custom-mobile-call-btn {

  margin-top: 80px;

}



.custom-mobile-call-btn a {

  color: #fff;

}



.custom-mobile-call-btn a i {

  font-size: 25px;

}



.custom-mobile-call-btn .custom-menu-call a {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

}



.wpcf7 form.invalid .wpcf7-response-output,

.wpcf7 form.unaccepted .wpcf7-response-output,

.wpcf7 form.payment-required .wpcf7-response-output {

  border-color: #B19F6F !important;

  color: #000;

  font-size: 15px;

  margin: 0;

}



.wpcf7-not-valid-tip {

  color: #dc3232;

  font-size: 15px !important;

  font-weight: normal;

  display: block;

  font-weight: bold !important;

}



.wpcf7 form.sent .wpcf7-response-output {

  border-color: #46b450;

  color: #000;

  font-size: 14px;

  font-weight: bold;

}





.contact-page-outer {

  margin: 0 auto;

}



.map-section iframe {

  border-radius: 20px;

  height: 550px;

}



.logo-section h2 {

  margin-bottom: 48px;

}



.radio-input {

  display: flex;

  gap: 25px;

  margin-top: 15px;

}



.footer-details-address.phone-no p {

  border-right: 2px solid white;

  padding-right: 16px;

}



.footer-details-address.phone-no p:last-child {

  border: 0px;

}



.footer-social-media ul {

  list-style: none;

}





/* photo Library Page */



.photo-library-detail a {

  color: black;

  font-weight: 700;

}













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







.header .lead {

  max-width: 620px;

}



.gallery-container a {

  width: 240px;

  margin: 5px;

}



.gallery-container a img {

  max-width: 100%;

  height: auto;

}







/* ___________________________________ */









.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box;

}



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.mfp-align-top .mfp-container:before {

  display: none;

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}



.mfp-ajax-cur {

  cursor: progress;

}



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: pointer;

}



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}



.mfp-auto-cursor .mfp-content {

  cursor: auto;

}



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.mfp-loading.mfp-figure {

  display: none;

}



.mfp-hide {

  display: none !important;

}



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}



.mfp-preloader a {

  color: #CCC;

}



.mfp-preloader a:hover {

  color: #FFF;

}



.mfp-s-ready .mfp-preloader {

  display: none;

}



.mfp-s-error .mfp-content {

  display: none;

}



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}



.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

}



.mfp-close:active {

  top: 1px;

}



.mfp-close-btn-in .mfp-close {

  color: #333;

}



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  display: none;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;

}



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {

  margin-top: -54px;

}



.mfp-arrow:hover,

.mfp-arrow:focus {

  opacity: 1;

}



.mfp-arrow:before,

.mfp-arrow:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}



.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}



.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}



.mfp-arrow-left {

  left: 0;

}



.mfp-arrow-left:after {

  border-right: 17px solid #FFF;

  margin-left: 31px;

}



.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F;

}



.mfp-arrow-right {

  right: 0;

}



.mfp-arrow-right:after {

  border-left: 17px solid #FFF;

  margin-left: 39px;

}



.mfp-arrow-right:before {

  border-left: 27px solid #3F3F3F;

}



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}



.mfp-iframe-holder .mfp-close {

  top: -40px;

}



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #000;

}



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: 750px;

  display: block;

  line-height: 0;

  box-sizing: border-box;

   padding: 0;
  margin: 0 auto;

}



/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}







.mfp-figure small {

  color: #BDBDBD;

  display: block;

  font-size: 12px;

  line-height: 14px;

}



.mfp-figure figure {

  margin: 0;

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}



.mfp-title {

  text-align: center;

  line-height: 18px;

  color: #F3F3F3;

  margin-top: 15px;

  word-wrap: break-word;

}



.mfp-image-holder .mfp-content {

  max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}



.image-popup-vertical-fit img {

  width: 100%;

  border-radius: 20px;

  height: 300px;

  object-fit: cover;



}



@media screen and (max-width: 800px) and (orientation: landscape),

screen and (max-height: 300px) {



  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }



  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }






  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }



  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;

  }



  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }



  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }



  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }



  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0;

  }



  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%;

  }



  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}







.img-gallery-magnific {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;

  row-gap: 26px;



}





.img-gallery-magnific h3 {

  color: black;

  font-size: 18px;

  margin-top: 14px;

  text-align: center;

}



.img-gallery-magnific .mfp-counter {

  display: none !important;

}



.magnific-img:hover img:after {

  content: '';

  background-color: #00000099;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;



}



.magnific-img img {

  position: relative;



}



.pagenot-found-inner h1 {

  color: black;

  text-align: center;

  margin-bottom: 15px;

  font-size: 84px;

}





.pagenot-found-inner {

  height: 40vh;

  align-items: center;

  display: flex;

  justify-content: center;

}



.pagenot-found-inner h3 {

  font-size: 28px;

  margin-bottom: 41px;

  text-align: center;

}





.page404-btn {

  display: flex;

  justify-content: center;

}

/* about page css */

.about-inner {

  display: flex;

  justify-content: space-between;

  gap: 50px;

  align-items: center;

}

.about-inner .about-img{

width: 50%;

}

.about-inner .about-img img{

  width: 100%;

  border-radius: 20px;

}

.about-inner .about-detail {

  width: 50%;

}

.about-detail p{

  margin-bottom: 20px;

}

.about-detail a{

  /*color: black !important;*/

  /*font-weight: 700;*/

  cursor: pointer;

}

footer h2{

  font-size: 24px;

  color: #000;

  margin-bottom: 20px;

  /* font-weight: 700; */

 

}

.about-details h3{

  font-size: 38px !important;

  color: black;

}

.about-details .about-sec {

  display: flex;

  align-items: start;

 

  

  /* background: black; */

  border-radius: 20px;

}

.about-sec  .inner-detail{

  width: 50%;

  color: white;

  padding: 109px 61px;

  background: black;

  border-radius: 20px 0px 0px 20px;



}

.about-sec  .inner-detail h3{

  color: white !important;

  margin-bottom: 27px;

}

.about-sec  .inner-detail p{

  color: white !important;

}

.about-sec  .inner-imgs{

  width: 50%;

  height: 100%;

  border-radius: 30px;

}

.about-sec  .inner-imgs img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 0px 20px 20px 0px;

}

.our-mission h2 {

  text-align: start;

  font-weight: 700;

  font-size: 65px;

  margin-bottom: 40px;



}

.our-mission-inner{

  display: flex;

 

  gap: 50px;

  align-items: center;

}

.our-mission-inner .title-image{

  width: 50%;

}



.our-mission-inner .title-image .title{

  width: 70%;

  text-align: start;

}

.our-mission-inner .content-inner{

  width: 50%;

  padding: 30px;

  background: black;

  border-radius: 20px;

}

.our-mission-inner .content-inner p{

  margin-bottom: 13px;

  color: white;



}

.our-mission-inner .content-inner p a {

    color: #fff;

    text-decoration: underline;

}

.title-image img{

  border-radius: 20px;

  width: 100%;

}

.about-main-text h2{

  text-align: center;

  font-weight: 600;

  font-size: 28px;

  line-height: 40px;





}

.about-main-text h2 span{

  color: #7c7f82;



}

.about-main-text h2 i{

  color: #7c7f82;

  font-size: 84px;



  margin-right: 10px;





}



/* Choosing Shingle page */



.choosing-shingle-inner h3{

font-size: 20px;

margin-bottom: 60px;

}

.choosing-shingle-inner .choosing-shingle-que-ans {



  border-radius: 20px;

}



.choosing-shingle-inner .choosing-shingle-que-ans .inner-main-que{

  background-color: #000000;

  padding: 30px;

  border-radius: 20px;

  margin-bottom: 30px;

}

.choosing-shingle-inner .choosing-shingle-que-ans .inner-main-que:last-child{

margin-bottom: 0px;

}



.choosing-shingle-inner .choosing-shingle-que-ans .inner-main-que h2{

  color: white;

  margin-bottom: 20px;

}

.choosing-shingle-inner .choosing-shingle-que-ans .inner-main-que p{

  color: white;

  margin-bottom: 11px;

}

.choosing-shingle-inner h2 {

  margin-bottom: 30px;

}







/* Basic styles for the nav item and link */

.nav-item {

  position: relative;

  display: inline-block;

}



.nav-link {

  text-decoration: none;

  padding: 10px;

  display: block;

}



/* Hide the dropdown by default */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #000;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 999;

}



/* Dropdown items */

.dropdown-content a {

  color: black;

  padding: 8px 16px;

  text-decoration: none;

  display: block;

  font-size: 13px;

  color: #fff;

}



/* Show the dropdown when hovering over the nav item */

.nav-item:hover .dropdown-content {

  display: block;

}



/* Style for hover effect on dropdown items */

.dropdown-content a:hover {

  background-color: #000000;

  color: white;

}

.item-have-child-class::after{

  content: '';

  background-image: url(../img/dd.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  width: 9px;

  height: 6px;

  top: 22px;

  margin-left: 3px;

}

.item-have-child-class{

  position: relative;

}

.mfp-close-btn-in .mfp-close {

  font-size: 50px;

  position: absolute;

  top:-45px;

  width: fit-content;

}

.sidenav {

  height: 100%; /* 100% Full-height */

  width: 0; /* 0 width - change this with JavaScript */

  position: fixed; /* Stay in place */

  z-index: 1; /* Stay on top */

  top: 0;

  right: 0;

  background-color: #111; /* Black*/

  overflow-x: hidden; /* Disable horizontal scroll */

  padding-top: 60px; /* Place content 60px from the top */

  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

  z-index: 999;

}

.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 15px;

 

  color: #818181;

  display: block;

  transition: 0.3s

}

.sidenav a:hover, .offcanvas a:focus{

  color: #F1F1F1;

}



.sidenav .closebtn {

  position: absolute;

  top: 20px;

  right: 0px;

  font-size: 36px;

  margin-right: 27px;

}

#main {

  transition: margin-left .5s;

  padding: 20px;

}

@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}

.pagenot-found-inner {

  height: 56vh;

}

img.mfp-img {

  width: 100% !important;

  border-radius: 10px;

}



/* -------- header animatio --------------- */

@keyframes slideDown {

  0% {

    transform: translateY(-100%);

  }

  100% {

    transform: translateY(0%);

  }

}

.header-logo-div {

  width: 78%;

}



.toggleBtn {

  display: flex;

  gap: 10px;

}

.toggleBtn .toggler-contactNum {

  display: none;

}

.toggleBtn .contactNunIcon {

  display: none;

}

.toggleBtn .contactNunIcon .regular-btn {

   border-radius: 50%;

   padding: 10px;

}







.show-dropdown {

    display: block !important;

    /* other styles */

}



.readioBtn label {

  margin-bottom: 0 !important;

}

.readioBtn div {

  display: flex;

  align-items: center !important;

  gap: 8px  !important;

}





a:visited {

  color: #ffffff;

}

.greensky-outer {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: center;

    gap: 25px;

    justify-content: space-between;

}

.greensky-outer-left {

  width: 70%;

}

.greensky-outer-right {

  width: 25%;

}

.greensky-outer-right {

    background-color: #80808014;

    padding: 50px;

    border-radius: 25px;

    text-align: center;

}

.greensky-outer-left p {

  margin: 0;

    font-size: 26px;

}

.why-call-outer {

    background-color: #000034;

    border-radius: 25px;

    color: #fff;

}

.why-call-content-outer {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.why-call-img img {

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

    width: 67%;

}

.why-call-content {

    padding: 40px 40px 40px 80px;

    width: 60%;

}

.why-call-content h2 {

  margin-bottom: 35px;

  font-size: 36px;

}

.why-call-img {

    width: 40%;

    margin: 0 auto;

    text-align: center;

    padding: 14px;

}

.why-call-content ul {

    display: flex;

    flex-direction: column;

    gap: 15px;

}

.why-call-content ul li {

    font-size: 21px;

}

.dropdown-content a:hover {

  background-color: #00000066;

}

.navbar-toggler:focus {

  box-shadow: none;

}



.about-details .inner-detail h2 {

  color: #fff;

  margin-bottom: 22px;

}



.menu-item-has-children .dropdown-menu {

   background-color: black;

   padding: 0;

   overflow: hidden;

}

.menu-item-has-children .dropdown-menu li {

  display: block;

}

.menu-item-has-children .dropdown-menu li a {

  color: white;
  text-transform: uppercase;
}



.menu-item-has-children .dropdown-menu li:hover a {

  background-color: white;

  color: black;

}



.sidenav .menu-item-has-children .dropdown-menu {

  background-color: white;

  width: 270px;

  margin-left: 32px;

 

}

.sidenav .menu-item-has-children .dropdown-menu li a {

  color: black;

  width: 270px;

}



.sidenav .menu-item-has-children .dropdown-menu li:hover a {

  background-color: black;

  color: white;

}


.privacy-police-logo-outer {
    padding-top: 90px;
}

.form-group input[type=radio]:after{
  content: " " !important;
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  background-color: #111729 !important;
  display: inline-block !important;
  visibility: visible !important;
  border-radius: 3px;
  cursor: pointer;
}
.form-group .wpcf7-list-item label input:focus-visible {
  outline: none;
}
.form-group input[type=radio]:checked:after {
  background-image: url("../img/check.png") !important;
  background-position: center;;
  border: none;
  background-size:78%; 
  background-repeat: no-repeat;
}

.form-group .wpcf7-list-item  label {
  display: flex;  
  align-items: center;
  gap: 13px;
  cursor: pointer;
}

.form-group .wpcf7-list-item label span {
  margin-top: 8px;
}

.sidenav .menu-item-has-children:hover .dropdown-menu.show {
  display: block !important;
}


 .header-desktop-nav .menu-item-has-children:hover .dropdown-menu {
  display: block;
}

/* ------ blog page css ----------------- */
.blogList {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.blogList .blogCard {
  width: 31.7%;

}
.blogCard {
  background-color: whitesmoke;
  border-radius: 20px;
}

.blogCard .blogImg {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.blogCard .blogImg img {
  width: 100%;
}

.blogCard .blogContent .blogTime p {
  color: #00000066;
  font-size: 15px;
}
.blogCard .blogContent .blogTime p i {
  margin-right: 5px;
}
.blogCard .blogContent {
  padding: 22px;
}
.blogCard .blogContent a , .blogCard .blogContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blogCard .blogContent h3 {
   font-size: 27px;
   color: black;
}
.blogCard .blogContent p   {
  color: black;
  line-height: 26px;
}
.blogCard .blogContent .blogLink span {
  color: black;
  font-weight: bolder;
}
.blogBtn {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 15px;
}
.blogBtn a {
  color: black;
}
 
/* ------ blog detail page css ----------------- */
.blogDetails {
  margin: 90px 0;
}
.blogDetailsOuter {
  display: flex;
  gap: 80px;
}
.blogDetails .blogContentArea {
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.blogDetailTextContent {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.blogDetails h3 {
   font-size: 30px;
}
.blogDetails .blogRecentPost {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.blogDetails .blogRecentPost .blogDetailPostList li {
  list-style: none;
  padding: 7px 0;
  border-bottom: 1px solid #00000066;
}
.blogDetails a {
  color: black;
}
.blogDetailImg {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.blogDetailImg img {
  width: 100%;
}
.blogDetailTextContent ul li {
  margin-left: 23px;
}
.blogDetailBtn {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.btnPrev:hover > a , .btnNext:hover > a{
  color: #00000066; 
}
.inner-page-banner .blogDetailsHeading h1 {
  font-size: 44px;
}
.blogDetailBtn a {
  color: black;
}
.blogBtn {
  margin-top: 15px;
}


.banner-section p{
  color: #fff;
  margin-bottom: 22px;
}

/* ------ home card section -------------- */
.looking-outer-section {
  display: flex;
  gap: 45px;
  flex-flow: row wrap;
  padding: 25px 0px;
}
.card-outer {
  background-color: white;
  border-radius: 34px;
  overflow: hidden;
  width: 31%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.looking-outer-section .home-card {

  padding: 40px 35px 40px;

  font-size: 18px;
  color: black;
  width: 100%;
  text-align: center;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .looking-outer-section .card-outer:hover {
  background-color: #7e7e7e;
} */
.looking-card-outer .home-card .card-image {
  width: 100%;
  margin: 0 auto;
}

.looking-outer-section .home-card h2 {
  font-size: 22px;
  font-weight: 900;
  margin: 25px 0;
  color: #000;
}
.looking-outer-section .home-card p {
  font-size: 16px;
  min-height: 72px;
  color: #000;
  line-height: 23px;
}


/* -------------------cta section ---------------- */

.call-to-action-section {
  position: relative;
  overflow: hidden;

}

.contact-detail-btn {

  width: 50%;

  display: flex;

  justify-content: center;
  position: absolute;
  right: 0;
  height: 100%;

}
.contact-detail-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-content {
  width: 75%;
}

header {
  padding: 15px 0;
}

/* ------------ process card --------------------- */
.process-cards  .home-card h2 {
  margin-bottom: 10px;
}
.process-cards {
  justify-content: center;
}
.process-cards .home-card p {
  margin-bottom: 0 !important;
}
.process-heading h2 {
  text-align: center;
  font-size: 34px;
  margin-bottom:30px;
}
.process-cards .home-card  {
   padding: 0px 35px 25px;
}
.banner-section-outer h1 {
  margin-bottom: 10px;
}
.banner-section-outer p {
  font-size: 25px;
}
.looking-outer-section .home-card p {
  margin-bottom: 12px;
}
.contact-dietail-img {
  display: none;
}
/* ---- video slider  ----------------- */

.video-slider .gallery-item {
  position: relative;
  width: 100%;
  height: 300px;
  background: #000;
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
}
.video-slider .gallery-item img {
  position: relative;
  display: block;
  width: 115%;
  height: 300px;
  object-fit: cover;
  /* transition: opacity .35s, transform .35s; */
  transition: all 350ms ease-in-out;
  /* backface-visibility: hidden; */
}

.video-slider .gallery-item .gallery-item-caption, .video-slider .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-slider .gallery-item .gallery-item-caption {
  padding: 32px;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
}
.video-slider .gallery-item .gallery-item-caption {
  text-align: left;
}
.play-btn {
  position: absolute;
  left: 0;
  top: 38%;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background: #7E7E7E;
  border-radius: 50%;
  display: flex;
  justify-content:  center;
  align-items: center;
}
.play-btn i {
  color: #fff;
} 



.mfp-iframe-scaler iframe html body {
background: red !important;
}

body:-webkit-full-page-media {
  background-color: red !important;
}

.body:-webkit-full-page-media {


background: red !important;
}



.mfp-iframe-scaler iframe video { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-item {
  position: relative;
}
.gallery-item a::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #00000066;
  position:absolute;
  top:0;
}
.about-heading {
  margin-bottom: 20px;
}

/* -------------- product  cards ----------------- */
.our-product-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.our-product-list .our-product {
  display: flex;
  gap: 50px;
}

.product-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 49%;
  justify-content: center;
}
.product-content .product-img {
  overflow: hidden;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}
.product-content .product-img img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
.mfp-figure:after {
  box-shadow: none;
  background: transparent !important;
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-page-map iframe {
  border-radius: 20px;

}
.teram-div ul {
  padding-left: 20px;
  margin-bottom: 12px;
}
.teram-div p {
  margin-bottom: 12px;
}
.teram-div h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.form-group-check-box p {
  color: #000;
}

.form-group-check-box p  a {
  color: #7E7E7E;
}
.form-group-check-box {
    display: flex;
    align-items: baseline;
    gap:10px;
    font-size: 27px !important;
    position: relative !important;
  }

  .teram-div p a,   .teram-div li a {
    color: #7E7E7E !important;
  }
  #menu-1 ul {
    display: flex;
    list-style-type: none;
    gap: 20px;
}
#menu-1 li a {
  color: #000;
}
.header-desktop-nav {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.mobile-desktop-nav li a {
  color: #fff !important;
}
.mobile-desktop-nav {
    gap: 0px !important;
}