/* google-font-link */
/* lato */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
/* great vibes */

@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");

/* general css */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
p {
    margin-bottom: 0px;
}
ul,
ol,
dl {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
body {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
}
/*:root {*/
/*    --main-color: #876553;*/
/*    --main-light-color: #d39a7c;*/
/*    --bg-color1: #eac5b1;*/
/*    --bg-color2: #f9f2f0;*/
/*    --bg-color-dark: #e8c1b0;*/
/*    --heading-color: #343434;*/
    /*--para-color: #514a4a;*/
/*     --para-color: #a0a0a0;*/
/*    --normal-font-family: "Lato", sans-serif;*/
/*    --cursive-font-family: "Great Vibes", cursive;*/
/*}*/


:root {
    --main-color: #cb7cf8;
    --main-light-color: #9e5fb0;
    --bg-color1: #9e5fb0cc;
    --bg-color2: #9a5daa30;
    --bg-color-dark: #a264b3;
    --heading-color: #343434;
    /*--para-color: #514a4a;*/
     --para-color: #747474;
    --normal-font-family: "Lato", sans-serif;
    --cursive-font-family: "Great Vibes", cursive;
}
section {
    max-width: 100%;
}
img {
    max-width: 100%;
}
.body-wrapper {
    max-width: 100%;
}
.section-padding {
    padding: 40px 0px;
}
/* buttons */
.main-btn {
    background-color: #fff;
    color: var(--main-light-color);
    font-size: 16px;
    font-weight: 400;
    font-family: var(--normal-font-family);
    padding: 10px 10px;
    border: 2px solid var(--main-color);
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 10px;
    text-transform: uppercase;
}
.main-btn:hover {
    background-color: var(--main-color);
    color: #fff;
}
.second-btn {
    background-color: var(--main-light-color);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--normal-font-family);
    padding: 10px 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 10px;
    text-transform: uppercase;
}
.second-btn:hover {
    background-color: #fff;
    color: var(--main-color);
    border: 2px solid var(--main-color);
}
/* navbar */
.upper-nav{
    /*border-bottom: 1px solid #7b7070;*/
    width: 100%;
    display: flex;
    justify-content: end;
    padding-bottom:10px;
}
.main-nav {
    padding: 20px 20px;
    background-color: white;
}
.main-nav .navbar-header .main-logo-con {
    width: 200px;
}
.main-nav .navbar-header .main-logo-con img {
    max-width: 90%;
}
.main-nav .navbar-header .nav-content .upper-nav ul li a {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--normal-font-family);
    color: #333333;
    cursor: pointer;
    transition: all 0.3s ease;
}
.main-nav .navbar-header .nav-content .upper-nav ul li a:hover {
    color: var(--bg-color-dark);
}
.main-nav .navbar-header .nav-content .upper-nav ul li a i {
    margin-right: 7px;
    font-size: 17;
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a {
    font-size: 15px;
    margin-right: 10px;
    color: var(--para-color);
    font-family: var(--normal-font-family);
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li {
    position: relative;
    /* padding: 5px; */
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0%;
    height: 2px;
    background-color: #ca7aff;
    content: "";
    transition: all 0.25s ease;
    -webkit-transition: all.25s ease;
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a:hover::after,
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a.active::after {
    width: 100%;
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a:hover {
    color: var(--heading-color);
}
.main-nav .navbar-header .nav-content .lower-nav .nav-items li a:focus {
    border: 1px dashed var(--para-color);
}
/* mobile-nav */
.mobile-nav {
    display: none;
}
.mobile-nav .bg-dark {
    background: white !important;
}
.mobile-nav .navbar-brand img,
.mobile-nav .offcanvas-title img {
    max-width: 63%;
}
.mobile-nav .navbar-toggler {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-nav .navbar-toggler i {
    color: #343434;
    font-size: 30px;
}
.mobile-nav .navbar-toggler:focus {
    outline: none !important;
    border: 1px dashed #343434 !important;
    box-shadow: none !important;
}
.mobile-nav .navbar-toggler-icon {
    background-image: none !important;
    height: auto !important;
    width: auto !important;
}
.mobile-nav .btn-close-white {
    font-size: 30px;
}
.mobile-nav .offcanvas-body {
    padding: 20px 20px;
}
.mobile-nav .offcanvas-body .nav-item a {
    font-size: 19px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    padding-left: 5px;
}
.mobile-nav .offcanvas-body .nav-item a:hover {
    color: var(--main-color);
}
.mobile-nav .offcanvas-body .nav-item a:focus {
    border: 1px dashed var(--main-color);
}
.mobile-nav .offcanvas-body .contact ul li {
    color: var(--bg-color-dark);
    font-size: 17px;
    font-weight: 500;
}
.mobile-nav .offcanvas-body .contact ul li i {
    color: var(--main-color);
    font-size: 20px;
    margin-right: 10px;
}
.mobile-nav .social-icons i {
    color: #fff;
    font-size: 16px;
    padding: 13px 15px;
    background: var(--main-light-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}
.mobile-nav .social-icons i:hover {
    color: var(--main-color);
    background: #fff;
}
.mobile-nav .navbar > .container-fluid {
    display: flex;
    flex-wrap: unset !important;
}
/* banner-slider */
.slider-section .slider-container .slider-sec {
    height: 70vh;
    position: relative;
}
.slider-section .slider-container .slider-sec .slider-img {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 11;
}
.slider-section .slider-container .slider-sec .slider-img .desktop-image{
    display:block;
}
.slider-section .slider-container .slider-sec .slider-img .mobile-image{
    display:none;
}
.slider-section .slider-container .slider-sec .slider-text {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 25%;
    left: 0%;
    right: 0%;
    z-index: 99;
    padding: 0px 55px;
}
.slider-section .slider-container .slider-sec .slider-text .slider-text-inner {
    padding: 10px 10px;
}
.slider-section
    .slider-container
    .slider-sec
    .slider-text
    .slider-text-inner
    span
    i {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
.slider-section
    .slider-container
    .slider-sec
    .slider-text
    .slider-text-inner
    h2, .slider-section
    .slider-container
    .slider-sec
    .slider-text .slider-text-inner h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 500;
    font-family: var(--cursive-font-family);
    margin-bottom: 15px;
}
.slider-section
    .slider-container
    .slider-sec
    .slider-text
    .slider-text-inner
    p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    font-family: var(--normal-font-family);
    max-width: 850px;
}
.slider-section .slider-container .slider-sec .slider-img img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.swiper {
    width: 100%;
    height: 100%;
}
.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
}
.swiper-button-prev,
.swiper-button-next {
    color: #ffffff !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 35px !important;
    font-weight: 900 !important;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background: var(--bg-color-dark) !important;
}
/* our-features */
.section-padding .section-heading h2 {
    font-size: 45px;
    font-family:var(--cursive-font-family);
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}
.section-padding .section-heading {
    position: relative;
}

.section-padding .section-heading h2::before {
    content: "";
    display: block;
    position: absolute;
    top: 29%;
    left: 36%;
    width: 55px;
    height: 20px;
    background-image: url(../images/features/title-left-deco.png);
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
.section-padding .section-heading h2::after {
    content: "";
    display: block;
    position: absolute;
    top: 29%;
    right: 32%;
    width: 55px;
    height: 20px;
    background-image: url(../images/features/title-right-deco.png);
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
.our-features .feature-card-text {
    padding: 10px 20px;
}
.our-features .feature-card-text h3 {
    font-size: 28px;
  color: #343434;
  margin-bottom: 20px;
  font-weight: 300;
  font-family: var(--normal-font-family);
  font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.our-features .feature-card-text p {
    font-size: 16px;
  color: var(--para-color);
  margin-bottom: 20px;
  font-weight: 300;
  font-family: var(--normal-font-family);
}

/* Our Services */
.our-services {
    background: var(--bg-color2);
}
.service-card {
    position: relative;
    width: auto;
    height: 500px;
}
.service-card2 {
    /*height: 240px;*/
    position: relative;
    width: auto;
}

.service-card .content-overlay,
.service-card2 .content-overlay {
    background: rgba(0, 0, 0, 0.567);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.service-card:hover .content-overlay,
.service-card2:hover .content-overlay {
    opacity: 1;
}
.service-card .service-img,
.service-card2 .service-img {
    width: 100%;
    height: 100%;
}
.service-card .service-img img,
.service-card2 .service-img img {
    width: 100%;
    height: 100%;
}

.service-text.service-text1 {
    position: absolute;
    width: 80%;
    top: 20%;
    left: 40%;
    opacity: 0;
    background: var(--main-light-color);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.234s ease-in-out;
    -moz-transition: all 0.324s ease-in-out;
    transition: all 0.234s ease-in-out;
}
.service-card2 .service-text.service-text2 {
    position: absolute;
    width: 80%;
    bottom: 0%;
    left: 40%;
    opacity: 0;
    background: var(--main-light-color);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.234s ease-in-out;
    -moz-transition: all 0.324s ease-in-out;
    transition: all 0.234s ease-in-out;
}
.service-card:hover .service-text.service-text1 {
    width: 80%;
    top: 20%;
    left: 40%;
    opacity: 0.78;
    z-index: 1;
}
.service-card2:hover .service-text.service-text2 {
    width: 80%;
    bottom: 0%;
    left: 40%;
    opacity: 0.78;
    z-index: 1;
}
.service-text .inner-text {
    padding: 10px 20px;
    width: fit-content;
    position: relative;
    z-index: 99;
}
.service-text .inner-text h3 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--normal-font-family);
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
}
.service-text .inner-text h3::after {
    display: block;
    position: relative;
    left: 0%;
    bottom: 0px;
    width: 0%;
    height: 2px;
    background-color: #fff;
    content: "";
    transition: width 0.235s ease;
    -webkit-transition: width 0.235s ease;
}
.service-card:hover .service-text .inner-text h3::after {
    width: 100%;
}
.service-text .inner-text a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    margin-left: 50px;
}
.service-text .inner-text a i {
    margin-left: 5px;
    font-size: 20px;
}

.fadeIn-left {
    left: 20%;
}
/* about-us */
.about-us {
    background: url(../images/homes-bg.png) no-repeat;
    background-position: center;
}
.about-us .about-con {
    padding: 20px 20px;
}
.about-con .about-con-img img {
    border-radius: 100%;
    height: 300px;
    width: 300px;
    border: 8px solid var(--bg-color1);
}
.about-con .about-con-text h3 {
    color: #343434;
  font-family: var(--cursive-font-family);
  font-size: 45px;
  font-weight: 500;
}
.about-con .about-con-text span i {
    font-size: 30px;
    color: var(--main-light-color);
}
.about-con .about-con-text p {
    color: var(--para-color);
    font-size: 16px;
    font-weight:300 ;
    text-align: center;
}

.about-us.section-padding .section-heading h2::before {
    left: 38%;
}
.about-us.section-padding .section-heading h2::after {
    right: 33%;
}
/* our-blogs */
.our-blogs .our-blog-sec {
    padding: 20px 20px;
    background: #fff;
    border: 2px solid var(--main-light-color);
}
.our-blogs .our-blog-sec .blog-img img {
    height: 200px;
    width: 200px;
    border-radius: 8px;
    padding: 8px;
    border: 1px dashed var(--main-color);
}
.our-blogs .our-blog-sec .blog-text h3 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--normal-font-family);
    /*text-transform: uppercase;*/
     text-transform: Capatilaze;
}
.our-blogs .our-blog-sec .blog-text p {
    color: var(--para-color);
    font-size: 16px;
    font-weight:400;
    margin-bottom:10px;
}
.our-blogs .load-more a {
  font-size: 18px;
  color: #343434;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s ease;
}
.our-blogs .load-more a i {
  margin-right: 5px;
  font-size: 20px;
  color: #343434;
}
.our-blogs .load-more a:hover {
  text-decoration: underline;
}
/* our-textimonials */
.our-testimonials {
    background: url(../images/noise-texture.png);
    background-repeat: repeat;
}
.our-testimonials h2 {
    color: #fff;
}
.our-testimonials .section-heading h2::before {
    left: 33%;
    background-image: url(../images/features/title-left-deco-w.png);
}
.our-testimonials .section-heading h2::after {
    right: 29%;
    background-image: url(../images/features/title-right-deco-w.png);
}
.testimonial-section {
    padding: 20px;
}

.testimonial-section .test-img img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
}
.testimonial-section .test-text {
    padding: 20px 10px;
    text-align: center;
}
.testimonial-section .test-text i {
    font-size: 20px;
    color: #fff;
}
.testimonial-section .test-text p {
    color: #fff;
    font-size: 18px;
    font-weight:300 ;
    max-width: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-style:italic;
}
.testimonial-section .test-text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: right;
}
/* our-awards */
.our-awards .awards-slider {
    padding: 10px 20px;
}
.our-awards .awards-slider .slider-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-awards .awards-slider .slider-img i {
    font-size: 60px;
    color: #808080;
}
.our-awards .swiper-button-prev,
.our-awards .swiper-button-next {
    color: #808080 !important;
}

/* contact-us */
.contact-us .contact-card {
    padding: 20px 20px;
}
.contact-us .contact-card i {
    font-size: 35px;
    color: #343434;
}
.contact-us .contact-card p {
    color: var(--para-color);
    font-size: 16px;
    font-weight: 400;
}
.contact-us .contact-card h5 {
    color: #343434;
    font-size: 18px;
    font-weight: 400;
}
/* footer */
.footer {
    padding: 20px 0px;
    background-image: linear-gradient(to right, #a061b3a3, #995ba9a1), url(../images/footer/sc_slide3_1920w-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.footer h3 {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--normal-font-family);
    color: #fff;
    margin-bottom: 20px;
}

.footer ul li,
p {
    font-size: 16px;
    font-weight:400 ;
    font-family: var(--normal-font-family);
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}
.footer ul li:hover {
    text-decoration: underline;
}
.footer i {
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
    margin-top:6px;
}
.footer form input,
.footer textarea {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 8px;
    text-transform: capitalize;
    width: 100%;
}
.footer form input:focus,
.footer textarea:focus {
    outline: none;
}
.footer form input::placeholder,
.footer textarea::placeholder {
    color: #fff;
}
.footer form button {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 8px;
    text-transform: capitalize;
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.footer form button:hover {
    background-color: #fff;
    color: var(--main-color);
}
.footer .social-icons {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.footer .social-icons:hover {
    color: var(--main-color);
}
/* back-to-top */
#back-to-top-btn {
    display: none; /* Hide the button by default */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99; /* Ensure it stays above other elements */
    font-size: 18px;
    padding: 6px 12px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    background: #333;
}

#back-to-top-btn:hover {
    background-color: #555; /* Darker background color on hover */
}
/* about-us-page */
.about-us-banner {
    background-image:  linear-gradient(to right, #744c7f40, #936c9dc2),
        url(../images/about-us/background-img.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-us-banner h2, .about-us-banner h1 {
    font-size: 50px;
    font-family: var(--cursive-font-family);
    font-weight: 400;
    text-align: center;
    padding: 60px 0px;
    color: #fff;
}
.section-padding.about-us-content-1 .section-heading h2::before {
    background-image: none;
}
.section-padding.about-us-content-1 .section-heading h2::after {
    background-image: none;
}
.section-padding.about-us-content-1 .section-para p {
    color: var(--para-color);
    font-size: 16px;
    font-weight:400 ;
}
.about-us-mission {
    background: none;
}
.about-page-con-sec-new.about-con {
    border: 1px dashed var(--para-color);
}
/* contact-us-page */
.contact-us-page-sec form input:not[type=checkbox],
.contact-us-page-sec textarea {
    background: transparent;
    border: 1px dashed var(--para-color);
    color: var(--para-color);
    padding: 5px 8px;
    text-transform: capitalize;
    width: 100%;
}
.contact-us-page-sec form input:focus,
.contact-us-page-sec textarea:focus {
    outline: none;
}
.contact-us-page-sec form input::placeholder,
.contact-us-page-sec textarea::placeholder {
    color: var(--para-color);
}
.contact-us-page-sec form button {
    background: var(--bg-color1);
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
}
.contact-us-page-sec form button:hover {
    background-color: transparent;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}
.form-control:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: #fff;
}
.contact-us-page-sec form input:focus,
.contact-us-page-sec textarea:focus {
    border-color: #a0a0a0;
}
.auto{width: auto !important;height: auto !important;}
.employment-form-section.modal-content h5{
  color: var(--para-color);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  font-family: var(--cursive-font-family);
  border-bottom: 1px solid var(--para-color);
  width: fit-content;
}

    .mobile-nav .upper-nav ul li a i{
    font-size: 14px;
    }
@media (max-width: 390px) {
    .mobile-nav .upper-nav ul li a{
    font-size: 12px;
    }
    
    .mobile-nav .upper-nav ul li a i{
    font-size: 12px;
    }
    
}