/*********************  Default-CSS  *********************/

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}

input[type="file"],
a[href],
input[type='submit'],
input[type='button'],
input[type='image'],
label[for],
select,
button,
.pointer {
    cursor: pointer;
}

::-moz-focus-inner {
    border: 0px solid transparent;
}

::-webkit-focus-inner {
    border: 0px solid transparent;
}

*::-moz-selection {
    color: #fff;
    background: #000;
}

*::-webkit-selection {
    color: #fff;
    background: #000;
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

html body {
    font-family: 'Sofia pro';
    margin: 0;
    line-height: 1.3;
    scroll-behavior: smooth;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.no-list li,
.no-list ul,
.no-list ol,
footer li,
footer ul,
footer ol,
header li,
header ul,
header ol {
    list-style: inside none none;
}

.no-list ul,
.no-list ol,
footer ul,
footer ol,
header ul,
header ol {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    color: #555;
}

a:hover {
    color: #000;
}

body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}

body .clearfix {
    height: auto;
}

* {
    outline: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


ul:after,
li:after,
.clr:after,
.clearfix:after,
.container:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

div input,
div select,
div textarea,
div button {
    font-family: 'Sofia pro';
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Sofia pro';
    line-height: 120%;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

body p {
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: -0.03em;
    color: #16182F;
    opacity: 0.5;
}

body p:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

p strong {
    font-weight: bold;
}

.a-left {
    text-align: left;
}

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

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

label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

body .container {
    width: 100%;
    max-width: 1660px;
}

/*********************  intlTelInput  *********************/
.iti {
  width: 100%;
  display: block;
}

/*********************  scroll Hide  *********************/
html.show-menu {
    overflow: hidden;
}

html.show-menu body {
    overflow: hidden;
    height: 100%;
}

/*********************  Default-CSS close  *********************/


/*********************  Gapping  *********************/
section {
    padding-bottom: 60px;
    padding-top: 60px;
}

/*********************  Gapping close  *********************/


/*********************  Default-CSS  *********************/



/*********************  Common-Css  *******************/
.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}

/*********************  Common-Css Close  *******************/


/*********************  Header  *******************/
header {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: all 0.5s;
    z-index: 999;
}



.cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
}

.cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0;
}

.cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #000;
    opacity: 1;
}

.cursor-move-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
}

.cursor-move-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cursor-inner {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 50%;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cursor-outer {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    border-radius: 50%;
    box-sizing: border-box;
    transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

html:hover .cursor {
    opacity: 1;
}

a {




    transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}



ul.navbar-nav.m-auto li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.04em;

    /* Dark/3 */
    color: #57627E;
    position: relative;
}

ul.navbar-nav.m-auto li {
    margin: 0px 30px;
}

nav.navbar.navbar-expand-lg {
    padding: 15px 0px;
}

.burger {
    width: 40px;
    height: 40px;
    display: flex;
    color: #000000 !important;
    justify-content: center;
    align-items: center;
}

a.btn.nav-link.requestbtn.bg-blue.text-white {
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    border-radius: 10px;
    width: 158px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

nav.navbar.navbar-expand-lg .container {
    display: flex;
    align-items: center;
}

ul.navbar-nav.m-auto {
    display: flex;
    align-items: center;
}

/*********************  Header Close  *******************/


/*********************  Home banner  *******************/

.hero-wrap {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

section.herosec {
    height: 100vh;
    position: relative;
    margin-top: 30px;
}

.heroinfo h1 {
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 85px;
    line-height: 100px;
    /* or 118% */
    letter-spacing: -0.06em;
    color: #16182F;
    margin-bottom: 20px;
}


.gradient {
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.heroinfo p {
    max-width: 500px;
    margin-bottom: 45px;
}

.heroinfo {
    position: relative;
}

.heroinfo:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 61%;
    transform: translateY(-50%);
    width: 250px;
    height: 310px;
    background-image: url(../images/heroarrow.png);
}

.heroimg span {
    position: absolute;
    animation: social 4s ease-in-out infinite;
}



@-webkit-keyframes social {
    0% {

        -webkit-transform: translatey(0px);

        transform: translatey(0px);
    }

    50% {

        -webkit-transform: translatey(-10px);

        transform: translatey(-10px);
    }

    100% {

        -webkit-transform: translatey(0px);

        transform: translatey(0px);
    }
}


span.fb {
    left: 200px;
    top: 200px;
}

.heroimg {
    text-align: center;
    position: relative;
    margin-top: 50px;
}

span.twitter {
    position: absolute;
    right: 37%;
    top: -24px;
}

span.insta {
    position: absolute;
    bottom: 41%;
    right: 139px;
}

span.pin {
    position: absolute;
    right: 39%;
    bottom: 88px;
}

/* .heroimg:after {
    content: "";
    position: absolute;
    left: 80px;
    top: -40px;
    background-image: url(../images/heroshap.png);
    background-repeat: no-repeat;
    width: 310px;
    height: 151px;
    object-fit: contain;
}

.heroimg:before {
    content: "";
    position: absolute;
    right: 40px;
    bottom: 5px;
    background-image: url(../images/heroshap2.png);
    background-repeat: no-repeat;
    width: 310px;
    height: 151px;
} */

/*********************  Home banner Close  *******************/



/*********************  statestic  *******************/
h2.titles {
    font-style: normal;
    font-weight: 500;
    font-size: 70px;
    line-height: 90px;
    /* or 129% */
    letter-spacing: -0.02em;

    /* Dark/2 */
    color: #1C2640;
    margin-bottom: 20px;
}

.statusinfo {
    max-width: 540px;
}

h2.titles span {
    font-size: 70px !important;
}

.statusinfo p {
    margin-bottom: 20px;
}

a.readmorebtn {
    width: 130px;
    height: 54px;


    /* grediant */
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04em;

    /* Dark/White */
    color: #FFFFFF;
}

.statusimg span {
    position: absolute;
}

.statusimg {
    position: relative;
    text-align: center;
}

span.statesticimg {
    position: absolute;
    top: -112px;
    right: 104px;
    animation: social 4s ease-in-out infinite;
}

span.performance {
    position: absolute;
    bottom: -6px;
    left: 106px;
}

section.statussec {
    padding: 200px 0px;
    position: relative;
}

section.statussec:after {
    content: "";
    position: absolute;
    left: 0;
    top: -50%;
    width: 341px;
    height: 905px;
    background: url(../images/roundafterhero.png);
    background-repeat: no-repeat;
    z-index: -90;

}

/* 
@-webkit-keyframes round {
    0% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1);
    }


    100% {
        transform: scale(0.5);
    }
} */

/*********************  statestic Close  *******************/


/*********************  post  *******************/
.postimg span {
    position: absolute;
}

span.postinstant {
    position: absolute;
    left: -91px;
    top: 80px;
    animation: social 4s ease-in-out infinite;
}

.postimg {
    position: relative;
    text-align: center;
}

span.time {
    position: absolute;
    right: -90px;
    bottom: 38px;
}

.postimg:after {
    content: "";
    position: absolute;
    right: -39px;
    top: 19%;
    background-image: url(../images/postsshap.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 220px;
}

.postimg:before {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 10%;
    background-image: url(../images/postsshap2.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 220px;

}

@-webkit-keyframes round {
    0% {
        left: 15px;
        bottom: 4%;
    }

    50% {
        left: 13px;
        bottom: 11%;
    }


    100% {
        left: 15px;
        bottom: 4%;
    }
}

.postmaindiv {
    background: linear-gradient(90deg, rgb(67 60 183 / 10%) 1.27%, rgb(217 110 208 / 10%) 100%);
    padding: 168px 140px 200px;
    border-radius: 80px 80px 0px 0px;
}

section.creatpostsec {
    position: relative;
}

section.creatpostsec:after {
    content: "";
    right: 0;
    top: -30%;
    position: absolute;
    width: 464px;
    height: 905px;
    background-image: url(../images/rightroundborder.png);
}

.statusinfo p {
    display: flex;
    align-items: flex-start;
}

.statusinfo p img {
    min-width: 18px;
    height: 21px;
    margin-right: 10px;
}

.pricinngimg {
    padding-right: 30px;
    position: relative;
}

.row.align-items-center.\32 ndrow {
    margin-top: 200px;
}

/* .pricinngimg:after {
    content: "";
    position: absolute;
    right: 181px;
    top: -26%;
    background-image: url(../images/pricingshap.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 220px;
}

.pricinngimg:before {
    content: "";
    position: absolute;
    left: 141px;
    bottom: -45%;
    background-image: url(../images/pricingshap2.png);
    background-repeat: no-repeat;
    width: 134px;
    height: 220px;
} */

.aboutdetail img {
    width: 60px;
    height: 64px;
    min-width: 60px;
    max-width: 60px;
    margin-left: 0;
}

.aboutdetail {
    text-align: left !important;
    box-shadow: 0px 4px 58px rgba(237, 240, 247, 0.8);
    border-radius: 20px;
    background: #FFFFFF;
    padding: 30px 30px 30px 30px;
}

.item {
    padding: 50px 10px;
}

.aboutdetail img:first-child {
    margin-top: -60px;
    margin-bottom: 24px;
}

.proimg img {
    margin: 0 !important;
}

.proimg {
    display: flex;
    align-items: center;
}

.proimg h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 116.5%;
    /* identical to box height, or 21px */
    letter-spacing: 0.01em;

    /* Dark/1 */
    color: #16182F;
    margin-left: 10px;
}

div#about {
    padding: 30px 100px;
}

.owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.owl-nav button {
    background: rgb(251 251 253 / 10%);

    /* Dark */
    border: 1px solid rgb(22 24 47 / 10%) !important;
    width: 56px;
    height: 56px;
    border-radius: 100%;
}

.abouttitle {
    text-align: center;
    margin-bottom: 100px;
}

section.aboutus {
    padding: 110px 0px;
    position: relative;
}

section.aboutus:after {
    content: "";
    position: absolute;
    left: 0;
    top: -50%;
    width: 341px;
    height: 905px;
    background: url(../images/roundafterhero.png);
    background-repeat: no-repeat;
    z-index: -90;
}

/*********************  post Close  *******************/


/*********************  footer  *******************/
ul.download {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    background: #ECEBF8;

    /* Note: backdrop-filter has minimal browser support */
    border-radius: 15px;
    padding: 60px 0px 60px 100px;
    position: relative;
    top: -292px;
    margin-bottom: -222px;
    overflow: hidden;
}

ul.download li {
    width: 50%;
}

.dowimg {
    text-align: right;
    animation: hand 4s ease-in-out infinite;
    position: relative;
}

@-webkit-keyframes hand {
    0% {
        left: 0px;

    }

    50% {
        left: 30px;

    }


    100% {
        left: 0px;

    }
}

.pricinngimg {
    animation: social 4s ease-in-out infinite;
}

.dowinfo h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 72px;
    /* or 144% */
    letter-spacing: -0.01em;

    /* Dark/1 */
    color: #16182F;
}

.dowinfo p {
    max-width: 640px;
    margin-bottom: 45px;
}

.dwbtn a {
    margin-right: 20px;
    background: #16182F;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 13px 26px;
    border: 1px solid #16182f;
}

footer {
    background: #1C2640;
    margin-top: 380px;
}

.footerlogo p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 178%;
    /* or 28px */
    letter-spacing: -0.04em;

    /* Dark/White */
    color: #FFFFFF;
    opacity: 0.5;
}

.footerlogo img {
    margin-bottom: 36px;
}

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

ul.menu li {
    margin: 0px 35px;
}

ul.menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    opacity: 0.5;
}

.mail input {
    width: 100%;
    background: rgb(255 255 255 / 10%);
    height: 55px;
    border: none;
    padding-left: 14px;
    border-radius: 10px;
    color: white;
}

.mail input::placeholder {
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    opacity: 0.5;
}

.mail label {
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 12px;
}

footer .row {
    align-items: center;
}

.copy-right {
    border-top: 1px solid rgb(255 255 255 / 10%);
    padding: 38px 0px;
    margin-top: 70px;
}

.copytext p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 119%;
    /* identical to box height, or 17px */
    letter-spacing: 0.005em;
    color: #FFFFFF;
    text-align: center;
}

.dele p {
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 119%;
    /* identical to box height, or 19px */
    letter-spacing: -0.04em;
    color: #566382;
    text-align: right;
}

.dele p span {
    color: white;
}

ul.social {
    display: flex;
    align-items: center;
}

ul.social li {
    margin-right: 15px;
}

ul.social li a {
    color: white;
}

a.btnsend {
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    border-radius: 0px 10px 10px 0px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 0;
}

.input {
    position: relative;
}

.loginmaindetail {
    background: #FFFFFF;
    box-shadow: 0px 10px 39px rgba(221, 229, 232, 0.12);
    border-radius: 20px;
    max-width: 500px;
    margin: auto;
    position: relative;
    width: 100%;
    /* left: 50%; */
    /* top: 57%; */
    /* transform: translate(-50%, -50%); */
    /* padding: 40px 45px; */
    z-index: 999;
}

.loginwithbtn a:hover {
    background: #f5f4fa;
    color: black;
}


/*********************  footer Close  *******************/


/*********************  login  *******************/
/* section.login {
    height: 100vh;
} */

.logindetail label {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    /* identical to box height, or 200% */
    letter-spacing: 0.02em;

    /* Dark2 */
    color: #1C2640;
}

input.email {
    background: #FFFFFF;
    border: 1px solid rgba(141, 153, 174, 0.3) !important;
    width: 100%;
    height: 58px;
    border-radius: 9px;
    border: oldlace;
    padding-left: 50px;
    /* margin-bottom: 16px; */
}

input.email::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    /* identical to box height, or 200% */
    letter-spacing: -0.02em;

    /* Dark3 */
    color: #57627E;
    opacity: 0.5;
}


.remember a, .have_read_terms a {
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-left: auto;
}

.remember, .have_read_terms {
    display: flex;
    align-items: center;
}

.remember label, .have_read_terms label {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #57627E;
    margin-left: 12px;
}

.btnlogin {
    background: linear-gradient(90deg, #433CB7 1.27%, #D96ED0 100%);
    border-radius: 9px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    /* identical to box height, or 167% */
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-top: 20px;
}

.logindetail h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -0.01em;

    /* Dark2 */
    color: #1C2640;
    margin-bottom: 28px;
}

body.body {
    background: #F5F4FA;
}

.loginwith {
    text-align: center;
    margin: 30px 0px;
    position: relative;
}

.loginwith:after {
    border: 1px solid rgb(31 88 105 / 10%);
    content: "";
    position: absolute;
    width: 140px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.loginwith:before {
    border: 1px solid rgb(31 88 105 / 10%);
    content: "";
    position: absolute;
    width: 140px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.loginwithbtn a {
    background: #FFFFFF;
    border: 1px solid rgba(31, 88, 105, 0.1);
    box-sizing: border-box;
    border-radius: 12px;
    width: 125px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginwithbtn a img {
    margin: 0;
    margin-right: 10px;
}

.loginwithbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 43px;
}

a.create {
    display: flex;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
}

.logindetail:after {
    content: "";
    position: absolute;
    left: -110px;
    top: -110px;
    background-image: url(../images/roundborder.png);
    width: 272px;
    height: 272px;
    z-index: -999;
    animation: login 4s ease-in-out infinite;
}

@-webkit-keyframes login {
    0% {
        transform: scale(0.5);

    }

    50% {
        transform: scale(1);

    }


    100% {
        transform: scale(0.5);

    }
}

.logindetail {
    padding: 40px 45px;
    background: white;
    border-radius: 20px;
}

.input.inputmail span {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}

.input.inputmail {
    margin-bottom: 16px;
}

.input.inputmail span i {
    font-size: 18px;
    color: #8D99AE;
}

section.login {
    padding-top: 210px !important;
}

section.login {
    padding-top: 210px !important;
}

/*********************  Terms  *******************/

section.terms {
    padding-top: 150px !important;
}

/*********************  terms Close  *******************/


/*********************  Privacy  *******************/

section.privacy {
    padding-top: 150px !important;
}

/*********************  privacy Close  *******************/

section.terms ol li, section.privacy ol li {
    color: #16182F !important;
    opacity: 0.5 !important;
}

.dwbtn {
    display: flex;
    align-items: center;
}

.playstor p {
    font-size: 19px;
    margin: 0;
    color: white;
    opacity: 1;
    line-height: 25px;
    transition: all 0.5s;
}

.dwbtn a i {
    font-size: 50px;
    color: white;
    transition: all 0.5s;
}

.playstor {
    padding-left: 13px;
}

.playstor h5 {
    font-size: 24px;
    color: white;
    transition: all 0.5s;
}





.dwbtn a.btnwhite {
    background: transparent;
    border: 1px solid #16182f;
}

.dwbtn a.btnwhite .playstor p {
    color: #16182f;
}

.dwbtn a.btnwhite .playstor h5 {
    color: #16172f;
}


.dwbtn a.btnwhite i {
    color: #16172f;
    font-size: 42px;
}

.dwbtn a.btnwhite:hover {
    background: #16182f;
}

.dwbtn a.btnwhite:hover i {
    color: #ffff;
}

.dwbtn a.btnwhite:hover p {
    color: #ffff;
}

.dwbtn a.btnwhite:hover h5 {
    color: #ffff;
}




.dwbtn a:hover {
    background: transparent;
}

.dwbtn a:hover i {
    color: #16182f;
}

.dwbtn a:hover p {
    color: #16182f;
}

.dwbtn a:hover h5 {
    color: #16182f;
}

footer .dwbtn a.btnwhite {
    background: white;
    border: none;
}

footer .dwbtn a:hover {
    background: white;
}

footer .dwbtn a {
    border: none;
}



ul.menu li a:hover {
    color: white;
    opacity: 1;
}

a.nav-link.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 5px;
    height: 5px;
    background: #16182f;
    transform: translateX(-50%);
    border-radius: 100%;
}

/*********************  Fancy-box  *******************/
/*********************  Fancy-box Close  *******************/