@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Rubik+Mono+One&display=swap');







html, body {

  overflow-x: hidden;

}

@media (min-width: 480px) {
.sideimg11 {

    width: 30%;

    position: absolute;

    bottom: 0px;

    top: 21px;

    right: 184px;

    z-index: 1;

}
.wohiamheadindpharagragh {

    width: 74%;

    margin: 0 auto;

}

.likeBus2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 2;

    rotate: 15deg;

}


.like {

    position: absolute;

    right: 6rem;

    bottom: 28rem;

    width: 20%;

    z-index: 1;

}

.likeBus3 {

    position: absolute;

    right: 15rem;

    bottom: 30rem;

    width: 10%;

    z-index: 2;


}

.likeBus4 {

    position: absolute;

    right: 18rem;

    bottom: 29rem;

    width: 10%;

    z-index: 2;

}

.heartbubble5 {

    position: absolute;

    width: 10%;

    top: 89px;

    z-index: 2;

}


.sideimg3 {

    width: 37%;

    position: absolute;

    bottom: 0px;

    top: 39px;

    right: 61px;

    z-index: 1;

}
.sideimgbus1 {

    width: 32%;

    position: absolute;

    bottom: 0px;

    top: 110px;

    right: 153px;

    z-index: 1;

}

img.heartBubbles44 {

    position: absolute;

    width: 7%;

    right: 132px;

    top: 84px;

}


.heartbubble11 {

    position: absolute;

    width: 20%;

    top: 53px;

    right: 15vw;

    z-index: 2;

    rotate: 50deg;

}

.sideimg22 {

    width: 23%;

    position: absolute;

    bottom: 0px;

    top: 115px;

    right: 237px;

    z-index: 1;

}

.sideimg33 {

    width: 23%;

    position: absolute;

    bottom: 0px;

    top: 114px;

    right: 236px;

    z-index: 1;

}
.sideimg88 {

    width: 29%;

    position: absolute;

    bottom: 0;

    top: 103px;

    right: 179px;

    z-index: 1;

}

.sideimg2 {

    width: 35%;

    position: absolute;

    bottom: 0px;

    top: 62px;

    right: 137px;

    z-index: 1;

}

.sideimg77 {

    width: 27%;

    position: absolute;

    bottom: 0;

    top: 81px;

    right: 145px;

    z-index: 1;


}.sideimg66 {

    width: 32%;

    position: absolute;

    bottom: 0;

    top: -15px;

    right: 195px;

    z-index: 1;

}
.sideimg55 {

    width: 25%;

    position: absolute;

    bottom: 0;

    top: 131px;

    right: 259px;

    z-index: 1;

}
.sideimg5 {

    width: 27%;

    position: absolute;

    bottom: 0px;

    top: 97px;

    right: 215px;

    z-index: 1;

}


.sideimg44 {

    width: 31%;

    position: absolute;

    bottom: 0;

    top: 120px;

    right: 149px;

    z-index: 1;

}


.sideimgBus3 {

    width: 36%;

    position: absolute;

    bottom: 0px;

    top: 93px;

    right: 157px;

    z-index: 1;

}

.createCustomPackagee44 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 14vw;

}


.like77 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 15%;

    z-index: 1;

    rotate: 15deg;

}


}






/* Sidebar Css Starts */

.sidebar {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 260px;

    background: #fff;

    z-index: 100;

    transition: all 0.5s ease;

}



.sidebar.close {

    width: 78px;

}



.sidebar .logo-details {

    height: 60px;

    width: 100%;

    display: flex;

    align-items: center;

    gap: 30px;

    justify-content: center;

}



.swayiticon {

    margin-left: 22px;

}



.swayitlogowidth {

    width: 70%;

}



.sidebar .logo-details i {

    font-size: 30px;

    color: #fff;

    height: 50px;

    min-width: 78px;

    text-align: center;

    line-height: 50px;

}



.sidebar .logo-details .logo_name {

    font-size: 22px;

    color: #fff;

    font-weight: 600;

    transition: 0.3s ease;

    transition-delay: 0.1s;

}



.sidebar.close .logo-details .logo_name {

    transition-delay: 0s;

    opacity: 0;

    pointer-events: none;

}



.sidebar .nav-links {

    height: 100%;

    padding: 30px 0 150px 0;

    overflow: auto;

}



.sidebar.close .nav-links {

    overflow: visible;

}



.sidebar .nav-links::-webkit-scrollbar {

    display: none;

}



.sidebar .nav-links li {

    position: relative;

    list-style: none;

    transition: all 0.4s ease;

}



.sidebar .nav-links li:hover {

    background: #bababa;

}



.sidebar .nav-links li .iocn-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.sidebar.close .nav-links li .iocn-link {

    display: block

}



.sidebar .nav-links li i {

    height: 50px;

    min-width: 56px;

    text-align: center;

    line-height: 50px;

    color: #000;

    font-size: 20px;

    cursor: pointer;

    transition: all 0.3s ease;

}



.sidebar .nav-links li.showMenu i.arrow {

    transform: rotate(-180deg);

}



.sidebar.close .nav-links i.arrow {

    display: none;

}



.sidebar .nav-links li a {

    display: flex;

    align-items: center;

    text-decoration: none;

}



.sidebar .nav-links li a .link_name {

    font-size: 17px;

    font-weight: 400;

    color: #000;

    transition: all 0.4s ease;

}



.sidebar.close .nav-links li a .link_name {

    opacity: 0;

    pointer-events: none;

}



.sidebar .nav-links li .sub-menu {

    /* padding: 10px; */

    /* margin-top: -10px; */

    background: #eeeeee;

    display: none;

}



.sidebar .nav-links li.showMenu .sub-menu {

    display: block;

}



.sidebar .nav-links li .sub-menu a {

    color: #000;

    font-size: 15px;

    padding: 5px 0;

    white-space: nowrap;

    opacity: 0.6;

    transition: all 0.3s ease;

}



.sidebar .nav-links li .sub-menu a:hover {

    opacity: 1;

}



.sidebar.close .nav-links li .sub-menu {

    position: absolute;

    left: 100%;

    top: -10px;

    margin-top: 0;

    padding: 10px 20px;

    border-radius: 0 6px 6px 0;

    opacity: 0;

    display: block;

    pointer-events: none;

    transition: 0s;

}



.sidebar.close .nav-links li:hover .sub-menu {

    top: 0;

    opacity: 1;

    pointer-events: auto;

    transition: all 0.4s ease;

}



.sidebar .nav-links li .sub-menu .link_name {

    display: none;

}



.sidebar.close .nav-links li .sub-menu .link_name {

    /* font-size: 18px; */

    opacity: 1;

    display: block;

}



.sidebar .nav-links li .sub-menu.blank {

    opacity: 1;

    pointer-events: auto;

    padding: 3px 20px 6px 16px;

    opacity: 0;

    pointer-events: none;

}



.sidebar .nav-links li:hover .sub-menu.blank {

    top: 50%;

    transform: translateY(-50%);

}



.one {

    width: 80%;

    margin-left: 10%;

    background-color: black;

    height: 400px;

}



.sidebar .profile-details {

    position: fixed;

    bottom: 0;

    width: 260px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #fff;

    padding: 12px 0;

    transition: all 0.5s ease;

}



.sidebar.close .profile-details {

    background: none;

}



.sidebar.close .profile-details {

    width: 78px;

}



.sidebar .profile-details .profile-content {

    display: flex;

    align-items: center;

}



.sidebar .profile-details img {

    height: 52px;

    width: 52px;

    object-fit: cover;

    border-radius: 16px;

    margin: 0 14px 0 12px;

    background: #1d1b31;

    transition: all 0.5s ease;

}



.sidebar.close .profile-details img {

    padding: 10px;

}



.sidebar .profile-details .profile_name,

.sidebar .profile-details .job {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    white-space: nowrap;

}



.sidebar.close .profile-details i,

.sidebar.close .profile-details .profile_name,

.sidebar.close .profile-details .job {

    display: none;

}



.sidebar .profile-details .job {

    font-size: 12px;

}



.home-section {

    position: relative;

    /* background: #f6f7f8; */

    height: 100vh;

    left: 260px;

    width: calc(100% - 260px);

    transition: all 0.5s ease;

}



.sidebar.close~.home-section {

    left: 78px;

    width: calc(100% - 78px);

}



.home-section .home-content {

    height: 70px;

    display: flex;

    align-items: center;

    background-color: #fff;

}



.home-section .home-content .bx-menu,

.home-section .home-content  {

    color: #11101d;

    font-size: 35px;

}



.home-section .home-content .bx-menu {

    margin: 0 15px;

    cursor: pointer;

}



.home-section .home-content .text {

    font-size: 26px;

    font-weight: 600;

}



@media (max-width: 420px) {

    .sidebar.close .nav-links li .sub-menu {

        display: none;

    }

   .wohiamheadindpharagragh {

    width: 100%;
text-align: left;
    padding:  0 5;


}

.likeBus2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 50%;

    z-index: 2;

    rotate: 15deg;

}


.like {

    position: absolute;

    right: 6rem;

    bottom: 28rem;

    width: 50%;

    z-index: 1;

}
.likeBus3 {

    position: absolute;

    right: 15rem;

    bottom: 30rem;

    width: 40%;

    z-index: 2;


}

.likeBus4 {

    position: absolute;

    right: 18rem;

    bottom: 29rem;

    width: 40%;

    z-index: 2;

}

    
.heartbubble5 {

    position: absolute;

    width: 40%;

    top: 89px;

    z-index: 2;

}

   
.sideimg3 {
   width: 100%;
} 
.sideimg2 {
    width: 100%;
}
.sideimg5 {
    margin-top: 15px;
 width: 100%;
}


.sideimgBus3 {

    width: 100%;

}
    
    .sideimgbus1 {
margin-top: 15px;
    width: 100%;

}


img.heartBubbles44 {

    position: absolute;

    width: 40%;

    right: 132px;

    top: 84px;

}



.like77 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 50%;

    z-index: 1;

    rotate: 15deg;

}

.sideimg11 {

width: 100%;

    z-index: 1;

}
.sideimg22 {

    width: 100%;
    z-index: 1;

}

.sideimg33 {

    width: 100%;
    margin-top: 15px;

}
.sideimg88 {
   width: 100%;

}
.sideimg77 {
   width: 100%;
}

.sideimg66 {
   width: 100%;
}
.sideimg55 {
   width: 100%;
}

.sideimg44 {
   width: 100%;
}

.heartbubble11 {

    position: absolute;

    width: 50%;

    top: 53px;

    right: 15vw;

    z-index: 2;

    rotate: 50deg;

}

.createCustomPackagee44 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

}



}



/* Sidebar CSS Ends */



/* Topbar Css Starts */

.topbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 94%;

}



.leftColTopBar {

    font-size: 18px;

    font-weight: 500;

}



.rightColTopBar {

    display: flex;

    gap: 10px;

    align-items: center;

}



.UserName {

    font-weight: 700;

}



.paginationSection {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 34px;

    padding-left: 18px;

    padding-right: 21px;

    /* box-shadow: 0px 4px 40px rgba(39, 32, 120, 0.1); */

    margin-bottom: 23px;

}



/* Topbar Css Ends */



/* Index Css Starts */

.headerLogo {

    width: 200px;

    padding-left: 10px;

}



.nLinks {

 

    gap: 18px;

}



.n-link {

    color: #fff !important;

}



a.landingHeader:hover {

    color: #005eff !important;

}



.landingHeader {

    /* font-size: 18px !important; */
/* 
    font-weight: 600 !important; */

    color: #fff !important;

}



.loginButton {

    background-color: #2979FF !important;

    padding: 5px 30px !important;

    border-radius: 15px 15px 3px 15px !important;

    color: #fff !important;

    font-weight: 700 !important;

    font-size: 23px !important;

}



/* .loginButton1 {

    background-color: #2979FF !important;

    padding: 2px 25px !important;

    border-radius: 15px 15px 3px 15px !important;

    color: #fff !important;

    font-weight: 600 !important;

    font-size: 19px !important;

} */



.loginButton:hover {

    background-color: #fff !important;

    color: #2979FF !important;

}


.navss {

    animation: fadeInAnimation ease 2s;

    animation-iteration-count: 1;

    animation-fill-mode: forwards;

}



.navTop {

    z-index: 3 !important;

}



@keyframes fadeInAnimation {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



.showcase {

    align-items: center;

    color: #fff;

    display: flex;

    height: 100vh;

    justify-content: center;

    padding: 0 20px;

    text-align: center;

}



.video-container {

    height: 100%;

    left: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    width: 100%;

}



.video-container video {

    left: 50%;

    min-height: 100%;

    min-width: 100%;

    object-fit: cover;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

}



.content,

.navbar {

    z-index: 1;

}



h1.landingHeading {

    font-family: Playfair Display SC, Sans-serif !important;

    font-size: 45px;

    font-style: normal;

    font-weight: 700;

    line-height: 58px;

    margin: 0 auto;
/* 
    width: 57%; */

}


/* 
.hiringsellingline {

    font-family: Rubik Mono One, monospace !important;

    font-size: 30px;

    font-style: normal;

    font-weight: 400;

    margin-top: 3.5vw;

} */



.buttonsDiv {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    justify-content: center;

    margin-top: 10vh;

}



.categoryButton {

    border: 1px solid #fff !important;

    border-radius: 25px !important;

    color: #fff !important;

    font-family: Playfair Display, Sans-serif !important;

    font-size: 18px !important;

    font-style: normal !important;

    font-weight: 500 !important;

    padding: 11px 29px !important;

}



.video-container:after {

    content: '';

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

}



.navbar {

    padding: 16px;

    z-index: 1;

}



.content {

    z-index: 1;

}



h1.landingHeading {

    font-family: "Playfair Display SC", Sans-serif !important;

    /* width: 57%; */

    margin: 0 auto;

    font-size: 45px;

    font-weight: 700;

    font-style: normal;

    line-height: 58px;

}



.hiringsellingline {

    font-family: Rubik Mono One, monospace !important;

    font-size: 30px;

    font-style: normal;

    font-weight: 400;

    margin-top: 3.5vw;

}



.buttonsDiv {

    display: flex;

    justify-content: center;

    gap: 30px;

    margin-top: 10vh;

}



@media (max-width: 992px) {

    h1.landingHeading {

        /* width: 80%; */

        font-size: 25px;

        font-weight: 500;

        line-height: 28px;

    }

    

    .hiringsellingline {

        font-family: Rubik Mono One, monospace !important;

        font-size: 18px;

    }

    

    .buttonsDiv {

        display: flex;

        justify-content: center;

        gap: 30px;

        margin-top: 5vh;

    }

}

.categoryButton {

    font-family: "Playfair Display", Sans-serif !important;

    border: 1px solid #fff !important;

    border-radius: 25px !important;

    color: #fff !important;

    padding: 11px 29px !important;

    font-size: 18px !important;

    font-weight: 500 !important;

    font-style: normal !important;

}



.categoryButton:hover {

    border: 1px solid #fff !important;

    color: #000 !important;

    background-color: #fff !important;

}



.copyright {

    background-color: #18181b;

    color: #b4b4bb;

    text-align: center;

    padding-top: 12px;

    padding-bottom: 1px;

}



p.copytext {

    margin-top: 1%;

}



/* Index CSS Ends */



/* About Us CSS Starts */

.headerLogo {

    width: 200px;

    padding-left: 10px;

}



/* .nLinks {

    margin-left: 39vw;

    gap: 18px;

} */



.n-link {

    color: #fff !important;

}



.loginButton {

    background-color: #2979FF !important;

    padding: 5px 30px !important;

    border-radius: 15px 15px 3px 15px !important;

    color: #fff !important;

    font-weight: 700 !important;

    font-size: 23px !important;

}



.loginButton:hover {

    background-color: #fff !important;

    color: #2979FF !important;

}

/* 

.loginButton1:hover {

    background-color: #fff !important;

    color: #2979FF !important;

}

 */

.navss {

    animation: fadeInAnimation ease 2s;

    animation-iteration-count: 1;

    animation-fill-mode: forwards;

}



.navTop {

    z-index: 3 !important;

}



@keyframes fadeInAnimation {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



/* .AboutusMaindiv {

    background: #2A2349;

} */



.aboutusMainhading {

    padding-left: 14%;

    padding-top: 12%;

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

}



.aboutusMainhading1 {

    color: #ffff;



}



.socialMediaAboutPage1 {

    display: flex;

    justify-content: center;

    gap: 12rem;



}



.aboutusMainhading11 {

    color: #ffffff76;

    font-size: 24px;

    width: 100%;

    margin-top: 5%;

    line-height: 36px;

}



.AboutUsSocalIcons11 {

    border: 2px solid #2d88ff;

    padding: 20px;

    border-radius: 20px;

    background-color: #283c67;

    transition: 0.4s;

}

.AboutUsSocalIcons11:hover {

    border: 2px solid #2d88ff;

    background-color: #43327100;;

}



.AboutUsSocalIcons11 img {

    width: 80px;

    height: auto;

    margin-bottom: 20px;

}



.AboutUsSocalIcons11 h2 {

    color: #fff;

    font-weight: 700;

    font-size: 35px;

}



.AboutUsSocalIcons11 h5 {

    color: #ffffff78;

    font-size: 20px;

}



@media (max-width: 992px) {

    .aboutusMainhading {

        padding-left: 7%;

        padding-top: 12%;

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

    }

    

    .aboutusMainhading1 {

        font-size: 34px !important;

    }

    

    .aboutusMainhading11 {

        font-size: 17px !important;

    }

}



.AboutUsImg1 {

    width: 100%;

    text-align: center;

}



.AboutUs1 {

    width: 70%;

    margin-top: 9%;

}



/* .abutusSocialMediacons {

    display: flex;

    text-align: center;

    margin-top: 3%;

} */



.AboutUsSocalIcons1 {

    font-size: 5rem !important;

    justify-content: center;

}



.whoiAMAboutUS {

    display: flex;

    text-align: center;

}



img.AboutUs2 {

    width: 28%;

    margin-top: 0px;

}



h6.wohiamheadind1 {

    color: #ffffffb1;

    margin-top: 1%;

    font-size: 24px;

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

}



.wohiamheadind2 {

    color: #ffff;

    font-size: 53px;

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

}



.wohiamheadind3 {

    color: #ffffff89;


    font-weight: 400;

    margin-top: 2%;

}






.AboutUsCards1 {

    background-color: #fff;

    border-radius: 15px;

    justify-content: center;

    width: 90%;

    margin-top: 9%;

    padding: 13px 32px;

}



.AbutUsCardiconcs {

    color: green;

    margin-right: 5%;

    font-size: 37px;

}



h2.AboutUsCards2 {

    font-size: 34px;

    text-align: center;

}



.AboutUsCards3 {

    font-size: 20px;

    font-weight: 500;

    margin-top: 5%;

    text-align: center;

}



img.AboutUsimg3 {

    width: 75%;

    margin-top: 7%;

}



.aboutImageready {

    text-align: center;

}



.WeAreReadyAboutUs {

    background-color: #fff;

    display: flex;

    justify-content: center;

}



.WeAreReadyAboutUs img {

    width: 90%;

}



.WeAreReadyAboutUs h2 {

    margin-top: 100px;

    margin-bottom: 40px;

    color: #232f49;

    font-size: 64px;

    text-transform: capitalize;

}



.WeAreReadyAboutUs p {

    color: #6b6b6b;

    font-size: 24px;

    text-transform: capitalize;

}



.WeAreReadyAboutUs a {

    color: #ffffff !important;

    font-size: 20px;

    text-decoration: none;

    background-color: #232f49;

    padding: 10px;

    border-radius: 10px;

    border: 2px solid #232f49;

}



.WeAreReadyAboutUs a i {

    color: #ffffff !important;

    margin-right: 10px;

    font-size: 20px !important;

}



.WeAreReadyAboutUs a:hover {

    color: #232f49 !important;

    background-color: #7848c500;

    border: 2px solid #232f49;

    transition: 0.4s;

}



.WeAreReadyAboutUs a:hover i {

    color: #232f49 !important;

}

@media (max-width: 992px) {

    .WeAreReadyAboutUs h2 {

        margin-top: 30px;

        margin-bottom: 20px;

        font-size: 34px;

    }

    

    .WeAreReadyAboutUs p {

        font-size: 18px;

    }

    

    .WeAreReadyAboutUs a i {

        font-size: 30px !important;

        margin-right: 10px;

    }

    

    .WeAreReadyAboutUs a {

        font-size: 20px;

    }

}



.Aboutusplaybtn {

    color: #0d6efd;

    font-size: 49px !important;

}



img.AboutUsimg4 {

    margin-top: 13%;

}





.sec2-con {

    display: flex;

    padding: 20px;

    /* border-radius: 20px; */

    margin-bottom: 30px;

    border-left: 4px solid #2d88ff;

}

.sec2-con .sub-sec2-con i {

    font-size: 40px;

    color: #2d88ff;

    margin-right: 18px;

    margin-top: 14px;

}

.sec2-con .sub-sec2-con .sec2-con-content {

    transition: 0.5s;

}

.sec2-con .sub-sec2-con .sec2-con-content h3 {

    color: #ffffff;

    font-size: 20px;

    margin-bottom: 10px;

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

}

.sec2-con .sub-sec2-con .sec2-con-content p {

    font-size: 16px;

    color: #ffffff7d;

    margin-bottom: 0px;

    font-family: "Open Sans", sans-serif;

}



.ContactUsForm1 {

    /* background-image: url(../images/AboutUs44.png); */

    /* height: 590px; */

    width: 100%;

    /* background-repeat: no-repeat;

    background-size: cover; */

    background-color: #232f49;

    /* margin-bottom: 4%; */

}



.ContactUsFormInput1 {

    width: 100%;

    background-color: #fff;

    padding: 20px;

    border-radius: 20px;

    margin-top: 20px;

}



.signUpBorderInput11 {

    border: 1px solid #2979FF;

    border-radius: 6px;

    width: 100%;

    font-size: 16px;

    padding-left: 13px;

}



.SocialIconsFooter1 {

    color: #fff !important;

}



h3.sendMessageAboutcolor {

    color: #2a2349;

}



.form-control11 {

    transition: all 0.3s ease;

    height: 41px;

    font-size: 17px;

    padding-left: 2%;

}



.form-control2 {

    transition: all 0.3s ease;

    width: 100%;

    font-size: 21px;

    padding-left: 2%;

}



input.form-control22 {

    background-color: #f3f3ff;

    transition: all 0.3s ease;

    width: 100%;

    height: 150px;

    font-size: 22px;

    padding-left: 4%;

    padding-top: 2%;

}



.createAccountButtonSignup22 {

    margin-top: 21px !important;

    padding: 4px 7px !important;

    font-weight: 600 !important;

    font-size: 18px !important;

    width: 40% !important;

    margin-left: 29% !important;

    border-radius: 15px !important;

}



h3.GETINTOUCHheading11 {

    color: #fff;

    font-size: 64px;

    margin-top: 3%;

}



p.GETINTOUCHheading21 {

    color: #ffff;

    font-size: 20px;

    margin-top: 5%;

}



.footerSectionblog {

    background: #2a2349;

}



.listFooters {

    color: #fff;

    line-height: 56px;

    font-size: 22px;

    list-style-type: none;

}



.listFooterName {

    /* margin-top: 39px; */

    margin-left: 57px;

}



.logoinfluenrBlogfooter {

    width: 66%;

    margin-top: 7%;

    margin-left: 14%;

}



.logoinfluen111 {

    width: 50%;

}



.SocialIconsFooter {

    display: flex;

    gap: 38px;

    font-size: 40px;

    justify-content: center;

    /* margin-top: 5%; */

}



.mailPhoneSectionFooter {

    color: #fff;

    margin-left: 132px;

    font-size: 22px;

    margin-top: 4%;

}



.mailIconsFooter {

    padding-right: 4%;

}



.footerCopyrights {

    text-align: center;

    margin-top: 10px;

}



.footercopyrightBG {

    background-color: #2979FF;

}



.footerCopyrights {

    text-align: center;

    margin-top: 10px;

    color: #fff;

    font-size: 19px;

}



/* About Us CSS Ends */



/* Business Page Css Start */

.businessCardSections {

    display: flex;

    justify-content: space-around;

    gap: 12px;

}



.firstSection,

.secondSection,

.thirdSection,

.forthSection {

    border: 1px solid transparent;

    width: 25%;

    height: 200px;

    border-radius: 15px;

}



.firstSection {

    background: linear-gradient(103.75deg, #33B1EE -13.9%, #7366ff 79.68%);

}



.WelcomeText {

    margin-left: 20px;

    margin-top: 20px;

    color: #fff;

}



.cartoonImageBusiness {

    width: 55%;

    margin-left: 44%;

}



.cartoonDiv {

    animation: bounce-effect 5s infinite ease-in;

}



.secondSection,

.thirdSection,

.forthSection {

    background: #fff;

    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);

}



.headingofBoxes {

    margin-left: 17px;

    margin-top: 19px;

}



.totalsection {

    padding-top: 20px;

    padding-left: 16px;

    font-size: 18px;

}



.totalsection2 {

    padding-left: 16px;

    font-size: 18px;

}



.totals {

    font-weight: 700;

}



.openProjectSectionBusiness {

    margin-top: 3%;

}



.projectsSectionCards {

    display: flex;

    justify-content: space-between;

    gap: 15px;

    height: 225px;

}



.firstProjectCard {

    background: url(../image/projectsBG.png);

    background-repeat: no-repeat;

    background-size: cover;

}



.firstProjectCard,

.secondProjectCard {

    width: 33%;

    border-radius: 15px;

}



.headingProject {

    width: 87%;

    font-size: 22px;

    padding: 12px 32px;

}



.postedDate {

    padding-left: 7%;

    font-size: 17px;

}



.proposalsButton {

    background-color: #FF3364;

    width: 57%;

    margin: 35px 86px;

    color: #fff;

}



.secondProjectCard {

    background: #fff;

    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);

}



.rightColTopBar2 {

    display: flex;

    gap: 10px;

    align-items: center;

    padding-left: 32px;

    padding-bottom: 10px;

}



.calenderSection {

    background-color: #fff;

    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);

    margin-top: 3%;

    padding: 10px;

    border-radius: 15px;

}



.eventsDiv {

    border: 1px solid;

    border-radius: 11px;

    height: 263px;

}



.eventsDiv h4 {

    padding-left: 21px;

    padding-top: 10px;

}



.eventsFirst {

    border: 1px solid;

    background: orange;

    padding: 7px;

    width: 90%;

    margin: 0 auto;

    border-radius: 6px;

    margin-bottom: 8px;

    color: #fff;

}



.eventSecond {

    border: 1px solid;

    background: green;

    padding: 7px;

    width: 90%;

    margin: 0 auto;

    border-radius: 6px;

    margin-bottom: 8px;

    color: #fff;

}



.eventThird {

    border: 1px solid;

    background: rgb(6, 206, 228);

    padding: 7px;

    width: 90%;

    margin: 0 auto;

    border-radius: 6px;

    margin-bottom: 8px;

    color: #fff;

}



.eventFourth {

    border: 1px solid;

    background: red;

    padding: 7px;

    width: 90%;

    margin: 0 auto;

    border-radius: 6px;

    margin-bottom: 8px;

    color: #fff;

}



/* Business Page Css Ends */



/* Favorite Page CSS Starts */

.browseFreelancer {

    background: #fff;

    text-align: center;

    border-radius: 11px;

    height: 500px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.favoriteImage {

    margin-top: 8%;

}



.BrowseFreelancer {

    background-color: #2979ff;

    width: 20%;

    margin: 0 auto;

    color: #fff;

}



.thisIsEmpty {

    margin-top: 2%;

    font-size: 30px;

}



.addFreelancer {

    font-size: 19px;

}



/* Favorite Page CSS Ends */



/* My Hires CSS Starts */

.hiresCards {

    background-image: url(../image/hiresCards.png);

    background-repeat: no-repeat;

    background-size: 100%;

    width: 100%;

    padding: 18px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    height: 392px;

}



.hiringCardsSections {

    display: flex;

    justify-content: space-between;

    width: 100%;

    gap: 16px;

    text-align: center;

    background-color: #ffff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    height: 500px;

    padding: 20px;

}



.profileDP {

    border-radius: 50%;

}



.influencerBio {

    font-size: 18px;

}



.SkillsSets {

    width: 76%;

    margin: 0 auto;

    font-weight: 600;

    padding-bottom: 3%;

}



.HireButton {

    background: #2979ff;

    font-weight: 600;

    color: #fff;

}



/* My Hires CSS Ends */



/* Search Gigs Page CSS Starts */

.gigsBackground {

    background: #fff;

    border-radius: 11px;

    height: 500px;

    padding: 10px;

}



.filterSectionGigs {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-right: 30px;

    padding-left: 30px;

    margin-top: 3px;

}



.leftColGigsFilter {

    display: flex;

    gap: 20px;

}



.rightColGigsFilter {

    display: flex;

    gap: 10px;

}



.rating {

    color: gold;

}



.priceGigs {

    color: #005eff;

    font-weight: 700;

}



/* .gigsSections {

    display: flex;

    justify-content: space-around;

} */



.gigsDetailsPageLink {

    text-decoration: none;

    color: #000;

}



/* Search Gigs Page CSS Ends */



/* Gigs Details Page CSS Starts */

.gigsSectionBG {

    background: #fff;

}



.gigsDetailsSections {

    display: flex;

    gap: 11px;

    background-color: #fff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    padding: 20px;

}



.leftgigsSectionBG {

    width: 30%;

    background: #fff;

    border-radius: 11px;

    padding: 15px;

}



.rightgigsSectionBG {

    width: 70%;

    background: #fff;

    border-radius: 11px;

    padding: 15px;

}



.gigsDetailsHeading {

    width: 86%;

}



.gigsDescriptions {

    width: 83%;

    font-weight: 400;

    font-size: 17px;

}



.shareItIcons {

    display: flex;

    gap: 90px;

}



.iconsSocials {

    display: flex;

    gap: 30px;

    font-size: 20px;

}



.ratingSections {

    display: flex;

    gap: 73px;

}



.contactMebuttonGigsPage {

    background-color: #fff;

    border: 1px solid #005eff;

    color: #005eff;

    font-weight: 500;

}



.buyNowbuttonGigsPage {

    background-color: #fff;

    border: 1px solid green;

    color: green;

    font-weight: 500;

}



.RelatedGigs {

    margin-top: 2%;

    padding-left: 2%;

    margin-bottom: 1%;

}



/* Gigs Details Page CSS Ends */



/* view messages css starts */

.inboxMessagesSections {

    display: flex;

    gap: 11px;

}



.data-table-earning {

    border-radius: 15px;

    border: none;

    transition: all 0.3s ease;

    letter-spacing: 0.5px;

    border-radius: 15px;

    background-color: #ffff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    padding: 20px;





}



.allMails {

    background: #fff;

    border-radius: 11px;

    width: 25%;

    height: 200px;

    padding-left: 27px;

    padding-top: 10px;

    padding-right: 40px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.inboxViewWithMessages {

    background: #fff;

    border-radius: 11px;

    width: 75%;

    display: flex;

    gap: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.allMailButton {

    padding: 5px 90px;

    margin-top: 5%;

}



.inboxSections {

    display: flex;

    justify-content: space-between;

}



.inboxViews {

    margin-top: 6%;

}



.messagesDetails {

    width: 75%;

    padding: 11px;

}



.inboxMessages {

    width: 30%;

    padding: 7px 7px 10px 17px;

}



.inboxHeadingMain {

    padding-left: 1%;

    padding-top: 2%;

}



.messageFrom {

    display: flex;

    width: 97%;

    justify-content: space-between;

    align-items: baseline;

}



.attachment {

    display: flex;

    justify-content: space-between;

}



.attachmentImages {

    padding-left: 10px;

}



.img100 {

    width: 100px;

}



.replySections {

    display: flex;

    gap: 35px;

}



/* view messages css Ends */



/* Send Message CSS Starts */

.sendButton {

    background-color: #005eff;

    color: #fff;

}



/* Send Message CSS Ends */





/* project-history CSS Starts */

.projectHistoryBG {

    background: #fff;

    border-radius: 11px;

    padding: 30px;

    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */

}



.table-responsive {

    display: block;

    width: 100%;

    overflow-x: auto;

    overflow: hidden !important;

}



.table th,

.table td {

    vertical-align: middle;

}



.status-hired {

    color: white;

    background-color: green

}



.status-pending {

    color: white;

    background-color: orang

}



.status-cancelled {

    color: white;

    background-color: red;

}



/* project-history CSS Ends */



/* project report CSS Starts */

.filter-buttons-report {

    display: flex;

    margin-bottom: 20px;

    background-color: #fff;

    border-radius: 8px;

    padding: 10px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.filter-btn {

    padding: 10px 20px;

    border: none;

    border-radius: 20px;

    cursor: pointer;

    background-color: transparent;

    font-size: 16px;

    display: flex;

    align-items: center;

    transition: color 0.3s;

}



.filter-btn .icon {

    margin-right: 8px;

}



.filter-btn.active,

.filter-btn:hover {

    color: #6366f1;

}



.filter-btn.active .icon,

.filter-btn:hover .icon {

    color: #6366f1;

}



.project-report {

    padding: 10px 20px;

    border: none;

    border-radius: 20px;

    cursor: pointer;

    background-color: #2979ff;

    color: white;

    font-size: 16px;

    display: flex;

    transition: background-color 0.3s;

    margin-left: 46rem;

}



.project-report .icon {

    margin-right: 6px;

    display: flex;

    justify-content: center;

    font-size: 21px;

}



.project-report:hover {

    background-color: #4f46e5;

}



.project-cards {

    display: flex;

    flex-wrap: wrap;

    gap: 27px;

    justify-content: center;

    padding: 10px;

}



.card {

    background-color: white !important;

    border: 1px solid #e0e0e0;

    border-radius: 10px;

    padding: 20px;

    /* width: calc(33.333% - 20px); */

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    transition: box-shadow 0.3s;

}



.card:hover {

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

}



.card h3 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

    font-size: 20px;

}



#six-cards .card .rating i {

    font-size: 12px !important;

}

#six-cards .card {

    font-size: 12px !important;

}

.status {

    padding: 5px 10px;

    border-radius: 5px;

    font-size: 14px;

    color: white;

}



.doing {

    background-color: #6366f1;

}



.done {

    background-color: #10b981;

}



.avatars {

    display: flex;

    gap: 5px;

    margin: 10px 0;

}



.avatars img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

}



.progress {

    display: flex;

    flex-direction: column;

    margin-top: 10px;

}



.progress span {

    font-size: 14px;

    margin-bottom: 5px;

    background-color: transparent;

    display: inline-block;

}



.progress-bar-container {

    height: 5px;

    background-color: #ddd;

    border-radius: 5px;

    overflow: hidden;

}



.progress-bar {

    height: 10px;

    border-radius: 5px;

}



.progress-bar.doing {

    background-color: #6366f1;

}



.progress-bar.done {

    background-color: #10b981;

}



.project-card-report {

    display: flex;

    align-items: center;

    background-color: #fff;

    border-radius: 8px;

    padding: 10px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}



@media (max-width: 768px) {

    .card {

        width: calc(50% - 20px);

    }

}



@media (max-width: 480px) {

    .card {

        width: 100%;

    }

}



/* project report CSS Ends */



/* view tickets CSS Starts */

.Support-ticket-card {

    background-color: #f5f5f5;

    padding: 30px;

    border-radius: 5px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.count-title {

    font-size: 40px;

    font-weight: 700px;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: left;

}



.count-title1 {

    font-size: 20px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: left;

    color: #52526c;

    margin: 0;

    cursor: pointer;

}





.count-text {

    font-size: 15px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: left;

}



.fa-2x {

    margin: 0 auto;

    float: none;

    display: table;

    color: #4ad1e5;

}



.support-ticket-body {

    padding: 20px;

    border-radius: 11px;

    background-color: #fff;

}



.progress {

    display: -ms-flexbox;

    display: flex;

    height: 1rem;

    overflow: hidden;

    background-color: #e9ecef;

    border-radius: 6.25rem !important;

    margin-top: 22px !important;

}



/* create ticket Css */



.cerate-ticket {

    padding: 20px;

    background-color: #fff;

    border-radius: 11px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.create-ticket-btn.mt-3 {

    display: flex;

    gap: 8px;

    justify-content: end;

}



.Support-create-btn {

    display: flex;

    gap: 8px;

}



/* view tickets CSS Ends */



/* create ticket CSS Starts */

.createTicketBG {

    background: #fff;

    border-radius: 11px;

    padding: 10px;

}



/* create ticket CSS Ends */



/* Carousal CSS Start */

.splide {

    margin: 0 auto;

}



.thumbnails {

    display: flex;

    margin: 1rem auto 0;

    padding: 0;

    justify-content: center;

}



.thumbnail {

    width: 70px;

    height: 70px;

    overflow: hidden;

    list-style: none;

    margin: 0 0.2rem;

    cursor: pointer;

    opacity: 0.3;

}



.thumbnail.is-active {

    opacity: 1;

}



.thumbnail img {

    width: 100%;

    height: auto;

}



/* Carousal CSS Ends */



/* Dropzone CSS Starts */

.dropzone {

    border: 2px dashed #007bff;

    padding: 30px;

    text-align: center;

    border-radius: 11px;

}



.datepicker {

    font-family: 'Arial', sans-serif;

}



.datepicker .datepicker-switch {

    background-color: #7f56da;

    color: #fff;

    font-weight: bold;

}



.datepicker table tr td.day:hover,

.datepicker table tr td.day.focused {

    background: #d9defc;

    cursor: pointer;

}



.datepicker table tr td.active {

    background: #7f56da !important;

    color: #fff !important;

}



.datepicker table tr td.today {

    border-color: #7f56da;

}



.datepicker table tr th {

    color: #7f56da;

}



.datepicker table tr td.disabled,

.datepicker table tr td.disabled:hover {

    background: #f7f7f7;

    color: #d6d6d6;

}



.datepicker table tr td.range {

    background: #e7e7e7;

    color: #000;

}



/* Dropzone CSS Ends */





/* Video Vrification css satrt */

.viedo-vrifation-heading {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 65px;

}



.total-time {

    display: flex;

    justify-content: center;

}



h2.total-time1 {

    font-size: 50px;

    font-weight: 700;

    color: gray;

    margin-bottom: 30px;

    text-align: center;

}



.list-inline {

    display: flex;

    justify-content: center;

}



.call-icons ul li {

    width: 65px;

    height: 65px;

    border: 1px solid #898989;

    border-radius: 50%;

    padding: 17px;

    cursor: pointer;

}



.list-inline1 {

    font-size: 29px !important;

    color: gray;

}



.video-call-screen-image {

    /* margin-top: 93px; */

    width: 504px;

}



.viedo-vrifation-heading1 {

    display: flex;

    align-items: center;

    justify-content: center;

}



.video-start-btn {

    margin-bottom: 52px;

}



p.video-pragraph-iamge {

    font-size: 22px;

    padding: 25px;

}



.startIntroButton {

    margin-right: 10px;

}



/* video Verification css */



/* Blog page css start */

/* .blogBG {

    background-color: #2A2349;

} */



.headingHeight {

    height: 548px;

}



.blogHeadingArea {

    color: #fff;

    margin-left: 5rem;

    margin-top: 5rem;

}



.blogHeadingArea h2 {

    color: #fff;

    font-size: 64px;

    padding-bottom: 3%;

    padding-top: 6%;

}



.blogHeadingArea p {

    color: #fff;

    font-size: 24px;

    width: 90%;

    line-height: 36px;

}



.imageBlogSection {

    display: flex;

    gap: 30px;

    margin-top: 5rem;

}



.blogLink1 {

    width: 40%;

}



.blogLink2 {

    width: 20%;

}



.blogLink3 {

    width: 20%;

}



.blogLink4 {

    position: relative;

}

/* .blogLink4 img {

    width: 100%;

    border-radius: 0px;

} */



.blogNamesection {

    text-align: center;

    position: absolute;

    top: 0px;

    height: 100%;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #030303c1;

    color: #fff;

    font-size: 40px;

}



.blogNamesection h4 {

    width: 60%;

    font-size: 30px;

    font-weight: 600;

}



.blogNamesection1 {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    bottom: 59px;

    background: #16121999;

    height: 60px;

    border-radius: 0px 0px 40px 40px;

    color: #fff;

}



.arrowSection {

    position: relative;

    bottom: 26rem;

    left: 15rem;

    font-size: 25px;

    color: #fff;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #2979ff;

}



.latestBlogHeading {

    margin-left: 5rem;

    color: #fff;

    font-size: 32px;

}



.latestBlogHeading1 {

    text-align: center;

    color: #fff;

}



.blogCards {

    display: flex;

    gap: 45px;

    justify-content: center;

    margin-top: 2rem;

}



.exploreButton {

    text-align: center;

}



.exploreButtonBlog {

    background: #2979FF;

    padding: 10px 38px;

    color: #fff;

    font-size: 23px;

    font-weight: 700;

}



.exploreButtonBlog:hover {

    background: #fff;

    color: #2979FF;

    border: 1px solid #2979FF;

}



.socialMediaLinkSections {

    margin-top: 3%;

}



.followIconContactUs2 {

    display: flex;

    justify-content: center;

    gap: 35px;

    margin-top: 3%;

}



.Contactusplayfollowicon {

    border: 1px solid #fff;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    font-size: 38px;

    color: #0d6efd;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 5%;

}



/* Blog page css End */



/* ContactUs page css start */

.pageBG {

    background: #232f49;

}



img.ContactUsimg1 {

    margin-top: 10%;

    margin-left: 16%;

    width: 73%;

    margin-bottom: 10%;

}



h1.ContactUsHeading1 {

    color: #ffff;

    font-size: 40px;

    margin-top: 25%;

    /* margin-left: 6%; */

}



p.ContactUsHeading2 {

    color: #ffff;

    /* margin-left: 7%; */

    font-size: 20px;

}



.ContactUsForm {

    background-image: url(../images/ContactUsimg22.png);

    /* height: 658px; */

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}



.ContactUsFormInput {

    width: 690px;

    height: 600px;

    background-color: #fff;

    position: absolute;

    right: 3rem;

    top: 44rem;

    border-radius: 15px;

    padding: 3%;

}



.signUpBorderInput1 {

    border: 2px solid #2979FF;

    border-radius: 10px;

}



.form-control1 {

    transition: all 0.3s ease;

    width: 100%;

    height: 41px;

    font-size: 17px;

    padding-left: 2%;

}



.form-control2 {

    transition: all 0.3s ease;

    width: 100%;

    font-size: 17px;

    padding-left: 2%;

}



input.form-control2 {

    background-color: #f3f3ff;

    transition: all 0.3s ease;

    width: 100%;

    height: 150px;

    font-size: 22px;

    padding-left: 4%;

    padding-top: 2%;

}



.createAccountButtonSignup2 {

    margin-top: 21px;

    padding: 4px 7px;

    font-weight: 600;

    font-size: 18px;

    width: 40%;

    margin-left: 29%;

    border-radius: 15px;

}



h5.GETINTOUCHheading {

    color: #fff;

    font-size: 20px;

    margin-top: 22%;

}



h3.GETINTOUCHheading1 {

    color: #fff;

    font-size: 30px;

}



p.GETINTOUCHheading2 {

    color: #fff;

    font-size: 18px;

    margin-top: 3%;

}



.WeAreReadyContanctUs {

    /* height: 38rem; */

    background-color: #fff;

    margin-top: 10px !important;

}



img.ContactUsimg3 {

    width: 70%;



}



.WeAreReadyContanctUs1 {

    color: #2A2349;

    margin-top: 12%;

    font-size: 30px;

    width: 85%;

    text-transform: capitalize;

}



.WeAreReadyContanctUs2 {

    color: #282828;

    font-size: 22px;

    margin-top: 4%;

}



p.WeAreReadyContanctUs3 {

    color: #2a2349;

    margin-top: 4%;

    display: flex;

    align-items: center;

    gap: 20px;

    font-size: 29px;

    font-weight: 700;

    margin-bottom: 4%;

}



.loctioniconsContactUs1 {

    border: 2px solid #2d88ff;

    padding: 20px;

    border-radius: 20px;

    /* background-color: #433271; */

    margin: 10px;

    height: 200px;

    text-align: center;

    transition: 0.4s;

}

.loctioniconsContactUs1 i {

    color: #2d88ff;

    font-size: 50px;

    margin-bottom: 10px;

}

.loctioniconsContactUs1 p {

    color: #ffffff89;

    font-size: 15px;

}

.loctioniconsContactUs1 .loctioniconsContactU3 {

    color: #ffffff;

    font-size: 18px;

}

.loctioniconsContactUs1:hover {

    border: 2px solid #2d88ff;

    background-color: #43327100;

}



/* .loctioniconsContactUs1 {

    border: 1px solid #0d6efd;

} */



.loctioniconsContactUs {

    display: flex;

    gap: 3%;

    justify-content: center;

    margin-top: 4% !important;



}



/* .loctioniconsContactUs1 {

    border-radius: 10px;

    text-align: center;

    width: 21%;

    margin-bottom: 4%;

    padding: 1%;

    background-color: #fff;

} */



.Contactusplaybtn {

    color: #0d6efd;

    font-size: 59px !important;

}



p.loctioniconsContactUs2 {

    color: #36394D;

    font-size: 30px;

    margin-top: 2%;

    font-weight: 700;

}



.loctioniconsContactU3 {

    color: #36394d;

    font-weight: 500;

    font-size: 18px;

    width: 85%;

    margin: 0 auto;

}



.followIconContactUs {

    text-align: center;

    margin-top: 3%;

}



.followIconContactUs1 {

    color: #ffff;

}



.followIconContactUs2 {

    display: flex;

    justify-content: center;

    gap: 35px;

    margin-top: 3%;

}



.Contactusplayfollowicon {

    border: 1px solid #fff;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    font-size: 38px;

    color: #0d6efd;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

}



/* ContactUs page css End */



/* influencer one css start */

.section6 {

    background: #672D2A;

    height: 100%;

}



.navvssLink {

    margin-left: 23vw;

    display: flex;

    gap: 19px;

}



.createCustomPackage11 {

    background-color: #D86760;

    /* width: 1128px; */

}



.createCustomPackagee11 {

    /* font-size: 44px; */

    /* width: 86%; */

    text-align: center;

    color: #fff;

    font-weight: 600;

    margin-top: 2vw;

    line-height: 57px;

    padding: 5px;



}



.navbar-expand-lg .navbar-toggler {

    display: contents;

}



.navbar-toggler-icon {

    display: inline-block;

    vertical-align: middle;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYUlEQVR4nO3WyQnAMAwFUZcXp/+zDMF9TDrQJcYLmdfBRwimFEmSBgFuoLG/BtRsyMM5+i+GVCDYXwDX51+SJEmaCDN+iZ5dxIyfLMx4SZJ0Gsz4JXp2ETN+sjDjJUlloBfbFyzbu4GNjwAAAABJRU5ErkJggg==);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 46px;

    height: 41px;

    font-weight: 900;

}



.arrowBg {

    background: #fff;

    width: 50px;

    height: 50px;

    border-radius: 25px;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    font-size: 22px !important;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



img.waves11 {

    position: absolute;

    right: -0px;

    top: 21rem;

    width: 367px;



}



img.waves12 {

    position: absolute;

    right: -0px;

    top: 29rem;

    width: 367px;

}



img.counteerGif {

    width: 15%;

    margin-left: 17rem;

}



.joinFreeNow {

    background-color: #2979ff !important;

    border-radius: 15px 15px 3px 15px !important;

    color: #fff !important;

    font-weight: 600 !important;

    padding: 3px 30px !important;

}



.nothing {

    color: #2979ff;

    font-size: 45px;

}



/* influencer one css End */



/* influencer two css start */

.section7 {

    background: #2F5A24;

    height: 100vh;

}



.togglenavs {

    display: contents;

}



.counterDiv {

    margin-top: 3vw;

    /* width: 900px; */

}



.createCustomPackage6 {

    background-color: #49823B;

    /* width: 1080px; */

}



.createCustomPackagee6 {
/* 
    font-size: 44px; */

    /* width: 85%; */

    /* text-align: center; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 14vw;

}


.right-col {

    text-align: center;

}



img.clock11 {

    position: absolute;

    z-index: 3;

    top: 580px;

    right: 37rem;

    width: 5%;

}



img.like22 {

    position: absolute;

    width: 14rem;

    right: 16rem;

    top: 127px;

}



.screenShort1 {

    position: absolute;

    width: 29%;

    top: 385px;

    right: 11vw;

    z-index: 2;

    border-radius: 10px;

    height: 40%;

}



.howmuch {

    margin-top: 2vw;

    text-align: center;

}



.howMuchdoesit {

    color: #fff;

    font-weight: 700;

    /* font-size: 30px; */

}



/* Wrapper for both arrows */
.arrows {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2vw;
}

/* Arrow button */
.custom-arrow {
  background: transparent;
  border: none;
  outline: none;
  transition: transform 0.3s ease;
}


/* Circle background for icons */
.arrow-circle {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #007bff, #6610f2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.arrow-circle i {
  color: #fff;
  font-size: 20px;
}

/* Hover effect */
.arrow-circle:hover {
  background: linear-gradient(135deg, #6610f2, #007bff);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}




.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



/* influencer two css End */



/* influencer three css start */

.section8 {

    background: #B47A9D;

    height: 100vh;

}



.createCustomPackage33 {

    background-color: #D94FA2;

    /* width: 1115px; */

}



.createCustomPackagee33 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 7vw;

}




img.girl33 {

    position: absolute;

    z-index: 3;

    top: 475px;

    right: 37rem;

    width: 4%;

}



img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort2 {

    position: absolute;

    width: 32%;

    top: 381px;

    right: 8vw;

    z-index: 2;

    border-radius: 10px;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



/* influencer three css end */



/* influencer four css start */

.section9 {

    background: #1C3842;

    height: 100vh;

}



.createCustomPackage44 {

    background-color: #386A7B;

    /* width: 1101px; */

}





/* .createCustomPackage44 {

    animation: fadeInAnimation 15s;

} */






img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort {

    position: absolute;

    width: 32%;

    top: 389px;

    right: 7vw;

    z-index: 1;

    border-radius: 10px;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



.boy33 {

    z-index: 1;

    position: absolute;

    bottom: 0;

    top: 480px;

    right: 131PX;

}



/* influencer four css End */

/* influencer five css start */

.section10 {

    background: #093A1D;

    height: 100vh;

}





.createCustomPackage55 {

    background-color: #236C41;

    /* width: 1101px; */

}



.createCustomPackagee55 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 9vw;

}






img.heartBubbles55 {

    position: absolute;

    width: 10%;

    right: 446px;

    top: 67px;

}



img.clock22 {

    position: absolute;

    z-index: 1;

    top: 558px;

    right: 35rem;

    width: 6%;

}



img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort55 {

    position: absolute;

    width: 22%;

    top: 376px;

    right: 18vw;

    z-index: 2;

    border-radius: 10px;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



img.girl55 {

    position: absolute;

    bottom: 0;

    z-index: 3;

    top: 534px;

    right: 539px;

    width: 9%;

}



/* influencer five css End */



/* influencer six css start */

.section11 {

    background: #9E616C;

    height: 100vh;

}





.createCustomPackage66 {

    background-color: #D46175;

    /* width: 1080px; */

}



.createCustomPackagee66 {

    /* font-size: 39px; */

    color: #fff;

    font-weight: 600;

    margin-top: 2vw;

    line-height: 44px;

    padding: 5px;

    /* width: 62rem; */

    text-align: center;

    padding-left: 1vh;

}



/* .createCustomPackage66 {

    animation: fadeInAnimation 15s;

} */







.img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort {

    position: absolute;

    width: 32%;

    top: 389px;

    right: 7vw;

    z-index: 1;

    border-radius: 10px;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



img.videoIcon66 {

    position: absolute;

    z-index: 2;

    width: 4%;

    bottom: 0;

    right: 389px;

    top: 370px;

}



/* influencer six css End */



/* influencer saven css start */

.section12 {

    background: #619E90;

    height: 100vh;

}




.createCustomPackage77 {

    background-color: #93CCBE;
/* 
    width: 1080px; */

}



.createCustomPackagee77 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 2vw;

    /* width: 90%; */

    text-align: center;

}






img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort4 {

    position: absolute;

    width: 30%;

    top: 389px;

    right: 6vw;

    z-index: 2;

    border-radius: 10px;

}




img.heartBubbles77 {

    position: absolute;

    width: 7%;

    right: 408px;

    top: 107px;

}





/* influencer saven css End */



/* influencer eight css start */

.section13 {

    background: #59AB70;

    height: 100vh;

}




.createCustomPackage88 {

    background-color: #6EEA91;

    /* width: 1080px; */

}



.createCustomPackagee88 {

    /* font-size: 41px; */

    color: #fff;

    font-weight: 600;

    margin-top: 1vw;

    line-height: 44px;

    padding: 5px;

    padding-left: 2vh;
/* 
    width: 88%; */

    text-align: center;

}






.boyImage8 {

    position: absolute;

    top: 573px;

    right: 33rem;

    width: 8%;

    z-index: 3;

}



img.like22 {

    position: absolute;

    width: 14rem;

    right: 10rem;

    top: 114px;

}



.screenShort8 {

    position: absolute;

    width: 25%;

    top: 399px;

    right: 13vw;

    z-index: 2;

    border-radius: 10px;

}



.swayitSections {

    padding-left: 0;

}



.like2 {

    position: absolute;

    right: 3rem;

    bottom: 26rem;

    width: 17%;

    z-index: 1;

    rotate: 15deg;

}



/* influencer eight css end */



/* Business one css start */

.section1 {

    background: #36394D;

    height: 100vh;

}



.counterDiv {

    position: relative;

    animation: animatetop 1s;

}





.createCustomPackage {

    background-color: #7780C1;

    /* width: 980px; */

}



.createCustomPackage1 {
/* 
    font-size: 40px; */

    /* width: 84%; */

    text-align: center;

    color: #fff;

    font-weight: 600;

    margin-top: 5vh;

    /* margin-bottom: 5vh; */

    line-height: 44px;

    padding: 5px;

    padding-left: 5vw;

}



.sideimg {

    width: 35%;

    position: absolute;

    bottom: 0px;

    top: 90px;

    right: 135px;

    z-index: 1;

}






.right-col {

    text-align: center;

}



.heartbubbleBus1 {

    position: absolute;

    width: 10%;

    top: 141px;

    z-index: 2;

    right: 503px;

}



.mainsidenav{

    position: absolute;

}



img.waves {

    position: absolute;

    right: -0px;

    top: 17rem;

    width: 367px;

}



img.waves2 {

    position: absolute;

    right: -0px;

    top: 25rem;

    width: 367px;

}



.swayitSections {

    padding-left: 0 !important;

}



.howmuch {

    margin-top: 2vw;

    text-align: center;

}



.howMuchdoesit {

    color: #fff !important;

    font-weight: 700 !important;
/* 
    font-size: 30px !important; */

    line-height: 40px !important;

}



.costSections {

    animation-name: fadeInBottom;

    animation-duration: 2s;

    animation-delay: 5s;

    animation-fill-mode: both;

}



.joinFreeNow {

    background-color: #2979FF !important;

    padding: 3px 30px !important;

    border-radius: 15px 15px 3px 15px !important;

    color: #fff !important;

    font-weight: 600 !important;

}



.joinFreeNow:hover {

    background-color: #fff !important;

    color: #2979FF !important;

}





/* Business one css End */



/* Business two css start */

.section2 {

    background: #437060;

    height: 100vh;

}





.createCustomPackage2 {

    background-color: #05442D;

    /* width: 1060px; */

}



.createCustomPackagee2 {

    /* font-size: 44px; */

    color: #fff;

    font-weight: 600;

    margin-top: 3vw;

    line-height: 40px;

    padding: 5px;

    padding-left: 7vw;

}





.heartbubble {

    position: absolute;

    width: 10%;

    top: 96px;

}



.howmuch {

    margin-top: 2vw;

    text-align: center;

}



.costSections {

    animation-name: fadeInBottom;

    animation-duration: 2s;

    animation-delay: 5s;

    animation-fill-mode: both;

}






/* Business two css End */



/* business three css strat */

.section3 {

    background: #6F6D35;

    height: 100vh;

}






.createCustomPackageBus3 {

    background-color: #A9A432;

    /* width: 1060px; */

}



.createCustomPackageeBus3 {

    /* font-size: 40px; */

    /* width: 79%; */

    text-align: center;

    color: #fff;

    font-weight: 600;

    margin-top: 2vw;

    line-height: 47px;

    padding: 5px;

    padding-left: 4vw;

}


.heartbubble {

    position: absolute;

    width: 10%;

    top: 96px;

}

/* business three css End */



/* business four css start */

.section4 {

    background: #8F5365;

    height: 100vh;

}




.createCustomPackage3 {

    background-color: #5B8F83;

    /* width: 1110px; */

}



.createCustomPackagee3 {

    /* font-size: 40px; */

    /* width: 83%; */

    text-align: center;

    color: #fff;

    font-weight: 600;

    margin-top: 2vw;

    line-height: 47px;

    padding: 5px;

    /* padding-left: 5vw; */

}

.heartBubbles4 {

    position: absolute;

    width: 14%;

    top: 197px;

    right: 387px;

    z-index: 2;

}





/* business four css End */

.section5 {

    background: #8F8553;

    /* height: 100vh; */

}



p.whenYouSwayLine {

    color: #fff;

    /* font-size: 34px; */

    font-weight: 500;

    text-align: center;

}



.createCustomPackage4 {

    background-color: #8F5B5B;
/* 
    width: 1060px; */

}



.createCustomPackagee4 {
/* 
    font-size: 40px; */
/* 
    width: 79%; */

    text-align: center;

    color: #fff;

    font-weight: 600;

    margin-top: 2vw;

    line-height: 41px;

    padding: 5px;

    /* padding-left: 4vw; */

}


.like3 {

    position: absolute;

    right: 10rem;

    bottom: 32rem;

    width: 10%;

    z-index: 1;

    /* rotate: 15deg; */

}



/* Business five css start */



/* Post Project CSS Starts */

.postProjectBG {

    background: #fff;

    border-radius: 11px;

    padding: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



/* Post Project CSS Ends */



/* My Project CSS Starts */

.taskListBg {

    background: #fff;

    border-radius: 11px;

    padding: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    height: 500px;

}



.eye-icon-coloer {

    color: #ffff;

}



.table th,

.table td {

    vertical-align: middle;

}



.status-hired {

    color: white;

    background-color: green;

    border-radius: 5px;

    padding: 5px 10px;

}



.status-pending {

    color: white;

    background-color: orange;

    border-radius: 5px;

    padding: 5px 10px;

}



.status-cancelled {

    color: white;

    background-color: red;

    border-radius: 5px;

    padding: 5px 10px;

}



/* My Project CSS Ends */



/* My Calendar Css Starts */

.calendarBG {

    background: #fff;

    border-radius: 11px;

    padding: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



/* My Calendar Css Starts */



/* Add Gigs CSS Starts */

.addGigsBG {

    background: #fff;

    border-radius: 11px;

    padding: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



/* Add Gigs CSS Ends */



/* chat influencer css starts */

.chatSections {

    display: flex;

    gap: 12px;

    width: 100%;

}



.messageLists {

    width: 20%;

    background: #fff;

    border-radius: 11px;

    padding: 12px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.messageBodyView {

    width: 80%;

    background: #fff;

    border-radius: 11px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



}



.rightColTopBar1 {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-left: 3%;

}



.rightColTopBar3 {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-left: 2%;

    margin-top: 1%;

    margin-bottom: 2%;

}



.inboxMessageList {

    display: flex;

    gap: 15px;

    align-items: center;

    margin-left: 3%;

}



.chatappImageDP {

    width: 56px;

}



.UserName1 {

    font-weight: 500;

}



.fontMessage {

    font-size: 13px;

}



span.typingStatus {

    color: #2979ff;

    padding-left: 5px;

    font-size: 14px;

}



.chatMessagesTypingArea {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.iconsOfFunctions {

    font-size: 26px;

    display: flex;

    gap: 19px;

    margin-right: 30px;

}



.receivedMessage {

    width: 50%;

    text-align: end;

}



.messageDetailsChats {

    text-align: start;

    padding-left: 12px;

    background: #dfdfdf;

    border-radius: 11px;

    margin-left: 16px;

    margin-top: 9px;

    padding: 10px 18px;

    color: #000;

}



.messageDetailsChats1 {

    text-align: start;

    background: #408dff;

    border-radius: 11px;

    margin-left: 16px;

    margin-top: 9px;

    padding: 10px 18px;

    color: #fff;

}



.sendedMessage {

    width: 55%;

    margin-left: 44%;

    margin-top: 30px;

}



.sendedmessageTime {

    margin-left: 85%;

}



.gapTopMessages {

    margin-top: 3%;

}



.paddingSendingInput {

    padding-left: 21px;

    padding-right: 21px;

    margin-bottom: 4px;

}



/* chat influencer css ends */



/* video chat influencer css starts */

.messageBodyViewviewmaessge{

    width: 80%;

    background: #fff;

    border-radius: 11px;

    /* display: flex; */

    

}

.messageBodyView1{

    width: 80%;

    background: #fff;

    border-radius: 11px;

    display: flex; 

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.chatMessagesTypingArea1 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #dddddd;

}





.videoChatSection {

    width: 70%;

    border-right: 1px solid #dddddd;

}



.videoChatImg {

    width: 60%;

    margin-left: 20%;

    margin-top: 3%;

}



.gappingTimeVideo {

    font-size: 53px;

    margin-top: 33px;

}



.btn-danger-gradien {

    background-image: linear-gradient(to right, #fd6a60 0%, #fb1e10 51%, #fd6a60 100%);

    border: none;

    color: #fff;

    background-size: auto 200%;

    transition: all 0.3s ease;

    margin-top: 14px;

    margin-left: 18rem;

    margin-bottom: 19px;

}



.profileSection {

    width: 30%;

}



span.callingRecordsSections {

    display: flex;

    width: 100%;

    justify-content: space-around;

    margin-top: 7%;

}



span.callingRecordsSections p {

    font-size: 22px;

}



p.callActive {

    border-bottom: 2px solid #2979ff;

    text-align: center;

    width: 22%;

    color: #2979ff;

}



.callsRecordArea {

    display: flex;

    margin-left: 2rem;

    align-items: center;

    gap: 17px;

}



.UserName2 {

    font-weight: 500;

}



.font-success-shrere {

    color: #0fa770 !important;

    margin-right: 3px;

}



.font-success-reply {

    color: red !important;

    margin-right: 3px;

}



.end-call-btn {

    margin-bottom: 19px;

}



/* video chat influencer css ends */



/* footer css start  */

.copyright1 {

    /* background-color: #ffffff; */

    color: #525252;

    text-align: center;

    padding: 5px;

}



p.copytext1 {

    margin-top: 2%;

}



/* footer css end  */





img.VideoProfileImgbussninss {

    border-radius: 50%;

    width: 80px;

    margin-top: 14px;

}



.parsnalDitalsInfluencerbusinnes {

    display: flex;

    padding-bottom: 8px;

    padding-top: 8px;

}





/* Profile */

.cardprofileBusiness {

    background: #fff;

    border-radius: 11px;

    padding: 30px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    padding-left: 3rem;

}



h4.boldTextProfilebussinesmain {

    margin-top: 20px;

}



.profile-header-bussines {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}



.boldTextProfilebussines {

    font-weight: 700;

}



.profile-img-bussines {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin-right: 29px;

}



.profile-info {

    flex: 1;

}



.profile-info h1 {

    margin: 0;

    font-size: 1.5em;

}



.profile-info h2 {

    margin: 5px 0;

    font-size: 1.2em;

    color: #666;

}



.profile-role {

    font-size: 1em;

    color: #333;

}



.profile-details {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}



.profile-services {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.service-item {

    background: #eee;

    padding: 10px;

    border-radius: 4px;

    flex: 1 1 calc(50% - 10px);

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

}



.profile-social-media .social-media-list {

    list-style-type: none;

    padding: 0;

    display: flex;

    gap: 10px;

}



.profile-social-media .social-media-list li {

    background: #eee;

    padding: 10px;

    border-radius: 4px;

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

}



.profile-social-media .social-media-list li a {

    text-decoration: none;

    color: #333;

}



.business-profile-ditales {

    font-size: 17px;

    font-weight: 600;

}



























/* Animation Starts */

.createCustomPackage11 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #D86760;

    /* width: 1128px; */

}



.createCustomPackage6 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #49823b;

    /* width: 1128px; */

}



.createCustomPackage33 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #d94fa2;

    /* width: 1128px; */

}



.createCustomPackage44 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #386a7b;

    /* width: 1128px; */

}



.createCustomPackage55 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #236c41;
/* 
    width: 1128px; */

}



.createCustomPackage66 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #d46175;

    /* width: 1128px; */

}



.createCustomPackage77 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #8dc7b9;

    /* width: 1128px; */

}



.createCustomPackage88 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #6be28e;
/* 
    width: 1128px; */

}



.createCustomPackage {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #7780c1;
/* 
    width: 1128px; */

}



.createCustomPackage2 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #05442D;

    /* width: 1128px; */

}



.createCustomPackageBus3 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #A9A432;

    /* width: 1128px; */

}



.createCustomPackage3 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #5B8F83;
/* 
    width: 1128px; */

}



.createCustomPackage4 {

    animation: 2s ease-out 0s slideInLeft;

    animation-duration: 2s;

    animation-delay: 3s;

    animation-fill-mode: both;

    background-color: #8F5B5B;

    /* width: 1128px; */

}



.counterDiv {

    opacity: 0;

    animation: fadeInTop 2s ease-in forwards;

    margin-top: 7rem;

}



@keyframes fadeInTop {

    0% {

        opacity: 0;

        transform: translateY(-200px);

    }



    100% {

        opacity: 1;

        transform: translateY(0);

    }

}



@keyframes slideInLeft {

    0% {

        transform: translateX(-100%);

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        transform: translateX(100%);

    }



    to {

        opacity: 1

    }

}



.howmuch {

    margin-top: 2vw;

    text-align: center;

    animation-name: fadeInLeft;

    animation-duration: 2s;

    animation-delay: 5s;

    animation-fill-mode: both;

}



/* Animation Ends */

























/* Footer */

footer {

    padding-top: 50px;

}

.footer-logo {

    width: 180px;

    height: auto;

    border-radius: 20px;

    margin-bottom: 15px;

}

.footer-text {

    font-size: 17px;

    /* text-align: justify; */

    color: #ffffff;

}

.footer-content .footer-line {

    width: 50px;

    height: 3px;

    background-color: #2d88ff;

    margin-bottom: 30px;

    margin-left: 5px;

}



.footer-content a {

    text-decoration: none;

    color: #ffffff;

    font-size: 17px;

    transition: 0.5s;

}

.footer-content a:hover {

    color: #2d88ff;

    margin-left: 5px;

}

.footer-content h3 {

    text-decoration: none;

    color: #ffffff;

    font-size: 21px;

    text-transform: uppercase;

    font-family: 'PT Serif', serif;

}

.footer-text {

    font-size: 20px;

}

.footer-content i {

    margin-right: 10px;

    color: #ffffff;

}

.footer-content {

    display: flex;

    flex-direction: column;

}

.footer-content ul li{

    margin-bottom: 11px;

    font-size: 18px;

}

.footer-content ul li span {

    font-size: 20px;

}

.footer-content ul li i {

    font-size: 16px;

    color: #ffffff;

}

.footer-content ul li:before {

    content: "\f18e";

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -1.3em;

    width: 1.3em;

    color: #ffffff;

}





.footer-link {

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

}

.footer-link a i {

    border: 1px solid #ffffff;

    border-radius: 50%;

    padding: 10px;

    margin: 5px;

    background-color: inherit;

    color: #ffffff;

    font-size: 17px;

    transition: 0.5s;

}

.footer-link a i:hover {

    color: #2d88ff;

    background-color: #ffffff;

}



#footer-contact .sub-fc {

    display: flex;

}

#footer-contact a {

    text-decoration: none;

    font-size: 18px;

    color: #ffffffe7;

    font-family: 'PT Serif', serif;

}

#footer-contact i {

    font-size: 17px;

    color: #ffffff;

    margin-right: 15px;

    margin-bottom: 10px;

}    .blogtop {

    position: relative;

    height: 500px;

    margin-top: 15px;

    border-radius: 15px;

    overflow: hidden;

}

.blogtop img {

    width: 100%;

    height: 100%;

}

.blogtop a {

    text-decoration: none;

}

.blogtop .blogtop-content {

    padding: 15px 20px;

    position: absolute;

    bottom: -55%;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: #000000be;

    transition: 0.4s;

}

.blogtop .blogtop-content h3 {

    color: #ffffff;

    font-size: 18px;

    padding-bottom: 15px;

    border-bottom: 1px solid #ffffff87;

    margin-top: 20px;

}

.blogtop .blogtop-content .text {

    color: #ffffff9d;

    font-size: 14px;

}

.blogtop .blogtop-content i {

    font-size: 18px;

    background-color: #2979ff;

    padding: 10px 12px;

    color: #ffffff;

    border-radius: 50%;

    position: absolute;

    bottom: 20px;

    right: 20px;

}

.blogtop:hover .blogtop-content {

    bottom: 0;

}







.latestBlogSection {

    background-color: #ffffff;

    padding: 50px 0px;

}



.blog-section {

    padding: 15px;

}

.blog-section .blog-date {

    display: flex;

    color: #232f49;

    margin-bottom: 12px;

    font-size: 16px;

}

.blog-section .blog-date i {

    font-size: 20px;

}

.blog-section a {

   text-decoration: none;

}

.blog-section img {

    width: 100%;

    height: 240px;

    margin-bottom: 15px;

    border-radius: 20px;

}



.blog-section h3 {

    color: #4a4a4a;

    font-size: 18px;

}

.blog-line {

    width: 50px;

    height: 3px;

    background-color: #2979ff;

    margin-bottom: 30px;

    margin-left: auto;

    margin-right: auto;

}