@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Poppins:wght@300;400;500;700&family=Roboto+Slab:wght@500&family=Sora&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    scroll-behavior: smooth;
    transition: 0.5s;
    transition-timing-function: ease;
    /* border: 1px solid black; */
}
body{
    width: 100vw;
    overflow-x: hidden;
    overflow-wrap: break-word;
    background: #fff;
}
body::-webkit-scrollbar{
    width: 12px;
    background: transparent;
    /* border-left: 2px solid gray; */
}
body::-webkit-scrollbar-track{
    background: transparent;
}
body::-webkit-scrollbar-thumb{
    background-color: #b8b8b8;
    border-radius: 10px;
    border: 3px solid #fff;
}




.controls {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
  }
  
  button {
    background-color: #333;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
  }
  
  button:hover {
    background-color: #555;
  }




#nav{
    width: 100%;
    height: 70px;
    position: absolute;
    z-index: 1000001;
    /* background: #fff; */
    /* box-shadow: 0px 0px 14px 0.5px #eeeeee; */
}
#nav .navmain{
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    z-index: 10002;
}
#nav .navmain .np{
    margin-left: 5%;
    /* border: 1px solid black; */
    animation: opac 0.5s ease 1;
}
@keyframes opac {
    0%{
        filter: opacity(0);
    }
    100%{
        filter: opacity(1);
    }
}
#nav .navmain .np p img{
    font-family: "Poppins";
    color: #111111;
    font-size: 30px;
    font-weight: 600;
    width: 120px;
    /* border: 1px solid black; */
}
#nav .navmain .ulihd{
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* border: 1px solid black; */
}
#nav .navmain .uli{
    position: fixed;
    width: auto;
    justify-content: center;
    padding: 10px 5px 10px 5px;
    border-radius: 100px;
    background: #f1f1f181;
    backdrop-filter: blur(10px);
}
#nav .navmain .uli ul{
    /* border: 1px solid black; */
    display: flex;
    flex-direction: row;
    z-index: 2;
}
#nav .navmain .uli ul li{
    /* border: 1px solid black; */
    overflow: hidden;
}
#nav .navmain .uli ul li a{
    z-index: 10;
    font-family: "Poppins";
    font-weight: 400;
    padding: 0px 15px 0px 15px;
    font-size: 17px;
    color: #7c7c7c;
    transition: 0.4s;
    /* animation: botmtp 0.5s ease 1; */
}
#nav .navmain .uli ul li a.a{
    animation: botmtp 0.4s ease 1;
}
#nav .navmain .uli ul li a.b{
    animation: botmtp 0.5s ease 1;
}
#nav .navmain .uli ul li a.c{
    animation: botmtp 0.6s ease 1;
}
#nav .navmain .uli ul li a.d{
    animation: botmtp 0.7s ease 1;
}
@keyframes botmtp {
    0%{
        filter: opacity(0);
        position: relative;
        top: 70px;
    }
    50%{
        filter: opacity(0.1);
    }
    100%{
        filter: opacity(1);
        position: relative;
        top: 0px;
    }
}
#nav .navmain .uli ul li a:hover{
    color: #0079ff;
}
#nav .navmain .cont{
    font-family: "Poppins";
    font-weight: 400;
    color: #7c7c7c;
    margin-right: 5%;
    position: relative;
    top: -3px;
    /* border: 1px solid black; */
}
#nav .navmain .cont ul li a{
    color: #7c7c7c;
    transition: 0.3s;
}
#nav .navmain .cont ul li a:hover{
    color: #fc7711;
}
#updown{
    transition: 0.5s;
    transition-timing-function: ease;
}
@keyframes cana {
    0%{
        transform: scaleX(1);
    }
    50%{
        transform: scaleX(1.5);
    }
    100%{
        transform: scaleX(1);
    }
}
@keyframes canb {
    0%{
        transform: scaleX(1);
    }
    50%{
        transform: scaleX(1.5);
    }
    100%{
        transform: scaleX(1);
    }
}
@keyframes canc {
    0%{
        transform: scaleX(1);
    }
    50%{
        transform: scaleX(1.5);
    }
    100%{
        transform: scaleX(1);
    }
}
@keyframes cand {
    0%{
        transform: scaleX(1);
    }
    50%{
        transform: scaleX(1.5);
    }
    100%{
        transform: scaleX(1);
    }
}
@media(max-width: 1000px){
    #nav{
        display: none;
    }
}




@media(min-width:1000px){
    #ham{
        display: none;
    }
}
@media(max-width:1000px){
#ham{
    position: fixed;
    /* width: 100%;
    height: 100vh; */
    z-index: 1000001;
}
#ham #fulpage{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 1000001;
    background: #ffffff80;
    backdrop-filter: blur(18px);
    display: none;
}
@keyframes blurring {
    0%{
        backdrop-filter: blur(0px);
        background: #ffffff00;
    }
    100%{
        backdrop-filter: blur(18px);
        background: #ffffff80;
    }
}
#ham .fixy{
    position: fixed;
    z-index: 1000002;
}
#ham #main{
    position: relative;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #ffffff30;
    backdrop-filter: blur(14px);
    z-index: 1000002;
}
#ham #main .logopic{
    z-index: 1000002;
    width: 120px;
    margin-left: 5%;
}
#ham #main .logopic img{
    width: 100%;
}
#ham #main .nacbut{
    width: 25px;
    height: 7px;
    margin-right: 5%;
    cursor: pointer;
}
#ham #main .nacbut #firstclick{
    width: 25px;
    height: 7px;
    background: transparent;
    /* margin-right: 5%; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#ham #main .nacbut #endclick{
    position: absolute;
    width: 25px;
    height: 7px;
    background: transparent;
    /* background: #0079ff; */
    z-index: 1000000009;
    display: none;
}
#ham #main .nacbut #nava,
#ham #main .nacbut #navb{
    position: relative;
    width: 25px;
    height: 2.5px;
    background: #7c7c7c;
    border-radius: 25px;
    transition: 0.5s;
}



/* display none links section work starts here (nav)  */



#ham #dispnone{
    position: relative;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000001;
    /* background: #b8c9dd; */
    display: none;
}
#ham #dispnone .dismain{
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#ham #dispnone .dismain .links{
    position: relative;
    z-index: 1000001;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "DM Sans", sans-serif;
}
#ham #dispnone .dismain .links ul{
    display: flex;
    flex-direction: column;
    margin-left: 5%;
}
#ham #dispnone .dismain .links ul li{
    height: 62px;
    width: 350px;
    /* border: 1px solid black; */
    overflow: hidden;
}
#ham #dispnone .dismain .links ul li a{
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    line-height: 62px;
    color: #232323;
    font-weight: 500;
    position: relative;
    top: 0px;
    animation: downup 0.5s 1 ease-out;
}
#ham #dispnone .dismain .links ul li a:hover{
    color: #FF8400;
}
@keyframes downup {
    0%{
        position: relative;
        top: 40px;
    }
    100%{
        top: 0px;
    }
}
#ham #dispnone .dismain .getin{
    position: relative;
    z-index: 1000001;
    width: 100%;
    display: flex;
    flex-direction: row;
    font-family: "DM Sans", sans-serif;
    margin-top: 20px;
}
#ham #dispnone .dismain .getin ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 5%;
}
#ham #dispnone .dismain .getin ul li{
    height: 25px;
    width: auto;
    margin-right: 18px;
    margin-bottom: 10px;
    overflow: hidden;
}
#ham #dispnone .dismain .getin ul li a{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #7c7c7c;
    font-weight: 300;
    position: relative;
    top: 0px;
    animation: downupb 0.7s 1 ease-in-out;
}
#ham #dispnone .dismain .getin ul li a:hover{
    color: #F4C01C;
}
@keyframes downupb {
    0%{
        position: relative;
        top: 30px;
    }
    100%{
        top: 0px;
    }
}
/* #ham #dispone .dismain .uli */
}

  





header{
    width: 100%;
    height: auto;
}
header .headmain{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: end;
}
header .headmain .head{
    width: 100%;
    height: auto;
    padding-top: 250px;
    /* padding-bottom: 100px; */
    display: flex;
    flex-direction: column;
    /* background: linear-gradient(#ffffff, #ffffff, #F4C01C14); */
    /* justify-content: center; */
}
header .headmain .head h1{
    font-family: "DM Sans", sans-serif;
    color: #0E0E0E;
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    padding-left: 5%;
    padding-right: 10%;
    /* border: 1px solid black; */
}
header .headmain .head .lna,
header .headmain .head .lnb{
    /* width: 20ch; */
    height: 70px;
    /* border: 1px solid black; */
    overflow: hidden;
}
header .headmain .head h1.a{
    animation: botp 0.9s ease 1;
}
header .headmain .head h1.b{
    animation: botp 1.1s ease 1;
}
@keyframes botp {
    0%{
        position: relative;
        filter: opacity(0);
        top: 100px;
    }
    50%{
        filter: opacity(0.1);
    }
    100%{
        position: relative;
        filter: opacity(1);
        top: 0px;
    }
}
header .headmain h1.smoll{
    display: none;
}

header .headmain .head p{
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
    color: #818181;
    margin-top: 10px;
    margin-left: 7.1%;
    margin-right: 19%;
    /* border: 1px solid black; */
}
header .headmain .head p.ptop{
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 400;
    color: #919191;
    margin-top: 50px;
    margin-bottom: 12px;
    margin-left: 8%;
}
header .headmain .head ul{
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 8%;
    display: flex;
    flex-direction: row;
}
header .headmain .head ul li .b{
    margin-left: 30px;
}
header .headmain .head ul li a.a{
    font-family: "Poppins";
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    background: #1A73E8;
    border-radius: 4px;
    padding: 9px 28px;
    border: 2px solid #1A73E8;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}
header .headmain .head ul li a.b{
    font-family: "Poppins";
    font-weight: 500;
    color: #1A73E8;
    font-size: 14px;
    background: #fff;
    border-radius: 4px;
    padding: 9px 28px;
    border: 2px solid #1A73E8;
    transition: 0.4s;
    display: flex;
    flex-direction: row;
    align-items: center;
}
header .headmain .head ul li a.a:hover{
    background: #0f65d5;
    border: 2px solid #0f65d5;
    transition: 0.4s;
}
header .headmain .head ul li a.b:hover{
    background: #0f65d5;
    border: 2px solid #0f65d5;
    color: #fff;
    transition: 0.4s;
}
@media(max-width:1100px){
    header .headmain .head h1{
        /* font-family: "Poppins"; */
        color: #0E0E0E;
        font-size: 64px;
        line-height: 66px;
        padding-left: 5%;
        padding-right: 10%;
        /* border: 1px solid black; */
    }
    header .headmain .head .lna,
    header .headmain .head .lnb{
        height: 66px;
        /* border: 1px solid black; */
        overflow: hidden;
    }
}
@media(max-width:950px){
    header .headmain .head h1{
        font-size: 52px;
        line-height: 54px;
    }
    header .headmain .head .lna,
    header .headmain .head .lnb{
        height: 52px;
        /* border: 1px solid black; */
        overflow: hidden;
    }
}
@media(max-width:750px){
    header .headmain .head h1{
        font-size: 40px;
        line-height: 44px;
        padding-left: 5%;
        padding-right: 10%;
    }
    header .headmain .head .lna,
    header .headmain .head .lnb{
        height: 43px;
        /* border: 1px solid black; */
        overflow: hidden;
    }
    header .headmain .head p{
        font-family: "Poppins";
        font-size: 17px;
        line-height: 20px;
        font-weight: 300;
        color: #818181;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: 7.1%;
        margin-right: 10%;
        /* border: 1px solid black; */
    }
}
@media(max-width:600px){
    header .headmain .head h1{
        font-size: 36px;
        line-height: 40px;
        padding-left: 6%;
        padding-right: 6%;
        /* border: 1px solid black; */
    }
    header .headmain .head .lna,
    header .headmain .head .lnb{
        height: 40px;
        /* border: 1px solid black; */
        overflow: hidden;
    }
    header .headmain .head p{
        font-family: "Poppins";
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #818181;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: 7.1%;
        margin-right: 10%;
        /* border: 1px solid black; */
    }
}
@media(max-width:500px){
    header .headmain .head h1{
        font-size: 30px;
        line-height: 33px;
        padding-left: 6%;
        padding-right: 6%;
    }
    header .headmain .head .lna,
    header .headmain .head .lnb{
        height: 32px;
        /* border: 1px solid black; */
        overflow: hidden;
        margin-bottom: 0px;
    }
    header .headmain .head p{
        display: none;
    }
}
#home img{
    width: 90px;
    /* height: 40px; */
    position: relative;
    left: -5%;
}
@media(max-width:1000px){
    #home img{
        display: none;
    }
}
@media(max-width:600px){
    header .headmain .head{
        width: 100%;
        height: auto;
        padding-top: 200px;
        /* padding-bottom: 100px; */
        display: flex;
        flex-direction: column;
        /* background: linear-gradient(#ffffff, #ffffff, #F4C01C14); */
        /* justify-content: center; */
    }
    header .headmain h1{
        display: none;
    }
    header .headmain h1.smoll{
        display: block;
        margin-right: 10px;
        font-size: 28px;
        line-height: 33px;
    }
}




/* video work stars here */




#video{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    z-index: 0;
    /* background: #F8F8F8; */
}
#video .head{
    margin-top: 0px;
    font-family: "Poppins";
    color: #616161;
    border-top: 1.75px solid #d9d9d9;
    margin-top: 15px;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 5px;
    margin-bottom: 10px;
    /* text-align: center; */
}
#video .head p{
    /* text-align: center; */
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
    color: #9c9c9c;
    padding-top: 5px;
    line-height: 20px;
}
#video .body{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    overflow: hidden;
}
#video .body video{
    width: 90%;
    margin-top: 30px;
    background: #b8b8b8;
    border-radius: 25px;
    border: 2px solid #e9e9e9;
}

@media(max-width:1000px){
    #video .body{
        margin-bottom: -50px;
        padding-bottom: 0px;
    }
}
@media (max-width:820px){
    #video .body video{
        width: 86%;
        margin-top: 10px;
        background: #b8b8b8;
        border-radius: 10px;
    } 
}
@media (max-width:520px){
    #video .head{
        margin-top: 5px;
    }
    #video .body{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #video .body{
        margin-bottom: -80px;
        padding-bottom: 0px;
    }
    #video .body video{
        width: 87.5%;
    } 
    #video .head p{
        font-family: "Poppins";
        font-size: 14px;
        font-weight: 400;
        color: #484848;
    }
}



/* capabilities work stars here */



#cap{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    margin-top: 50px;
    /* border: 1px solid black; */
}
#cap .capmain{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#cap .capmain .caphead{
    width: 100%;
    padding-top: 50px;
    margin-bottom: 35px;
}
#cap .capmain .caphead .partext{
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* border: 1px solid black; */
    width: 100%;
}
#cap .capmain .caphead .partext h3{
    /* font-family: 'Manrope', sans-serif; */
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    /* margin: 0% 20%; */
}
#cap .capmain .capbody{
    /* border: 1px solid black; */
    width: 90%;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    align-items: center;
    overflow-x: scroll;
    scroll-behavior: smooth;
    /* flex-wrap: wrap; */
}
body::-webkit-scrollbar-track{
    background: transparent;
}
body::-webkit-scrollbar-thumb{
    background-color: #b8b8b8;
    border-radius: 10px;
    border: 3px solid #fff;
}
#cap .capmain .capbody::-webkit-scrollbar{
    /* width: 2px; */
    height: 4px;
    background: transparent;
    background: #fafafa;
    /* border-left: 2px solid gray; */
}
#cap .capmain .capbody::-webkit-scrollbar-track{
    background: transparent;
}
#cap .capmain .capbody::-webkit-scrollbar-thumb{
    background-color: #d9d9d9;
    /* border-left: 14px solid #fff; */
    border-radius: 10px;
}
#cap .capmain .capbody .a,
#cap .capmain .capbody .b,
#cap .capmain .capbody .c,
#cap .capmain .capbody .d,
#cap .capmain .capbody .e,
#cap .capmain .capbody .f{
    /* border: 1px solid black; */
    margin-top: 0px;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 20px;
}
#cap .capmain .capbody .a .amain,
#cap .capmain .capbody .b .amain,
#cap .capmain .capbody .c .amain,
#cap .capmain .capbody .d .amain,
#cap .capmain .capbody .e .amain,
#cap .capmain .capbody .f .amain{
    width: 410px;
    height: 260px;
    border-radius: 20px;
    background: #F9F9F9;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media(max-width:500px){
    #cap .capmain .capbody .a .amain,
    #cap .capmain .capbody .b .amain,
    #cap .capmain .capbody .c .amain,
    #cap .capmain .capbody .d .amain,
    #cap .capmain .capbody .e .amain,
    #cap .capmain .capbody .f .amain{
        width: 350px;
        height: 250px;
        border-radius: 20px;
        background: #F9F9F9;
        border: 1px solid transparent;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
#cap .capmain .capbody .a .amain .image,
#cap .capmain .capbody .b .amain .image,
#cap .capmain .capbody .c .amain .image,
#cap .capmain .capbody .d .amain .image,
#cap .capmain .capbody .e .amain .image,
#cap .capmain .capbody .f .amain .image{
    width: 45px;
    height: 45px;
    background: #ffffff;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* background: #F0DCC8; */
    border-radius: 100%;
}
#cap .capmain .capbody .a .amain .image img,
#cap .capmain .capbody .b .amain .image img,
#cap .capmain .capbody .c .amain .image img,
#cap .capmain .capbody .d .amain .image img,
#cap .capmain .capbody .e .amain .image img,
#cap .capmain .capbody .f .amain .image img{
    height: 30px;
}
#cap .capmain .capbody .a h4,
#cap .capmain .capbody .b h4,
#cap .capmain .capbody .c h4,
#cap .capmain .capbody .d h4,
#cap .capmain .capbody .e h4,
#cap .capmain .capbody .f h4{
    /* font-family: 'Manrope', sans-serif; */
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 30px;
    margin-left: 20px;
    color: #0E0E0E;
    /* border: 1px solid black; */
}
#cap .capmain .capbody .a p,
#cap .capmain .capbody .b p,
#cap .capmain .capbody .c p,
#cap .capmain .capbody .d p,
#cap .capmain .capbody .e p,
#cap .capmain .capbody .f p{
    font-family: 'Poppins';
    color: #7c7c7c;
    margin-top: 4px;
    font-weight: 300;
    line-height: 21px;
    font-size: 17px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
@media(max-width:1000px){
    #cap{
        width: 100%;
        height: auto;
        margin-bottom: 50px;
        margin-top: 0px;
        /* border: 1px solid black; */
    }
    #cap .capmain .capbody{
        /* border: 1px solid black; */
        width: 90%;
        display: flex;
        flex-direction: row;
        /* justify-content: space-between; */
        align-items: center;
        overflow-x: scroll;
        scroll-behavior: smooth;
        /* flex-wrap: wrap; */
    }
}




/* recent projects work starts here */




#recent{
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 10;
}
#recent .recmain{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    /* border: 1px solid black; */
}
#recent .recmain h3{
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 52px;
    margin-top: 0px;
    margin-left: 8.5%;
    margin-right: 10%;
}
#recent .recmain .rechead p{
    text-align: center;
    font-family: "Poppins";
}
#recent .overhead{
    position: absolute;
    color: #f1f1f1;
    background: #F5CBDB80;
    margin-left: 12px;
    margin-top: 12px;
    padding: 2px 6px;
    border-radius: 8px;
    z-index: 100054;
}
#recent .recmain .recbody{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 20px; */
}
#recent .recmain .recbody .bodya,
#recent .recmain .recbody .bodyb{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    margin-bottom: 20px;
    /* border: 1px solid black; */
}
#recent .recmain .recbody .bodya{
    margin-top: 10px;
}

#recent .recmain .recbody .a{    /* border: 1px solid black; */
    width: 42%;
    height: 470px;
    border-radius: 35px;
    margin-top: 30px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    position: relative;
}
#recent .recmain .recbody .b{
    width: 42%;
    height: 550px;
    border-radius: 25px;
    margin-top: 30px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    position: relative;
}
#recent .recmain .recbody .c{
    width: 42%;
    height: 600px;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -90px;
}
#recent .recmain .recbody .d{
    width: 42%;
    height: 600px;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    position: relative;
}

#recent .recmain .recbody .a .imgset,
#recent .recmain .recbody .b .imgset,
#recent .recmain .recbody .c .imgset,
#recent .recmain .recbody .d .imgset{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    background: #a5a5a5;
    border-radius: 25px;
}
#recent .recmain .recbody .a .imgset img,
#recent .recmain .recbody .b .imgset img,
#recent .recmain .recbody .c .imgset img,
#recent .recmain .recbody .d .imgset img{
    width: 900px;
    transform: scale(1.2);
    height: 100%;
}
#recent .recmain .recbody .a .text,
#recent .recmain .recbody .b .text,
#recent .recmain .recbody .c .text,
#recent .recmain .recbody .d .text{
    width: 97%;
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: -72px;
    z-index: 1000000;
    background: #ffffff30;
    backdrop-filter: blur(10px);
    margin: 0 auto;
    border-radius: 20px;
}

#recent .recmain .recbody .a h4,
#recent .recmain .recbody .b h4,
#recent .recmain .recbody .c h4,
#recent .recmain .recbody .d h4{
    font-family: "DM Sans", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-left: 10px;
    margin-top: 4px;
    color: #f1f1f1;
    padding-right: 7px;
    border-right: 2px solid #f1f1f1;
    margin-right: 7px;
}
#recent .recmain .recbody .a p,
#recent .recmain .recbody .b p,
#recent .recmain .recbody .c p,
#recent .recmain .recbody .d p{
    font-family: "Poppins";
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    margin-right: 50px;
}
#recent .recmain .recbody .a ul,
#recent .recmain .recbody .b ul,
#recent .recmain .recbody .c ul,
#recent .recmain .recbody .d ul{
    display: flex;
    flex-direction: row;
}
#recent .recmain .recbody .a ul li a,
#recent .recmain .recbody .b ul li a,
#recent .recmain .recbody .c ul li a,
#recent .recmain .recbody .d ul li a{
    font-family: 'Poppins';
    font-size: 25px;
    background: #ffffff;
    backdrop-filter: blur(5px);
    /* color: #677583; */
    padding: 3px 12px 3px 12px;
    border-radius: 12px;
    margin-right: 10px;
}
#recent .recmain .recbody .a ul li a{
    color: #E29349;
}
#recent .recmain .recbody .b ul li a{
    color: #156580;
}
#recent .recmain .recbody .c ul li a{
    color: #677583;
}
#recent .recmain .recbody .d ul li a{
    color: #AF5A35;
}
@media(max-width:1000px){
    #recent .recmain .recbody .bodya,
    #recent .recmain .recbody .bodyb{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0px;
        /* border: 1px solid black; */
    }

    #recent .recmain .recbody .a{    /* border: 1px solid black; */
        width: 70%;
        height: 500px;
        border-radius: 35px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .b{
        width: 70%;
        height: 500px;
        border-radius: 25px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .c{
        width: 70%;
        height: 500px;
        border-radius: 25px;
        margin-top: 10px;
        margin-bottom: 0px;
        top: 0px;
    }
    #recent .recmain .recbody .d{
        width: 70%;
        height: 500px;
        border-radius: 25px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
}
@media(max-width:750px){
    #recent .recmain .recbody .bodya,
    #recent .recmain .recbody .bodyb{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0px;
        margin-bottom: 0px;
        /* border: 1px solid black; */
    }

    #recent .recmain .recbody .a{    /* border: 1px solid black; */
        width: 90%;
        height: 500px;
        border-radius: 35px;
        margin-top: 14px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .b{
        width: 90%;
        height: 500px;
        border-radius: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .c{
        width: 90%;
        height: 500px;
        border-radius: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
        top: 0px;
    }
    #recent .recmain .recbody .d{
        width: 90%;
        height: 500px;
        border-radius: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}
@media(max-width:600px){
    #recent .recmain .recbody .a h4,
    #recent .recmain .recbody .b h4,
    #recent .recmain .recbody .c h4,
    #recent .recmain .recbody .d h4{
        border-right: none;
    }
    #recent .recmain .recbody .a .text p,
    #recent .recmain .recbody .b .text p,
    #recent .recmain .recbody .c .text p,
    #recent .recmain .recbody .d .text p{
        display: none;
    }
}
@media(max-width:500px){
    #recent .recmain .recbody .a{    /* border: 1px solid black; */
        height: 400px;
        margin-top: 30px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .b{
        width: 90%;
        height: 400px;
        border-radius: 25px;
        margin-top: -30px;
        margin-bottom: 0px;
    }
    #recent .recmain .recbody .c{
        height: 400px;
        margin-top: -30px;
        margin-bottom: 0px;
        top: 0px;
    }
    #recent .recmain .recbody .d{
        height: 400px;
        margin-top: -30px;
        margin-bottom: 50px;
    }
    #recent .recmain .recbody .a .text,
    #recent .recmain .recbody .b .text,
    #recent .recmain .recbody .c .text,
    #recent .recmain .recbody .d .text{
        top: -67px;
    }
    #recent .recmain .recbody .a .imgset img,
    #recent .recmain .recbody .b .imgset img,
    #recent .recmain .recbody .c .imgset img,
    #recent .recmain .recbody .d .imgset img{
        width: 900px;
        transform: scale(1);
        height: 100%;
    }
}




.aboutheading{
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 20px;
    margin-top: 120px;
    text-align: center;
}
.aboutheadinga{
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 0px;
    margin-top: 120px;
    text-align: center;
}
@media(max-width:1000px){
    .aboutheading{
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 20px;
        margin-top: 120px;
        text-align: center;
    }
    .aboutheadinga{
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
    #cap .capmain .caphead .partext h3{
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
}
@media(max-width:750px){
    .aboutheading{
        font-size: 35px;
        font-weight: 700;
        line-height: 60px;
        margin-bottom: 20px;
        margin-top: 120px;
        text-align: center;
    }
    .aboutheadinga{
        font-size: 35px;
        font-weight: 500;
        line-height: 60px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
    #cap .capmain .caphead .partext h3{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
}
@media(max-width:500px){
    .aboutheading{
        font-family: "DM Sans", sans-serif;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 120px;
        text-align: center;
    }
    .aboutheadinga{
        font-size: 32px;
        line-height: 25px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
    #cap .capmain .caphead .partext h3{
        font-size: 32px;
        line-height: 25px;
        margin-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }
}




.rows{
    width: 100%;
    height: 70px;
    overflow: hidden;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    margin-top: 100px;
}
.rows pre{
    font-family: 'Poppins';
    color: #d9d9d9;
    font-size: 36px;
}





#mfocus{
    width: 100%;
    height: auto;
    overflow: hidden;
    
}
#mfocus .main{
    position: relative;
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    background: #FFFCF4;
    overflow: hidden;
    border-radius: 25px;
}
#mfocus .main img{
    width: 1550px;
    position: absolute;
    z-index: 2;
}
#mfocus .main .head{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#mfocus .main .head img{
    position: relative;
    width: 110px;
    margin-bottom: 8px;
    margin-top: 200px;
}
#mfocus .main h3{
    /* font-family: "Manrope"; */
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 54px;
    line-height: 58px;
    /* margin-top: 200px; */
    color: #121212;
}
#mfocus .main p{
    font-family: "Poppins";
    font-weight: 300;
    font-size: 20px;
    margin-top: 10px;
    line-height: 23px;
    color: #343434;
}
#mfocus .main ul{
    margin-top: 17px;
    margin-bottom: 200px;
}
#mfocus .main ul li a{
    position: relative;
    font-family: "Poppins";
    color: #ffffff;
    border-radius: 200px;
    padding: 6px 20px;
    background: #F4C01C;
    z-index: 3;
}
@media(max-width:800px){
    #mfocus .main h3{
        font-size: 48px;
        line-height: 50px;
    }
    #mfocus .main p{
        font-family: "Poppins";
        font-weight: 300;
        font-size: 16px;
        margin-top: 10px;
        line-height: 18px;
        color: #343434;
    }
    #mfocus .main .head img{
        position: relative;
        width: 100px;
        margin-bottom: 8px;
        margin-top: 150px;
    }
    #mfocus .main img{
        width: 1200px;
        position: absolute;
        z-index: 2;
    }
    #mfocus .main ul{
        margin-top: 17px;
        margin-bottom: 150px;
    }
}
@media(max-width:600px){
    #mfocus .main h3{
        font-size: 36px;
        line-height: 37px;
    }
    #mfocus .main p{
        font-family: "Poppins";
        font-weight: 300;
        font-size: 12px;
        margin-top: 10px;
        line-height: 15px;
        color: #343434;
    }
    #mfocus .main ul li a{
        font-size: 14px;
    }
    #mfocus .main img{
        width: 1000px;
        position: absolute;
        z-index: 2;
    }
}
@media(max-width:450px){
    #mfocus .main p{
        display: none;
    }
    #mfocus .main ul{
        margin-top: 17px;
        margin-bottom: 100px;
    }
    #mfocus .main .head img{
        position: relative;
        width: 90px;
        margin-bottom: 8px;
        margin-top: 100px;
    }
    #mfocus .main img{
        width: 800px;
    }
}





#pricing{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#pricing .main{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#pricing .main .head{
    background: hsl(340, 75%, 98%);
    width: 90%;
    padding-top: 30px;
    padding-bottom: 35px;
    border-radius: 35px 35px 0px 0px;
}
#pricing .main .head h3{
    /* font-family: 'Manrope', sans-serif; */
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    /* margin: 0% 20%; */
}

#pricing .main .body{
    width: 90%;
    height: auto;
    background: #FEF8FA;
    background: linear-gradient(#FEF8FA, #ffffff);
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    /* align-items: center; */
    overflow-x: scroll;
    scroll-behavior: smooth;
    border-radius: 0px 0px 35px 35px;
    padding-bottom: 20px;
    padding-left: 30px;
}
#pricing .main .body::-webkit-scrollbar{
    /* width: 2px; */
    height: 4px;
    background: transparent;
    background: #fafafa;
    /* border-left: 2px solid gray; */
}
#pricing .main .body::-webkit-scrollbar-track{
    background: transparent;
    height: 4px;
}
#pricing .main .body::-webkit-scrollbar-thumb{
    height: 4px;
    background-color: #d9d9d9;
    /* border-left: 14px solid #fff; */
    border-radius: 10px;
}
#pricing .main .body .a .amain{
    width: 350px;
    height: 300px;
    margin: 10px;
    background: #F4C01C;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-bottom: 20px; */
}
#pricing .main .body .a .amain .up{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 14px;
}
#pricing .main .body .a .amain .up h3{
    font-family: "Poppins";
    font-weight: 500;
    font-size: 40px;
    line-height: 38px;
    margin-left: 14px;
    color: #ffffff;
}
#pricing .main .body .a .amain .down{
    display: flex;
    flex-direction: column;
}
#pricing .main .body .a .amain .down .text{
    display: flex;
    flex-direction: row;
    justify-content: end;
    text-align: end;
}
#pricing .main .body .a .amain .down .text p{
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 26px;
    margin-right: 14px;
    margin-bottom: 14px;
}
#pricing .main .body .a .amain .down .butns ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 14px;
}
#pricing .main .body .a .amain .down .butns ul li{
    width: 50%;
    /* border: 1px solid black; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#pricing .main .body .a .amain .down .butns ul li a.lm{
    font-family: "Poppins";
    line-height: 18px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}
#pricing .main .body .a .amain .down .butns ul li a.gs{
    font-family: "Poppins";
    background: #ffffff;
    color: #F4C01C;
    padding: 10px 24px;
    /* margin-right: 14px;
    margin-bottom: 10px; */
    border-radius: 10px;
}
#pricing .main .body .a.b .amain .down .butns ul li a.gs{
    color: #F78000;
}
#pricing .main .body .a.c .amain .down .butns ul li a.gs{
    color: #FBB1CE;
}
#pricing .main .body .a.d .amain .down .butns ul li a.gs{
    color: #16B757;
}
#pricing .main .body .a.e .amain .down .butns ul li a.gs{
    color: #1967D2;
}
#pricing .main .body .a .amain{
    background: linear-gradient(-45deg, #F4C01C, #F6D671);
}
#pricing .main .body .a.b .amain{
    background: linear-gradient(-45deg, #FF8400, #F6B171);
}
#pricing .main .body .a.c .amain{
    background: linear-gradient(-45deg, #FBB1CE, #F5CBDB);
}
#pricing .main .body .a.d .amain{
    background: linear-gradient(-45deg, #00A543, #1DD969);
}
#pricing .main .body .a.e .amain{
    background: linear-gradient(-45deg, #1967D2, #1A87FF);
}
@media(max-width:650px){
    #pricing .main .body{
        padding-left: 15px;
    }
    #pricing .main .body .a .amain{
        width: 310px;
        height: 290px;
    }
    #pricing .main .body .a .amain .down .butns ul li a.gs{
        margin-right: 10px;
    }
}

@media(max-width:1000px){
    #pricing .main .head{
        background: #FEF8FA;
        width: 90%;
        padding-top: 25px;
        padding-bottom: 25px;
        border-radius: 35px 35px 0px 0px;
    }
    #pricing .main .head h3{
        font-family: "DM Sans", sans-serif;
        font-size: 45px;
        font-weight: 500;
        line-height: 40px;
        text-align: center;
        /* margin: 0% 20%; */
    }
}
@media(max-width:750px){
    #pricing .main .head{
        background: #FEF8FA;
        width: 90%;
        padding-top: 20px;
        padding-bottom: 25px;
        border-radius: 35px 35px 0px 0px;
    }
    #pricing .main .head h3{
        font-family: "DM Sans", sans-serif;
        font-size: 35px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        /* margin: 0% 20%; */
    }
}
@media(max-width:500px){
    #pricing .main .head{
        background: #FEF8FA;
        width: 90%;
        padding-top: 20px;
        padding-bottom: 15px;
        border-radius: 35px 35px 0px 0px;
    }
    #pricing .main .head h3{
        font-family: "DM Sans", sans-serif;
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        text-align: center;
        /* margin: 0% 20%; */
    }
}





#faqs{
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 30px 30px 0px 0px;
    /* border: 1px solid black; */
    z-index: 0;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
#faqs .faqhead h3{
    padding-top: 100px;
    margin-bottom: 2px;
    margin-left: 6%;
    font-family: "DM Sans", sans-serif;
    font-size: 40px;
    font-weight: 500;
}
#faqs .faqbody{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
}
#faqs .faqbody .a{
    margin-top: 10px;
    /* border-bottom: 1px solid #E2E2E2; */
    width: 90%;
    background: #f9f9f9;
    border-radius: 14px;
}
#faqs .faqbody .a .aa{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#faqs .faqbody .a .aa p{
    font-family: 'sora';
    font-size: 28px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 0;
}
#faqs .faqbody h4{
    font-size: 22px;
    font-weight: 400;
    font-family: 'Poppins';
    font-weight: 400;
    color: #444444;
    /* padding-bottom: 10px; */
    padding: 14px;
}
#faqs .faqbody .a .ab{
    transition: 1s;
    /* display: none; */
    /* border: 1px solid black; */
    overflow: hidden;
    height: 0px;
    /* animation: heights 0.75s ease-in-out 1 forwards; */
}
@keyframes heights{
    0%{
        height: 0px;
    }
    100%{
        height: auto;
    }
}
#faqs .faqbody .a .aa .cli{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #16B757;
    font-weight: 400;
    margin-right: 14px;
    /* border: 1px solid black; */
    z-index: 1;
}
#faqs .faqbody .a .aa .cli:hover{
    color: #0d974d;
}
#faqs .faqbody .a .clink{
    width: 20px;
    height: 20px;
    background: transparent;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    margin-left: -10px;
    /* border: 1px solid black; */
}
.setin{
    margin-bottom: 14px;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 18px;
    color: #7c7c7c;
    margin-left: 16px;
    margin-right: 25px;
}
b{
    font-weight: 400;
    color: #6c6c6c;
}
#faqs .faqbody .a .ab p{
    display: none;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 18px;
    padding-bottom: 14px;
    margin-left: 14px;
    margin-right: 50px;
    color: #7c7c7c;
}
@media(max-width:1000px){
    #faqs .faqhead h3{
        padding-top: 100px;
        margin-left: 6.25%;
        font-size: 36px;
    }
    #faqs .faqbody .a{
        width: 87.5%;
    }
    #faqs .faqbody h4{
        font-size: 20px;
    }
}
@media(max-width:600px){
    #faqs{
        padding-bottom: 0px;
        margin-bottom: 80px;
    }
    #faqs .faqbody{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 10px;
    }
    #faqs .faqbody h4{
        font-size: 18px;
        font-weight: 400;
    }
    #faqs .faqbody .a .ab p{
        margin-right: 25px;
    }
}






#review{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-top: 30px;
    background: #ffffff;
    background: linear-gradient(#fafafa, #ffffff);
    border-radius: 30px 30px 0px 0px;
    border-top: 2px solid #fafafa;
}
#review p{
    font-family: "Poppins";
    margin-left: 8%;
    color: #919191;
    padding-bottom: 15px;
    padding-top: 24px;
    /* border: 1px solid black; */
}
#review p.a{
    font-family: "Poppins";
    margin-left: 8.05%;
    color: #aaaaaa;
    padding-top: 10px;
    /* padding-bottom: 85px; */
    line-height: 15px;
}
#review h3{
    font-family: "Poppins";
    font-size: 40px;
    line-height: 55px;
    font-weight: 500;
    margin-left: 8%;
    margin-right: 8%;
}
#review h4{
    font-family: "Poppins";
    margin-left: 8.05%;
    margin-top: 22px;
    font-weight: 600;
}
#review .boxing{
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: end;
    /* border: 1px solid black; */
    padding-bottom: 85px;
}
#review .bestfirm{
    width: 80px;
    margin-right: 14px;
    /* filter: grayscale(0.8);
    opacity: 0.5; */
    margin-top: -10px;
    margin-left: 5%;
}
#review .boxing .clutch-widget{
    margin-top: 5px;
}
@media(max-width:1000px){
    #review .boxing{
        padding-bottom: 35px;
    }
}
@media (max-width:820px){
    #review h3{
        font-family: "Poppins";
        font-size: 35px;
        line-height: 44px;
        font-weight: 500;
        margin-left: 7%;
        margin-right: 7%;
    }
    #review p{
        font-family: "Poppins";
        margin-left: 7%;
        color: #919191;
        margin-bottom: 20px;
    }
    #review p.a{
        font-family: "Poppins";
        margin-left: 7.05%;
    }
    #review h4{
        font-family: "Poppins";
        margin-left: 7.05%;
    }
    #review .boxing{
        padding-bottom: 35px;
    }
}
@media (max-width:600px){
    #review{
        width: 100%;
        height: auto;
        padding-top: 20px;
        margin-top: 0px;
    }
    #review h3{
        font-family: "Poppins";
        font-size: 30px;
        line-height: 35px;
        font-weight: 500;
        margin-left: 7%;
        margin-right: 7%;
    }
    #review h4{
        margin-top: 18px;
    }
    #review p{
        font-family: "Poppins";
        margin-left: 7%;
        color: #919191;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    #review p.what{
        font-size: 14px;
    }
    #review p.a{
        line-height: 14px;
        /* padding-bottom: 70px; */
    }
    #review .boxing{
        padding-bottom: 50px;
        margin-top: 20px;
        /* margin-left: 10%; */
        overflow: hidden;
    }
    #review .boxing .clutch-widget{
        /* border: 1px solid black; */
        margin-right: -11%;
    }
}
@media(max-width:500px){
    #review .boxing{
        justify-content: flex-start;
    }
}




footer{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer .main{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #F9F9F9;
    border-radius: 30px 30px 0px 0px;
    z-index: 1;
}
footer .main .a{
    display: flex;
    flex-direction: row;
    font-family: "Poppins";
}
footer .main .a img{
    width: 90px;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 8%;
}
footer .main .b{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: "Poppins";
    /* border-top: 1px solid black; */
    margin-top: 40px;
}
footer .main .b .bdiv{
    margin-left: 8%;
}
footer .main .b .bdiv .bp h4{
    font-family: "Poppins";
    color: #111111;
    font-weight: 500;
    font-size: 40px;
    line-height: 30px;
    margin-top: 20px;
}
footer .main .b .bdiv .bp a p{
    width: 214px;
    font-family: "Poppins";
    overflow: visible;
    color: #bbbbbb;
    font-size: 25px;
    line-height: 20px;
    margin-top: 8px;
    margin-left: 1.7px;
    font-weight: 400;
    transition: 0.3s;
}
footer .main .b .bdiv .bp a p:hover{
    color: #7c7c7c;
}
footer .main .b .bdiv .bt h4{
    font-family: "Poppins";
    line-height: 10px;
    font-weight: 500;
    color: #616161;
}
footer .main .b .bdiv .bt p{
    font-family: "Poppins";
    line-height: 19px;
    font-weight: 300;
    margin-top: 5px;
    color: #818181;
}
footer .main .b .cdiv{
    display: flex;
    flex-direction: row;
    margin-right: 8%;
}
footer .main .b .cdiv .ad{
    font-family: "Poppins";
    /* border: 1px solid black; */
    margin-right: 50px;
}
footer .main .b .cdiv .ad ul li,
footer .main .b .cdiv .bd ul li{
    line-height: 14px;
    /* border: 1px solid black; */
}
footer .main .b .cdiv .ad ul li a,
footer .main .b .cdiv .bd ul li a{
    font-family: "Poppins";
    line-height: 14px;
    color: #818181;
    font-weight: 300;
}
footer .main .b .cdiv .ad ul li a:hover,
footer .main .b .cdiv .bd ul li a:hover{
    color: #5d5d5d;
}
footer .main .c{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #E2E2E2;
    font-family: "Poppins";
}
footer .main .c p{
    font-family: "Poppins";
    margin-left: 8%;
    margin-right: 8%;
    color: #616161;
}
@media (max-width:750px){
    footer .main .b{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-family: "Poppins";
        /* border-top: 1px solid black; */
        margin-top: 40px;
    }
    footer .main .b .cdiv{
        display: flex;
        flex-direction: column;
        margin-left: 8.1%;
        margin-top: 32px;
    }
    footer .main .b .cdiv .ad{
        font-family: "Poppins";
        margin-right: 0px;
    }
    footer .main .b .cdiv .ad ul,
    footer .main .b .cdiv .bd ul{
        display: flex;
        flex-direction: row;
        margin-bottom: 14px;
        flex-wrap: wrap;
    }
    footer .main .b .cdiv .ad ul li,
    footer .main .b .cdiv .bd ul li{
        margin-right: 12px;
    }
    footer .main .c{
        margin-top: 10px;
        padding-top: 20px;
    }
}
@media (max-width:500px){
    footer .main .b .bdiv .bp h4{
        font-family: "Poppins";
        color: #111111;
        font-weight: 500;
        font-size: 34px;
        line-height: 22px;
        margin-top: 20px;
    }
    footer .main .b .bdiv .bp a p{
        width: 214px;
        font-family: "Poppins";
        overflow: visible;
        color: #bbbbbb;
        font-size: 22px;
        line-height: 20px;
        margin-top: 8px;
        margin-left: 1.1px;
        font-weight: 400;
        transition: 0.3s;
    }
    footer .main .c p{
        font-family: "Poppins";
        font-size: 14px;
        margin-left: 8%;
        margin-right: 8%;
        color: #616161;
    }
}

@media(min-width:1700px){
    #body{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        text-align: center;
    }
    #wholepage{
        width: 1700px;
        margin: 0 auto;
    }
}



p.adjust{
    font-family: "Poppins";
    color: #7C7C7C;
    margin-left: 5%;
    margin-bottom: 100px;
}
@media(max-width: 600px){
    p.adjust{
        font-size: 14px;
    }
}
@media(max-width: 500px){
    p.adjust{
        display: none;
    }
}
span{
    font-family: 'Chi';
}
/* span.homeworld {
    display: inline-block;
    font-weight: 300;
    padding: 2px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #FBB1CE;
    transform: scale(0.8);
    rotate: 3deg;
    margin-left: -30px;
    margin-right: -30px;
} */
/* span.homebrand {
    display: inline-block;
    font-weight: 300;
    padding: 2px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #16B757;
    transform: scale(0.8);
    rotate: -3deg;
    margin-left: -40px;
    margin-right: -35px;
} */
/* span.homebus{
    display: inline-block;
    font-weight: 300;
    padding: 2px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #F4C01C;
    transform: scale(0.8);
    rotate: 3deg;
    margin-left: -30px;
    margin-right: -30px;
} */
/* span.homeaud{
    display: inline-block;
    font-weight: 300;
    padding: 2px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #0079FF;
    transform: scale(0.8);
    rotate: 3deg;
    margin-left: -30px;
    margin-right: -30px;
} */
span.caps {
    display: inline-block;
    font-weight: 300;
    padding: 0px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #F4C01C;
    rotate: 3deg;
    font-size: 50px;
    margin-left: -7px;
    margin-right: -7px;
}
@media(max-width:1000px){
    span.caps {
        line-height: 36px;
        font-size: 36px;
        padding: 5px 12px;
    }
}
@media(max-width:750px){
    span.caps {
        line-height: 28px;
        font-size: 28px;
        padding: 5px 10px;
    }
}
@media(max-width:500px){
    span.caps {
        line-height: 25px;
        font-size: 25px;
        padding: 5px 10px;
        margin-left: -5px;
        margin-right: -5px;
    }
}
span.proj {
    display: inline-block;
    font-weight: 300;
    padding: 0px 14px;
    color: #F9F9F9;
    border-radius: 50px;
    background-color: #FF8400;
    rotate: -4deg;
    font-size: 50px;
    margin-left: -7px;
    margin-right: -7px;
}
@media(max-width:1000px){
    span.proj {
        line-height: 36px;
        font-size: 36px;
        padding: 5px 12px;
    }
}
@media(max-width:750px){
    span.proj {
        line-height: 28px;
        font-size: 28px;
        padding: 5px 10px;
    }
}
@media(max-width:500px){
    span.proj {
        line-height: 28px;
        font-size: 28px;
        padding: 5px 10px;
        /* margin-left: -5px; */
        /* margin-right: -5px; */
    }
}
span.pri {
    display: inline-block;
    font-weight: 300;
    /* padding: 2px 14px; */
    color: #FBB1CE;
    border-radius: 50px;
    background-color: none;
    /* rotate: -4deg; */
    /* margin-left: -7px; */
    /* margin-right: -7px; */
}
@media(max-width:800px){
    span.pri {
        padding: 2px 14px;
    }
}
@media(max-width:750px){
    span.pri {
        padding: 2px 2px;
    }
}
@media(max-width:550px){
    span.pri {
        padding: 0px 0px;
    }
}
@media(max-width:500px){
    span.proj {
        padding: 0px 4px;
    }
}

#pink{
    width: 320px;
    height: 120px;
    background: #ffffff50;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    position: fixed;
    /* position: absolute; */
    bottom: 10px;
    right: 5px;
    /* width: 100%; */
    z-index: 1000009;
}
#pink p{
    margin-left: 15px;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #5c5c5c;
}
#pink p.clo{
    cursor: pointer;
    color: #9c9c9c;
}