/* Master CSS Starts Here */



@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0-10/css/all.css");

@import url("https://kit-pro.fontawesome.com/releases/v6.0.0-beta3/css/pro.min.css");

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



body {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    line-height: 21px;

}



.heroHeading {

    font-size: 46px;

    line-height: 115%;

}



.font700 {

    font-weight: 700 !important;

}



.orangeColor {

    color: #f15a25 !important;

    /* line-height: 40px !important; */

}



.heroButton {

    color: #fff;

    text-transform: uppercase;

    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    text-decoration: none;

    background: linear-gradient(270deg, #564eef 0%, #c4c1ff 100%);

    border-radius: 10px;

    padding: 23px 59px;

    border: none;

}



.customGapping {

    padding-left: 11%;

    padding-right: 11%;

}



.marginLeftPaddingRight {

    margin-left: 10%;

    padding-right: 10%;

}



.bgTransparent {

    background-color: transparent !important;

}



.bgOrange {

    background-color: #f15a25;

}



.announcementBg {

    background-color: #673ab7;

}



.bgLightPurple {

    background: #faf8ff;

}



.bgLightGreen {

    background: #16b6aa;

}



.bgLightYellow {

    background-color: #fffce6;

}



.bgLightSkyGreen {

    background-color: #ecffee;

}



.bgDarkFaceColor {

    background-color: #fdede2;

}



.bgSkyBlue {

    background-color: #b7f4ff;

}



.bgCustomPurple {

    background-color: #3a1593;

}



.bgLinearGradient {

    background: linear-gradient(90deg, #3a1593 26.01%, #8c5cff 100%);

}



.lightPurple {

    background-color: #f9f9ff;

}



.sellAnythingSection {

    background: rgba(222, 233, 252, 0.5);

    /* transform: skewY(-6deg); */

}



.colorWhite {

    color: #ffffff;

}



.colorOrange {

    color: #f15a25;

}



.colorYellow {

    color: #f2ad22;

}



.colorGreen {

    color: #008001;

}



.colorLightBlack {

    color: #213e6e;

}



.colorLightBlack a {

    color: #213e6e !important;

}



.colorBrown {

    color: #681b00;

}



.customColor {

    color: #3e1897;

}



.customColor a {

    color: #3e1897 !important;

}



.darkBlack {

    color: #424242;

}



.lightBlack {

    color: #464458;

}



.darkPurple {

    color: #3e4152;

}



.mutedColor {

    color: #848484;

}



.listMuted {

    color: #5a5a5a;

}



.lightMuted {

    color: #8d8d8d;

}



.lightMuted a {

    color: #8d8d8d;

}



.darkMuted {

    color: #7c7b84;

}



.paragraphMutedColor {

    color: #666666;

}



.colorDarkSky {

    color: #16b6aa;

}



.customPurple {

    color: #3a1593;

}



.customPurple a {

    color: #3a1593;

}



.colorBlack {

    color: #252525;

}



.mutedTextColor {

    color: #979899;

}



.headingMuted {

    color: #8d8989;

}



.labelMuted {

    color: #616161;

}



.transformText {

    transform: matrix(-1, 0, 0, 1, 0, 0);

}



.font600 {

    font-weight: 600;

}



.font500 {

    font-weight: 500;

}



.font65 {

    font-size: 65px;

    line-height: 97.5px;

}



.font50 {

    font-size: 50px;

    line-height: 65.5px;

}



.font36 {

    font-size: 36px;

    line-height: 47px;

}



.font30 {

    font-size: 30px;

    line-height: 45px;

}



.font28 {

    font-size: 28px;

    line-height: 42px;

}



.font24 {

    font-size: 24px;

    line-height: 36px;

}



.font20 {

    font-size: 20px;

    line-height: 100%;

}



.font18 {

    font-size: 18px;

    line-height: 27px;

}



.font16 {

    font-size: 16px;

    line-height: 24px;

}



.font13 {

    font-size: 13.64px;

    line-height: 20.45px;

}



.font12 {

    font-size: 12px;

    line-height: 18px;

}



.font30 {

    font-size: 30px;

}



.rightText {

    float: right;

}



.overLayerImage {

    background-image: url("../img/apps3 2.png") !important;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.orangeGradientButton {

    background: linear-gradient(90deg, #ff6525 0%, #ffa942 100%);

}



.borderRadius10 {

    border-radius: 10px;

}



.borderRadius15 {

    border-radius: 15px;

}



.borderRadius20 {

    border-radius: 20px;

}



.borderRadius35 {

    border-radius: 35px;

}



.borderRadius50 {

    border-radius: 50px;

}



.borderRadiusHalf20 {

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

}



.highBoxShadow {

    box-shadow: 0px 0px 75px 10px #d9e5ff;

}



.cardTopHover {

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    position: relative;

}



.cardTopHover:hover {

    transform: translate(0, -20px);

}



.navbar-toggler:focus {

    box-shadow: 0 0 0 0rem;

}



/* Testmonials Section */

.testimonialsSection {

    background-image: url("../img/testimonial-bg.png") !important;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.customBoxShadow {

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}



.textDecorationNone a {

    text-decoration: none;

}



.topSecureButton {

    animation: nudge 2s ease-in-out infinite;

}



@keyframes nudge {



    0%,

    100% {

        transform: translate(0, 0);

    }



    50% {

        transform: translate(-40px, 0);

    }

}



.mobileView {

    visibility: hidden;

}



/* Pricing Page Start */

.pricingHeaadingColor {

    color: #39374d;

}



.pricingTableCard {

    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);

}



.formCard {

    box-shadow: 0px 4px 75px 5px rgba(217, 229, 255, 0.5);

}



.notVisible {

    visibility: hidden;

}



.mutedAddress {

    color: #6a6a6a;

}



.mutedAddress a {

    color: #6a6a6a;

}



.backgroundSkewMinus {

    transform: skew(0deg, -10deg);

}



.backgroundSkewPlus {

    transform: skew(0deg, 10deg);

}



.radio-check:checked {

    background-color: #3a1593 !important;

    border-color: #3a1593 !important;

}



/* InstaCiti Hello */



.helloDarkGreen {

    color: #16ad9d;

}



.helloDarkGreenBG {

    background-color: #16ad9d;

}



.helloLightGreen {

    color: #bef7f1;

}



.helloLightGreenbg {

    background-color: #bef7f1;

}



.helloActionButton {

    background: linear-gradient(90.13deg, #16ad9d 1.86%, #81f1e5 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



/* .customHeight {

    height: 450px;

} */



/* Website Builder */



.websiteDarkBlue {

    color: #564eef;

}



.websiteActionButton {

    background: linear-gradient(90.13deg, #564eef 1.86%, #c4c1ff 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



.websiteLightBlue {

    background-color: #f2f6ff;

}



/* Ecomm Store */



.storeDarkRed {

    color: #e90b53;

}



.storeActionButton {

    background: linear-gradient(90.13deg, #e90b53 1.86%, #ffc2d6 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



.storeLightRed {

    background-color: #ffe7ef;

}



/* Beauty & Spa Page */



.darkPink {

    color: #ed4691;

}



.bgPink {

    background-color: #ed4691;

}



.bgLightPink {

    background: #ffeef6;

}



/* Doctor Page */



.bgDoctorLight {

    background-color: #c5e1dc;

}



.doctorText {

    color: #529b7f;

}



.bgDoctorDark {

    background-color: #529b7f;

}



.doctorActionButton {

    background: linear-gradient(90.13deg, #529b7f 1.86%, #c5e1dc 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



/* Restaurants */



.restaurantPrimary {

    color: #ff4f51;

}



.restaurantBgPrimary {

    background-color: #ff4f51;

}



.restaurantSecondary {

    background: #fff6f4;

}



.restaurantActionButton {

    background: linear-gradient(90.13deg, #ff6544 1.86%, #ffa08b 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



/* GYM */



.gymPrimary {

    color: #5ae4a8;

}



.gymBgPrimary {

    background-color: #5ae4a8;

}



.gymSecondary {

    background: #e3fff3;

}



.gymActionButton {

    background: linear-gradient(90.13deg, #5ae4a8 1.86%, #c8ffe7 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



/* Button CSS Start Here*/



/* .whyInstacitiSection {

    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);

    background-size: 400%;

    z-index: 1;

    animation: animate 10s linear;

    animation-duration: 10s;

    -webkit-animation-duration: 10s;

} */



.rainbowAnimation {

    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);

    background-size: 400%;

    z-index: 1;

    animation: animate 10s linear infinite;

    animation-duration: 10s;

    -webkit-animation-duration: 10s;

}



@keyframes animate {

    0% {

        background-position: 0%;

    }



    100% {

        background-position: 400%;

    }

}



/* Button CSS Ends Here */



.whyInstacitiSection {

    background-color: #009688;

    padding: 20px;

    border-radius: 20px;

    box-shadow: 0px 4px 10px rgba(108, 111, 255, 0.5);

}



.whyInstaciti {

    margin-bottom: 100px;

}



/* Master CSS Ends Here */



/* Main CSS Starts Here */



.signUpButton {

    background: linear-gradient(270deg, #3a1593 0%, #8e65f0 112.16%);

    border-radius: 50px;

    padding: 0px 30px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

}



.heading1 {

    font-size: 36px;

    line-height: 119%;

    font-weight: 500;

}



.boldHeading {

    font-weight: bold;

    font-size: 60px;

    line-height: 119%;

}



.customButton {

    background: linear-gradient(270deg, #3a1593 0%, #8e65f0 112.16%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



.animatedButton {

    border-radius: 0px 25px;

    padding: 10px 40px;

}



.heading2 {

    font-size: 30px;

    line-height: 45px;

}



.instaHeading {

    font-size: 26px;

    line-height: 40px;

}



/* .sellAnythingSection .content {

    transform: skewY(6deg);

  } */



/* [type=radio] {

  display: none;

  }

   */

#slider {

    height: 37vw;

    position: relative;

    perspective: 1000px;

    transform-style: preserve-3d;

}



#slider label {

    margin: auto;

    width: 50%;

    height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    cursor: pointer;

    transition: transform 0.4s ease;

}



#s4:checked~#slide2 {

    transform: translate3d(55%, 0, -100px);

    box-shadow: 0px 2.88476px 2.88476px rgba(0, 0, 0, 0.25) !important;

    opacity: 0.7;

    border-radius: 25.2416px !important;

}



#s3:checked~#slide2,

#s4:checked~#slide3 {

    transform: translate3d(-55%, 0, -100px);

    box-shadow: 0px 2.88476px 2.88476px rgba(0, 0, 0, 0.25) !important;

    opacity: 0.7;

    border-radius: 25.2416px !important;

}



#s2:checked~#slide2,

#s3:checked~#slide3,

#s4:checked~#slide4 {

    transform: translate3d(0, 0, 0);

}



#s2:checked~#slide3,

#s3:checked~#slide4 {

    transform: translate3d(55%, 0, -100px);

    box-shadow: 0px 2.88476px 2.88476px rgba(0, 0, 0, 0.25) !important;

    opacity: 0.7;

    border-radius: 25.2416px !important;

}



#s2:checked~#slide4 {

    transform: translate3d(-55%, 0, -100px);

    box-shadow: 0px 2.88476px 2.88476px rgba(0, 0, 0, 0.25) !important;

    opacity: 0.7;

    border-radius: 25.2416px !important;

}



.custom-swiperSlider {

    width: 263.8px;

    margin-right: 50px;

}



.swiper-container {

    width: 100%;

    height: 100%;

    padding-bottom: 116px !important;

}



.swiper-full-mobile {

    position: relative;

    margin: 50px auto;

    padding-bottom: 50px;

}



.swiper-full-mobile:before {

    content: "";

    width: 427px;

    background: url("../img/phone-frame.png") !important;

    background-size: 100%;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    right: 0;

    top: 0px;

    height: 745px;

    z-index: 2;

    margin: auto;

}



.swiper-full-mobile .swiper-slide {

    height: 100%;

}



.swiper-full-mobile .swiper-slide img {

    width: 270px;

    height: 395px;

}



/*.swiper-slide.swiper-slide-active img {*/

/*border-radius: 40px;*/

/*}*/



.socialIcon {

    width: 40px;

    height: 40px;

    padding-top: 10px;

    border-radius: 50%;

    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.09);

    text-align: center;

}



.swiperBuyNowButton {

    z-index: 100;

}



.child-with-flag {

    margin-top: -40px;

    margin-bottom: -150px;

}



/* Pricing Section  */

.toggleButton {

    position: relative;

    width: 450px;

    height: 55px;

    border-radius: 100px;

    background-color: #f4f5fd;

    overflow: hidden;

}



.checkToggle {

    position: absolute;

    display: block;

    cursor: pointer;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 6;

}



.checkToggle:checked~.switch {

    right: 4px;

    left: 50%;

    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    transition-property: left, right;

    transition-delay: 0.08s, 0s;

}



.switch {

    position: absolute;

    left: 4px;

    top: 4px;

    bottom: 4px;

    right: 50%;

    padding-top: 13px;

    background-color: #fff;

    border-radius: 36px;

    z-index: 1;

    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    transition-property: left, right;

    transition-delay: 0s, 0.08s;

    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);

}



.defaultYear {

    float: left !important;

    padding-left: 80px;

    padding-top: 15px;

}



.defaultMonth {

    float: right !important;

    padding-right: 80px;

}



.contactForm {

    margin-top: 200px;

}



.marginTopMinus {

    margin-top: -120px;

}



/* Sidhant CSS */



.sellAnywhere {

    padding-top: 100px !important;

}



.alert-warning {

    border: none !important;

}



.alert {

    border-radius: 0px !important;

}



.myeclipse {

    color: #f15a25;

    font-size: 9px;

    padding: 10px;

}



::-webkit-scrollbar-thumb {

    background: #7b53db;

    /* border-radius: 100px; */

}



::-webkit-scrollbar-track {

    background: #f1f1f1;

}



::-webkit-scrollbar {

    width: 10px;

}



/* Beauty & Spa */



.beautyActionButton {

    background: linear-gradient(90.13deg, #bc1f66 1.86%, #ff5fa7 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



.heroImage {

    width: 500px;

}



.featureImages {

    width: 80px;

}



.uthIcon {

    padding-right: 30px;

}



.nthButtonOne,

.nthButtonTwo,

.nthButtonThree,

.nthButtonFour,

.nthButtonFive {

    border-radius: 10px;

    height: 70px;

    color: #4d4d4d;

    font-weight: 500;

    width: 100%;

    font-size: 16px;

    float: right;

    text-align: right;

    padding-right: 40px;

}



.nthButtonOne {

    background: #f9f8ff;

    border: #f9f8ff;

}



.nthButtonOne:hover {

    background: #d9d2ff;

    border: #d9d2ff;

    color: #4d4d4d;

}



.nthButtonTwo {

    background: #fffcf6;

    border: #fffcf6;

}



.nthButtonTwo:hover {

    background: #ffeac0;

    border: #ffeac0;

    color: #4d4d4d;

}



.nthButtonThree {

    background: #f0fffc;

    border: #f0fffc;

}



.nthButtonThree:hover {

    background: #c3fdf2;

    border: #c3fdf2;

    color: #4d4d4d;

}



.nthButtonFour {

    background: #ffe0ef;

    border: #ffe0ef;

}



.nthButtonFour:hover {

    background: #ffbede;

    border: #ffbede;

    color: #4d4d4d;

}



.nthButtonFive {

    background: #edfdff;

    border: #edfdff;

}



.nthButtonFive:hover {

    background: #c2f8ff;

    border: #c2f8ff;

    color: #4d4d4d;

}



/* My Custom CSS */



/* .instaHeading {

    font-family: 'Special Elite', cursive;

  } */



.supColor {

    color: #353535;

    font-weight: 600;

}



.breadCrumb a {

    text-decoration: none;

    color: #213e6e;

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

    border-bottom: 4px solid #3a1593 !important;

    z-index: 999999999;

}



.dropdown-item.active,

.dropdown-item:active {

    color: #f15a25 !important;

    text-decoration: none;

    background-color: #ffffff00 !important;

    border-bottom: 0px solid #bdd50f !important;

    font-weight: 500;

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #1e2125;

    background-color: #ffffff00 !important;

    font-weight: 500;

    color: #f15a25 !important;

}



.dropdown-item {

    padding: 0.5rem 1rem !important;

}



.dropdown-menu {

    box-shadow: 0 16px 32px rgb(0 0 0 / 10%);

    border: none !important;

}



.dropdown-toggle::after {

    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"/></svg>');

    border: none;

    width: 10px;

    height: auto;

    margin-left: 0.4rem;

    vertical-align: middle;

}



.plans .topbar {

    padding: 20px 0px 10px 0px;

}



.getDiscovered {

    background-color: #936eec;

    border-radius: 7px;

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

    height: 415px;

    display: flex;

}



.getDiscovered .line {

    position: absolute;

    width: 750px;

    left: 25px;

    top: 45px;

    z-index: 0;

}



.getDiscovered .inner {

    text-align: center;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    padding: 10px;

    box-shadow: -3px 2px 13px 1px rgb(0 0 0 / 30%);

    transition: 0.5s;

}



.getDiscovered .inner h2 {

    font-size: 80px;

    color: #ffffff80;

}



.getDiscovered .inner h5 {

    color: white;

}



.getDiscovered .inner p {

    color: #fff;

}



.getDiscovered .col {

    margin-top: auto;

    padding: 0;

}



@keyframes example {

    0% {

        height: 170px;

    }



    10% {

        height: 190px;

    }



    15% {

        height: 170px;

    }



    100% {

        height: 170px;

    }

}



.getDiscovered .inner.inner1 {

    height: 170px;

    background-color: #f15a25;

    padding-top: 10px;

}



.animationSetOne .inner.inner1 {

    animation-name: example;

    animation-duration: 9s;

    animation-iteration-count: infinite;

}



.getDiscovered .inner.inner1 h2 {

    line-height: 1;

}



/* .getDiscovered .inner.inner1:hover{

    height: 190px;

} */



@keyframes example2 {

    0% {

        height: 230px;

    }



    20% {

        height: 230px;

    }



    30% {

        height: 250px;

    }



    35% {

        height: 230px;

    }



    100% {

        height: 230px;

    }

}



.getDiscovered .inner.inner2 {

    height: 230px;

    background-color: #f2ad22;

    padding-top: 10px;

}



.animationSetOne .inner.inner2 {

    animation-name: example2;

    animation-delay: 2s;

    animation-duration: 7s;

    animation-iteration-count: infinite;

}



/* .getDiscovered .inner.inner2:hover{

    height: 250px;

} */



@keyframes example3 {

    0% {

        height: 270px;

    }



    25% {

        height: 270px;

    }



    40% {

        height: 290px;

    }



    50% {

        height: 270px;

    }



    100% {

        height: 270px;

    }

}



.getDiscovered .inner.inner3 {

    height: 270px;

    background-color: #16b6aa;

    padding-top: 10px;

}



.animationSetOne .inner.inner3 {

    animation-name: example3;

    animation-duration: 7s;

    animation-delay: 3s;

    animation-iteration-count: infinite;

}



.getDiscovered .inner.inner3 h2 {

    margin-bottom: 20px;

    margin-top: 15px;

}



/* .getDiscovered .inner.inner3:hover{

    height: 290px;

} */



@keyframes example4 {

    0% {

        height: 310px;

    }



    45% {

        height: 310px;

    }



    50% {

        height: 330px;

    }



    60% {

        height: 310px;

    }



    100% {

        height: 310px;

    }

}



.getDiscovered .inner.inner4 {

    height: 310px;

    background-color: #3a1593;

    padding-top: 10px;

}



.animationSetOne .inner.inner4 {

    animation-name: example4;

    animation-duration: 6s;

    animation-delay: 4s;

    animation-iteration-count: infinite;

}



.getDiscovered .inner.inner4 h2 {

    margin-bottom: 30px;

    margin-top: 20px;

}



/* .getDiscovered .inner.inner4:hover{

    height: 330px;

} */



@keyframes example5 {

    0% {

        height: 360px;

    }



    55% {

        height: 360px;

    }



    60% {

        height: 380px;

    }



    70% {

        height: 360px;

    }



    100% {

        height: 360px;

    }

}



.getDiscovered .inner.inner5 {

    height: 360px;

    background-color: #2c7892;

    padding-top: 10px;

}



.animationSetOne .inner.inner5 {

    animation-name: example5;

    animation-duration: 6s;

    animation-delay: 5s;

    animation-iteration-count: infinite;

}



.getDiscovered .inner.inner5 h2 {

    margin-bottom: 40px;

    margin-top: 50px;

}



/* .getDiscovered .inner.inner5:hover{

    height: 380px;

} */



.getDiscovered .title {

    position: absolute;

    left: 10px;

    top: 15px;

    padding-top: 20px;

    padding-left: 19px;

    color: white;

}



.getDiscovered .title h3 {

    font-size: 30px;

    font-weight: 700;

}



.getDiscovered .title h5 {

    font-size: 25px;

    display: flex;

    align-items: center;

}



.getDiscovered .title h5 i {

    font-size: 14px;

    color: #f2ad22;

    margin: 0px 8px;

}



@media (max-width: 767px) {

    .getDiscovered .inner {

        position: relative;

    }



    .getDiscovered .inner.inner1::before {

        content: "";

        width: 25px;

        height: 25px;

        background-color: #f15a25;

        position: absolute;

        left: 32px;

        bottom: -7px;

        z-index: 1;

        transform: rotate(45deg);

    }



    .getDiscovered .inner.inner2::before {

        content: "";

        width: 25px;

        height: 25px;

        background-color: #f2ad22;

        position: absolute;

        left: 32px;

        bottom: -7px;

        z-index: 1;

        transform: rotate(45deg);

    }



    .getDiscovered .inner.inner3::before {

        content: "";

        width: 25px;

        height: 25px;

        background-color: #16b6aa;

        position: absolute;

        left: 32px;

        bottom: -7px;

        z-index: 1;

        transform: rotate(45deg);

    }



    .getDiscovered .inner.inner4::before {

        content: "";

        width: 25px;

        height: 25px;

        background-color: #3a1593;

        position: absolute;

        left: 32px;

        bottom: -7px;

        z-index: 1;

        transform: rotate(45deg);

    }



    .plans .topbar {

        padding-top: 10px;

    }



    .plans .bgWrapper .btnGroup {

        padding-top: 10px !important;

        padding-bottom: 0px !important;

    }



    .getDiscovered .row {

        display: block;

    }



    .getDiscovered .title {

        position: static;

        padding-left: 15px;

        margin-bottom: 30px;

        padding-top: 0px;

    }



    .getDiscovered .title h5 {

        font-size: 16px;

    }



    .getDiscovered .line {

        display: none;

    }



    .getDiscovered .inner {

        border-radius: 0;

        box-shadow: none;

        height: 100px !important;

        display: flex;

        align-items: center;

    }



    .getDiscovered .inner h2 {

        line-height: 1 !important;

        margin-top: 0px !important;

        margin-bottom: 10px !important;

        font-size: 50px;

        margin-bottom: 0px !important;

        width: 70px;

    }



    .getDiscovered .inner p {

        margin: 0px;

    }



    .getDiscovered .inner div {

        width: calc(100% - 70px);

    }



    .getDiscovered .inner h5 {

        text-align: left;

    }



    .getDiscovered .inner p {

        text-align: left;

    }



    .getDiscovered {

        padding: 35px 0px;

        padding-bottom: 0px;

        height: unset;

    }



    .getDiscovered .title h3 {

        font-size: 25px;

    }

}



@media screen and (min-width: 576px) and (max-width: 643px) {

    .plans .bgWrapper .btnGroup .btn {

        padding: 8px 16px;

        font-size: 12px;

        margin-right: 5px;

        margin-top: 7px;

    }

}



.plans .topbar p {

    margin-bottom: 0;

    color: #213e6e;

}



.plans .topbar h5 {

    font-size: 30px;

    font-weight: 600;

    color: #213e6e;

}



.plans .bgWrapper {

    background-color: #fff;

}



.plans .bgWrapper .col-md-9 {

    flex: 0 0 auto;

    width: 70%;

    padding-right: 50px;

}



.plans .bgWrapper .col-md-3 {

    flex: 0 0 auto;

    width: 30%;

}



.plans .bgWrapper .btnGroup {

    padding-bottom: 50px;

    padding-top: 10px;

}



@media (max-width: 767px) {

    .plans .bgWrapper .btnGroup {

        padding-bottom: 20px;

        padding-top: 10px;

    }

}



.plans .bgWrapper .btnGroup .btn {

    padding: 10px 40px;

    border-radius: 100px;

    color: white;

    margin-right: 20px;

}



.plans .bgWrapper .btnGroup .btnPurple {

    background-color: #3a1593;

}



.plans .bgWrapper .btnGroup .btnGreen {

    background-color: #53c8bf;

}



.plans .bgWrapper .btnGroup .btnYellow {

    background-color: #ffc145;

}



.plans .bgWrapper .btnGroup .btnPurple2 {

    background-color: #9b8bff;

}



.famousPlan h5 {

    color: #505050;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 30px;

}



.famousPlan .card .cardImg {

    position: relative;

}



.famousPlan .card .cardImg img {

    width: 100%;

    position: relative;

}



.famousPlan .card .cardImg::before {

    content: "";

    width: 100%;

    height: 60px;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(rgba(83, 200, 191, 0),

            rgba(83, 200, 191, 0),

            rgba(83, 200, 191, 0.3),

            rgba(83, 200, 191, 0.5),

            rgba(83, 200, 191, 0.7),

            rgba(83, 200, 191, 0.7),

            rgba(83, 200, 191, 0.7),

            rgba(83, 200, 191, 0.7));

    z-index: 11111;

}



.famousPlan .card .overlay {

    padding: 15px 25px;

    display: none;

    transition: 0.3s;

    flex-direction: column;

    justify-content: end;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(rgba(83, 200, 191, 0.1),

            rgba(83, 200, 191, 0.3),

            rgba(83, 200, 191, 0.5),

            rgba(83, 200, 191, 0.7),

            rgba(83, 200, 191, 0.9),

            rgba(83, 200, 191, 0.9),

            rgba(83, 200, 191, 0.9),

            rgba(83, 200, 191, 0.9));

    border-radius: 5px;

    z-index: 11111111;

}



.famousPlan .card:hover .overlay {

    display: flex;

    transition: 0.3s;

}



.famousPlan .card .overlay h5 {

    color: white;

    font-weight: 400;

}



.famousPlan .card {

    border: none;

    margin-bottom: 50px;

}



.famousPlan .card h5 {

    color: #213e6e;

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 25px;

}



.famousPlan .card p {

    color: #848484;

}



.famousPlan .card a {

    text-decoration: none;

    color: #3a1593;

    font-size: 16px;

}



.famousPlan .card a img {

    margin-left: 10px;

}



.famousPlan .card .btn {

    background-color: #53c8bf;

    border-radius: 5px;

    color: #fff;

    padding: 10px 20px;

}



.addOnProducts {

    margin-top: 30px;

}



.addOnProducts .leftImg {

    position: absolute;

    left: 0;

    top: 200%;

    width: 125px;

}



.addOnProducts .card {

    border: none;

    box-shadow: -4px 1px 10px 1px rgb(0 0 0 / 2%);

    margin-bottom: 60px;

    background-color: transparent;

}



.addOnProducts .card h5 {

    color: #213e6e;

    font-size: 20px;

    margin-bottom: 10px;

    margin-top: 15px;

}



.addOnProducts .card p {

    color: #848484;

}



.addOnProducts .card .btn {

    background-color: #ffc145;

    border-radius: 5px;

    color: #fff;

    padding: 4px 20px;

}



.addOnProducts h5 {

    color: #505050;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 50px;

}



.plans .rightImg {

    position: absolute;

    right: 0;

    width: 420px;

}



.plans .bgBlueWrapper {

    background-color: #9b8bff;

    padding: 30px 20px;

    border-radius: 5px;

    margin-top: 53px;

    margin-bottom: 60px;

}



.plans .bgBlueWrapper .btn {

    padding: 10px 30px;

    background-color: #fff;

    color: #3a1593;

    font-weight: 600;

    width: 100%;

    margin-bottom: 15px;

    font-size: 15px;

    text-align: left;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.plans .bgBlueWrapper h4 {

    color: white;

    font-size: 20px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.plans .bgBlueWrapper .card {

    margin-bottom: 25px;

}



.plans .bgBlueWrapper .card .btn {

    margin-bottom: 0px;

    width: unset;

    background-color: #596aff;

    color: #fff;

    border-radius: 5px;

}



.plans .bgBlueWrapper .card p {

    color: #848484;

}



.plans .bgBlueWrapper .card h5 {

    font-size: 20px;

    color: #213e6e;

    font-weight: 600;

}



.plans .bgBlueWrapper .card:last-child {

    margin-bottom: 0px;

}



.addOnService {

    margin-top: 20px;

}



.addOnService h5 {

    color: #505050;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 30px;

}



.addOnService .card {

    border: none;

    box-shadow: -4px 1px 10px 1px rgb(0 0 0 / 2%);

    margin-bottom: 50px;

    background-color: transparent;

}



.addOnService .card h5 {

    color: #213e6e;

    font-size: 20px;

    margin-bottom: 10px;

    margin-top: 15px;

}



.addOnService .card p {

    color: #848484;

}



.addOnService .card .btn {

    background-color: #8e65f0;

    border-radius: 5px;

    color: #fff;

    padding: 4px 20px;

}



.plans .card .card-body {

    padding: 0px;

}



/* My Custom CSS Ends Here */



/* Responsive CSS Starts Here */



@media (min-width: 320px) and (max-width: 374px) {

    #slider {

        height: 184vw !important;

    }



    .heading1 {

        font-size: 18px !important;

    }



    .swiper-full-mobile:before {

        margin-left: -53px !important;

    }



    .child-with-flag {

        margin-bottom: -160px !important;

    }

}



@media (min-width: 375px) and (max-width: 424px) {

    #slider {

        height: 147vw !important;

    }



    .heading1 {

        font-size: 20px !important;

    }



    .swiper-full-mobile:before {

        margin-left: -25px !important;

    }

}



/* X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

    body {

        font-size: 12px;

        line-height: 18px;

    }



    .customHeight {

        height: auto;

    }



    .hideMobile {

        display: none;

    }



    .topAlert {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .customGapping {

        padding-left: 5%;

        padding-right: 5%;

    }



    .marginLeftPaddingRight {

        margin-left: 5%;

        padding-right: 5%;

    }



    .videoWidth {

        width: 350px !important;

    }



    .responsiveTextAlign {

        text-align: center;

    }



    .responsiveJustifyContent {

        justify-content: center;

        padding-top: 10px !important;

    }



    .heading1 {

        font-size: 22px;

        line-height: 119%;

        /* padding-left: 10%;

        padding-right: 10%; */

        margin-bottom: 10px !important;

    }



    .boldHeading {

        font-size: 27.0169px;

        line-height: 100%;

    }



    .mobileMt {

        padding-top: 10px !important;

    }



    .heroHeading {

        font-size: 46px;

        line-height: 100%;

    }



    .heroSubHeading {

        font-size: 30px !important;

        margin-bottom: 10px !important;

    }



    .helloHeading {

        font-size: 60px !important;

    }



    .helloParagraph {

        font-size: 18px;

        line-height: 30px;

    }



    .font36 {

        font-size: 32px;

    }



    .font20 {

        font-size: 13px;

        line-height: 100%;

    }



    .font16 {

        font-size: 14px;

        line-height: 21px;

    }



    .heading2 {

        font-size: 22px;

        line-height: 33px;

    }



    .animatedButton {

        font-size: 12px;

        line-height: 18px;

        padding: 10px 20px;

    }



    .responsiveDefaultPadding {

        padding: 0px !important;

    }



    .customMarginLeft {

        margin-left: 0px !important;

        margin-top: 10px;

    }



    #slider label {

        width: 100% !important;

    }



    #slider {

        height: 125vw;

    }



    #s4:checked~#slide2 {

        transform: translate3d(15%, 0, -100px);

    }



    #s3:checked~#slide2,

    #s4:checked~#slide3 {

        transform: translate3d(-15%, 0, -100px);

    }



    #s2:checked~#slide3,

    #s3:checked~#slide4 {

        transform: translate3d(15%, 0, -100px);

    }



    #s2:checked~#slide4 {

        transform: translate3d(-15%, 0, -100px);

    }



    .bottom-google {

        display: flex !important;

    }



    .customMarginTop {

        margin-top: 0px !important;

    }



    .customMarginBottom {

        margin-bottom: 0px !important;

    }



    .customPaddingTop {

        padding-top: 0px !important;

    }



    .swiper-container {

        padding-bottom: 166px !important;

    }



    .mobileView {

        visibility: visible;

    }



    .child-with-flag {

        margin-top: 0px;

        margin-bottom: -200px;

    }



    .contactFormPadding {

        padding-right: 0px !important;

        padding-left: 0px !important;

    }



    .default-padding {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }



    .font30 {

        font-size: 22px;

        line-height: 31px;

    }



    .toggleButton {

        width: 300px;

        height: 55px;

    }



    .defaultMonth {

        margin-top: -37px;

    }



    .defaultYear {

        padding-top: 20px;

    }



    .font50 {

        font-size: 30px;

        line-height: 35px;

    }



    .viewActionButton {

        margin-top: 20px;

    }



    .heroImage {

        width: 350px;

    }



    .nthButtonOne,

    .nthButtonTwo,

    .nthButtonThree,

    .nthButtonFour,

    .nthButtonFive {

        height: 60px;

        color: #4d4d4d;

        font-weight: 500;

        width: 100%;

        float: none;

        font-size: 14px;

        text-align: left;

        padding-right: 2px;

        border-radius: 5px;

    }



    .uthIcon img {

        width: 40px;

    }



    .instaHeading {

        font-size: 22px;

    }



    .avatarImage img {

        width: 170px;

    }



    .nav-link {

        font-size: 15px;

    }



    .plans .bgWrapper .btnGroup .btn {

        margin-bottom: 15px;

    }



    .famousPlan .card img {

        height: unset;

        margin: auto;

        display: block;

    }



    .addOnService {

        margin-top: 50px;

    }

}



/* Small devices (landscape phones, less than 768px) */

@media (min-width: 767.98px) and (max-width: 990.98px) {

    .marginLeftPaddingRight {

        margin-left: 5%;

        padding-right: 5%;

    }



    .customGapping {

        padding-left: 5%;

        padding-right: 5%;

    }



    .topAlert {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .videoWidth {

        width: 275px !important;

    }



    .responsiveTextAlign {

        text-align: center;

    }



    .responsiveJustifyContent {

        justify-content: center;

    }



    .heading1 {

        font-size: 18px;

        line-height: 119%;

    }



    .boldHeading {

        font-size: 31.0169px;

        line-height: 119%;

    }



    .font20 {

        font-size: 14px;

        line-height: 100%;

    }



    .heading2 {

        font-size: 22px;

        line-height: 33px;

    }



    .animatedButton {

        font-size: 12px;

        line-height: 18px;

        padding: 10px 20px;

    }



    .responsiveDefaultPadding {

        padding: 0px !important;

    }



    .customMarginLeft {

        margin-left: 0px !important;

        margin-top: 10px;

    }



    #slider label {

        width: 60%;

    }



    #slider {

        height: 75vw;

    }



    .bottom-google {

        display: flex !important;

    }



    .child-with-flag {

        margin-top: 0px;

        margin-bottom: -180px !important;

    }



    .contactFormPadding {

        padding-left: 10px !important;

        padding-right: 10px !important;

    }

}



/* Medium devices (tablets, less than 992px) */

@media (min-width: 991.98px) and (max-width: 1198.98px) {

    .marginLeftPaddingRight {

        margin-left: 5%;

        padding-right: 5%;

    }



    .customGapping {

        padding-left: 5%;

        padding-right: 5%;

    }



    .topAlert {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .videoWidth {

        width: 371px !important;

    }



    .heading1 {

        font-size: 30px;

        line-height: 40px;

    }



    .boldHeading {

        font-size: 48.0169px;

        line-height: 55px;

    }



    .marginBottomNone {

        margin-bottom: 0px !important;

    }



    .business-section p {

        font-size: 12px;

    }



    #slider label {

        width: 60%;

    }



    #slider {

        height: 55vw;

    }



    .child-with-flag {

        margin-bottom: -80px !important;

    }



    .font50 {

        font-size: 43px;

        line-height: 55.5px;

    }

}



/* Large devices (desktops, less than 1200px) */

@media (min-width: 1199.98px) and (max-width: 1398.98px) {

    .marginLeftPaddingRight {

        margin-left: 5%;

        padding-right: 5%;

    }



    .customGapping {

        padding-left: 5%;

        padding-right: 5%;

    }



    .topAlert {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .videoWidth {

        width: 390px !important;

    }



    .heading1 {

        font-size: 30px;

        line-height: 40px;

    }



    .boldHeading {

        font-size: 48.0169px;

        line-height: 55px;

    }



    .marginBottomNone {

        margin-bottom: 0px !important;

    }



    .business-section p {

        font-size: 12px;

    }



    #slider {

        height: 47vw;

    }



    .child-with-flag {

        margin-bottom: -110px !important;

    }

}



/* X-Large devices (large desktops, less than 1400px) */

@media (min-width: 1399.98px) and (max-width: 1900.98px) {

    .topAlert {

        padding-top: 12px;

        padding-bottom: 12px;

    }

}



/* X-Large devices (large desktops, less than 1400px) */

@media (min-width: 1901.98px) and (max-width: 2100.98px) {

    .marginLeftPaddingRight {

        margin-left: 15%;

        padding-right: 15%;

    }



    .customGapping {

        padding-left: 18%;

        padding-right: 18%;

    }



    .topAlert {

        padding-top: 10px;

        padding-bottom: 10px;

    }



    #slider {

        height: 29vw;

    }

}



/* X-Large devices (large desktops, less than 1400px) */

@media (min-width: 2200.98px) and (max-width: 2600.98px) {

    .marginLeftPaddingRight {

        margin-left: 25%;

        padding-right: 25%;

    }



    .customGapping {

        padding-left: 25%;

        padding-right: 25%;

    }



    #slider {

        height: 22vw;

    }



    .swiperBuyNowButton {

        padding-right: 80px;

        padding-left: 80px;

    }

}



/* Responsive CSS Ends Here */



.thumbnailLink {

    color: #3a1593 !important;

}



.switch-button {

    background: #f2f6ff;

    border-radius: 30px;

    overflow: hidden;

    width: 240px;

    text-align: center;

    font-size: 18px;

    letter-spacing: 1px;

    color: #155fff;

    position: relative;

    padding-right: 120px;

    position: relative;

}



.switch-button:before {

    content: "Video";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 3;

    pointer-events: none;

}



.switch-button-checkbox {

    cursor: pointer;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 2;

}



.switch-button-checkbox:checked+.switch-button-label:before {

    transform: translateX(120px);

    transition: transform 300ms linear;

}



.switch-button-checkbox+.switch-button-label {

    position: relative;

    padding: 15px 0;

    display: block;

    user-select: none;

    pointer-events: none;

}



.switch-button-checkbox+.switch-button-label:before {

    content: "";

    background: #4e78bc;

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 30px;

    transform: translateX(0);

    transition: transform 300ms;

}



.switch-button-checkbox+.switch-button-label .switch-button-label-span {

    position: relative;

}



/* corporate section start here */

.corporateSection {

    background-color: #cff3f1;

    padding: 50px 0px;

    margin-top: 30px;

    /* margin-bottom: 60px; */

}



.corporateSection h5 {

    color: #213e6e;

    font-size: 37px;

    font-weight: 300;

    letter-spacing: 5px;

    margin-bottom: 50px;

}



.corporateSection h5 b {

    font-weight: 600;

}



.corporateSection .wrapper {

    padding: 25px;

    border-radius: 10px;

    padding-bottom: 0;

    cursor: pointer;

}



.corporateSection .firstWrapper {

    background-color: #ffc145;

    margin-bottom: 30px;

    position: relative;

}



.corporateSection .firstWrapper::before {

    content: "";

    width: 20px;

    height: 20px;

    background-color: #ffc145;

    border-radius: 50%;

    position: absolute;

    left: -40px;

    bottom: 0;

}



.corporateSection .secondWrapper {

    background-color: #53c8bf;

    box-shadow: 3px 6px 21px 2px rgb(0 0 0 / 25%);

    position: relative;

}



.corporateSection .secondWrapper::before {

    content: "";

    width: 12px;

    height: 12px;

    background-color: #53c8bf;

    border-radius: 50%;

    position: absolute;

    left: -37px;

    top: 0;

}



.corporateSection .wrapper h4 {

    color: white;

}



.corporateSection .wrapper p {

    color: white;

}



.corporateSection .wrapper img {

    margin-top: -50px;

}



.corporateSection video {

    width: 460px;

}



@media only screen and (max-width: 1024px) {

    .corporateSection video {

        width: 400px;

    }



    .plans .bgWrapper .btnGroup .btn {

        padding: 10px 18px;

        font-size: 12px;

        margin-right: 5px;

    }



    .plans .rightImg {

        position: absolute;

        right: 0;

        width: 240px;

    }



    .addOnProducts .leftImg {

        position: absolute;

        left: 0;

        top: 200%;

        width: 200px;

    }

}



@media only screen and (max-width: 768px) {

    .famousPlan .card a {

        display: flex;

    }



    .addOnProducts .leftImg {

        display: none;

    }



    .plans .rightImg {

        display: block;

        width: 175px;

        top: 275%;

    }



    .plans .bgWrapper .btnGroup .btn {

        padding: 8px 16px;

        font-size: 12px;

        margin-right: 5px;

    }



    .plans .bgWrapper .col-md-9 {

        flex: 0 0 auto;

        width: 100%;

        padding-right: 15px;

    }



    .plans .bgWrapper .col-md-3 {

        flex: 0 0 auto;

        width: 100%;

    }



    .plans .bgBlueWrapper {

        background-color: #9b8bff;

        padding: 30px 20px;

        border-radius: 5px;

        margin-top: 20px;

        margin-bottom: 50px;

    }



    .famousPlan .card h5 {

        font-size: 16px;

    }



    .corporateSection video {

        width: 330px;

    }



    .corporateSection .firstWrapper::before {

        display: none;

    }



    .corporateSection .secondWrapper::before {

        display: none;

    }

}



@media only screen and (max-width: 600px) {

    .corporateSection .wrapper h4 {

        color: white;

        margin-top: 20px;

    }



    .corporateSection video {

        width: 100%;

        margin-top: 30px !important;

    }

}



/* corporate section end here */



.members {

    color: #8d97ad;

    font-weight: 300;

}



.members h1,

.members h2,

.members h3,

.members h4,

.members h5,

.members h6 {

    color: #3e4555;

}



.members .font-weight-medium {

    font-weight: 500;

}



.members .bg-light {

    background-color: #f4f8fa !important;

}



.members .subtitle {

    color: #8d97ad;

    line-height: 24px;

}



.members .pro-pic {

    min-height: 200px;

}



.members .pro-pic .card-img-overlay ul {

    top: 50%;

}



.members .pro-pic .card-img-overlay ul li a {

    -webkit-transition: 0.1s ease-in;

    -o-transition: 0.1s ease-in;

    transition: 0.1s ease-in;

}



.members .pro-pic .card-img-overlay ul li a:hover {

    -webkit-transform: translate3d(0px, -5px, 0px);

    transform: translate3d(0px, -5px, 0px);

}



.members .pro-pic:hover .card-img-overlay {

    display: block;

}



.twitterIcon {

    color: #1d9bef;

}



.linkedinIcon {

    color: #0a66c2;

}



/* New */



div.sticky {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 111111111;

    background-color: #ffffff;

    padding-bottom: 20px;

}



@media (max-width: 767px) {

    div.sticky {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        z-index: 111111111;

        background-color: #ffffff;

        padding-bottom: 20px;

    }

}



.overlayText {

    font-size: 13px !important;

    line-height: 20px;

    cursor: pointer;

}



.planDetailsCta {

    text-decoration: none;

    color: #3a1593;

    font-size: 16px;

}



.plansHeader {

    background-color: #53c8bf;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

}



.riderPrimary {

    color: #ff4f5a;

}



.riderPrimaryBg {

    background-color: #ff4f5a;

}



.riderSecondary {

    color: #fdd5d8;

}



.riderSecondaryBg {

    background-color: #fdd5d8;

}



.riderActionBtn {

    background: linear-gradient(90.13deg, #ff4f5a 1.86%, #fdd5d8 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



/* FamousOne Page */



.famousonePrimary {

    color: #9b8bff;

}



.famousonePrimaryBg {

    background-color: #9b8bff;

}



.famousoneSecondary {

    color: #eeecff;

}



.famousoneSecondaryBg {

    background-color: #eeecff;

}



.famousoneActionBtn {

    background: linear-gradient(90.13deg, #9b8bff 1.86%, #eeecff 100.05%);

    border-radius: 50px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    padding: 10px 20px;

}



.text-justify {

    text-align: justify;

}



/* FAMOUS CSS */



section {

    margin-top: 15px;

    margin-bottom: 30px;

}



.landingPrimary {

    color: #564eef;

}



.landingBgPrimary {

    background-color: #564eef;

}



.login {

    padding: 25px 0;

}



.login a {

    color: #213e6e;

    text-decoration: none;

    font-weight: 600;

    font-size: 15px;

    padding: 10px 34px;

}



.login button {

    color: #fff;

    padding: 10px 37px;

    font-size: 15px;

    font-weight: 600;



    background: linear-gradient(90deg, #f15a25 0%, #ffb69c 100%);

    border-radius: 10px;

    border: none;

    box-shadow: none !important;

    transition: 0.6s;

}



.login button:hover {

    background: linear-gradient(90deg, #ffb69c 0%, #f15a25 100%);

}



.logo-img {

    padding-top: 40px;

    padding-bottom: 20px;

}



.logo-img img {

    width: 200px;

}



.text h5 {

    font-weight: 600;

    font-size: 50px;

    color: #424242;

    line-height: 1.31;

}



.text h3 {

    font-weight: 600;

    font-size: 34px;

    color: #424242;

    line-height: 1.31;

    padding-top: 20px;

}



.text h5 span {

    color: #564eef;

    font-weight: 700;

    font-size: 88px;

    padding: 0 21px;

}



.text h3 span {

    color: #424242;

    font-weight: 800;

    font-size: 38px;

}



.text p {

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    color: #f15a25;

    padding-top: 24px;

}



.text a {

    color: #fff;

    text-transform: uppercase;



    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    text-decoration: none;

    background: linear-gradient(270deg, #564eef 0%, #c4c1ff 100%);

    border-radius: 10px;

    padding: 23px 59px;

}



.text a:hover {

    background: linear-gradient(270deg, #c4c1ff 0%, #564eef 100%);

}



.text a span {

    padding-left: 100px;

}



.byt {

    padding-top: 57px;

}



.img {

    padding-top: 17px;

    padding-left: 59px;

}



.img-1 {

    padding-left: 59px;

}



.landingheroImage p {

    color: #424242;

    font-size: 13px;

    font-weight: 500;

    margin-top: 10px;

}



.main-1 {

    padding: 22px 27px;

    background: #fff1f1;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    margin-right: 34px;

    height: 160px;

    width: 100%;

}



.main-2 {

    padding: 22px 27px;

    background: #e4efff;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.main-3 {

    padding: 22px 27px;

    background: #ffece4;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    margin-right: 34px;

    height: 160px;

    width: 100%;

}



.main-4 {

    padding: 22px 27px;

    background: #ffe4f1;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.herogridOne {

    padding: 22px 27px;

    background: #e1ecff;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.herogridTwo {

    padding: 22px 27px;

    background: #e6fff1;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.herogridThree {

    padding: 22px 27px;

    background: #e6fff1;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.herogridFour {

    padding: 22px 27px;

    background: #fffbc7;

    border-radius: 10px;

    transition: 0.5s;

    margin-bottom: 34px;

    height: 160px;

    width: 100%;

}



.owl-carousel .owl-item img {

    display: block;

    width: 100%;

}



.sew {

    display: flex;

}



.sew .contains img {

    padding-right: 25px;

}



.sew .containsx h5 {

    color: #3a1593;

    font-style: normal;

    font-weight: 600;

    font-size: 24px;

}



.sew .containsx p {

    color: #3a1593;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    padding: 10px 0 5px 0;

}



.sew .containsx p span {

    font-weight: 800;

}



.landingheroImage h3 {

    font-size: 30px;

    font-weight: 900;

}



.item {

    background: #f3f2ff;

    border-radius: 100px 0px 0px 100px;

    padding: 15px 4px 15px 64px;

}



.sober-line {

    border: 1px solid #7d7c7c;

    margin-top: 177px;

    margin-bottom: 77px;

}



.clear p {

    font-weight: 400;

    font-size: 12px;

    color: #737373;



    padding-top: 15px;

}



.social {

    padding-top: 27px;

}



.social a:hover {}



.app-btn {

    display: flex;

}



.app-btn a {

    padding-right: 19px;

    transition: 0.5s;

}



.app-btn a:hover {

    filter: invert(50%);

}



.app {

    padding-top: 32px;

}



.app p {

    color: #213e6e;

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

}



.head {

    display: flex;

    padding: 10px;

}



.head p {

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    padding-top: 10px;

}



.head img {

    margin-right: 12.5px;

}



.list {

    padding-left: 30px;

}



.list ul li {

    list-style: none;

}



.list ul li a {

    color: #8d8d8d;

    text-decoration: none;

    font-weight: 400;

    font-size: 14px;



    padding-bottom: 20px;

}



.copy {

    padding-top: 121px;

    margin-left: -30px;

}



.copy a {

    text-decoration: none;

    color: #8d8d8d;



    font-size: 14px;

    font-weight: 600;

    padding-bottom: 120px;

}



@media (max-width: 767px) {

    .main-1 {

        margin-right: 0;

    }



    .main-3 {

        margin-right: 0;

    }



    .text a span {

        padding-left: 30px;

    }



    .text a {

        padding: 13px 12px;

    }

}



@media (max-width: 556px) {

    .text h5 {

        font-weight: 600;

        font-size: 30px;

        color: #424242;

        line-height: 1.31;

    }



    .login {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .text h3 {

        font-weight: 600;

        font-size: 25px;

        color: #424242;

        line-height: 1.31;

    }



    .landingheroImage h3 {

        font-size: 22px;

        font-weight: 900;

    }



    .sew .containsx p {

        color: #3a1593;

        font-style: normal;

        font-weight: 400;

        font-size: 14px;

        padding: 15px 0 15px 0;

    }



    .text h5 span {

        color: #564eef;

        font-weight: 700;

        font-size: 60px;

        padding: 0 21px;

    }



    .text h3 span {

        color: #424242;

        font-weight: 800;

        font-size: 20px;

    }



    .text a {

        color: #fff;

        text-transform: uppercase;



        font-style: normal;

        font-weight: 600;

        font-size: 18.7143px;

        text-decoration: none;

        background: linear-gradient(270deg, #564eef 0%, #c4c1ff 100%);

        border-radius: 10px;

        padding: 23px 59px;

    }



    .app-btn {

        display: block;

    }



    .copy {

        padding-top: 121px;

        margin-left: 0px;

    }



    .owl-carousel .owl-nav button.owl-next,

    .owl-carousel .owl-nav button.owl-prev,

    .owl-carousel button.owl-dot {

        top: 117px !important;

    }

}



.main-content {

    position: relative;

}



.owl-theme .custom-nav {

    position: absolute;

    top: 20%;

    left: 0;

    right: 0;

}



.main-content .owl-theme .custom-nav .owl-prev,

.main-content .owl-theme .custom-nav .owl-next {

    position: absolute !important;

    height: 100px !important;

    color: inherit !important;

    background: none !important;

    border: none !important;

    z-index: 100 !important;

}



.main-content .owl-theme .custom-nav .owl-prev i,

.main-content .owl-theme .custom-nav .owl-next i {

    font-size: 2.5rem !important;

    color: #cecece !important;

}



.main-content .owl-theme .custom-nav .owl-prev {

    left: 0;

}



.main-content .owl-theme .custom-nav .owl-next {

    right: 0;

}



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev,

.owl-carousel button.owl-dot {

    position: absolute !important;

    height: 100px !important;

    color: inherit !important;

    background: none !important;

    border: none !important;

    z-index: 100 !important;

    top: 24px;

}



.owl-next {

    right: 0;

    padding-top: 50px;

}



.owl-prev {

    left: 0;

}



.owl-prev i {

    color: #a29aff;

    font-size: 30px;

}



.owl-next i {

    color: #a29aff;

    font-size: 30px;

}



.owl-carousel .owl-item img {

    display: block;

    width: 100%;

}



.sew {

    display: flex;

}



.sew .contains img {

    padding-right: 25px;

}



.sew .containsx h5 {

    color: #3a1593;

    font-style: normal;

    font-weight: 600;

    font-size: 24px;

}



.item {

    background: #f3f2ff;

    border-radius: 100px 0px 0px 100px;

    padding: 15px 4px 15px 64px;

}



.sober-line {

    border: 1px solid #7d7c7c;

    margin-top: 177px;

    margin-bottom: 77px;

}



.clear p {

    font-weight: 400;

    font-size: 12px;

    color: #737373;



    padding-top: 15px;

}



.social {

    padding-top: 27px;

}



.social a:hover {}



.app-btn {

    display: flex;

}



.app-btn a {

    padding-right: 19px;

    transition: 0.5s;

}



.app-btn a:hover {

    filter: invert(50%);

}



.app {

    padding-top: 32px;

}



.app p {

    color: #213e6e;

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

}



.head {

    display: flex;

    padding: 10px;

}



.head p {

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    padding-top: 10px;

}



.head img {

    margin-right: 12.5px;

}



.list {

    padding-left: 30px;

}



.list ul li {

    list-style: none;

}



.list ul li a {

    color: #8d8d8d;

    text-decoration: none;

    font-weight: 400;

    font-size: 14px;



    padding-bottom: 20px;

}



.copy {

    padding-top: 121px;

    margin-left: -30px;

}



.copy a {

    text-decoration: none;

    color: #8d8d8d;



    font-size: 14px;

    font-weight: 600;

    padding-bottom: 120px;

}



@media (max-width: 767px) {

    .main-1 {

        margin-right: 0;

    }



    .main-3 {

        margin-right: 0;

    }



    .text a span {

        padding-left: 30px;

    }



    .text a {

        padding: 13px 12px;

    }



    .byt {

        padding-top: 27px;

    }

}



@media (max-width: 556px) {



    .heroButtonWrapper {

        text-align: center;

    }



    .heroButton {

        padding: 20px 30px !important;

        margin-top: 12px!important;

    }



    .text h5 {

        font-weight: 600;

        font-size: 30px;

        color: #424242;

        line-height: 1.31;

    }



    .login {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .text h3 {

        font-weight: 600;

        font-size: 27px;

        color: #424242;

        line-height: 1.31;

    }



    .text h5 span {

        color: #564eef;

        font-weight: 700;

        font-size: 40px;

        padding: 0 21px;

    }



    .text p {

        font-style: normal;

        font-weight: 600;

        font-size: 13px;

        color: #f15a25;

        padding-top: 24px;

    }



    .text h3 span {

        color: #424242;

        font-weight: 800;

        font-size: 28px;

    }



    .app-btn {

        display: block;

    }



    .copy {

        padding-top: 121px;

        margin-left: 0px;

    }



    .sew .containsx p {

        color: #3a1593;

        font-style: normal;

        font-weight: 400;

        font-size: 13px;

        padding: 15px 0 15px 0;

    }

}



.landingheroImage img {

    width: 150px;

}



.logoWidth300 {

    width: 250px;

}



.main-1:hover {

    transform: translateY(-5px) scale(1.005) translateZ(0);

    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),

        0 24px 46px var(--box-shadow-color);

}



.main-2:hover {

    transform: translateY(-5px) scale(1.005) translateZ(0);

    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),

        0 24px 46px var(--box-shadow-color);

}



.main-3:hover {

    transform: translateY(-5px) scale(1.005) translateZ(0);

    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),

        0 24px 46px var(--box-shadow-color);

}



.main-4:hover {

    transform: translateY(-5px) scale(1.005) translateZ(0);

    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),

        0 24px 46px var(--box-shadow-color);

}



.main-1:hover {

    border: 0.75px solid #80c9f9;

    box-shadow: 7px 14px 16px -3px rgba(206, 235, 255, 0.64);

}



.main-2:hover {

    border: 0.75px solid #0ba6a6;

    box-shadow: 7px 14px 16px -3px rgba(206, 235, 255, 0.64);

}



.main-3:hover {

    border: 0.75px solid #f15f60;

    box-shadow: 7px 14px 16px -3px rgba(206, 235, 255, 0.64);

}



.main-4:hover {

    border: 0.75px solid #f68b39;

    box-shadow: 7px 14px 16px -3px rgba(206, 235, 255, 0.64);

}











.moreContent {

    height: 445px;

    overflow: hidden;

}

.moreContent.show-more-height {

    height: auto;

}


/* 28/11/2023 */
.top-logo {
    padding: 15px 0;
}
.deepBlack {
    color: #000000;
}
.deepBlack a {
    color: #000000;
}
.menu-bg {
    background-color: #EFE9FF!important;
}
.instaEcomerceCitiNavbar .nav-link {
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 10px;
}
.pinkColor {
    background-color: #EF1C71;
}

.instaEcomerceCitiNavbar .nav-item.active .nav-link {
    background-color: #EF1C71;
    color: #ffffff;
}
.instaEcomerceCitiNavbar .nav-item.active .nav-link img {
    margin-right: 2px;
    margin-top: -2px;
}
.buyNow .nav-link {
    background-color: #3E1897;
    color: #ffffff;
    font-size: 16px;
    min-width: 168px;
    height: 45px;
    line-height: 24px;
    text-align: center;
}

.storeDarkBlue {
    color: #2E108E;
}
.helloHeadingEcom {

    font-size: 60px !important;
    font-weight: 500;

}

.helloHeadingEcom span {
    font-weight: 700;
}
.headingEcom1 {
    font-size: 31px;
    line-height: 32px;
    font-weight: 500;
}

.herotwocolor {
    color: #424242;
    font-weight: 500;
}
.herotwocolor span {
    color: #EF1C71;
    
}
.bannerBtn {
    border-radius: 10px;
    font-size: 18px;
    height: 55px;
    padding: 5px 30px 5px 40px;
    line-height: 43px;
}
.bannerBtn .rightText {
    float: right;
    line-height: 43px;
}
.joinFree {
    background-color: #EF1C71;
    color: #ffffff;
}
.GetWebsite {
    background-color: #ffffff;
    border: 2px solid #3E1897;
    color: #3E1897;
}
.bannerBtn:hover {
    color: #ffffff;
}
.GetWebsite.bannerBtn:hover {
    color: #3E1897;
}
.sideREound a {
    padding: 10px 74px 10px 37px;
    border-bottom-left-radius: 25px;
    background-color: #EF1C71;
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 30%;
    line-height: 27px;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}

.playstore p {
    font-weight: 500;
    font-size: 20px;
    color: #424242;
    line-height: 20px;
    margin-bottom: 0;
}

.businesscontrol {
    background-color: #FFF0E7;
    padding: 60px 0 70px;
}
.headingBig {
    font-size: 36px;
    line-height: 52px;
    margin-bottom: 10px;
    color: #213E6E;
}
.headingsub {
    font-size: 22px;
    line-height: 32px;
    color: #213E6E;
}
.custcard {
    border-radius: 25px;
    height: 248px;
    padding: 1cap;
    display: flex;
    width: 100%;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.custcard:hover {
    transform: scale(1.1);
}
.custcard a {
    color: #ffffff;
    font-size: 26px;
    text-decoration: none;
}
.custcard.firstbox {
    background-color: #16B6AA;
}
.custcard.secondbox {
    background-color: #3A1593;
}
.custcard.thirdbox {
    background-color: #F15A25;
}

.ecommercestore {
    background-color: #F2F6FF;
    background-image: url(../img/bg-group.png);
    background-size: cover;
    background-position: center top;
}

.dropShadow1 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 5%);
}
.ecommerceImg {
    height: 64px;
    width: auto;
    max-width: 100%;
}
.theembox a {
    text-decoration: none;
    font-size: 28px;
    line-height: 40px;
    color: #213E6E;
}
.theembox a h3 {
    color: #213E6E;
}