@font-face {
    font-family: "visby";
    font-weight: 500;
    src: url("../fonts/VisbyCF-Medium.otf");
}
@font-face {
    font-family: "visby";
    font-weight: 600;
    src: url("../fonts/VisbyCF-DemiBold.otf");
}
@font-face {
    font-family: "visby";
    font-weight: 700;
    src: url("../fonts/VisbyCF-ExtraBold.otf");
}
@font-face {
    font-family: "visby";
    font-weight: 400;
    src: url("../fonts/VisbyCF-Regular.otf");
}
/* / global css starts here / */
body {
    overflow-x: hidden;
    transition: all 0.4s ease-in-out;
}
.btn {
    border-radius: 0px;
    padding: 9px 39px;
}
.btn-primary {
    background-image: linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    border: 0px;
    background-size: 300% 100%;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn-primary:hover {
    background-position: 100% 0;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
    color: #000;
    background-image: none;
}
/* / global css ends here / */
/* / font family starts here / */
h1,
h2 {
    text-transform: capitalize;
    line-height: 1.1;
    font-weight: 800;
}
/* h1,
h2 {
	text-transform: capitalize;
	line-height: 1.1;
	background: -webkit-linear-gradient(45deg, #ffffff, #ffffff4a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
} */
h3 {
    text-transform: capitalize;
    line-height: 1.1;
    font-weight: bold;
}
h4 {
    text-transform: capitalize;
    line-height: 1.1;
    font-weight: bold;
}
h5 {
    text-transform: capitalize;
    line-height: 1.1;
}
h6 {
    text-transform: capitalize;
    line-height: 1.1;
}
a {
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    line-height: 1.5;
    cursor: pointer;
}
/* / font family ends here / */
/* Prelaoder */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #000;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #fff;
    border-top: 6px solid #e7c24e;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* header starts here */
.header-link-row-wrapper {
    border-top: 0.5px solid #ffffff;
    border-bottom: 0.5px solid #ffffff;
}
.header-link-row-wrapper .headeri-icons-wrapper a {
    background: #fff;
    padding: 5px;
    color: #000;
    font-size: 20px;
    transition: all 0.4s ease-in-out;
}
header#header .header-links-wrapper .nav-link {
    padding: 13px 10px;
}
.header-link-row-wrapper .headeri-icons-wrapper a:hover {
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
}
header#header .header-links-wrapper .nav-link.active {
    color: #e9be47;
}
header#header .header-links-wrapper .nav-link.active {
    border-bottom: 3px solid #005783;
}
@media (max-width: 1024px) {
    header#header .header-links-wrapper .nav-link {
        padding: 13px 3px;
    }
}
/* mobile starts here */
.mobile-header-btn {
    display: none;
}
.mobile-header-wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 989;
    background: #7a6121;
}
.mobile-header-wrapper .close-icon {
    text-align: end;
    padding: 30px;
}
.mobile-header-wrapper .close-icon i {
    font-size: 30px;
}
.menu-mobile-wrapper li {
    border-bottom: 1px solid;
    padding: 12px;
    text-align: center;
}
.menu-mobile-wrapper li a {
    font-weight: 600;
    line-height: 1.1;
}
.mobile-header-wrapper .other-mobile-stuff-wrapper {
    padding-top: 24px;
}
.mobile-header-wrapper .other-mobile-stuff-wrapper li a {
    font-size: 22px;
}
.mobile-header-wrapper .close-icon button {
    background: transparent;
    border: 0px;
    color: #fff;
}
@media (max-width: 1024px) {
    .header-logo-row-wrapper .header-btn-wapper .btn {
        padding: 9px 22px;
    }
}
@media (max-width: 820px) {
    header#header {
        border-bottom: 1px solid #fff;
    }
    .header-link-row-wrapper {
        display: none;
    }
    .header-btn-wapper {
        display: none;
    }
    .mobile-header-btn {
        display: block;
    }
}
/* mobile ends here */
/* search starts here */
.search-wrapper {
    position: fixed;
    top: 0px;
    height: 100%;
    width: 100%;
    background: #7a6121f0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 9;
}
.search-wrapper .serach-form-wrapper {
    width: 50%;
    margin: 0px auto;
}
.search-wrapper .serach-form-wrapper input.form-control {
    height: 50px;
    border-radius: 0px;
    color: #fff;
}
.search-wrapper .serach-form-wrapper input.form-control::placeholder {
    color: #fff;
}
/* responsive starts here */
@media (max-width: 480px) {
    .search-wrapper .serach-form-wrapper {
        width: 85%;
    }
}
/* responsive ends here */
/* search ends here */
/* header ends here */
/* banner starts here */
.banner-sec {
    padding: 80px 0px;
    overflow-x: hidden;
}
.banner-content-wrapper h1 span {
    background: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-content-wrapper h1 p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 8px;
}
.rmv-bkg p,
.rmv-bkg h1,
.rmv-bkg h2,
.rmv-bkg h3,
.rmv-bkg h4,
.rmv-bkg h5,
.rmv-bkg ul,
.rmv-bkg ol,
.rmv-bkg figure,
.rmv-bkg ul li {
    background-color: #000 !important;
}
.banner-offering-wrapper ul li a.btn:hover {
    background: #fff;
    color: #000;
}
.banner-offering-wrapper ul li a.btn {
    font-size: 12px;
}
.banner-content-wrapper h4 {
    font-size: 20px;
}
.banner-content-wrapper h1 {
    font-size: 81px;
}
@media (max-width: 1400px) {
    .banner-content-wrapper h1 {
        font-size: 70px;
    }
    .banner-offering-wrapper ul li a.btn {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    .banner-content-wrapper h4 {
        font-size: 21px;
    }
    .banner-content-wrapper h1 {
        font-size: 60px;
        line-height: 67px;
    }
    .banner-offering-wrapper ul li a.btn {
        font-size: 10px;
    }
}
@media (max-width: 480px) {
    .banner-content-wrapper h1 {
        font-size: 33px;
        line-height: 40px;
    }
    .banner-content-wrapper h4 {
        font-size: 16px;
        line-height: 26px;
    }
}
@media (max-width: 280px) {
    .banner-offering-wrapper ul {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .banner-offering-wrapper ul::-webkit-scrollbar {
        background: #f3ce56;
        height: 7px;
    }
    .banner-offering-wrapper ul li a.btn {
        font-size: 10px;
        white-space: nowrap;
    }
    .banner-offering-wrapper ul::-webkit-scrollbar-thumb {
        background: black;
        height: 7px;
    }
}
div#maps {
    width: 100%;
    height: 400px;
}
#map {
    height: 350px;
    width: 100%;
}
/* banner ends here */
/* about starts here */
.about-sec {
    padding: 70px 0px;
    /* background-image: url("../img/about-bg.png"); */
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: -46% bottom;
}
.about-content-wrapper h2 span {
    background: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-content-wrapper h2 {
    font-size: 31px;
}
.about-img-wrapper figure {
    position: relative;
    overflow: hidden;
}

.about-img-wrapper figure::before {
    content: "";
    position: absolute;
    top: 100%;
    background: #f3c9514d;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
}

.about-img-wrapper figure:hover::before {
    top: 0px;
}
@media (max-width: 480px) {
    .about-content-wrapper h2 {
        font-size: 27px;
    }
}
/* about ends here */
/* codes starts here */
.post-codes {
    padding: 70px 0px;
}
.post-codes .post-codes-heading-wrapper h2 {
    font-size: 66px;
    font-weight: 800;
}
.codes-lists-wrapper .code-list-wrapper {
    flex: 0 0 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /* border-left: 1px solid #fff; */
    border-right: 1px solid #fff;
    height: 400px;
    overflow-y: scroll;
}
.codes-lists-wrapper .code-list-wrapper::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
.codes-lists-wrapper .code-list-wrapper::-webkit-scrollbar-thumb {
    background-color: #e7c150;
}
/* .codes-lists-wrapper .code-list-wrapper ul#cityList li {
	border-right: 1px solid #fff;
} */
.codes-lists-wrapper .code-list-wrapper ul#cityList {
    column-count: 2;
    column-gap: 0px;
}
.codes-lists-wrapper .code-list-wrapper ul#cityList li {
    border-left: 1px solid #fff;
}
.codes-lists-wrapper .code-list-wrapper li button {
    text-align: center;
    background: transparent;
    width: 100%;
    color: #fff;
    border: 0px;
    padding: 8px 0px;
}
.codes-lists-wrapper .code-list-wrapper li button.active {
    background-image: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    color: #000;
}
/* responsive starts here */
@media (max-width: 1024px) {
    .codes-lists-wrapper .code-list-wrapper li button {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .post-codes {
        padding-top: 0px;
    }
    .post-codes .post-codes-heading-wrapper h2 {
        font-size: 45px;
    }
}
/* responsive ends here */
/* codes ends here */
/* testimonials starts here */
.testimonails-sec {
    padding: 90px 0px;
    overflow-x: hidden;
}
.testimonails-sec .client-card-wrapper {
    height: 363px;
    width: 98%;
    overflow: hidden;
}
.testimonails-sec .client-card-wrapper:hover {
    background: #282828;
    transition: all 0.4s ease-in-out;
}
.testimonails-sec .slick-prev {
    top: unset;
    bottom: -14%;
    left: 3%;
}

.testimonails-sec .slick-prev::before {
    border: 1px solid;
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}
.testimonails-sec .slick-prev {
    top: unset;
    bottom: -14%;
    left: 3%;
}
.testimonails-sec .slick-next {
    top: unset;
    bottom: -14%;
    right: 93%;
}
.testimonails-sec .slick-next::before {
    border: 1px solid;
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(248,248,248,1)'%3E%3C/path%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-size: cover;
}
/* responsive starts here */
@media (max-width: 1440px) {
    .testimonails-sec .slick-next {
        right: 92.7%;
    }
}
@media (max-width: 1024px) {
    .testimonails-heading-wrap h2 {
        font-size: 47px;
    }
    .testimonails-sec .slick-next {
        right: 90.7%;
    }
    .testimonails-sec .testi-slider {
        padding-left: 0px !important;
    }
    .testimonails-sec .client-card-wrapper {
        width: 90%;
    }
}
@media (max-width: 800px) {
    .testimonails-sec .slick-prev {
        left: 6%;
    }
    .testimonails-sec .slick-next {
        right: 85.7%;
    }
    .serv-sec .btn-wrapper {
        text-align: left !important;
    }
    .testimonails-sec .test-btn-wrapper {
        text-align: left !important;
    }
}
@media (max-width: 480px) {
    .testimonails-sec .slick-next {
        right: 80.7%;
    }
}
@media (max-width: 280px) {
    .testimonails-heading-wrap h2 {
        font-size: 37px;
    }
    .testimonails-sec .slick-next {
        right: 74.7%;
    }
    .testimonails-sec .client-card-wrapper {
        width: 100%;
    }
}
/* responsive ends here */
/* testimonials ends here */
/* instagram starts here */
.insta-sec {
    padding: 30px 0px 100px 0px;
}
.follo-btn-wrapper span.fw-bolder {
    font-weight: 800 !important;
    font-family: "Satoshi";
}
.follo-btn-wrapper::before {
    background-image: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    padding: 15px;
    content: "";
    width: 240px;
    height: 240px;
    display: block;
    position: absolute;
    top: 47%;
    z-index: -1;
    transform: translate(-50%, -50%);
    left: 39%;
}

.follo-btn-wrapper {
    position: relative;
}
/* responsive starts here */

/* responsive ends here */
/* instagram ends here */
/* services starst here */
.serv-sec {
    padding: 100px 0px;
}
.service-tab-list-wrapper button:not(.active) {
    border: 1px solid #fff;
    border-radius: 0px;
}
.service-tab-list-wrapper button.active {
    background-image: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
    border-radius: 0px;
}
.service-tab-list-wrapper button {
    font-size: 11px;
}
.serve-box-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 22px;
}
.serve-box-wrapper .serve-content-wrapper {
    flex: 0 0 50%;
}
.serve-box-wrapper .serve-img-wrapper {
    flex: 0 0 50%;
}
.serve-box-wrapper .serve-content-wrapper h5 {
    font-size: 27px;
    text-transform: uppercase;
    font-family: "visby";
    font-weight: 400;
}

.serve-box-wrapper .serve-content-wrapper p,
.serve-box-wrapper .serve-content-wrapper a,
.serve-box-wrapper .serve-content-wrapper p,
.serve-box-wrapper .serve-img-wrapper {
    display: none;
}
.serve-box-wrapper .serve-content-wrapper h5 {
    font-size: 19px;
    width: 287px;
    display: block;
    margin: 0px;
    position: absolute;
    transform: rotate(-90deg);
    bottom: 47%;
    left: -67%;
}
.serve-box-wrapper {
    height: 335px;
    overflow: auto;
    padding: 0px;
    width: 309px;
    display: block;
    position: relative;
}

.serve-box-wrapper.serve-active {
    width: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    overflow: hidden;
}
.serve-active .serve-content-wrapper p,
.serve-active .serve-img-wrapper {
    display: block;
}
.serve-box-wrapper.serve-active .serve-content-wrapper h5 {
    transform: none;
    position: unset;
    font-weight: 500;
}
.serve-active .serve-content-wrapper a {
    display: inline-block;
}
.serve-active .serve-box-wrapper .serve-content-wrapper h5 {
    width: unset;
}
.service-tab-list-wrapper button:not(.active):hover {
    background: white;
    border: 1px solid #fff;
    color: #000;
}
.serve-active .serve-img-wrapper figure {
    position: relative;
    overflow: hidden;
}

.serve-active .serve-img-wrapper figure::before {
    content: "";
    position: absolute;
    top: 100%;
    background: #f3c9514d;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
}

.serve-active .serve-img-wrapper figure:hover::before {
    top: 0px;
}
.serve-active .serve-img-wrapper img {
    height: 209px;
    width: 100%;
    object-fit: cover;
}
/* responsive starts here */
@media (max-width: 1366px) {
    .serve-box-wrapper .serve-content-wrapper h5 {
        left: -92%;
    }
}
@media (max-width: 1280px) {
    .serve-box-wrapper .serve-content-wrapper h5 {
        left: -86%;
    }
}
@media (max-width: 1024px) {
    .serve-box-wrapper .serve-content-wrapper h5 {
        left: -113%;
    }
    .serv-sec
        .service-tab-list-wrapper
        ul::-webkit-scrollbar-thumb
        .serv-sec
        .container {
        padding-left: 0px !important;
        margin-left: 30px !important;
    }
}
@media (max-width: 820px) {
    .serve-box-wrapper .serve-content-wrapper h5 {
        left: -156%;
        font-size: 17px;
    }
    .serve-active .serve-img-wrapper {
        display: none;
    }
}
@media (max-width: 480px) {
    .serve-box-wrapper .serve-img-wrapper {
        margin-bottom: 20px !important;
    }
    .serve-box-wrapper {
        display: flex !important;
        flex-direction: column-reverse;
    }
    .serve-box-wrapper .serve-content-wrapper {
        flex: auto;
    }
    .serve-box-wrapper .serve-content-wrapper a {
        display: block;
    }
    .serve-box-wrapper {
        flex: 0 0 100%;
    }
    .serve-box-wrapper {
        height: auto;
        overflow: auto;
        padding: 20px;
        width: 100%;
        display: block;
        position: relative;
    }
    .serve-box-wrapper .serve-img-wrapper {
        display: block;
    }
    .serve-box-wrapper .serve-content-wrapper h5 {
        transform: none;
        position: unset;
    }
    .serve-box-wrapper .serve-content-wrapper p {
        display: block;
    }
    .serv-boxes-wrapper {
        flex-wrap: wrap;
    }
    .serve-active .serve-img-wrapper {
        display: block;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .serve-box-wrapper.serve-active {
        flex-direction: column-reverse;
        justify-content: center;
    }
}
@media (max-width: 280px) {
    /* .serve-box-wrapper {
        height: 500px;
    } */
    .serve-box-wrapper .serve-content-wrapper a {
        display: block;
        padding: 10px 0px;
        width: 200px;
        margin: 0 auto;
    }
    .serve-box-wrapper .serve-content-wrapper a {
        display: block;
        padding: 10px 0px;
        width: 200px;
        margin: 0 auto;
    }
    .serve-box-wrapper .serve-img-wrapper {
        display: block;
        height: 200px;
        flex: unset;
    }
    .serv-sec .service-tab-list-wrapper ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 10px;
    }
    .serve-box-wrapper .serve-content-wrapper {
        flex: auto;
        width: 100%;
    }
    .serv-sec .service-tab-list-wrapper ul li button {
        white-space: nowrap;
    }

    .serv-sec .service-tab-list-wrapper ul::-webkit-scrollbar {
        background: #f3ce56;
        height: 7px;
    }

    .serv-sec .service-tab-list-wrapper ul::-webkit-scrollbar-thumb {
        background: black;
        height: 7px;
    }
    .serve-box-wrapper .serve-content-wrapper h5 {
        transform: none;
        position: unset;
        overflow: hidden;
        text-overflow: ellipsis;
        left: unset !important;
        white-space: nowrap;
        width: 100%;
    }
}
/* services ends here */
.project-sec img {
    pointer-events: none;
}
.insta-sec ul a {
    position: relative;
    overflow: hidden;
    display: block;
}

.insta-sec ul a::before {
    content: "";
    position: absolute;
    top: 100%;
    background: #f3c9514d;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
}

.insta-sec ul a:hover::before {
    top: 0px;
}
@media (max-width: 1024px) {
    .insta-sec h2 {
        font-size: 47px;
    }
    .follo-btn-wrapper::before {
        width: 219px;
        height: 219px;
    }
}
@media (max-width: 820px) {
    .follo-btn-wrapper::before {
        width: 100%;
        left: unset;
        top: unset;
        transform: unset;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .follo-btn-wrapper span.fw-bolder {
        text-align: center;
        display: block;
    }
}
@media (max-width: 480px) {
    .insta-sec h2 {
        font-size: 35px;
    }
    .insta-sec {
        padding-bottom: 0px;
    }
}
/* whats app starts here */
.whats-app-img-wrapper img {
    transform: scale(0.8);
}
/* newsletter starts here */
.newsletter-sec {
    padding: 60px 0px 100px 0px;
}
.newsletter-content-wrapper h2 {
    font-size: 66px;
}
.newwsletter-form-wrapper input.form-control:focus {
    box-shadow: none;
    border: 0px;
}
.newwsletter-form-wrapper input.form-control::placeholder {
    color: #ffffff85;
    font-size: 12px;
}
/* responsive starts here */
@media (max-width: 1280px) {
    .newsletter-content-wrapper h2 {
        font-size: 57px;
    }
}
@media (max-width: 1024px) {
    .newsletter-content-wrapper h2 {
        font-size: 47px;
    }
}
@media (max-width: 480px) {
    .newsletter-content-wrapper h2 {
        font-size: 35px;
    }
}
/* responsive ends here */
/* newsletter ends here */
/* footer starts here */
footer {
    padding-top: 70px;
    background-image: -webkit-linear-gradient(
        180deg,
        hsl(45deg 76% 61%) 0%,
        hsl(46deg 82% 63%) 9%,
        hsl(46deg 88% 65%) 18%,
        hsl(46deg 95% 67%) 27%,
        hsl(45deg 93% 66%) 36%,
        hsl(44deg 78% 59%) 45%,
        hsl(42deg 67% 53%) 55%,
        hsl(41deg 70% 46%) 64%,
        hsl(42deg 67% 47%) 73%,
        hsl(43deg 63% 51%) 82%,
        hsl(45deg 69% 56%) 91%,
        hsl(47deg 76% 61%) 100%
    );
}
.footer-icons-wrapper ul li a {
    background: #000;
    padding: 5px;
    color: #fff;
    font-size: 20px;
}
.footer-menu-list-wrapper ul li {
    flex: 0 0 25%;
    margin: 11px 0px;
}
.footer-menu-list-wrapper ul {
    justify-content: space-between;
}
.footer-heading-wrapper h3 {
    font-size: 35px;
    font-weight: 800;
}
.footer-widget-wrapper p {
    font-size: 14px;
}
.footer-list-wrapper li span,
.footer-list-wrapper li a:not(.btn) {
    color: #000;
}
.footer-list-wrapper li .num-wrap {
    flex: 0 0 40%;
}
.footer-list-wrapper li {
    margin-bottom: 20px;
}
footer#footer .footer-head-wrapper h4 {
    font-weight: 800 !important;
    font-family: "Satoshi";
}
.footer-menu-list-wrapper ul li a {
    font-size: 14px;
}
.merchat-logo-wrapper img {
    height: 83px;
}
/* responsive starts here */
@media (max-width: 1366px) {
    footer#footer .footer-head-wrapper h4 {
        font-size: 25px;
    }
    .footer-heading-wrapper h3 {
        font-size: 30px;
    }
}
@media (max-width: 1024px) {
    .footer-list-wrapper li .num-wrap {
        margin-right: 17px;
    }
    footer#footer .footer-project-wrapper ul {
        flex-wrap: wrap;
    }
    footer#footer .footer-content-wrapper {
        padding: 0px !important;
    }
}
@media (max-width: 280px) {
    .footer-list-wrapper li a {
        font-size: 13px;
    }
    .g-recaptcha div:first-child,
    .g-recaptcha iframe {
        width: 254px !important;
    }
}
/* responsive ends  here */
/* footer ends here */