* {
    margin: 0;
    padding: 0;
    font-family: "inter-regular", sans-serif;
}

@font-face {
    font-family: "inter-extra-light";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-ExtraLight.ttf) format('opentype');
}

@font-face {
    font-family: "inter-extra-light-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-ExtraLightItalic.ttf) format('opentype');
}

@font-face {
    font-family: "inter-light";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-Light.ttf) format('opentype');
}

@font-face {
    font-family: "inter-light-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-Italic.ttf) format('opentype');
}

@font-face {
    font-family: "inter-regular";
    src: url(https://wittymarketers.com/assets/fonts/Inter_28pt-Regular.ttf) format('opentype');
}

@font-face {
    font-family: "inter-medium";
    src: url(https://wittymarketers.com/assets/fonts/Inter_28pt-Medium.ttf) format('opentype');
}

@font-face {
    font-family: "inter-medium-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_28pt-MediumItalic.ttf) format('opentype');
}

@font-face {
    font-family: "inter-semibold";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-SemiBold.ttf) format('opentype');
}

@font-face {
    font-family: "inter-semibold-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-SemiBoldItalic.ttf) format('opentype');
}

@font-face {
    font-family: "inter-bold";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-Bold.ttf) format('opentype');
}

@font-face {
    font-family: "inter-bold-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-BoldItalic.ttf) format('opentype');
}

@font-face {
    font-family: "inter-extra-bold";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-ExtraBold.ttf) format('opentype');
}

@font-face {
    font-family: "inter-extra-bold-italic";
    src: url(https://wittymarketers.com/assets/fonts/Inter_18pt-ExtraBoldItalic.ttf) format('opentype');
}

.position-relative {
    position: relative;
    width: 0vw;
    margin: 0vw;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.text-align-center {
    text-align: center;
}

.div-center-f-dir-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.div-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-h-center {
    display: flex;
    justify-content: center;
}

.div-v-center {
    display: flex;
    align-items: center;
}

.div-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.div-h-space-between {
    display: flex;
    justify-content: space-between;
}

.div-space-even {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.div-space-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.blue-txt {
    color: #1D95BD;
}

.white-txt {
    color: #ffffff;
}

.main-container {
    position: relative;
    overflow: hidden;
    min-width: 100%;
    min-height: 100vh;
    z-index: 3;
    background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/dots-pattern.png");
    background-repeat: no-repeat;
    background-color: #F7FCFF;
    background-size: contain;
    background-position: top 0 left 0;

    /* background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/dots-pattern.png"),url("https://wittymarketers.com/assets/images/home-pg-assets/Curve-line-whole-page.png");
    background-repeat: no-repeat,no-repeat;
    background-color: #F7FCFF;
    background-size: contain, 183vw;
    background-position: top 0 left 0, top -26vw right -17vw; */
}

.page-container {
    position: relative;
    overflow: hidden;
    min-width: 100%;
    min-height: 100vh;
    background-color: #F7FCFF;
    z-index: 3;
}

.nav-bar-container {
    position: relative;
    z-index: 3;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.nav-container {
    margin-top: 2.75vw;
    width: 90vw;
    height: 6vw;
    background-color: #ecefec;
    border-radius: 4vw;
    box-shadow: -2px 4px #838783;
}

.mob-menu-container {
    display: none;
}

.mob-menu-opt-container {
    display: none;
    position: absolute;
    top: 9vw;
    background-color: aliceblue;
    width: 100%;
    justify-content: center;
}

.mob-menu-opt-container ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mob-menu-opt-container ul li {
    list-style: none;
    margin: 1vw 0vw;
    line-height: 1;
}

.mob-menu-opt-container ul li a {
    text-decoration: none;
    color: black;
    font-size: 3.5vw;
    font-family: 'inter-semibold', sans-serif;
}

.brand-container {
    margin-left: 3vw;
    margin-top: 1vw;
    width: 13vw;
    height: 3.75vw;
}

.brand-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.menu-container {
    margin-right: 3vw;
}

.menu-container ul {
    display: flex;
    margin: 0;
}

.menu-container ul li {
    list-style: none;
    margin: 1vw;
}

.menu-container ul li a {
    font-family: "inter-semibold", sans-serif;
    text-decoration: none;
    color: #191919;
    font-size: 1.25vw;
    font-weight: bold;
}

/* .home-pg-main-container{
    background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/dots-pattern.png");
    background-repeat: no-repeat;
    background-size: contain;    
    background-position: top 0 left 0;
} */
.home-pg-curveline-bg-container {
    position: absolute;
    top: -11.25vw;
    right: 43.5vw;
    width: 112%;
    height: 100.5%;
    z-index: -1;
}

.home-pg-curveline-bg-container img {
    width: 150%;
    height: 128%;
}

.tab-bg-whole-curve-line {
    display: none;
}

.mob-bg-whole-curve-line {
    display: none;
}

.home-pg-top-container {
    margin: 6.5vw 0 0 7vw;
    display: flex;
}

.hanged-painting-person-anim-container {
    position: absolute;
    width: 45vw;
    top: 10vw;
    right: 1.5vw;
    height: 43.5vw;
    /* position: absolute;
    width: 65vw;
    top: 10vw;
    right: -8.75vw;
    height: 43.5vw; */
}

.hanged-painting-person-anim-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-container p {
    margin: 0;
}

.home-pg-h {
    font-family: "inter-bold", sans-serif;
    font-size: 5vw;
    font-weight: bold;
}

.home-pg-h2-container span {
    font-family: "inter-bold-italic", sans-serif;
    font-size: 5vw;
    font-weight: bold;
    /* background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/brush-line.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;    
    background-position: bottom 0 left 0; */
}

.top-txt-container {
    line-height: 1.25;
    /* margin-left: 1.5vw;
    word-spacing: 0.25vw; */
}

/* .anim-l-r-nd {
    position: relative;
    animation-name: text-left-right-nd;
    animation-duration: 3s;
    animation-direction: normal;
    animation-iteration-count: 1;
} */
.anim-l-r-nd {
    position: relative;
    visibility: hidden;
    left: -100vw;
}

.anim-l-r-d {
    position: relative;
    visibility: hidden;
    left: -100vw;
}

.anim-opacity-reduce {
    opacity: 0;
}

.anim-t-t-b-1 {
    position: relative;
    top: -50vw;
}

/* .anim-l-r-d {
    position: relative;
    animation-name: text-left-right;
    animation-duration: 3s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-delay: 2s;
    animation-timing-function: ease-out;
    visibility: hidden;
} */

/* @keyframes text-left-right-nd {
    from {
        left: -100vw;
    }

    to {
        left: 0vw;
    }
} */

/* @keyframes text-left-right {
    from {
        left: -100vw;
    }

    to {
        left: 0vw;
    }
} */



.home-pg-top-txt-container {
    width: 60vw;
    margin-top: 2vw;
}

.home-pg-top-container-mob-tab {
    display: none;
}

.home-pg-top-txt-container p {
    font-family: "inter-regular", sans-serif;
    font-size: 2vw;
    font-style: italic;
}

.home-pg-top-txt-container p span {
    font-family: "inter-semibold-italic", sans-serif;
}

.home-pg-top-btn-container {
    display: flex;
    margin-top: 3vw;
}

.home-pg-btn {
    padding: 1vw 2vw;
}

.home-pg-btn a {
    font-family: "inter-semibold-italic", sans-serif;
    font-size: 2vw;
    /* font-weight: bold; */
}

.home-pg-btn1-container a {
    color: white;
    text-decoration: none;
}

.home-pg-btn1-container a:hover {
    color: white !important;
    text-decoration: none !important;
}

.home-pg-btn2-container a {
    color: black;
    text-decoration: none;
}

.home-pg-btn2-container a:hover {
    color: black !important;
    text-decoration: none !important;
}


.home-pg-btn1-container {
    background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/home-pg-btn1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top 0 left 0;
}

.home-pg-btn2-container {
    background-image: url("https://wittymarketers.com/assets/images/home-pg-assets/home-pg-btn2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top 0 left 0;
    margin-left: 4vw;
}

.home-pg-second-top-container {
    margin: 4vw 0 0 7vw;
}

.home-pg-second-top-container {
    margin: 12vw 0 0 7vw;
    display: flex;
}

.home-pg-i-h {
    font-family: "inter-semibold-italic", sans-serif;
    font-size: 3vw;
    font-style: italic;
}

.home-pg-second-top-txt-h-container {
    font-family: "inter-semibold", sans-serif;
    font-size: 2.75vw;
    font-weight: bold;
    margin-top: 3vw;
}

.home-pg-second-top-txt-h-container span {
    font-family: "inter-semibold-italic", sans-serif;
    color: #1D95BD;
}

.home-pg-second-top-txt {
    width: 36vw;
    font-family: "inter-regular", sans-serif;
    font-size: 2vw;
    font-style: italic;
    margin-top: 2vw;
}

.flaoting-person-gear-bg-anim-container {
    width: 50vw;
    position: absolute;
    top: 56vw;
    right: 2vw;
}

.flaoting-person-gear-bg-anim-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.flaoting-person-anim-container {
    position: relative;
    width: 46vw;
    /* height: 50vw; */
    margin-left: 6vw;
    z-index: -2;
}

.flaoting-person-anim-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bulb-glow-anim-container {
    width: 50vw;
    position: absolute;
    top: 52vw;
    right: 2vw;
}

.bulb-glow-anim-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* bulb glow image-boy anim css starts */
.glow-bulb-floating-person-anim-container {
    position: relative;
}

.glow-bulb-background-image-container {
    position: absolute;
    z-index: -2;
    left: 6vw;
    top: 3vw;
    width: 47vw;
}

.glow-bulb-background-image-container img {
    object-fit: cover;
    width: 100%;
}

.glow-bulb-floating-person-image-container {
    position: absolute;
    z-index: -2;
    left: 35vw;
    top: 9vw;
    width: 13vw;
    animation: rotate-glow-bulb-boy 10s linear infinite;
}

.glow-bulb-floating-person-image-container img {
    object-fit: cover;
    width: 100%;
}

.bulb-glow-bulb-image-container {
    position: absolute;
    top: 11vw;
    left: 10vw;
    animation: rotate-bulb 10s linear infinite;
}

.bulb-center-bubble-image-container {
    position: absolute;
    width: 5.75vw;
    top: 8vw;
    /* left: 8.7vw; */
    animation: rotate-bulb 10s linear infinite;
}

@keyframes rotate-glow-bulb-boy {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-15deg);
    }
}

@keyframes rotate-bulb {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(25deg);
    }
}

.bulb-without-center-bubble-image-container {
    width: 100%;
}

.bulb-glow-image-container {
    position: absolute;
    width: 26vw;
}

.bulb-glow-image-container img {
    object-fit: cover;
    width: 100%;
}

.bulb-image-container {
    position: relative;
    width: 23.5vw;
    z-index: 2;
}

.bulb-image-container img {
    object-fit: cover;
    width: 100%;
}

.inclined-divs-container {
    margin-top: 25vw;
    width: 100%;
    /* height: 30vw; */
    margin-bottom: 6vw;
}

.inclined-divs-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inclined-div {
    background-color: #191919;
    font-family: "inter-extra-bold", sans-serif;
    font-weight: bolder;
    font-size: 2.75vw;
    width: 140vw;
    position: relative;
    left: -5vw;
    overflow: hidden;
    white-space: nowrap;
    height: 5vw;
}

.scroll {
    display: flex;
    width: max-content;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 100%;
}

.scroll p {
    display: inline-block;
    margin: 0;
}

.inclined-div-social-media .scroll,
.inclined-div-seo .scroll {
    animation: scroll-left 45s linear infinite;
}

.inclined-div-branding .scroll {
    animation: scroll-right 45s linear infinite;
}


.inclined-div-social-media {
    transform: rotate(7deg);
    z-index: 3;
}

.inclined-div-branding {
    transform: rotate(3deg);
}

.inclined-div-seo {
    transform: rotate(5deg);
    margin-top: 2vw;
}

/* Directions */
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes scroll-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}





.home-pg-card-container-first {
    margin: 4vw 0 0 7vw;
}

.home-pg-custom-card {
    line-height: 1.25;
    width: 20vw;
}

.home-pg-card-tittle-container span {
    font-family: "inter-bold", sans-serif;
    font-size: 2.6vw;
    font-weight: bold;
    text-align: center;
}

.home-pg-card-desc-container p {
    font-family: "inter-semibold", sans-serif;
    font-size: 1.8vw;
    font-style: italic;
    text-align: center;
    margin-top: 0.25vw;
}

.seo-card {
    margin: 5vw 7vw 0 0;
}

.home-pg-card-container-second {
    margin-right: 5vw;
}

.content-creation-card {
    width: 25vw;
    margin-top: 3vw;
}

.content-creation-card span {
    width: 12vw;
}

.whyus-container {
    margin: 4vw 0 0 7vw;
    position: relative;
    display: flex;
}

.whyus-container-h-txt-container {
    font-family: "inter-regular", sans-serif;
    font-size: 1.8vw;
    font-style: italic;
}

.whyus-li-container {
    margin-left: 3vw;
}

.whyus-li-container li {
    padding: 1vw 0.5vw;
    margin: 1.5vw 0;
}

.whyus-li-container li::marker {
    color: #1D95BD;
}

.whyus-li-container li:nth-child(1) {
    width: 30vw;
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/brush-line.png);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom 0.25vw left -0.5vw;
}

.whyus-li-container li:nth-child(2) {
    margin-left: 10vw;
    width: 35vw;
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/brush-line.png);
    background-repeat: no-repeat;
    background-size: 100% 8%;
    background-position: bottom 0.25vw left -0.5vw;
}

.whyus-li-container li:nth-child(3) {
    margin-left: 36vw;
    width: 24vw;
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/brush-line.png);
    background-repeat: no-repeat;
    background-size: 100% 8%;
    background-position: bottom 0.25vw left -6.5vw;
}

.whyus-li-container li:nth-child(4) {
    margin-left: 65vw;
    width: 19vw;
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/brush-line.png);
    background-repeat: no-repeat;
    background-size: 150% 7%;
    background-position: bottom 0.25vw left -10.5vw;
}

.whyus-li-container li span {
    font-family: "inter-medium", sans-serif;
    font-size: 2vw;
}

.whyus-li-container li .italic-txt {
    font-style: italic;
}

.walking-brain-anim-container {
    position: absolute;
    top: 10vw;
    right: -6.25vw;
    /* right: -11.25vw; */
    width: 32vw;
    z-index: -3;
}

.walking-brain-anim-container img {
    width: 100%;
    object-fit: cover;
}

/*brain animation css*/


.brain-wrapper {
    width: 19vw;
    position: absolute;
    display: inline-block;
    animation: bob 4s ease-in-out infinite;
}

.brain {
    width: 200px;
    display: block;
}

@keyframes bob {
    from {
        transform: translate(-1vw, -5vw) rotate(-2deg);
    }

    to {
        transform: translate(-3.5vw, 5vw) rotate(2deg);
    }
}

/* Eye whites */
.eye {
    position: absolute;
    width: 12.1%;
    height: 12%;
    background: white;
    border-radius: 50%;
    overflow: hidden;
}

/* Pupils */
.eye::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 2px;
    width: 35px;
    height: 35px;
    background: black;
    border-radius: 50%;
    animation: look 4s infinite alternate;
}

/* Eyelid (for blinking) */
.eye::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7dd3fc;
    /* eyelid color (light blue) */
    border-radius: 50%;
    transform-origin: top;
    animation: blink 5s infinite;
}

.eye.left {
    top: 34%;
    left: 42.5%;
}

.eye.right {
    top: 46%;
    left: 59%;
}

/* Animations */
@keyframes blink {

    0%,
    90%,
    100% {
        transform: scaleY(0);
    }

    /* open */
    92%,
    98% {
        transform: scaleY(1);
    }

    /* closed */
}

@keyframes look {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(4px, 2px);
    }

    50% {
        transform: translate(-4px, 2px);
    }

    75% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/*brain animation css ends here*/

.home-pg-bottom {
    background-color: #191919;
    color: #ffffff;
    position: relative;
    height: 53vw;
    z-index: -2;
}

.mob-tab-footer {
    display: none;
}

.footer-mob-tab-form-bottom-txt-container {
    display: none;
}

.home-pg-bottom-container {
    margin: 4vw 0 0 7vw;
    padding: 3vw 0 5vw 0;
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/footer-curve-img.png);
    background-repeat: no-repeat;
    background-size: 98%;
    background-position: top 6.75vw left -1.5vw;
}

.bottom-heading-container {
    margin: 1.5vw 1.75vw;
    font-family: "inter-bold", sans-serif;
    font-size: 4.3vw;
    font-weight: bold;
    word-spacing: 0.25vw;
    letter-spacing: 0.25vw;
}

.footer-menu-lets-witty-btn-container {
    position: absolute;
    bottom: 6vw;
    left: 1.5vw;
}

.footer-menu-li-container {
    margin-top: 2vw;
    margin-left: 2vw;
}

.footer-menu-li-container ul li {
    list-style: none;
    margin: 0.5vw 0vw;
}

.footer-menu-li-container ul li a {
    font-family: "inter-light", sans-serif;
    color: white;
    text-decoration: none;
    font-size: 1.25vw;
}
.error-message {
	color: #d9534f;         /* Bootstrap-like red */
	font-size: 0.95rem;
	font-weight: 500;
	margin-top: 6px;
	display: block;
	font-family: "Poppins", sans-serif;
}
.home-pg-bottom-txt-form-container {
    margin-top: 2vw;
    margin-left: 1.75vw;
}

.home-pg-bottom-txt-container {
    font-family: "inter-semibold", sans-serif;
    font-size: 1.9vw;
    font-weight: bold;
    font-style: italic;
    width: 28vw;
    line-height: 1.35;
}

.home-pg-bottom-form-main-container {
    position: absolute;
    right: -7vw;
    width: 100%;
}

.home-pg-bottom-form-container {
    margin-right: 8.5vw;
    position: absolute;
    bottom: 6.25vw;
    right: 8vw;
}

.bottom-form-h-container {
    background-color: #1D95BD;
    color: #ffffff;
    font-family: "inter-semibold", sans-serif;
    width: 46vw;
    font-size: 2.65vw;
    font-weight: bold;
    padding: 0 3vw;
    border-radius: 3.25vw;
}

.dm {
    font-size: 6.25vw;
    font-weight: bold;
    transform: rotate(13deg) translate(3vw, -1vw);
    letter-spacing: 0.25vw;
    margin-left: -0.75vw;
}

.professionally {
    font-size: 3vw;
    font-weight: bold;
    transform: rotate(-7deg) translate(2vw, +3vw);
    margin-left: 2.25vw;
    letter-spacing: 0.1vw;
}

.home-pg-bottom-form-field-container {
    background-image: url(https://wittymarketers.com/assets/images/home-pg-assets/form-field-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left;
    color: #191919;
    padding: 0.75vw 2vw;
    width: 46vw;
    margin-top: 1vw;
    position: relative;
    /* z-index: 10; */
}

.home-pg-bottom-form-field-btn-container {
    margin-top: 1vw;
}

.mob-li-container ul {
    display: flex;
    padding-left: 0vw;
}

.mob-li-container ul li {
    padding: 0vw 0.75vw;
}


/* .home-pg-bottom-form-field{
    margin-top: 1vw;
} */
/* .home-pg-bottom-form-field-h-span-container{
    width: 17vw;
} */
.home-pg-bottom-form-field-h {
    font-family: "inter-semibold", sans-serif;
    font-size: 1.4vw;
    font-weight: bold;
}

.home-pg-bottom-form-field-subh {
    font-family: "inter-semibold", sans-serif;
    font-size: 1vw;
}

.home-pg-bottom-form-field-subh input {
    border: none;
    border-bottom: 1px solid black;
    width: 27vw;
    margin-left: 0.25vw;
    /* position: absolute;
    right: 8vw; */
}

.home-pg-bottom-form-bottom-field-btn-container {
    position: absolute;
    bottom: 5.75vw;
    width: 100%;
}

.bottom-out-form-field {
    margin-right: 19.5vw;
}

.bottom-lets-wikky-btn {
    font-size: 0.75vw;
    /* padding: 1.25vw 2.25vw; */
}

/* service page css */
.txt-bold {
    font-weight: 600;
}

.service-pg-containt-container {
    margin: 5vw 3vw 2vw 8vw;
}

.service-pg-mob-tab-containt-container {
    display: none;
}

.page-main-h {
    font-family: "inter-bold", sans-serif;
    font-size: 4.3vw;
    font-weight: bold;
}

.page-main-h-itallic {
    font-family: "inter-regular", sans-serif;
    font-size: 4.3vw;
    font-weight: bold;
    font-style: italic;
}

.page-desc-txt-normal {
    font-family: "inter-regular", sans-serif;
    font-size: 2vw;
}

.page-desc-txt-itallic {
    font-family: "inter-regular", sans-serif;
    font-size: 2vw;
    font-style: italic;
    word-spacing: 0.15vw;
}

.page-sub-h {
    font-family: "inter-regular", sans-serif;
    font-size: 2vw;
    font-style: italic;
    font-weight: 600;
}

.line-ht-1 {
    line-height: 1.25;
}

.service-pg-top-img-container {
    width: 32vw;
    margin-right: 7vw;
}

.service-pg-top-img-container img {
    width: 100%;
    object-fit: contain;
}

.service-pg-section-2-txt-img-container {
    margin-top: 5vw;
}

.service-pg-secont-top-img-container {
    /* position: absolute;
    right: 5vw; */
    width: 32vw;
    margin-top: 6vw;
    margin-right: 4vw;
}

.service-pg-secont-top-img-container img {
    width: 100%;
    object-fit: contain;
}

.margin-t-5 {
    margin-top: 5vw;
}

.text-right {
    text-align: right;
}

.service-pg-section-3-txt-container {
    text-align: right;
    margin-right: 7vw;
}

.service-pg-third-top-img-container {
    width: 29vw;
    margin-top: 3vw;
}

.service-pg-third-top-img-container img {
    width: 100%;
    object-fit: contain;
}


.service-pg-fourth-middle-img-container {
    width: 30vw;
    margin-top: 1vw;
    margin-right: 7vw;
}

.service-pg-fourth-middle-img-container img {
    width: 100%;
    object-fit: contain;
}

.service-pg-section-5-txt-container {
    margin-right: 7vw;
}

.service-pg-fifth-top-img-container {
    width: 33vw;
}

.service-pg-fifth-top-img-container img {
    width: 100%;
    object-fit: contain;
}

.service-pg-bottom-second-img-container {
    width: 30vw;
    margin-right: 7vw;
    margin-top: 2vw;
}

.service-pg-bottom-second-img-container img {
    width: 100%;
    object-fit: contain;
}

.service-pg-section-7-txt-container {
    margin-right: 7vw;
}

.service-pg-seven-top-img-container {
    margin-top: 2vw;
    width: 37vw;
}

.service-pg-seven-top-img-container img {
    width: 100%;
    object-fit: contain;
}

.service-pg-section-bottom-btn-container {
    margin-right: 7vw;
    /* margin-top: 9vw; */
}

.service-pg-bottom-btn {
    width: 18vw;
    margin: 0;
    padding: 0.75vw 0.5vw;
}

.service-pg-bottom-btn-2 {
    margin-top: 1.5vw;
}

.hover-class:hover {
    color: #1D95BD;
    cursor: pointer;
}

/* about us page css */
/* .aboutus-pg-top-txt-img-container{
    background-image: url(https://wittymarketers.com/assets/images/aboutus-pg-asetts/upper-curve-image.png);
    background-repeat: no-repeat;
    background-size: 100vw;
    background-position: bottom 0vw left 0vw;
} */

.about-us-all-img-container {
    margin: 3vw 0vw;
}

.about-us-main-img-container {
    width: 95%;
    border: 8px solid #1D95BD;
}

.about-us-main-img-container img {
    width: 100%;
    object-fit: cover;
}

.mob-tab-team-images {
    display: none;
}

.team-images-container {
    width: 95%;
    margin: 3vw 0vw;
}

.all-team-member-image-container {
    display: flex;
    justify-content: space-between;
    margin: 3vw 0vw !important;
}

.all-team-member-image-container:last-of-type {
    display: flex;
    justify-content: center;
}

.center-image {
    margin: 0vw 1vw;

}

.team-member-image-details-card {
    position: relative;
    width: 25vw;
    height: 27vw;
    border: 6px solid #1D95BD;
}

.member-detail-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0.75vw;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    /* adjust height of fade */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    filter: blur(2px);
    /* softens the gradient */
}

.team-member-image-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-name {
    font-family: "inter-semibold", sans-serif;
    color: white;
    font-size: 1.75vw;
}

.designation {
    font-family: "inter-semibold-italic", sans-serif;
    color: #1D95BD;
    font-size: 1.75vw;
    display: none;
}

.wall-of-love-image-container {
    width: 95%;
    margin: 3vw 0vw 4vw 0vw;
}

.wall-of-love-image-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutus-pg-top-txt-tab-mob-img-container {
    display: none;
}

.aboutus-pg-containt-container {
    margin: 5vw 3vw 1vw 8vw;
    position: relative;
}

.aboutus-pg-top-right-img-container {
    width: 21vw;
    margin-right: 9vw;
    margin-top: 3vw;
}

.aboutus-pg-top-right-img-container img {
    width: 100%;
    object-fit: contain;
}

.h-curve-img-container {
    width: 105vw;
    position: absolute;
    top: 29vw;
    left: -11vw;
}

.h-curve-img-container img {
    width: 100%;
    object-fit: contain;
}

.our-philosophy {
    margin-top: 7.5vw;
    font-size: 2.5vw;
}

.aboutus-pg-middle-txt-img-container {
    margin-top: 2.5vw;
}

.aboutus-pg-mob-tab-middle-txt-img-container {
    display: none;
}

.aboutus-middle-top-txt-main-img-container {
    margin-top: 2vw;
}

.aboutus-pg-middle-right-img-container {
    margin-right: 7vw;
    width: 34vw;
}

.aboutus-pg-middle-right-img-container img {
    width: 100%;
    object-fit: contain;
}

.pos-rel-bottom-curve-img-container {
    position: relative;
}

.h-curve-bottom {
    top: 2vw;
}

.aboutus-pg-bottom-txt-imges-container {
    margin-top: 12vw;
}

.aboutus-pg-mob-tab-bottom-images-row-container {
    display: none;
}

.aboutus-pg-bottom-image-container {
    position: relative;
    /* width: 30vw; */
    background-image: url("https://wittymarketers.com/assets/images/aboutus-pg-asetts/background-border-img.png");
    background-repeat: no-repeat;
    background-position: bottom 0vw center;
    background-size: 102%;
    margin: 0vw 2vw;
}

.aboutus-pg-bottom-image-container img {
    width: 100%;
    object-fit: contain;
}

.aboutus-pg-bottom-images-row {
    margin: 5vw 0;
}


.img-desc-container {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.image-tittle-container {
    background-color: #1D95BD;
    width: 18vw;
    transform: rotate(3deg) skew(-30deg);
}

.image-tittle-container p {
    margin: 0;
    color: white;
    font-family: "inter-regular", sans-serif;
    font-size: 1.75vw;
    transform: skew(30deg);
}

.image-role-container {
    background-color: #ffffff;
    width: 18vw;
    transform: rotate(-3deg) skew(-30deg);
    border: 1px solid #1D95BD;
}

.image-role-container p {
    margin: 0;
    color: #1D95BD;
    font-family: "inter-regular", sans-serif;
    font-size: 1.75vw;
    transform: skew(30deg);
}

.aboutus-pg-bottom-txt-msg-container {
    display: flex;
    justify-content: space-between;
    padding: 0vw 9vw 0vw 0vw;
}

.aboutus-btn-container {
    margin-right: 2vw;
}


/* work page css */

.work-pg-containt-container {
    margin: 3vw 3vw 2vw 8vw;
}

.work-pg-heading-container {
    margin-bottom: 3vw;
}

.work-pg-side-menu-images-container {
    margin-right: 5vw;
}

.work-pg-side-menu ul {
    margin: 0;
    padding: 0;
}

.work-pg-side-menu ul li {
    list-style: none;
    font-size: 1.75vw;
    margin-bottom: 0.5vw;
}


.work-pg-side-menu ul li a {
    text-decoration: none;
    color: black;
}

.work-pg-side-menu ul li:hover {
    font-weight: bold;
    cursor: pointer;
}

.active-li {
    font-weight: bold;
    text-decoration: underline;
}

.work-page-main-images-container {
    overflow: hidden;
    min-height: 90vh;
    /* height: 115vh; */
}

.work-page-all-images-container {
    width: 100%;
    overflow-y: scroll;
    height: 90vh;
    position: absolute;
}

.work-page-image-container {
    position: relative;
    margin: 0vw 1vw 1vw 0vw;
}

.work-page-image-container:hover .work-page-image-background-container {
    display: block;
}

.work-page-image-container:hover .work-page-image {
    background-color: rgba(0, 0, 0, 0.5);
}

.work-page-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-page-image-background-container {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000b3;
    z-index: 1;
    position: absolute;
    bottom: 0vw;
    left: 0vw;
    color: white;
}

.work-page-image-details-container {
    position: absolute;
    bottom: 2vw;
    left: 3vw;
    color: white;
}

.work-page-image-title {
    font-size: 1.5vw;
}

.work-page-image-desc {
    font-size: 1vw;
}

.preloader {
    display: none;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.preloader-content-center {
    display: block;
    height: 100vh;
    justify-content: center;
    align-content: center;
}

.preload-img-container,
.preloader-text {
    display: flex;
    justify-content: center;
}

.preloader-text {
    font-size: 2vw;
    font-weight: 600;
}

.preloader-img {
    width: 50px;
    height: 50px;
}

.work-page-main-h {
    margin-top: 6vw;
    font-size: 5vw;
    font-weight: bold;
}