*{
  margin:0; 
  padding:0; 
  outline:none;
}
html {
  overflow-x: hidden;
}
body{
  background: #FAFAFA !important;
  padding: 0 !important;
  overflow: hidden;

}

img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;  
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;

}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
.header-contact-content a:hover {
  color: #000000;
  transition: 0.3s ease-in;
}
.appointment-details-box h3 span {
  color: #8B4513;
  margin-left: 10px;
}
a{
  text-decoration: none !important;
}
.search-icon i:hover {
  color: #8B4513;
  transition: 0.4s;
}
.header-right-sidebar i {
  color: #FFFFFF;
  font-size: 26px;
}
.header-right-sidebar i {
  font-size: 14px;
  color: #8B4513;
  background: #fff;
  padding: 7px 8px;
  border-radius: 7px;
  width: 24px;
  height: 24px;
  display: flex
;
  justify-content: center;
  align-items: center;
}
.header-right-sidebar i:hover {
  color: #8B4513;
  transition: 0.4s;
}
.offcanvas-header{
  flex-direction: column;
}
.offcanvas-start{
  right: 0 !important;
  left: unset !important;  
  transform: translateX(0%) !important;

}
.header-contact-content p {
  margin-bottom: 0;
}
.header-phone-number {
  margin-bottom: 20px;
}
.header-phone-number a p{
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
}
.header-mail-id a p{ 
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;

}
.header-social-icons a i:hover {
  background: #fff;
  color: #000;
  transition: 0.3s ease-in;
}
.offcanvas-header {
  align-items: flex-start !important;
}
.header-right-sidebar .btn-close {
  position: absolute;
  top: 50px;
  right: 28px;
  color: #fff;
  background: unset;
  opacity: 1 !important;
}

.entry-title {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 44px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-align: left;
    padding: 0;
    margin-bottom: 20px;
}
.navigation a:hover {
  background: #8B4513;
  color: #fff;
}
.navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
.navigation a {
  background: #000000;
  padding: 8px 31px 8px 15px;
  color: #fff;
  font-family: 'Outfit';
  font-weight: 500;
  margin: 0 5px;
}
a.next.page-numbers {
  margin-left: 0;
}
.navigation span {
  background: #8B4513;
  padding: 8px 31px 8px 15px;
  color: #fff;
  font-family: 'Outfit';
  font-weight: 500;
}
.bradcrumbs a {
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #8B4513;
  text-align: left;
  margin: 0;
  text-align: center;
  padding-right: 16px;
  background: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 8px;
  margin-right: 11px;
  z-index: 1;
  position: relative;
  display: flex;
  max-width: fit-content;
}
.entry-content p {
  font-family: Outfit;
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #FFFFFF;
  padding: 10px 0;
  margin: 0;
}
.bradcrumbs {
    font-family: 'Outfit';
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 3%;
    color: #FFFFFF;
    text-align: left;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #8B4513;
    max-width: fit-content;
    padding-right: 14px;
    border-radius: 5px;
}

section#term-of-use {
  padding: 50px 0;
}
.widget_recent_entries img {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  object-fit: cover;
}
.recent-post-box .media-post-image{
  height: 100px;
  overflow: hidden;
  border-radius: 10px;
  width: 130px;

}
.banner-image {
    padding: 90px 0;
    background-size: cover;
    background-position: center;}

.recent-post-box:hover  img {
transform: scale(1.1);
transition: 0.4s ease-in-out;
}
div#single-projects-page {
  padding: 60px 0;
}
.btn-close:focus {
  box-shadow: unset !important;
}
div#sidebar ul li {
  margin-bottom: 20px;
  color: #8B4513;
}
.post-date {
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 185%;
  letter-spacing: 3%;
  color: #000000;
  margin: 0;
  padding: 0;
}
#sidebar ul {
  padding-left: 0;
}
#sidebar ul li {
  list-style: none;
}
.header-social-icons {
  display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      margin-top: 38px;
}
.header-social-icons a i {
  width: 35px;
  height: 35px;
  background: #8B4513;
  display: flex
;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 50%;
  margin-right: 8px;
  color: #FFFFFF;
}
.about-us-menu p {
    color: #000000;
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 151%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    padding: 26px 0;

}
.offcanvas-start {
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.offcanvas-start.show {
  transform: translateX(0);
  opacity: 1;
  overflow: scroll;
}

.offcanvas-header {
  padding: 82px 30px !important;
}
.offcanvas{
  background: #FFFFFF !important;
}


.header-right-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Banner SEction */

#banner {
    padding: 140px 0 100px;
    position: relative;
    z-index: 9;
}

.banner-image::after {
    content: "";
    width: 100%;
    background: #000000CF;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-image {
    padding: 90px 0;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}



.banner-background-ovarlay {
    background: #000000BF;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-right-image {
    height: 487px;
    width: 487px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.banner-right-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.banner-right-image::after {
    content: "";
    background: #D2691E;
    position: absolute;
    top: -12px;
    width: 494px;
    height: 501px;
    left: -4px;
    border-radius: 50%;
    z-index: -1;
    right: 17px;
    margin: auto;
    display: flex;
    align-items: center;
}
.banner-right-outer-box {
    display: flex;
    align-items: center;
    justify-content: end;
    animation: upDown 4s infinite;
        margin-top: 68px; 

}
.banner-left-content h1 {
    font-family: Protest Strike;
    font-weight: 400;
    font-style: Regular;
    font-size: 64px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}
.banner-left-content h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
}
.banner-left-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 149%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}

.banner-content-step-shape {
    content: "";
    border-left: 10px solid #FFFFFF;
    position: absolute;
    width: 160px;
    height: 560px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.banner-content-step-shape::after {
    content: "";
    border-top: 10px solid #FFFFFF;
    position: absolute;
    top: 0;
    width: 150px;
    left: 0;
}
.banner-content-step-shape::before {
    content: "";
    border-top: 10px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 150px;
    left: 0;
}
.banner-right-border::after {
    content: "";
    border: 5px solid #FFFFFF;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
}
.banner-right-border::before {
    content: "";
    border: 5px solid #FFFFFF;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.banner-left-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 60px;
    position: relative;
    z-index: 1;
}
.banner-right-image::before {
    content: "";
    width: 81%;
    height: 86%;
    border: 1px solid #FFFFFF;
    position: absolute;
    border-radius: 65px;
    z-index: -1;
    left: -129px;
    top: -52px;
}



.banner-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}
.banner-button-box a i {
    color: #FFFFFF;
    padding-left: 14px;
    font-size: 14px;
}

.banner-order-now-button {
    background: #8B4513;
    display: flex;
    align-items: center;
    padding: 16px 30px 16px 20px;
    border-radius: 10px;
}
.banner-learn-more-button {
display: flex;
    align-items: center;
    padding: 16px 30px 16px 20px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    margin-left: 24px;
}
.banner-button-box {
     display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}




/* Services Section */

#services {
    padding: 100px 0;
    position: relative;
}

.services-title:hover a {
    color: #8B4513;
    transition: 0.3s ease-in;
}
.services-heading h2 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
    text-align: center;
}
.services-heading p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
}
.services-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 28% 100%, 0 80%);
}
.services-images {
    height: 271px;
    border-radius: 15px;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 28% 100%, 0 80%);
}
.services-title a {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    width: 100%;
    text-align: center;
}
.services-inner-content-box:hover .services-images img {
    animation: pulse 500ms linear;
}
.services-title {
    text-align: center;
    padding: 30px 0 10px;
}

.services-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
}
.services-all-button-box a span:hover {
    background: #000000;
    transition: 0.4s ease-in;
}
.services-read-more-text {
    position: absolute;
    bottom: 3px;
    transform: rotate(22deg);
    left: 11px;
}
.services-read-more-text a:hover {
    color: #8B4513;
    transition: 0.3s ease-in;
}
.services-outer-imagebox {
    position: relative;
}
.services-read-more-text a {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

.services-all-button-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
}
.services-all-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 12px 52px;
}



/* Stay In Touch */

#stay-in-touch {
    padding: 80px 0;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.stay-in-touch-heading h2 {
  font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #1E1E1E;
    margin: 0;
    padding: 0 0 38px;
}
.stay-in-touch-heading p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #686868;
}



#stay-in-touch .stay-in-touch-images-box {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(24, 21px);
    position: relative;
}
.stay-in-touch-images-box img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

#stay-in-touch .stay-in-touch-images-box .stay-in-touch-image1 {
    grid-column-start: 3;
    grid-column-end: 21;
    grid-row-start: 1;
    grid-row-end: 21;
    border-radius: 15px;
}

#stay-in-touch .stay-in-touch-images-box .stay-in-touch-image2 {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 9;
    grid-row-end: 25;
    border-radius: 15px;
    border: 5px solid #FFFFFF
}



#stay-in-touch
input[type="email"]{
border: 1px solid #9A9A9A;
    padding: 18px;
    border-radius: 6px;
    height: 63px;
    width: 100%;
}
.stay-in-touch-form form p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.stay-in-touch-form [type=submit] {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    background: #8B4513;
    height: 63px;
    position: absolute;
    right: 0;
    border: unset;
    border-radius: 6px;
    color: #fff;
    padding: 0 34px;
    top: 0;
}
.stay-in-touch-form [type=submit]:hover {
    background: #000;
    transition: 0.3s ease-in;
    color: #fff;
}
.stay-in-touch-form {
    padding: 40px 0;
}





/* Get In Touch */

#get-in-touch {
    background: #8B4513;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
}
.get-in-touch-contentbox h2 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 60px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    padding-bottom: 30px;
}
.getintouch-right-image img {
    width: 100%;
    height: 100%;
}
.get-in-touch-point h6 {
font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 175%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.get-intouch-btn-icon {
    width: 75px;
    height: 72px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 20px;
}
.get-intouch-btn-icon i {
    color: #8B4513;
    font-size: 30px;
    transform: rotate(-45deg);
}
.get-in-touch-point i {
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
}
.get-in-touch-point {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 18px;
}

.get-in-touch-button-box a span {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    background: #FFFFFF;
    border-radius: 44px;
    padding: 18px 50px;
}

.get-in-touch-button-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 48px;
}
.get-in-touch-button-box a span:hover {
    background: #000000;
    transition: 0.4s ease-in;
    color: #fff;
}
.get-intouch-btn-icon:hover {
    background: #000000;
    transition: 0.4s ease-in;
}
.get-intouch-btn-icon:hover i {
    transition: 0.4s ease-in;
    color: #fff;
}
/* Services single page */
.services-page {
  padding: 60px 0;
  position: relative;
}
.services-page  .services-inner-content-box {
  margin: 20px 0;
}

.single-services-contact-details h5 {
  font-family: Outfit;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #8B4513;
  margin: 0;
  padding: 0;
}
.single-services-contact-details h6 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
  margin: 0;
}
.single-services-button a {
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #8B4513;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 20px 30px;
  position: relative;
}



.single-services-button a:hover{
  color: #fff;
  transition: 0.3s ease-in;
  border: unset;

}
.single-services-button a span{
  position: relative;
  z-index: 1;
}
.single-services-button a::before{
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 7px;

}

.single-services-button a::after{
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 7px;

}

 .single-services-button a:hover::after{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}
 .single-services-button a:hover::before{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}




.single-services-contact-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 34px;
}

.single-services-contact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 50px;

}

.single-services-contact-details {
  margin-left: 14px;
}












/* About us */
#about {
     position: relative;
    padding: 130px 0;
    background: #8B45130D;
}

.about-content-box h2 {
    color: #000000;
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
}
#about .about-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#about .about-border-bottom  .about-border1 {
    background: #D9D9D9;
    height: 6px;
    width: 42%;
    bottom: 20px;
    position: absolute;
}
#about .about-border {
    background: #8B4513;
    height: 6px;
    width: 14%;
    bottom: 26px;
    position: absolute;
}
.about-heading-box p {
font-family: Poppins;
    font-weight: 400;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 161%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
        padding-top: 24px;
}

.about-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 10px 36px;
}
.about-button-box a span:hover {
    background: #000;
    color: #fff;
    transition: 0.4s ease-in-out;
}

.about-button-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 50px;
}
#about .about-left-images {
  display: grid;
      grid-template-columns: repeat(17, 1fr);
      grid-template-rows: repeat(15, 37px);
      position: relative;
}


#about .about-left-images .about-image2 {
     grid-column-start: 10;
    grid-column-end: 18;
    grid-row-start: 7;
    grid-row-end: 13;
    z-index: 9;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.about-image2 img:hover {
  animation: pulse 0.6s linear;
}
.about-time-svg {
    animation: swing 4s infinite;
}
.about-phone-number a {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.about-phone-number a:hover {
    color: #8B4513;
    transition: 0.3s ease-in;
}
.about-phone-number {
    padding-left: 26px;
}
.about-phone-number h6 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    padding: 0;
    color: #8B4513;
}
.about-contact-box {
    grid-column-start: 2;
    grid-row-start: 11;
    grid-row-end: 14;
    grid-column-end: 9;
}
.about-contact-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
#menu-footer-menu li a:hover {
    color: #000000;
}
#about .about-left-images .about-image1 {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 10;
    grid-column-end: 16;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.about-image1 img:hover {
  animation: pulse 0.6s linear;
}
.about-left-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.about-experience-leftcontent h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 96px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}
.about-experience-text h5 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 27px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding: 0;
  }

.about-experience-text h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}
.about-experience-leftcontent {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 68px;
    margin-bottom: 70px;
    margin-top: 40px;
}
.about-experience-text {
    padding-left: 24px;
}
.about-experience-leftcontent::before {
    content: "";
    border: 15px solid #0000000D;
    width: 129px;
    height: 185px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    animation: pulse 2s infinite;
}
/* Why US seCTION */

#why-us-section {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}


#why-us-section .why-us-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#why-us-section .why-us-border-bottom  .why-us-border1 {
    background: #D9D9D9;
    height: 6px;
    width: 32%;
    bottom: 20px;
    position: absolute;
}
#why-us-section .why-us-border {
    background: #8B4513;
    height: 6px;
    width: 10%;
    bottom: 26px;
    position: absolute;
}


.why-us-mainheading-box h6 {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
}
.why-us-mainheading-box h2 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
} 
.why-us-experiencebox h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 96px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
    margin: 0;
    padding: 0;
}
.why-us-experiencebox h5 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 132%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
        text-align: center;
}
.why-us-experiencebox {
    border: 1px solid #D9D9D9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.why-us-points-content h5 {
font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding: 8px 0;
}

.why-us-points-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 133%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
        margin: 0;
}
.why-us-point-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.why-us-point-icon {
    height: 50px;
}


.vision-mission-content-box p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 151%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

#why-us-section .nav li a {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 10px 26px;    
        background: #FFFFFF;
    border-radius: unset !important;
        height: 55px;
            display: flex;
    align-items: center;
    justify-content: center;

}
.vision-mission-points-box i {
    width: 20px;
    height: 20px;
    background: #8B4513;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
}
#why-us-section  .nav-tabs .nav-item{
border-bottom: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    margin-right: 14px;

}
#why-us-section .vision-mission-points-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#why-us-section .nav-tabs {
    margin-top: -55px;
}
.vision-mission-points-box h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding: 0;
}
.vision-mission-points-box {
    margin: 28px 0;
}
.vision-mission-content-box {
    padding: 28px 0px 0;
}
.nav-tabs {
    border-bottom: unset !important;
}
.nav-tabs .nav-link {
    border: unset !important;
}
#why-us-section  .nav-tabs .nav-link.active {
color: #FFFFFF !important;
    background-color: #8B4513 !important;
    border: unset !important;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
        border-radius: unset !important;
}
.why-us-right-image img {
width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.why-us-right-image {
    height: 200px;
    border-radius: 15px;
}

/* Features section */
#features {
  padding: 60px 0;
  position: relative;
}
.feature-right-image img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  object-fit: cover;
}
.feature-right-image {
  height: 819px;
  overflow: hidden;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.feature-right-image:hover img {
  animation: pulse 0.6s linear;
}

.features-points-text:hover{
  background: #8B4513;
  transition: 0.4s ease-in-out;

}

.features-points-text:hover i{
  background: #fff;
  transition: 0.4s ease-in-out;

}
.features-points-text:hover
 h6{
  color: #fff;
  transition: 0.4s ease-in-out;

}
.features-heading-box h2 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 82px;
  line-height: 100%;
  letter-spacing: 2%;
  -webkit-text-stroke: 1px #D4D4D4;
  color: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
}
.features-contents h3 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  letter-spacing: 2%;
  color: #000000;
}
.features-contents p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #5D666F;
}
.features-heading-box {
  position: relative;
}
.features-heading-box h4 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #8B4513;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}
.features-points-text h6 {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
  margin: 0;
  padding: 0;
  padding-left: 14px;
}
.features-points-text {
  border: 1px solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.features-points-text i {
  color: #8B4513;
  width: 23px;
  height: 23px;
  background: rgba(241, 101, 23, 0.40);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
}
.feature-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.feature-button-box a {
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #8B4513;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 20px 30px;
  position: relative;
}



 .feature-button-box a:hover{
  color: #fff;
  transition: 0.3s ease-in;
  border: unset;

}
.feature-button-box a span{
  position: relative;
  z-index: 1;
}
.feature-button-box a::before{
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 10px;

}

.feature-button-box a::after{
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 10px;

}

 .feature-button-box a:hover::after{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}
 .feature-button-box a:hover::before{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}




/* Best Plan */
#best-plan {
  padding: 60px 0;
  position: relative;
  background: #F6F6F6;
}
.plans-heading h6 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 82px;
  line-height: 100%;
  letter-spacing: 2%;
  -webkit-text-stroke: 1px #D4D4D4;
  color: transparent;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

.plans-heading h2 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #8B4513;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  bottom: 0;
}
.bestplans-contentinner-box h2 {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #5D666F;
  text-align: center;
  margin: 0;
}
.bestplans-contentinner-box h3 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  text-align: center;
  margin: 0;
  margin: 0;
  padding: 0;
}
.bestplans-contentinner-box {
  box-shadow: 0px 4px 22px 0px #EBA4A440;
  padding: 29px 20px;
  margin-top: 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

}

.bestplans-contentouter-box p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 3%;
  color: #5D666F;
  margin: 0;
}
#best-plan .owl-item.active.center {
  animation: bounceIn 1s linear;
}
.best-plan-points h5 {
  font-family: Outfit;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
  vertical-align: middle;
  color: #000000;
  margin: 0;
  padding: 0;
  padding-left: 10px;

}
.best-plan-points {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 0;
}
.best-plan-points .fa-check {
  color: #8B4513;
}
.best-plan-points .fa-xmark {
  color: #292D32;
}
.bestplan-bottom-content-box {
  padding: 24px 38px;
}
.bestplans-contentinner-box h5 {
  color: #8B4513;
  font-family: Outfit;
  font-weight: 500;
  font-size: 16px;
  line-height: 185%;
  letter-spacing: 3%;
  background: #FFD9D9;
  border-radius: 10px;
  max-width: max-content;
  padding: 2px 22px;
  margin: 15px 0 0;

}
.best-plan-button-box a {
  font-family: Outfit;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #8B4513;
  border: 1px solid var(--Red, #8B4513);
  border-radius: 10px;
  padding: 15px 30px;
  position: relative;
}




.best-plan-button-box a::after{
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  background: #8B4513;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 10px;
}

.bestplans-contentouter-box:hover .best-plan-button-box a{
  color: #fff;
  transition: 0.3s ease-in;
  border: unset;

}
.best-plan-button-box a span{
  position: relative;
  z-index: 1;
}
.best-plan-button-box a::before{
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  background: #8B4513;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 10px;
}
.bestplans-contentouter-box:hover .best-plan-button-box a::after{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}
.bestplans-contentouter-box:hover .best-plan-button-box a::before{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}




.best-plan-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 22px;
}
.best-plan-checked i {
  border: 1.5px solid #292D32;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex
;
  align-items: center;
  justify-content: center;
  color: #292D32;
}
.best-plan-checked {
  position: absolute;
  top: 12px;
  right: 18px;
}



.bestplans-contentouter-box {
  position: relative;
}

.plans-heading {
  position: relative;
}


#best-plan .bestplans-contentouter-box:hover .bestplans-contentinner-box {
  background: #8B4513;
  border-radius: 7px;
  transition: 0.5s ease-in-out;
}

#best-plan .bestplans-contentouter-box:hover  {

  transition: 0.5s ease-in-out;
  transform: translate(0px, -20px);
}


.bestplans-contentouter-box:hover .best-plan-checked i{
  background: #FFFFFF;
  color: #8B4513;
  border: 1.5px solid #FFFFFF;
  transition: 0.5s ease-in-out;

}

.bestplans-contentouter-box:hover .bestplans-contentinner-box h3{
  color: #fff;
  transition: 0.5s ease-in-out;
}
.bestplans-contentouter-box:hover .bestplans-contentinner-box h2{
  color: #fff;
  transition: 0.5s ease-in-out;
}
.our-blogs-button-flexbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
}
.blog-author-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.our-blogsmeta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}
.author-name {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}
.blogs-date h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
}
.meta-blog-prefession h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding-bottom: 0;
}

/* Blogs */
#our-blogs {
  position: relative;
  padding: 60px 0;
}
.author-image-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.author-image-box {
    width: 67px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.blog-heading h2 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}

.blog-all-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 12px 52px;
}
.blog-all-button-box a span:hover{
  background: #000;
  transition: 0.3s ease-in;
  color: #fff;
}
.blogs-inner-content h4 a {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 139%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.blogs-inner-content h4 a:hover {
    color: #8B4513;
    transition: 0.3s ease-in;
}
.blogs-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 147%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.blog-heading p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}


.blogs-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.blogs-images {
    width: 100%;
    height: 340px;
    border-radius: 15px;
}
.blogs-read-morebtn a span:hover {
    background: #8B4513;
    transition: 0.4s ease-in-out;
    color: #FFFFFF;
}
.blogs-read-morebtn a span {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    background: #FFF3EA;
    padding: 14px 30px;
    border-radius: 15px;
}


/* Our Works */
#our-work {
    background: #8B45130D;
    position: relative;
    padding: 80px 0;
}
.our-work-heading h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}
.our-work-heading p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

.our-work-button-flexbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
}
.our-work-all-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 12px 52px;
}
.our-work-all-button-box a span:hover{
  background: #000;
  color: #fff;
  transition: 0.3s ease-in;
}
.our-work-image-box {
    position: relative;
    margin: 10px;
}
.work-left-images img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.work-left-images {
    height: 800px;
    position: relative;
    overflow: hidden;
}
.work-left-images::after {
    content: "";
    background: #0000009C;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.work-inner-content h4 a:hover {
    color: #D2691E;
    transition: 0.4s ease-in;
}

.work-left-box .work-images::after {
    content: "";
    background: #0000009C;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 15px;

}
.topbar-rightbox-content .row {
    width: 100%;
}
.work-content-box {
    position: absolute;
    bottom: 0;
    left: 0;
}
.work-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.work-content p {
    font-family: Poppins;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 127%;
    letter-spacing: 0%;
    color: #FFFFFF;
}
.work-images {
    height: 379px;
    border-radius: 15px;
    overflow: hidden;
}
.work-inner-content h4 {
    padding: 12px 0;
}
.work-content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 19px;
}
.work-inner-content h4 a {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.work-inner-title h4 a {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 75px;
    font-weight: 900;
    line-height: 100px;
    color: transparent;
    -webkit-text-stroke: 3px #fff;
    text-transform: capitalize;
}
.work-inner-title {
    padding: 48px;
}
.team-title a:hover {
    color: #FFFFFF;
    transition: 0.4s ease-in;
}

/* Counter  SEction */



















/* Single blogs page */
.blog-single-container {
  padding: 60px 0;
}


/* Single Services page */

#singleService .nav-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #8B45130D;
    border-radius: 10px;
    margin-bottom: 10px;
}




#singleService .nav-pills .nav-link {
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 16px 20px;
    width: 100%;
}
#singleService .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #8B4513;
    width: 100%;
}
#singleService  .service-para {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 176%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
#singleService  .service-single-boxes p{
      font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 176%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
#singleService .single-services-title {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 38px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
    padding: 30px 0 0;
}
#singleService .service-single-boxes h5 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 139%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.services-single-points {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.services-single-points h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding-left: 10px;
}
#singleService .services-points-box-details h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 139%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

#singleService  .services-points-box-details p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 176%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.service-single-heading h4 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.service-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.service-image {
    width: 100%;
    height: 400px;
}

#singleService {
  padding: 60px 0;
}
.services-meta-images {
  height: 600px;
}
.services-meta-images img{
  width: 100%;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  object-fit: cover;
}


.singleservices-meta-details h4 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  letter-spacing: 2%;
  color: #000000;
}
.singleservices-meta-details p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #5D666F;
}

.single-services-points-box h6 {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 149%;
  letter-spacing: 2%;
  color: #000000;
  margin: 0;
  padding: 0;
}

.single-services-points-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4px;
  height: 100%;
}

.single-services-points-box i {
  color: #8B4513;
  width: 20px;
  height: 20px;
  background: rgba(224, 10, 10, 0.40);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 10px;
  margin-right: 13px;
}

.slider-bottom-shape path:nth-child(1) {
  animation: slideInRight 4s linear;
}
.slider-bottom-shape path:nth-child(2) {
  animation: bounceInDown 4s linear;
}
.slider-bottom-shape path:nth-child(3) {
  animation: slideInRight 4s linear;
}




/* Quality SEction */

#quality-section {
    background: #8B45130D;
    padding: 80px 0;
    position: relative;
}
.quality-section-heading h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

#quality-section .quality-section-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#quality-section .quality-section-border-bottom  .quality-section-border1 {
    background: #D9D9D9;
    height: 6px;
    width: 32%;
    bottom: 20px;
    position: absolute;
}
#quality-section .quality-section-border {
    background: #8B4513;
    height: 6px;
    width: 10%;
    bottom: 26px;
    position: absolute;
}


.vedio-icon-center svg {
    animation: pulse 3s infinite;
}

#somevid {
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
}

.modal-body {
  height: auto !important;
}
.videos-box {
  position: relative;
  z-index: 1;
}
.image-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-video {
  height: 489px;
  overflow: hidden;
  border-radius: 20px;
}


.video-model-box {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.vedio-icon-center h5 {
  font-family: Open Sans;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  padding: 25px 0;
  margin: 0;
}
.vedio-icon-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: unset;
  border-bottom: unset;
  border-radius: 4px;
  box-shadow: unset;
  border: unset;
  background-clip: padding-box;
}

@media (min-width: 32em) {

  .modal-box {
    width: 70%;
  }
}

.modal-box header,
.modal-box .modal-header {
  padding: unset;
  border-bottom: unset;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
  margin: 0;
}

.videos-box::after {
    content: "";
    background: #D9D9D9;
    width: 100%;
    height: 430px;
    position: absolute;
    top: 78px;
    clip-path: polygon(50.45% 2.052%, 50.45% 2.052%, 50.662% 1.7%, 50.908% 1.373%, 51.185% 1.074%, 51.487% 0.806%, 51.812% 0.571%, 52.153% 0.373%, 52.508% 0.214%, 52.872% 0.097%, 53.24% 0.025%, 53.608% 0%, 97.866% 0%, 97.866% 0%, 98.378% 0.051%, 98.827% 0.199%, 99.209% 0.431%, 99.518% 0.739%, 99.75% 1.11%, 99.899% 1.535%, 99.96% 2.004%, 99.929% 2.505%, 99.8% 3.028%, 99.568% 3.562%, 49.511% 97.898%, 49.511% 97.898%, 49.3% 98.25%, 49.053% 98.577%, 48.777% 98.876%, 48.474% 99.144%, 48.15% 99.379%, 47.808% 99.577%, 47.453% 99.736%, 47.09% 99.853%, 46.722% 99.925%, 46.354% 99.95%, 2.095% 99.95%, 2.095% 99.95%, 1.583% 99.898%, 1.134% 99.751%, 0.752% 99.519%, 0.443% 99.211%, 0.212% 98.84%, 0.063% 98.415%, 0.001% 97.946%, 0.033% 97.445%, 0.162% 96.922%, 0.394% 96.388%, 50.45% 2.052%);
    left: 72px;
    z-index: -1;
}

.about-videos-box svg {
    animation: pulse 2s infinite;
}


.modal-body a.close:hover {
  color: #8B4513;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 7px;
  right: 9px;
  text-decoration: none;
  color: #FFF;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 36px;

}

.vedio-icon-center h6 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #FFFFFF;
  margin: 14px 0;
  padding: 0;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.modal-box {
  width: 100%;
  left: 0 !important;
  right: 0 !important;
  height: 100%;
  top: 0px !important;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.quality-section-heading p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 206.99999999999997%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding-top: 8px;
    padding-bottom: 30px;
}
.quality-title {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.quality-button-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 80px !important;
}
.quality-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 14px 38px;
}

.quality-button-box a span:hover {
    background: #000;
    color: #fff;
    transition: 0.4s ease-in-out;
}

.image-video {
    height: 462px;
    clip-path: polygon(50.45% 2.052%, 50.45% 2.052%, 50.662% 1.7%, 50.908% 1.373%, 51.185% 1.074%, 51.487% 0.806%, 51.812% 0.571%, 52.153% 0.373%, 52.508% 0.214%, 52.872% 0.097%, 53.24% 0.025%, 53.608% 0%, 97.866% 0%, 97.866% 0%, 98.378% 0.051%, 98.827% 0.199%, 99.209% 0.431%, 99.518% 0.739%, 99.75% 1.11%, 99.899% 1.535%, 99.96% 2.004%, 99.929% 2.505%, 99.8% 3.028%, 99.568% 3.562%, 49.511% 97.898%, 49.511% 97.898%, 49.3% 98.25%, 49.053% 98.577%, 48.777% 98.876%, 48.474% 99.144%, 48.15% 99.379%, 47.808% 99.577%, 47.453% 99.736%, 47.09% 99.853%, 46.722% 99.925%, 46.354% 99.95%, 2.095% 99.95%, 2.095% 99.95%, 1.583% 99.898%, 1.134% 99.751%, 0.752% 99.519%, 0.443% 99.211%, 0.212% 98.84%, 0.063% 98.415%, 0.001% 97.946%, 0.033% 97.445%, 0.162% 96.922%, 0.394% 96.388%, 50.45% 2.052%);
position: relative;
  }
  .video-border-svg-box svg {
    height: 100%;
    width: 100%;
}
.video-border-svg-box {
    position: absolute;
    top: 30px;
    z-index: -1;
    height: 388px;
    left: 0;
}
.video-rightouter-box {
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    top: 118px;
    bottom: 0;
    margin: auto;
    right: -65px;
}
.video-box-text {
    font-family: Poor Story;
    font-weight: 400;
    font-style: Regular;
    font-size: 30px;
    leading-trim: NONE;
    line-height: 99%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    width: 180px;
    padding-left: 24px;
  
}

.quality-icon {
    animation: swing 4s infinite;
}
.image-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-model-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    right: 0;
}

/* Our Teams */
#team {
    position: relative;
    z-index: 1;
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#team .team-section-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#team .team-section-border-bottom  .team-section-border1 {
      background: #D9D9D9;
    height: 6px;
    width: 15%;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#team .team-section-border {
    background: #8B4513;
    height: 6px;
    width: 5%;
    bottom: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}



#team .owl-dots {
  text-align: center;
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

#team .owl-dot span {
  width: 8px;
  height: 8px;
  background: #B3B0B0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#team .owl-dot.active span{
  background: #8B4513;
}
#team .owl-dot.active {
  width: 31px !important;
  background: unset !important;
  border: 1px solid #8B4513 !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#team .owl-dot {
  background: unset;
  border: unset !important;
  opacity: 1 !important;
  margin: 0 6px;
}

#team  .owl-carousel .owl-stage-outer {
    padding: 30px 0;
}
.team-overlay-backgroundcolor {
    background: #000000D4;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.team-heading h2 {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
}

.team-member-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.team-member-images {
    height: 635px;
    border-radius: 15px;
    width: 90%;
    position: relative;
    overflow: hidden;

}
.team-social-icons-box {
    position: absolute;
    bottom: 21px;
    left: 0px;
    background: #D2691E;
    padding: 11px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-social-icons-box a i {
    color: #fff;
    font-size: 16px;
    padding: 0 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-social-icons-box {
     position: absolute;
    bottom: 38px;
    left: -200px;
}
.team-inner-box:hover .team-social-icons-box {
    left: 0;
    transition: 0.4s ease;
}
.team-inner-box {
    position: relative;
}
.team-title a {
    font-family: Poppins;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #D2691E;
}
.team-inner-box::after {
    content: "";
    border: 1px solid #FFFFFF;
    width: 75%;
    height: 100%;
    position: absolute;
    top: 27px;
    right: 13px;
    z-index: -1;
}
.team-designation h6 {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: right;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
        margin: 0;
}
.team-title {
    text-align: right;
}
.team-details-box {
    padding: 24px 40px 0 0 ;
}




/* Our Featured Projects */

#our-featured-projects {
    padding: 80px 0;
    position: relative;
}
.projects-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 117%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0;
    padding: 10px 0;
}

#our-featured-projects .our-featured-projects-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#our-featured-projects .our-featured-projects-border-bottom  .our-featured-projects-border1 {
      background: #D9D9D9;
    height: 6px;
    width: 15%;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#our-featured-projects .our-featured-projects-border {
    background: #8B4513;
    height: 6px;
    width: 5%;
    bottom: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}




#our-featured-projects .our-featured-projects-heading h4 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

#our-featured-projects .nav-pills .nav-link {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 12px 34px;
  }
#our-featured-projects .nav {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

#our-featured-projects .nav-pills .nav-link {
    border-radius: unset !important;
}
#our-featured-projects .nav-pills .nav-link.active,#our-featured-projects .nav-pills .show>.nav-link {
    color: #000000 !important;
    background-color: unset !important;
    border: 1px solid #8B4513;
}





#our-featured-projects .projects-slider .row {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(22, 34px);
    position: relative;
        gap: 10px;
}
.our-projects-inner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;

}
.our-projects-inner-box {
    width: 100%;
        border-radius: 15px;
    height: 100%;
}
#our-featured-projects .projects-slider .row .our-projects-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 10;
    border-radius: 15px;
}

#our-featured-projects .projects-slider .row .our-projects-box:nth-child(2) {
grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 9;
    grid-row-end: 17;
    border-radius: 15px;
}


#our-featured-projects .projects-slider .row .our-projects-box:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;

}
.projects-title a:hover {
    color: #D2691E;
    transition: 0.3s ease-in;
}
#our-featured-projects  .owl-dots {
    display: none;
}

.our-projects-box{
  position: relative;
}
.projects-title a {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
}



.our-projects-box:hover .projects-content-box{
    transform: scale(1, 1);
    transform-origin: right center;
}
.projects-content-box  {
     position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background: #0000008A;
    transform: scale(0, 1);
    transform-origin: left center;
    transition: transform 0.4s, -webkit-transform 0.4s;
    border-radius: 15px;
    padding: 28px;
    flex-direction: column;


}


#our-featured-projects .projects-slider .row .our-projects-box:nth-child(4) {
     grid-column-start: 7;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 17;
    border-radius: 15px;
}

#our-featured-projects .projects-slider .row .our-projects-box:nth-child(5) {
    grid-column-start: 7;
    grid-column-end: 13;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;


}

#our-featured-projects .projects-slider .row .our-projects-box:nth-child(6) {
    grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 1;
    grid-row-end: 11;
    border-radius: 15px;
}


#our-featured-projects .projects-slider .row .our-projects-box:nth-child(7) {
      grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 10;
    grid-row-end: 17;
    border-radius: 15px;

}


#our-featured-projects .projects-slider .row .our-projects-box:nth-child(8) {
    grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;


}








#single-projects-page .nav-pills .nav-link {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 12px 34px;
  }
#single-projects-page .nav {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

#single-projects-page .nav-pills .nav-link {
    border-radius: unset !important;
}
#single-projects-page .nav-pills .nav-link.active,#single-projects-page .nav-pills .show>.nav-link {
    color: #000000 !important;
    background-color: unset !important;
    border: 1px solid #8B4513;
}



#single-projects-page .projects-slider .row {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(22, 34px);
    position: relative;
        gap: 10px;
}
.our-projects-inner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;

}
.our-projects-inner-box {
    width: 100%;
        border-radius: 15px;
    height: 100%;
}
#single-projects-page .projects-slider .row .our-projects-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 10;
    border-radius: 15px;
}

#single-projects-page .projects-slider .row .our-projects-box:nth-child(2) {
grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 9;
    grid-row-end: 17;
    border-radius: 15px;
}


#single-projects-page .projects-slider .row .our-projects-box:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;

}
.projects-title a:hover {
    color: #D2691E;
    transition: 0.3s ease-in;
}
#single-projects-page  .owl-dots {
    display: none;
}

.our-projects-box{
  position: relative;
}
.projects-title a {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
}



.our-projects-box:hover .projects-content-box{
    transform: scale(1, 1);
    transform-origin: right center;
}
.projects-content-box  {
     position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background: #0000008A;
    transform: scale(0, 1);
    transform-origin: left center;
    transition: transform 0.4s, -webkit-transform 0.4s;
    border-radius: 15px;
    padding: 28px;
    flex-direction: column;


}


#single-projects-page .projects-slider .row .our-projects-box:nth-child(4) {
     grid-column-start: 7;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 17;
    border-radius: 15px;
}

#single-projects-page .projects-slider .row .our-projects-box:nth-child(5) {
    grid-column-start: 7;
    grid-column-end: 13;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;


}

#single-projects-page .projects-slider .row .our-projects-box:nth-child(6) {
    grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 1;
    grid-row-end: 11;
    border-radius: 15px;
}


#single-projects-page .projects-slider .row .our-projects-box:nth-child(7) {
      grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 10;
    grid-row-end: 17;
    border-radius: 15px;

}


#single-projects-page .projects-slider .row .our-projects-box:nth-child(8) {
    grid-column-start: 13;
    grid-column-end: 25;
    grid-row-start: 16;
    grid-row-end: 23;
    border-radius: 15px;


}



.image-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.image-popup-overlay.active {
    display: flex;
}

.image-popup-overlay img {
    max-width: 90%;
    max-height: 90%;
    animation: zoomIn 0.1s ease;
}

.popup-close {
    position: absolute;
    top: 75px;
    right: 35px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.popup-image {
    display: inline-block;
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
        margin-left: 10px;
}

@keyframes zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.popup-image svg {
    background: #8B4513;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-radius: 2px;
}
.project-top-icons {
    position: absolute;
    top: 10px;
    right: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.projects-attachaments a svg{
     background: #8B4513;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-radius: 2px;
}









/* Testimonial section */
#testimonial {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background: #8B45130D;
}
.testimonial-all-button-box {
    margin-top: 48px;
}
.testimonial-all-button-box a span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    background: #8B4513;
    border-radius: 15px;
    padding: 12px 24px;
}
.testimonial-all-button-box a span:hover {
    background: #000;
    transition: 0.3s ease-in;
    color: #fff;
}
#testimonial
.owl-nav {
  display: none;
}
.testimonial-image {
  height: 647px;
  position: relative;
}
.testimonial-image::after {
    content: "";
    background: #8B45130F;
    position: absolute;
    bottom: 0;
    height: 515px;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 15px;
}
.testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: shake 30s infinite;
}
#testimonial .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border: unset;
  border-radius: 50%;
  margin: 6px;
}
#testimonial .owl-dots .active::after {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  border: 1px solid #FFFFFF;
  left: -11px;
  top: 0;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
}
.testimonial-heading {
  position: relative;
}
#testimonial button.owl-dot.active {
  position: relative;
  margin: 20px !important;
}
.testimonial-heading h3 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex
;
  align-items: center;
}
.testimonial-heading h2 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding-bottom: 38px;

}
.testimonial-double-quotes {
    animation: swing 4s infinite;
}
.testimonial-inner-details span {
  font-family: Outfit;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
}
.testimonial-stars span i {
    color: #FFCB12;
    font-size: 14px;
    margin: 1px;
}
.testimonial-stars {
    padding: 6px 0;
}
.testimonial-ounter-box-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.testimonial-rating-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
    padding-left: 25px;
}
.testimonial-heading h3 span {
  color: #8B4513;
  margin-left: 10px;
  animation: fadeInRight 4s infinite;
}
.testimonial-rating-box h5 {
  font-family: Outfit;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}


#testimonial .owl-dots {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.testimonial-content p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #686868;
    padding: 30px 108px 0px 0;
}
.testi-title a:hover {
  color: #8B4513;
  transition: 0.4s ease-in-out;
}
.testi-title a {
color: #1E1E1E;
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.testimonial-designation h6 {
  font-family: Outfit;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3%;
  color: #FFFFFF;
}




/* Appointment */
#appointment {
  padding: 60px 0;
  position: relative;
}
.appointment-form-arrow svg path {
  stroke: white;
  stroke-width: 2;
  fill: none; /* hide fill so stroke drawing is visible */
  stroke-linejoin: round;
  stroke-linecap: round;

  /* Approximate lengths, tweak if needed */
  stroke-dasharray: 450;    /* first path length estimate */
  stroke-dashoffset: 450;
  animation: draw 3s ease infinite;
}

.appointment-form-arrow svg path:nth-of-type(2) {
  stroke-dasharray: 90;     /* second path length estimate */
  stroke-dashoffset: 90;
  animation-delay: 3s;      /* delay so it starts after first path */
  animation-duration: 1.5s;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}


.appointment-details-box {
  background: #000000;
  box-shadow: -300px 0px 0 #000000;
  padding: 140px 0 0;
}
.appointment-form-box {
  background: #F6F6F6;
  padding: 32px 0;
}
  
.appointment-details-box h3 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
}
.appointment-details-box p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #9FA2A4;
  margin: 0;
  padding: 32px 172px 32px 0px;
}
.appointment-content-contact-box {
  background: #8B4513;
  padding: 34px;

}
.appointment-contact-details h4 a{
  font-family: Outfit;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.appointment-contact-details h4 a:hover{
  color: #000000;
  transition: 0.4s ease-in;
}

.appointment-contact-details h4 {
  margin: 0;
  padding: 0;
}
.appointment-contact-des-icon svg {
  animation: tada 4s infinite;
}
.appointment-contact-details h6 {
  font-family: Outfit;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 8px;
}
.appointment-contact-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-phone-icon{
  background: #FFFFFF;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 25px;
}
.contact-email-icon{
  background: #FFFFFF;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 25px;
}
.appointment-contact-details i{
  color: #292D32;
  font-size: 20px;
  animation: tada 4s infinite;
}
.appointment-details-box h2 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 82px;
  line-height: 100%;
  letter-spacing: 2%;
  -webkit-text-stroke: 1px #D4D4D44d;
  color: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
}
.appointment-heading-box{
  position: relative;
}
  
.appointment-details-box h3 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appointment-form-box h4 {
  margin: 0;
  padding: 0;
  font-family: Outfit;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
  margin-bottom: 38px;
}
.appointment-form-box h4  a{
  font-family: Outfit;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
  margin-bottom: 26px;

}

.appointment-form-box a:hover{
  color: #000000;
  transition: 0.4s ease-in;
}
.appointment-form-box input[type='text'], .appointment-form-box input[type='email'], .appointment-form-box input[type='tel'], .appointment-form-box textarea {
  width: 100%;
  height: 100%;
  padding: 20px 18px;
  border: 1px solid #D4D7D9;
  border-radius: 7px;
}
.appointment-form-box ::placeholder
{
  font-family: Outfit;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 2%;
color: #5D666F;

}
.appointment-form-box input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  border: unset;
background: unset;
  position: relative;
  border-radius: 7px;
  z-index: 1;
}
.wpcf7-spinner{
  position: absolute;
  right: 0;
}
.appointment-submit-btn:hover input{
  color: #8B4513 !important;
  transition: 0.3s ease-in;
}
.appointment-submit-btn p {
  margin: 0;
}
.appointment-submit-btn{
  position: relative;
  background: #8B4513;
  padding: 20px 60px;
  border-radius: 7px;
  max-width: max-content;
}
.appointment-submit-btn .wpcf7-spinner {
  position: absolute;
  right: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.appointment-submit-btn a span{
  position: relative;
  z-index: 1;
}
.appointment-submit-btn::before{
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 7px;

}

.appointment-submit-btn::after{
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 7px;

}

 .appointment-submit-btn:hover::after{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}
 .appointment-submit-btn:hover::before{
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}




.appointment-contact-description h6 {
  font-family: Outfit;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #8B4513;
  margin: 0;
}
.appointment-form-box h4 span {
  color: #8B4513;
}
.appointment-form-box {
  background: #F6F6F6;
  padding: 120px 0;
  box-shadow: 300px 0px 0 #F6F6F6;
  position: relative;
}
.appointment-contact-description {
  padding-left: 22px;
}
.appointment-contact-des-details {
  padding-left: 20px;
  padding-top: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.appointment-contact-description h4 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
}
.appointment-form-arrow {
  position: absolute;
  top: 0;
  right: 108px;
}
.appointment-form-arrow svg path {
  fill: #FFFFFF;
}
.appointment-form-box textarea {
  height: 139px;
}
.appointment-form-box::before {
  content: "";
  background: #F6F6F6;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100px;
  left: -100px;
}

/* FAqs  Section */

#faqs {
  padding: 0px 0;
  position: relative;
  z-index: 1;
}


#faqs .faqs-section-border-bottom {
    position: relative;
    padding-bottom: 45px;

}
#faqs .faqs-section-border-bottom  .faqs-section-border1 {
    background: #D9D9D9;
    height: 6px;
    width: 32%;
    bottom: 20px;
    position: absolute;
}
#faqs .faqs-section-border {
    background: #8B4513;
    height: 6px;
    width: 10%;
    bottom: 26px;
    position: absolute;
}


.faq-container-box {
      position: absolute;
    bottom: 0;
    z-index: 9;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
#faqs .count {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 64px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
    border-bottom: 3px solid #8B4513;
}
.counter-title .title {
     font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FFFFFF;
    width: 68%;
    padding-bottom: 60px;
} 
.counter-left-box{
  position: relative;
}
.counter-left-box::after {
    background: linear-gradient(180deg, rgba(139, 69, 19, 0) 0%, #8B4513 52.56%, rgba(37, 18, 5, 0) 100%);
    content: "";
    width: 5px;
    position: absolute;
    top: 0;
    height: 593px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.counter-left-box::before {
background: linear-gradient(180deg, rgba(139, 69, 19, 0) 0%, #8B4513 52.56%, rgba(37, 18, 5, 0) 100%);
    content: "";
    position: absolute;
    top: -52px;
    width: 5px;
    height: 593px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 143px;
  
    z-index: -1;
    transform: rotate(90deg);
}

.faqs-heading h2 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.counter_box{
  position: relative;
}
.faqs-left-image{
  height: 977px;
  position: relative;
  z-index: 1;
}
.faqs-left-image::after {
    position: absolute;
    background: #000000CF;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
}
.faqs-left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.accordion-button:not(.collapsed) {
  color: unset !important;
  background-color: unset !important; 
  box-shadow: unset !important; 
}
.accordion-item {
border-radius: 5px !important;
    padding: 0px 0 0px 24px !important;
    border: 1px solid #000000 !important;
}
.accordion-button{
    padding: 0 !important;
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px !important;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000 !important;
    height: 70px;
    background: unset !important;
}
.accordion-header {
    margin-bottom: 0;
    height: 70px;
        padding: 0;
}

.panel-body p {
 
    color: #000000;
    text-align: left;
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 141%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
        padding-right: 60px;
}

.accordion-button::after {
  content: "";
width: 70px !important;
    height: 70px !important;
    background: #000000;
    position: absolute;
    background-image: unset !important;
    right: 0;
    border-radius: unset;
    top: 0;
}
.accordion-button:not(.collapsed)::after {
    transform: unset !important;
}
.accordion-button::before {
    content: "+";
    position: absolute;
    background-image: unset !important;
    left: unset;
    color: #fff;
    right: 26px;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-button:not(.collapsed)::before{
    content: "-";
    position: absolute;
    background-image: unset !important;
    left: unset;
    color: #fff;
     right: 26px;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .accordion-button:not(.collapsed)::after {
      content: "";
    background: #8B4513;
    position: absolute;
    background-image: unset !important;
    left: -51px;
    border-radius: 50%;
    top: 0;
    width: 70px !important;
    height: 70px !important;
    border-radius: unset;
  }
.accordion-button:focus {
  border-color: unset !important; 
  box-shadow: unset !important; 
}
.accordion-body {
  padding: 0 !important; 
}


/*------------------ Contact Page -----------------*/
.contact-email {
    background: #8B4513;
    padding: 41px 0;
    border-radius: 15px;
}
.contact-address {
    background: #8B4513;
    padding: 41px 0;
    border-radius: 15px;
}
.contact-phone {
    background: #8B4513;
    padding: 41px 0;
    border-radius: 15px;
}
.contact-page-box {
    background: #8B4513;
    margin-top: 38px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px;
}

h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}

.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color: #fff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: unset;
    width: 100%;
  margin-bottom: 14px;
  padding: 18px;
  border-radius: 10px;
}
.contact-box {
  padding: 60px 0;
}
.inner-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.c_content.media-small {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.contact-page-details p{
  text-align: center;
}
.bradcrumbs a:hover {
  color: #000000;
  transition: 0.6s ease-in;
}
.contact-page-details p a {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #FFFFFF;
  width: 100%;

}
.contact-page-details p a:hover {
  color: #1E1E1E;
  transition: 0.6s ease-in;
}
.contact-page-details i {
  color: #fff;
  font-size: 46px;
  padding-bottom: 14px;

}
.contact-page-details span {
     font-family: 'Poppins';
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.contact-page-box [type=submit] {
  font-family: 'Outfit';
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #FFFFFF;
  background: #000;
  border-radius: 30px;
  padding: 16px 42px;
  border: unset;
}
.contact-page-box [type=submit]:hover{
  background: #FFFFFF;
  color: #000;
}
.contact-page-box h3 {
font-family: 'Poppins';
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-align: left;
}

















/* 404 page */
.error404 .content_page {
  padding: 80px 0;
}
.page-content h3 span {
  font-family: Outfit;
  font-weight: 600;
  font-size: 67px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #8B4513;
  text-align: left;
  background: #fff;
  padding: 34px 59px;
  clip-path: polygon(0% 0%, 87.243% 0%, 99.839% 91.281%, 99.839% 91.281%, 99.954% 92.591%, 99.943% 93.873%, 99.815% 95.1%, 99.581% 96.246%, 99.25% 97.286%, 98.833% 98.195%, 98.338% 98.946%, 97.776% 99.515%, 97.157% 99.874%, 96.49% 100%, 3.472% 100%, 3.472% 100%, 2.909% 99.91%, 2.375% 99.648%, 1.877% 99.23%, 1.422% 98.669%, 1.017% 97.98%, 0.67% 97.177%, 0.388% 96.273%, 0.177% 95.283%, 0.045% 94.222%, 0% 93.103%, 0% 0%);
  display: flex
;
  align-items: center;
  box-shadow: 41px 26px 60px 36px #EBA4A440;
}
.page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.read-moresec a {
  font-family: Outfit;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  background: #8B4513;
  padding: 20px 40px;
  border-radius: 10px;
  position: relative;
}

.read-moresec a:hover{
  color: #fff;
}


.read-moresec a span{
  position: relative;
  z-index: 1;
}


.read-moresec a:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
  border-radius: 10px;
}
.read-moresec a:hover:before{
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
}

.text-404 {
  margin-bottom: 35px;
  font-family: Outfit;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 3%;
  text-align: center;
  color: #5D666F;
  padding: 0 0 20px 0;

}
.error404 .page-content h3 span {
  text-shadow: 4px 2px #D4D4D4;
  padding: 34px 59px 0;
  background: unset;
}

.page-template-page-with-left-sidebar .middle-align {
  padding: 60px 0;
}
.page-template-page-with-right-sidebar .middle-align {
  padding: 60px 0;
}
.page-template-page-with-left-sidebar .middle-align p {
    margin: 0;
    font-family: Poppins;
    font-weight: 400;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 185%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.page-template-page-with-right-sidebar .middle-align p {
    margin: 0;
    font-family: Poppins;
    font-weight: 400;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 185%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
/* single blog page */
.feature-box img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.form-submit [type=submit] {
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #8B4513;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 20px 30px;
  border: unset;
}
.form-submit [type=submit]:hover {
  background: #000000;
  color: #8B4513;
  transition: 0.4s ease-in;
}
.main-single-div h1 {
  font-family: Varta;
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}
.main-single-div p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #5D666F;
}
.meta-box-question {
  font-family: Varta;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  margin: 0;
  color: #8B4513;
}
.single-page-metaimage img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.main-single-div {
  padding: 60px 0;
}
.social-icons p a i {
  background: #8B4513;
  width: 35px;
  height: 35px;
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 10px;
  border-radius: 50%;
}
.social-icons p a i:hover {
  background: #000000;
  color: #8B4513;
  transition: 0.4s ease-in;
}
.socila_share {
  display: flex;
  align-items: center;
  justify-content: end;
}
#comments h2 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #000000;
}
.metabox {
  margin-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 22px;
}
.metabox span {
  color: #000000;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
}
.metabox span a {
  color: #8B4513;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
}
.post-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.metabox  .entry-date {
  margin: 0 20px;
}

.comment-form-comment textarea {
  resize: vertical;
  width: 100%;
  height: 200px;
  border: 1px solid #D4D7D9;
  border-radius: 7px;
  background: #FFFFFF;
}

/* Search page */
.search .middle-align {
  padding: 60px 0;
}
.search   [type=submit] {
  -webkit-appearance: button;
  font-family: Outfit;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #FFFFFF;
  background: #8B4513;
  padding: 18px 40px;
  border-radius: 7px;
  position: relative;
  border: unset;
}

.search h1 {
  font-family: Varta;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  letter-spacing: 0%;
  color: #8B4513;
  margin: 60px 0 0;
  padding: 0;
}
.search h1 span {
  font-family: Varta;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
  padding: 0;
}
.search .search-field {

  border-radius: 10px;
}
.banner-image h1 span {
  color: #fff;
}
.search h3 {
  font-family: Varta;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  letter-spacing: 0%;
  color: #000000;  
}

.banner-button-box a:hover span {
    color: #8B4513;
    transition: 0.4s ease-in;

}
.banner-button-box a:hover i {
    color: #8B4513;
    transition: 0.4s ease-in;

}
.banner-button-box a:hover {
    background: #FFFFFF;
    transition: 0.4s ease-in;
}
.banner-social-icons .twitter {
    background: #000000;
    width: 77px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    position: absolute;
    top: -89px;
    left: 0;
    animation: swing 3s infinite;
}



.banner-social-icons .facebook {
    background: #0283C3;
    width: 77px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    position: absolute;
    bottom: 196px;
    left: -165px;
    animation: swing 3s infinite;

}



.banner-social-icons .insta {
    background: #FF3B3B;
    width: 77px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    position: absolute;
    top: 16px;
    left: -169px;
    bottom: 0;
    animation: swing 3s infinite;
}
.search .search-field{
background: #8B4513;
}

/* Single testimonial page */
.testimonial {
  padding: 60px 0;
}
.testimonial .single-page-content p {

  padding: 14px 0;
}
.main-single-div p a {
  color: #8B4513;
  font-weight: 600;
}
.nav-next a {
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #8B4513;
}
.nav-next a .post-title {
  padding-left: 4px;
  color: #000000;
}
.nav-previous a {
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #8B4513;
}
.nav-previous a .post-title {
  padding-left: 4px;
  color: #000000;
}
#single-team-page {
  padding: 60px 0;
}
#single-team-page .team-title a {

  color: #000000;
}
#single-team-page .team-designation h6{
  color: #000000;

}


/* Sidebar */
#sidebar aside {
  background: #8B45130F;
  padding: 18px;
  margin-bottom: 18px;
}


#sidebar .serach-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


aside#block-3 {
  display: none;
}
#sidebar .widget-title {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 2%;
    text-align: left;
    color: #8B4513;

}
.wp-block-search__input{
  border-radius: 10px;
}
#sidebar {
  display: flex;
  flex-direction: column;
}
#sidebar .search-field{
      height: 56px;
      width: 100%;
      padding-left: 18px;
      border-radius: 10px;
      border: 1px solid #949494;
      flex-grow: 1;
      margin-left: 0;
      margin-right: 0;
      padding: 8px;
      text-decoration: unset !important;
      background: unset !important;
      color: #000;

}

#sidebar [type=submit]{
  word-break: normal;
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #8B4513;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 20px 30px;
  position: relative;
  border: unset;
  margin-left: 10px;

}


.page-template-page-with-left-sidebar #sidebar .widget_recent_entries {
  order: unset;
}
.page-template-page-with-right-sidebar #sidebar .widget_recent_entries {
  order: unset;
}
.category-single-page {
  padding: 60px 0;
}
#sidebar #block-2{
  order: 1;
}
#sidebar .widget_calendar {
  order: 5;
}
#sidebar  .widget_recent_entries{
  order: 2;

}
#sidebar  #block-4{
  order: 4;

}
#sidebar .widget_categories{
  order: 3;

}

#sidebar ul li a:hover{
  color: #8B4513;
  transition: 0.4s ease-in-out;
}
#sidebar h2 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: left;
  color: #8B4513;
  }


#sidebar ul li a {
 font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 3%;
    text-align: center;
    color: #000000;
}
#sidebar ol li a {
font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 3%;
    text-align: center;
    color: #000000;
}




/* Terms and conditions */

#tandc {
  padding: 60px 0;
}
#tandc h1 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: left;
  color: #000000;
}
#tandc h2 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #000000;
}
#tandc p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
}


#privacy-policy{
  padding: 60px 0;
}

.top-content h2 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: left;
  color: #000000;
}
.top-content h3 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #000000;
}
.top-content p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
  margin: 10px 0;
}
.top-content li {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
}
#self-service {
  padding: 60px 0;
}


/* Single blog page */

.main-single-div .nav-next a .post-title {
  padding-left: 4px;
  color: #000;
  font-size: 14px;
}
.main-single-div .navigation span{
  clip-path: unset;
  background: unset;
  font-size: 14px;
  padding: 0px;
}
.main-single-div  .navigation a{
  clip-path: unset;
  padding: 0;
  background: unset;
}
.main-single-div .nav-links {
  display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
}
.main-single-div .nav-previous a .post-title {
  padding-left: 4px;
  color: #000;
  font-size: 14px;
}
.main-single-div .navigation span {
  color: #8B4513;
}


@media (min-width: 1400px) {
    .container{
        max-width: 1440px !important;
    }
}


/* Single team page */
.single-team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.single-team-image {
    height: 635px;
    border-radius: 15px;
}


#single-team {
  padding: 60px 0;
}

.single-teampage-content h2 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 38px;
    line-height: 100%;
    letter-spacing: 2%;
    color: #8B4513;
    text-align: left;
}
.single-teampage-content h6 {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #5D666F;
  text-align: left;
  margin: 0;
  padding: 0;
}
.single-team-about-details p {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 206.99999999999997%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

#single-team .social-profiles a i {
  width: 33px;
  height: 33px;
  color: #FFFFFF;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 3px;
}
.social-profiles {
  display: flex;
  align-items: center;
  justify-content: left;
}

.meta-team-contact-box-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 0;
}
.team-contact-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #EAEAEA;
  background: #fff;
  padding: 12px 20px;
  margin-right: 16px;
}
.team-contact-box i {
  color: #8B4513;
  width: 28px;
  height: 28px;
  background: rgba(224, 10, 10, 0.40);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 9px;
}

#single-team .social-profiles a i:hover {
  background: #8B4513;
  transition: 0.4s ease-in-out;
  color: #fff;
}








/* Single Projects Page */

.single-projects-page {
    padding: 60px 0;
    position: relative;
}
.single-project-rightimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.single-project-rightimage {
    height: 500px;
}
.single-projects-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-projects-images {
    width: 100%;
    height: 500px;
}
.single-projects-title a {
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #8B4513;
}
.single-projects-title {
    padding: 20px 0;
}
.single-projects-content p {
 font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 182%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

.projects-single-boxes h5 {
    font-family: Poppins;
    font-weight: 600;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.projects-single-boxes p{
font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 182%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}
.projects-single-boxes h6 {
    font-family: Poppins;
    font-weight: 500;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 182%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    padding: 4px 0;
}
.single-projects-pointbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 12px;
}