@import url('https://kit-pro.fontawesome.com/releases/latest/css/pro.min.css');

/* Fonts */
@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Bold.ttf);
    font-weight: 700;
}

/* Inter */
@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-ExtraBold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Black.ttf);
    font-weight: 900;
}

/* Variables */
:root {
    --d-grey: #262626;
    --white: #fff;
    --blue: #223EB2;
    --grey: #3B3B3B;
    --black: #252525;
    --yellow: #FFB715;
    --red: #C10000;
    --purple: #232E4E;
    --l-grey: #757575;
}

body {
    /*     font-family: 'Inter' !important; */
    color: var(--l-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.18 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
    line-height: 1.34;
    margin: 0 0 20px 0;
    color: var(--black);
}

.section h1,
.section h2 {
    font-size: 80px;
    line-height: 1.12;
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 80px;
    line-height: 1.36;
}

h2 {
    font-size: 40px;
    line-height: 1.36;
}

h3 {
    font-size: 33px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: var(--grey);
    transition: ease all 0.5s;
    text-decoration: none !important;
    display: inline-block;
}

p {
    margin-bottom: 20px;
}

a:hover {
    color: unset !important;
}

.clr-white,
.clr-white * {
    color: var(--white) !important;
}


.home .heigh-100vh {
    height: 100vh;
    overflow: hidden;
}
    /*     22-May-2024 Homepage Changes  */
.fp-section.active .slider-one h5 {
    animation-name: fadeInZoom;
    animation-duration: 1550ms;
}

@media only screen and (min-width: 768px) {
.section .letchat-box{
	height:500px;
}
		.home .section  .letchat-box{
		height:88vh;
}
	.home .footerbottom-copyright{
		max-width:70%;
		margin-left:auto;
	}
	.home  .footerbottom-menu ul {
    justify-content: end;
}
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}


.page-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.default-btn {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.2;
    text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    position: relative;
    padding: 10px 20px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
}

.default-btn img {
    margin-left: 7px;
}

.default-btn::after {
    content: '';
    display: block;
    background: #FFFFFF;
    opacity: 0.3;
    border-radius: 27px;
    height: 45px;
    position: absolute;
    left: 0px;
    width: 60px;
    top: 0;
    margin: auto;
    bottom: 0;
    transition: ease all 0.5s;
    z-index: -1;
}

.default-btn:hover::after {
    background: linear-gradient(91.49deg, #223EB2 2.48%, #35C49E 100%);
    width: 100%;
    opacity: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .container {
        max-width: 1184px;
    }
}

input,
textarea,
select {
    color: #252525;
    background: rgba(244, 244, 244, 0.4);
    border: 1px solid #E8E8E8;
    border-radius: 81px;
    height: 56px;
    font-size: 16px;
    padding: 10px 26px;
    width: 100%;
    line-height: 1;
    outline: none;
}

select {
    appearance: none;
    background: url(../img/select-arrow.svg) no-repeat center right 34px rgba(244, 244, 244, 0.4);
}

textarea {
    height: 135px;
    line-height: 1.4;
    border-radius: 20px;
}

input[type="submit"] {
    background-color: var(--blue);
    color: #fff;
    border-color: transparent;
    font-weight: 700;
}

input[type="submit"]:hover {
    background: linear-gradient(91.69deg, #223EB2 3.1%, #35C49E 74.65%);
}

.submit-arrow::after {
    content: '';
    background: url(../img/right-arow.svg) no-repeat center center;
    width: 18px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(50% - 57px);
}

.required {
    color: #FF0000;
}

form label {
    font-weight: 600;
    font-size: 15px;
    line-height: 152.5%;
    color: #252525;
    margin: 0 0 6px 17px;
    display: block;
}

form ::placeholder {
    color: #252525;
    opacity: 0.5;
}

form {
    text-align: left;
}

form .single-field {
    margin-bottom: 20px;
}

/* Header */


header.vertical-header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #223EB2;
    padding: 35px 0;
    animation-delay: 300ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    animation-duration: 1.5s;
    z-index: 100;
    transition: ease all 0.5s;
}

header.vertical-header.fixed {
    background: #fff;
    padding: 20px 0;
    box-shadow: 0px 0px 13px 0px rgb(0 162 255 / 16%);
}

/* .sticky-logo img {
    max-width: 107px;
} */

.mainlogo {
    position: relative;
    height: 33px;
}

.mainlogo>* {
    position: absolute;
    transition: ease all 0.5s;
}

.sticky-logo,
header.vertical-header.fixed .default-logo {
    opacity: 0;
}

header.vertical-header.fixed .sticky-logo {
    opacity: 1;
}

@media only screen and (min-width: 992px) {
    header.vertical-header.fixed .header-menu-area>ul>li>a {
        color: var(--black) !important;
    }

    header.vertical-header.fixed .header-menu-area>ul>li:last-child a {
        border-color: #223EB2;
        color: #223EB2 !important;
    }

    header.vertical-header.fixed .header-menu-area>ul>li.menu-item-has-children::after {
        color: var(--black) !important;
    }

    header.vertical-header.fixed .header-menu-area>ul>li:last-child a:hover {
        background-color: #223EB2;
        color: #fff !important;
        border-color: transparent;
    }
}

.home header.vertical-header {
    position: absolute;
    background: transparent;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Scroll Bar Css */
::-webkit-scrollbar {
    width: 1em;
}

::-webkit-scrollbar-track {
    box-shadow: none;
}

::-webkit-scrollbar-thumb {
    background-color: #223EB2;
    outline: none;
    border-radius: 10px;
}

.ourmenu-area ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}
nav.our-navbar .navbar-toggler{
	    border-radius: 4px !important;
    padding: 7px 15px 8px !important;
}
.ourmenu-area ul li a {
    color: #fff !important;
    font-weight: 500;
}

.ourmenu-area ul li:not(:last-child) {
    margin-right: 30px;
}

.ourmenu-area .header-menu-area>ul>li:last-child a {
    padding: 13px 20px;
    border: 1px solid #fff;
    border-radius: 60px;
    transition: ease all 1000ms;
	cursor: pointer;
}

.ourmenu-area .header-menu-area>ul>li:last-child a:hover {
    background-color: #fff;
    color: #223EB2 !important;
}

.ourmenu-area .menu-item-has-children::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 9px;
    color: #fff;
    height: 5px;
    width: 9px;
    background-size: 8px;
    position: absolute;
    right: 0;
    top: 0;
    transition: ease all 0.4s;
    cursor: pointer;
    bottom: 0;
    margin: auto;
}

.ourmenu-area ul.sub-menu .menu-item-has-children::after {
    color: var(--black);
	font-size:10px;
	right:5px;
}

.ourmenu-area ul.sub-menu ul.sub-menu {
    left: 100%;
    top: -13px;
}

.ourmenu-area ul.sub-menu {
    position: absolute;
    background: var(--white);
    /* box-shadow: 0px 0px 69px #35c49e; */
    width: 310px;
    padding: 0;
    transform: translateY(0px);
    transition: ease all 0.5s;
    opacity: 0;
    z-index: 11;
    visibility: hidden;
    display: block;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    border-radius: 22px;
}

.ourmenu-area .menu-item-has-children ul.sub-menu a {
    color: var(--black) !important;
    font-weight: 600;
    padding: 16px 19px;
	transition:none;
}

.ourmenu-area .menu-item-has-children ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #CDCDCD;
}

.ourmenu-area .menu-item-has-children ul.sub-menu li:first-child a,.ourmenu-area .menu-item-has-children ul.sub-menu li:first-child  {
    border-radius: 20px 20px 0 0;
}

.ourmenu-area .menu-item-has-children ul.sub-menu li:last-child a,.ourmenu-area .menu-item-has-children ul.sub-menu li:last-child {
    border-radius: 0 0 20px 20px;
}

.ourmenu-area .menu-item-has-children {
    position: relative;
    padding-right: 14px;
}

.ourmenu-area .menu-item-has-children li {
    margin: 0 !important;
}
@media only screen and (min-width: 993px){
.ourmenu-area .menu-item-has-children ul.sub-menu li:hover:after, .ourmenu-area .menu-item-has-children ul.sub-menu li:hover, .ourmenu-area .menu-item-has-children ul.sub-menu a:hover,.ourmenu-area .menu-item-has-children ul.sub-menu .current-menu-item>a ,.ourmenu-area .menu-item-has-children ul.sub-menu .current-menu-ancestor>a,.ourmenu-area .menu-item-has-children ul.sub-menu a:focus,.ourmenu-area .menu-item-has-children .menu-item-has-children.hover>a{
    background: #223EB2;
    color: var(--white) !important;
}
	.ourmenu-area ul.sub-menu .menu-item-has-children::after{
		transition:none;
	}
	.header-menu-area>ul>li>a:hover {
    opacity: 0.8;
}
}
.ourmenu-area .menu-item-has-children ul.sub-menu a {
    display: block;
}

.ourmenu-area .menu-item-has-children:hover>ul.sub-menu {
    transform: translateY(12px);
    opacity: 1;
    visibility: visible;
}

.slider-one {
    background-image: url(../img/slide-one.png);
    background-blend-mode: multiply, normal;
}

@media only screen and (min-width: 1200px) {
    .slider-one .content-box {
        padding-top: 40px;
    }
}

.content-box {
    max-width: 820px;
    padding: 120px 10px 10px;
    position: relative;
    z-index: 1;
}

.content-box h1,
.content-box h2 {
    text-transform: uppercase;
    text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25)
}

.section .row {
    height: 100%;
}

.content-box p {
    font-size: 20px;
    line-height: 1.5;
    margin: 66px auto 0;
    max-width: 620px;
}

.fp-section {
    height: 100vh;
    overflow: hidden;
}

.lam-img {
    position: absolute;
    bottom: 0;
}

.laptop-img {
    position: absolute;
}

.circle-animation {
    width: 328px;
    height: 328px;
    background: conic-gradient(from 180deg at 50% 50%, #3459F1 0deg, rgba(52, 89, 241, 0) 360deg);
    mix-blend-mode: normal;
    border-radius: 50%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    padding: 0;
    transition: ease all 1500ms;
}

.slider-two .circle-animation {
    background: conic-gradient(from 180deg at 50% 50%, #3459F1 0deg, rgba(52, 89, 241, 0) 360deg);
    background-blend-mode: soft-light;
    mix-blend-mode: normal;
    backdrop-filter: blur(2px);
    transform: rotate(270deg);
    transition: ease all 1500ms;
}


.slider-two {
    background: url(../img/nn.png), radial-gradient(50% 50% at 50% 50%, #6876AB 0%, #00155E 100%) no-repeat center center;
    background-blend-mode: multiply, normal;
    background-size: cover;
}

.section {
    background: #223EB2;
}

.slider-two .default-btn {
    margin-top: 43px;
}

.slidetwo-img {
    position: absolute;
    bottom: 0;
}

.mobile-img {
    position: absolute;
    overflow: hidden;
}

.fp-overflow {
    overflow-y: hidden;
}

.slider-three {
    background-image: url(../img/slide-three.png);
}

.arrow-img {
    position: absolute;
}

.slider-three .circle-animation {
    background: conic-gradient(from 180deg at 50% 50%, #D246A7 0deg, rgba(210, 70, 167, 0) 360deg);
    mix-blend-mode: normal;
    backdrop-filter: blur(2px);
    transform: rotate(270deg);
    transition: ease all 1500ms;
}

/* .slider-three .default-btn::after{
        background: #223EB2;
    } */
.slider-three .default-btn:hover::after {
    background: #223EB2;
    box-shadow: 0px 0px 69px #223EB2
}

.slider-three .default-btn {
    margin-top: 71px;
}

.slider-three .content-box {
    padding-top: 162px;
}

.mens-with-laptop {
    position: absolute;
    bottom: 0;
}

.slider-four {
    background-image: url(../img/slide-four.png);
}

.slider-four .circle-animation {
    background: conic-gradient(from 180deg at 50% 50%, #3459F1 0deg, rgba(52, 89, 241, 0) 360deg);
    mix-blend-mode: overlay;
    transform: rotate(0deg);
    transition: ease all 1500ms;
}

.slider-four .default-btn::after {
    background: #223EB2;
}

.slider-four .default-btn:hover::after {
    background: linear-gradient(91.69deg, #223EB2 3.1%, #35C49E 100%);
    box-shadow: 0px 0px 69px rgb(53 196 158 / 40%);
}

.slider-four .default-btn {
    margin-top: 53px;
}

.slider-four .tab-img {
    position: absolute;
}

.fslide-two {
    position: absolute;
    bottom: 0;
}

.right-zero {
    right: -12px;
    text-align: end;
}

.slider-five {
    background-image: url(../img/slide-five.png);
}

.slider-five .default-btn {
    margin-top: 103px;
}

.slider-five .content-box {
    padding-top: 191px;
}

.left-zero {
    left: -12px;
}

.men-lap-img {
    position: absolute;
    bottom: 0;
}

.content-box ul li {
    text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    line-height: 1.2;
}

.content-box ul ::marker {
    font-size: 30px;
    line-height: 0.8;
}

.content-box ul {
    padding: 0;
}

.content-box ul li:not(:last-child) {
    margin-right: 45px;
}

.slider-five h2 {
    margin-bottom: 22px;
}

.slider-five .default-btn:hover::after {
    background: #223EB2;
    box-shadow: 0px 0px 69px #223EB2;
}

.women-img {
    position: absolute;
    bottom: 0;
}

.slider-six {
    background-image: url(../img/slide-six.png);
}

.website-para {
    position: absolute;
}

.s-six-img {
    position: absolute;
    right: 0;
    text-align: end;
    bottom: 10%;
}

.slider-six .default-btn,
.slider-seven .default-btn {
    margin-top: 126px;
}

.slider-six .content-box {
    padding-top: 197px;
}

.slider-six .circle-animation,
.slider-seven .circle-animation {
    background: conic-gradient(from 180deg at 50% 50%, #FFFFFF 0deg, #FFFFFF 0.04deg, rgba(255, 255, 255, 0) 360deg);
    transform: rotate(180deg);
    transition: ease all 1500ms;
    opacity: 0.3;
    backdrop-filter: blur(8.5px);
}

.slider-seven .circle-animation {
    transform: rotate(-90deg);
}

.slider-seven {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/slide-seven.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.testbox {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(23px);
    border-radius: 30px;
    padding: 63px 25px 70px;
    position: relative;
}

.testbox::after {
    content: '';
    display: block;
    background: url(../img/qoute-icon.svg) no-repeat center center;
    height: 73px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 19px;
    top: -26px;
}

.testbox p {
    line-height: 151.5%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonials-area.col-12 {
    position: absolute;
    bottom: -46px;
}

.testimonials-area .col-md-4:nth-child(2) .testbox {
    bottom: -107px;
}

.slider-seven .content-box {
    padding-top: 162px;
}

.testimonials-area .col-md-4:last-child .testbox {
    bottom: -20px;
}

.slider-six .default-btn:hover::after,
.slider-seven .default-btn:hover::after {
    box-shadow: 0px 0px 69px rgba(53, 196, 158, 0.4);
}

.gif-play {
    position: absolute;
    max-width: 90px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 0;
    bottom: 10px;
}

.subscribe-form form ::placeholder {
    color: #FFFFFF;
    opacity: 0.7;
}

.subscribe-form input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
    backdrop-filter: blur(23px);
    height: 73px;
    border-radius: 77px !important;
    font-weight: 400;
    font-size: 17px;
    padding-left: 23px !important;
}

.fp-viewing-4 header {
    transform: translateY(-100px);
    transition: ease all 0.5s;
}

.subscribe-form p:nth-child(3) {
    background: transparent;
    width: 234px;
    position: absolute;
    right: 0;
    top: 0;
}

/* .subscribe-form p:nth-child(3)::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 999;
    top: 0;
    width:0;
    border-radius: 45px;
	background: linear-gradient(#2F49B6 , #021A7B );
    pointer-events: none;
}
.subscribe-form p:nth-child(3):hover::after{
 	width:100%;
} */
.subscribe-form p {
    margin-bottom: 0 !important;
}

.subscribe-form span.wpcf7-spinner {
    display: none;
}

.subscribe-form input[type="submit"] {
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-weight: 700;
    color: #252525;
    max-width: 234px;
    width: 234px;
    position: absolute;
    right: 0;
    padding: 0 !important;
    text-align: center;
}

.footer-top {
    padding: 7% 0 2.5%;
    background-image: url(../img/footer-top.png);
}

.width-70 {
    max-width: 70%;
    margin-left: auto;
}

.footer-slides {
    background: #223EB2;
}
@media only screen and (min-width: 768px) {
	.footer-slides {
	padding-bottom:50px
}
}
.home .footer-slides{
	padding-bottom:initial;
}
.footer-slides ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-main-menu ul li a {
    font-family: "Poppins", Sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
}

.footer-main-menu ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-main-menu ul li {
    width: 20%;
    margin-bottom: 20px;
}

.footer-main-menu ul li:nth-child(2),
.footer-main-menu ul li:nth-child(6) {
    width: 40%;
}

.footer-center {
    background: rgba(0, 0, 0, 0.1);
    padding: 35px 0 15px;
}

.scoial-btns {
    position: relative;
    z-index: 1;
    /*     display: flex;
    flex-wrap: wrap; */
}

.footer-second-menu ul li a {
    line-height: 1;
    margin-bottom: 20px;
    opacity: 0.8;
}

.footer-second-menu ul {
    column-count: 2;
}

.social-single h5 img {
    margin-right: 9px;
}

.social-single h5 {
    line-height: 1.5;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 18px;
}

.social-single .scontact a {
    line-height: 1.62;
    margin: 0;
}

.social-single .scontact a:hover {
    color: #DDEDF9 !important;
}

.our-footer-socials .social-single:not(:last-child) {
    margin-bottom: 18px;
}

/* .social-single .insta-btn {
    display: inline-flex;
    color: #FFFFFF;
    opacity: 0.9;
    font-weight: 500;
    background: #2748CE;
    border-radius: 45px;
    align-items: center;
    padding: 7px 16px;
    border: 1px solid transparent;
}

.social-single .insta-btn img {
    margin-right: 5px;
}

.social-single .insta-btn:hover {
    border-color: #fff;
    background: transparent;
} */

.footerbottom-top {
    padding: 52px 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footerbottom-menu ul {
    display: flex;
/*     justify-content: end; */
}

.footerbottom-menu ul li a,
.footerbottom-copyright p {
    line-height: 1;
    margin-bottom: 0;
}

.footerbottom-copyright {
    padding: 32px 0 10px;
}

.footerbottom-menu ul li {
    position: relative;
}

.footerbottom-menu ul li:not(:first-child)::before {
    content: '|';
    position: absolute;
    left: -11px;
    top: 1px;
}

.footerbottom-menu ul li:not(:first-child) {
    margin-left: 20px;
}

.letchat-box {
    position: absolute;
    max-width: 32%;
    height: 88vh;
    top: 7vh;
    left: -4%;
}

.letchat-box a {
    background-image: url(../img/lets-chat.png);
    border-radius: 60px;
    padding: 70px;
    height: 100%;
    display: block;
}

.arrow-l {
    position: relative;
    left: -53%;
    top: 60px;
    opacity: 0;
    transition: ease all 0.4s;
}

.letchat-box a:hover .arrow-l {
    left: 0;
    opacity: 1;
}

/* Inner Pages */
.page-banner-area {
    min-height: 483px;
    background: url(../img/banner-layer.png) #223EB2 left bottom no-repeat;
}

.banner-content {
    padding-bottom: 116px;
    min-height: 483px;
}

.banner-content h1 {
    text-transform: uppercase;
}

.banner-content p {
    color: #fff !important;
    max-width: 437px;
}

.page-banner-area.blog-us-banner {
    position: relative;
}

.page-banner-area.blog-us-banner .banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* .about-us-banner .banner-img{
        bottom: -83px;
    } */
.banner-img {
    height: 100%;
    position: relative;
}

.contact-details {
    max-width: 367px;
}

.contact-page-area {
    padding: 114px 0 140px;
}

.contact-details h6 {
    background: linear-gradient(91.69deg, #223EB2 3.1%, #35C49E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: 'Inter' !important;
    font-weight: 600;
    margin-bottom: 9px;
    line-height: 1.36;
}

.contact-details h2 {
    font-size: 50px;
    margin-bottom: 14px;
}

.contact-details p {
    color: #252525;
    opacity: 0.8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    margin-bottom: 33px;
    padding-bottom: 34px;
    line-height: 1.52;
}

.sbtn a {
    color: #fff !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: ease all 0.5s;
    padding-right: 13px;
}

.sbtn a i {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
    width: 43px;
    height: 43px;
    box-sizing: content-box;
    transition: ease all 0.5s;
}

.sbtn a::after {
    content: '';
    display: block;
    background: #3B5998;
    border-radius: 56px;
    height: 43px;
    position: absolute;
    left: 0px;
    width: 43px;
    top: 0;
    margin: auto;
    bottom: 0;
    transition: ease all 0.5s;
    z-index: -1;
}

/* .sbtn a:hover {
    color: #fff !important;
} */

.sbtn a:hover i {
    padding-right: 0;
}

.sbtn a:hover::after {
    width: 100%;
}

.scoial-btns .sbtn:not(:last-child) {
    margin-bottom: 13px;
}

.sbtn.insta-btn a::after {
    background: linear-gradient(45deg, #FFC107 9.15%, #F44336 50.57%, #9C27B0 90.03%);
}

.sbtn.linkedin-btn a::after {
    background: #0072B1;
}

.faqs-area {
    padding: 107px 0 120px;
    background: #EEF8FF;
}

.clr-black {
    color: #000;
}

.faqs-area h2 {
    margin-bottom: 52px;
}

.accordion-area {
    max-width: 831px;
}

.accordion-title {
    background: #DDEDF9;
    border-radius: 63px;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.45;
    color: var(--black);
    transition: ease all 0.5s;
    padding: 21px 36px;
    position: relative;
}

.accordion-title::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #000;
    position: absolute;
    right: 30px;
    transition: ease all 0.5s;
}

.accordion-title.active::after {
    content: "\f077";
}

.accordion-area .accordion-list:not(:last-child) {
    margin-bottom: 15px;
}

.accordion-content p {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0;
    padding: 19px 36px 10px;
}

.accordion-list .accordion-content {
    display: none;
}

.accordion-title.active,
.accordion-title:hover {
    background: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(191, 228, 255, 0.7);
}

.accordion-list:first-child .accordion-content {
    display: block;
}

.aim-box {
    border-radius: 44px;
    padding: 32px 33px;
    background: rgba(245, 245, 245, 0.01);
    border: 1px solid #F2F2F2;
    transition: ease all 0.5s;
}

.aim-box:hover {
    background: #FFFFFF;
    box-shadow: 0px 70px 100px rgba(0, 162, 255, 0.1);
    border-color: transparent;
}

.our-aims-area {
    padding: 60px 0;
}

.aim-box .aim-icon {
    margin-bottom: 21px;
    height: 61px;
}

.aim-box .aim-icon img {
    max-height: 61px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: ease all 0.5s;
}

.hover-icon {
    opacity: 0;
}

.aim-box:hover .aim-icon .hover-icon,
.aim-box:hover .aim-icon .default-icon {
    opacity: 1;
}

.aim-box h4 {
    margin-bottom: 12px;
}

.aim-box p {
    color: #252525;
    opacity: 0.7;
    font-size: 15px;
    line-height: 1.63;
}

.our-aims-area .row {
    margin: 0 -25px;
}

.our-aims-area .row>* {
    padding: 0 25px;
}

.image-with-content h6 {
    background: linear-gradient(91.69deg, #223EB2 3.1%, #35C49E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.iwc-content {
    max-width: 527px;
}

.image-with-content {
    padding: 56px 0 147px;
}

.image-with-content h2 {
    text-transform: uppercase;
}

.image-with-content p {
    color: #252525;
    line-height: 1.52;
    font-size: 15px;
    margin-bottom: 10px;
}

.what-we-do {
    padding: 114px 0 126px;
}

.what-we-do h6 {
    margin-bottom: 3px;
}

.what-we-do h2 {
    font-size: 50px;
    margin-bottom: 52px;
}

.what-we-do::after {
    content: '';
    display: block;
    background: linear-gradient(180deg, #223EB2 0%, #35C49E 100%);
    height: 437px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.we-do-box.aim-box h2 {
    font-size: 20px;
    margin-bottom: 9px;
}

.we-do-box.aim-box p {
    margin-bottom: 19px !important;
}

.we-do-box.aim-box {
    padding: 31px 30px 37px;
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0px 17px 58px rgba(0, 162, 255, 0.1);
}

.we-do-box a {
    color: #252525;
    line-height: 1.36;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Oswald' !important;
}

.wedo-lists .row>*:nth-child(2n + 2) .we-do-box {
    margin-top: 32px;
}

.trusted-international {
    padding: 20px 0 193px;
    background: url(../img/trusted-int-img.png) no-repeat center top;
}

.trusted-international h2 {
    margin-bottom: 10px;
}

.para p {
    font-weight: 400;
    font-size: 15px;
    line-height: 152.5%;
    color: #252525;
}

.trusted-counter .counter {
    font-weight: 900;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1.36;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    top: -2px;
    color: white;
    font-size: 50px;
    text-shadow: -1px 1px 0 #223EB2,
        1px 1px 0 #223EB2,
        1px -1px 0 #223EB2,
        -1px -1px 0 #223EB2;
    ;
}

.trusted-counter {
    max-width: 1070px;
    margin-top: 47px;
}

.trusted-counter .counter::before {
    content: '';
    width: 86px;
    height: 86px;
    background: rgba(0, 162, 255, 0.1);
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 68px);
}

.trusted-counter .counter::after {
    content: '+';
}

.trusted-counter h5 {
    font-weight: 700;
    font-family: 'Inter' !important;
}

.our-team-area {
    padding: 120px 0 65px;
}

.mteam-box .team-img img {
    width: 100%;
    max-width: 256px;
    border-radius: 50%;
    max-height: 256px;
}

.mteam-box .team-img a {
    border-radius: 50%;
}

.mteam-box .team-img a::after {
    content: '';
    background: rgba(107, 157, 255, 0.4) url(../img/circle-arrow.svg) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    transition: ease all 0.5s;
    opacity: 0;
}

.mteam-box .team-img a:hover::after {
    opacity: 1;
}

.mteam-box .team-img {
    margin-bottom: 30px;
}

.mteam-box h4 {
    font-family: 'Inter' !important;
    font-weight: 600;
    margin-bottom: 6px;
}

.mteam-box {
    margin-bottom: 80px;
}

.mteam-box p {
    opacity: 0.8;
}

.webdesign-banner .banner-img img {
    /* width: 100%; */
}

.webdesign-banner .banner-img {
    bottom: -25.8%;
}

.iwc-top {
    padding-bottom: 10px;
    margin-bottom: 53px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.image-with-content.iwc-padding {
    padding: 108px 0 100px;
}

.contact-form form {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 14%);
    border-radius: 20px;
    padding: 26px 38px 41px;
}

.our-blog-area {
    padding: 60px 0 100px;
}

.search-area {
    margin-bottom: 73px;
}

.search-area input {
    height: 63px;
}

.search-area button {
    background: transparent;
    border: navajowhite;
    position: absolute;
    top: 0;
    height: 63px;
    right: 0;
    padding: 0 23px;
}

.blog-box .blog-img a {
    display: block;
}

.blog-box .blog-img {
    margin-bottom: 13px;
}

.blog-box .blog-img img {
    border-radius: 20px;
    height: 198px;
    width: 100%;
}

.blog-box h5 a {
    color: inherit;
}

.blog-box p {
    margin-bottom: 18px;
}

.blog-box h5 {
    font-family: 'Inter' !important;
    font-weight: 700;
    line-height: 1.44;
    padding-right: 20px;
    margin-bottom: 12px;
}

/* Animations */
.fp-section.active .left-zero {
    animation-name: fadeInLeft;
    animation-duration: 1550ms;
}

.fp-section.active .slider-one h1 {
    animation-name: fadeInZoom;
    animation-duration: 1550ms;
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.fp-section.active .right-zero {
    animation-name: fadeInRight;
    animation-duration: 1550ms;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fp-section.active .content-box p {
    animation-timing-function: cubic-bezier(.52, .01, .16, 1);
    animation-name: revealText;
    animation-duration: 1550ms;
    animation-fill-mode: forwards;
    opacity: 0;
}

.section .heigh-100vh.page-bg {
    background-position: top center;
    background-size: 100% 100%;
}

.fp-section.active .heigh-100vh.page-bg {
    animation-duration: 1550ms;
    animation-name: backgroundsize;
}

/* Slider one */
.fp-section .slider-one .circle-animation.animated-down {
    transform: rotate(-90deg);
}

.fp-section.active .slider-one .circle-animation.animated-down {
    transform: rotate(0deg);
}
/* Slider four */
.fp-section.active .slider-four .circle-animation,
.fp-section.active .slider-four .circle-animation.animated-up {
    transform: rotate(-90deg);
}

.fp-section .slider-four .circle-animation.animated-down {
    transform: rotate(-180deg);
}

/* Slider two */
.fp-section .slider-two .circle-animation.animated-down {
    transform: rotate(180deg);
}

.fp-section.active .slider-two .circle-animation,
.fp-section.active .slider-two .circle-animation.animated-up {
    transform: rotate(90deg);
}

/* Slider three */
.fp-section.active .slider-three .circle-animation,
.fp-section.active .slider-three .circle-animation.animated-up {
    transform: rotate(180deg);
}

.fp-section .slider-three .circle-animation.animated-down {
    transform: rotate(90deg);
}

/* Slider six */
.fp-section.active .slider-six .circle-animation,
.fp-section.active .slider-six .circle-animation.animated-up {
    transform: rotate(90deg);
}

.fp-section .slider-six .circle-animation.animated-down {
    transform: rotate(0deg);
}
/* Slider five */
.fp-section.active .slider-five .circle-animation,
.fp-section.active .slider-five .circle-animation.animated-up {
    transform: rotate(0deg);
}

.fp-section .slider-five .circle-animation.animated-down {
    transform: rotate(-90deg);
}



/* Slider seven */
.fp-section.active .slider-seven .circle-animation,
.fp-section.active .slider-seven .circle-animation.animated-up {
    transform: rotate(-180deg);
}

.fp-section .slider-seven .circle-animation.animated-down {
    transform: rotate(-240deg);
}

@keyframes backgroundsize {
    0% {
        background-size: 120% 120%;
    }

    100% {
        background-size: 100% 100%;
    }
}

.fp-section.active .fadebox {
    animation-name: fadebox;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    opacity: 0;
}


.slider-five .circle-animation {
    background: conic-gradient(from 180deg at 50% 50%, #0A7FFD 0deg, #0A7FFD 0.04deg, rgba(10, 127, 253, 0) 360deg);
    mix-blend-mode: normal;
    transform: rotate(90deg);
    transition: ease all 1500ms;
}



.slider-two .default-btn:hover:after {
    box-shadow: 0px 0px 69px #35C49E;
    background: #35C49E;
}

html,
body,
#fullpage,
.home .section {
    height: 100% !important
}
.fp-viewing-4 div#fp-nav {
    transform: translateY(-1200px);
    transition: ease all 1500ms;
    opacity: 0;
}

div#fp-nav {
    background: rgba(255, 255, 255, 0.2);
    height: 70vh;
}

#fp-nav ul li:last-child {
    display: none !important;
}

#fp-nav ul,
.fp-slidesNav ul {
    height: 100%;
    pointer-events: none;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    margin: 0;
    height: 25%;
    width: 10px;

}

#fp-nav.fp-right {
    right: 3%;
    z-index: 1;
}

#fp-nav ul li a {
    transform: translateY(-100%);
    transition: ease all 1200ms;
}

#fp-nav ul li a.active {
    transform: translateY(0px) !important;
}

#fp-nav ul li a.active-link {
    transform: translateY(100%);
}

#fp-nav ul li a.no-active.active {
    transform: translateY(-100%);
}

div#fp-nav ul li a span {
    border-radius: 0 !important;
    width: 7px !important;
    margin: 0 !important;
    height: 100% !important;
    position: initial;
    display: none;
    width: 100% !important;
    background: #fff;
    transition: ease all 1200ms;
}

div#fp-nav ul li a.active span {
    display: block;
}

div#fp-nav span.fp-sr-only {
    display: none !important;
}

.fullpage-wrapper {
    width: 100% !important;
    transform: none !important;
    touch-action: auto !important;
    background-color: #223EB2;
}

.fp-section {
    width: 100% !important;
    position: absolute !important;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: ease all 0.7s;
}

.fp-section.active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    display: block;
    table-layout: initial;
    width: auto;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-section:last-child footer {
    transform: translateY(120px);
    transition: ease all 0.7s;
}

.fp-section.active footer {
    transform: translateY(0px);
}

.footer-main-menu ul li a {
    font-size: 18px;
}

header.vertical-header {
    padding: 25px 0;
}

/*  */
.laptop-img.left-zero {
    left: -161px;
}

.slidetwo-img.left-zero {
    left: -310px;
}

.mens-with-laptop.right-zero {
    right: -20px;
    bottom: 0;
}

.tab-img.left-zero {
    left: -310px;
}

/* TESTIMONIALS CSS */

.testimonial-box {
    padding: 40px 56px 30px 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 36px;
    margin-bottom: 66px;
}

.testimonial-section p {
    color: #333333;
    margin: 0;
}

p.client-date {
    font-size: 14px;
    font-family: 'Inter';
}

p.star-reviews {
    font-weight: 700;
    margin-left: 8px;
}

p.client-name {
    font-weight: 900;
}

p.client-review {
    font-size: 18px;
    line-height: 30px;
}

.client-name-box {
    margin-left: 12px;
}

.quote-icon-box {
    top: -36px;
    right: 57px;
}

.ratings-div i {
    color: #FF8A00;
}

.ratings-div {
    margin-bottom: 20px;
}

.testimonial-load-more-button a {
    width: 297px;
    max-width: 100%;
    height: 56px;
    line-height: 56px;
    background-color: #EEF8FF;
    border: 1px solid #223EB2;
    border-radius: 122px;
    color: #223EB2;
    font-weight: 700;
    font-family: 'Inter';
    transition: ease all 0.5s;
    margin-top: 24px;
}

.testimonial-load-more-button a:hover {
    color: #ffffff !important;
    background-color: #223EB2;
}

.testimonial-load-more-button a i {
    transition: ease all 0.5s;
}

.testimonial-load-more-button a:hover i {
    transform: rotate(90deg);
}

.client-avatar img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

/* .testimonial-content .row {
    display: block;
    column-count: 2;
}

.testimonial-content .col-md-6 {
    width: 100%;
} */

/* Responsive */
@media only screen and (max-width: 1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1390px) {
    .s-six-img img {
        max-width: 400px;
    }

    .slidetwo-img.left-zero img {
        max-width: 300px;
        height: auto;
    }

    .men-lap-img.left-zero img {
        max-width: 550px;
    }

    .women-img.right-zero img {
        max-width: 500px;
    }

    .slider-six .default-btn,
    .slider-seven .default-btn {
        margin-top: 75px;
    }

    .section h1,
    .section h2 {
        font-size: 80px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .letchat-box a {
        padding: 70px 20px;
    }
.mobile-img.right-zero {
    max-width: 232px;
}
	.tab-img.left-zero {
    max-width: 503px;
}
    .section h1,
    .section h2 {
        font-size: 70px;
    }

/*     .men-lap-img,
    .women-img {
        height: 100%;
    }
 */
    .men-lap-img img,
    .women-img img {
        max-height: 100%;
		max-width: 30% !important;
    }

    .slider-five .default-btn {
        margin-top: 73px;
    }

    .default-btn {
        font-size: 18px;
    }

    .fslide-two.right-zero img {
        max-width: 350px;
    }
	.laptop-img.left-zero {
    max-width: 343px;
}
.mens-with-laptop.right-zero,.website-para.left-zero {
    max-width: 300px;
}
    .letchat-box {
        max-width: 27%;
        left: 2%;
    }

    .subscribe-form input {
        height: 58px;
        font-size: 16px;
    }

    .footer-main-menu ul li {
        margin-bottom: 12px;
    }

    .footer-main-menu ul li a {
        font-size: 17px;
    }

    .footer-center {
        padding: 20px 0 10px;
    }

    .footer-second-menu ul li a {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .footerbottom-copyright * {
        font-size: 15px;
    }

    .slider-seven .content-box {
        padding-top: 100px;
    }

    .circle-animation {
        width: 300px;
        height: 300px;
    }
}

@media only screen and (max-width: 992px) {
    .ourmenu-area ul.sub-menu ul.sub-menu {
        padding-left: 19px;
    }

   .ourmenu-area .menu-item-has-children::after {
            display:none;
    }
.ourmenu-area .menu-item-has-children {
    padding-right: 0;
}
	button.dsub-toggle{
    position: absolute;
    right: 0;
    top: 20px;
    background: transparent !important;
    border: none !important;
    color: #fff;
    font-size: 14px;
    padding: 3px 9px !important;
    border-radius: 0;
}
button.dsub-toggle.has i{
	transform: rotate(180deg);
}
	
    .navbar {
        position: initial;
        justify-content: flex-end;
    }

    div#navbarScroll {
        position: fixed;
        width: 100%;
        right: 0;
        left: 0;
        left: 0;
        max-width: 20rem;
        background-color: #161616;
        z-index: 99;
        padding: 25px 20px;
        top: 0;
        display: block;
        margin-left: auto;
        height: 100vh;
        transform: translateX(150%);
        transition: transform .25s ease;
        overflow-y: scroll;
    }

    .ourmenu-area ul li a {
        color: #fff !important;
        font-weight: 500;
        font-size: 25px;
    }

    .ourmenu-area ul li {
        transition-delay: 400ms !important;
        opacity: 0;
        transition: transform .25s ease, opacity .25s ease;
    }

    .navbar-collapse.show.ourmenu-area ul li {
        opacity: 1;
    }

    .navbar-collapse.show {
        transform: translateX(0) !important;
    }

    .ourmenu-area .header-menu-area>ul>li>a {
        display: inline-flex;
    }

    .ourmenu-area .header-menu-area>ul>li:last-child a {
        padding: 13px 25px;
        font-size: 20px;
    }

    /* .ourmenu-area li:not(:last-child) {
        border-bottom: 1px solid #fff;
    }

    .ourmenu-area li:first-child {
        border-top: 1px solid #fff;
    } */

    .ourmenu-area .header-menu-area>ul {
        display: block;
    }

    .ourmenu-area a {
        padding: 13px 0;
    }

    .ourmenu-area .header-menu-area>ul>li {
        margin: 0 !important;
    }

    .ourmenu-area ul.sub-menu {
        background: transparent !important;
        position: initial;
        opacity: 1;
        visibility: visible;
        transform: translateY(0px) !important;
        display: none;
        width: 100%;
        padding: 0;
        margin-bottom: -1px;
    }

    .ourmenu-area .header-menu-area>ul>li:last-child a {
        margin-top: 25px;
    }

    .ourmenu-area .menu-item-has-children::after {
        top: 17px;
        font-size: 12px;
        color: #fff;
        bottom: inherit;
        right: 4px;
    }

    .vertical-header .container {
        position: relative;
    }

    .ourmenu-area .menu-item-has-children.menu-open::after {
        transform: rotate(180deg) !important;
        top: 24px;
    }

    button.navbar-toggler {
        border: 1px solid #fff !important;
        padding: 2px 9px 4px !important;
        outline: none;
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 60px !important;
    }
	header.vertical-header.fixed button.navbar-toggler{
		border-color:#223EB2 !important;
		background:#223EB2 !important;
	}
    .navbar-toggler-icon {
        width: auto;
        height: auto;
        line-height: inherit;
        font-size: initial;
    }

    .navbar-light .navbar-toggler-icon {
        background: none;
    }

    li.menu-item-has-children>.menu-open.sub-menu {
        display: block;
    }
/* 	li.menu-item-has-children.menu-open > ul.sub-menu  li.menu-item-has-children.menu-open > ul.sub-menu {
        display: block;
    } */

    .ourmenu-area ul.sub-menu li a {
        padding: 10px;
    }

    ul.sub-menu li:not(:last-child) {
        border-bottom: none !important;
    }

    .ourmenu-area .menu-item-has-children ul.sub-menu a {
        color: var(--white) !important;
        padding: 10px;
        font-size: 20px;
        font-weight: 400;
    }

    .ourmenu-area .menu-item-has-children ul.sub-menu ul.sub-menu a {
        font-size: 18px;
    }

    .navbar-collapse .btn-close {
        background: none !important;
        color: #fff;
        opacity: 1;
        font-size: 25px;
        position: absolute;
        right: 18px;
        top: 25px;
        border: none !important;
        padding: 0;
    }

    .ourmenu-area ul.sub-menu {
        box-shadow: none;
    }

    .ourmenu-area .menu-item-has-children ul.sub-menu a:hover {
        background: transparent;
    }

    body {
        overflow-x: hidden !important;
    }

    .testimonial-box {
        margin-bottom: 72px;
        padding: 40px 24px;
    }

    .testimonial-load-more-button a {
        margin-top: 0;
    }

    .quote-icon-box {
        right: 20px;
    }
	.footerbottom-menu ul li a{
	font-size:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.tab-img.left-zero{
		top:100px;
	}
	.website-para.left-zero img {
    max-width: 30%;
}
	.men-lap-img.left-zero img ,.women-img.right-zero img{
    max-width: 29%;
}

    .section h1,
    .section h2 {
        font-size: 60px !important;
    }

    .circle-animation {
        width: 228px;
        height: 228px;
    }

    .subscribe-form input {
        height: 50px;
        font-size: 15px;
    }

    .letchat-box a {
        padding: 50px 30px;
    }

    .subscribe-form input[type="submit"] {
        max-width: 160px;
		font-size:13px;
    }

    .footer-main-menu ul li a {
        font-size: 15px;
    }

    .content-box p {
        font-size: 16px;
        margin-top: 40px;
    }

    .footer-second-menu ul li a {
        margin-bottom: 17px;
        font-size: 13px;
    }

    .footerbottom-copyright * {
        font-size: 14px;
    }

    .letchat-box h2 {
        font-size: 50px !important;
    }

    .letchat-box {
        max-width: 27%;
        left: 2%;
    }


    .default-btn {
        font-size: 17px;
    }

    .left-zero img,
    .women-img.right-zero img {
        max-height: 340px;
    }

    .content-box {
        max-width: 520px;
    }

    .slidetwo-img.left-zero img,
    .mobile-img.right-zero img,
    .mens-with-laptop.right-zero img {
        max-height: 300px;
    }

    .s-six-img img,
    .fslide-two.right-zero img {
        max-width: 300px;
    }

    .testbox p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-second-menu {
        margin-bottom: 16px;
    }

    h5 {
        font-size: 17px;
    }

    .section h1,
    .section h2 {
        font-size: 40px !important;
        line-height: 1 !important;
    }

    /* html, body, #fullpage, .section ,.heigh-100vh{
            height: auto !important;
        } */
    .content-box p {
        font-size: 12px;
        margin: 0;
    }

    .circle-animation {
        width: 240px;
        height: 240px;
        top: -65px;
    }

    .content-box {
        padding-top: 0px !important;
    }

    .left-zero {
        max-width: 30%;
        top: 5%;
    }

    .right-zero {
        max-width: 30%;
        bottom: 10% !important;
    }

    /* div#fullpage .section:first-child .slider-one {
        padding-top: 50px;
    } */

    .default-btn {
        font-size: 12px;
        line-height: 1.25;
        padding: 4px 12px
    }

    .default-btn::after {
        height: 100%;
        width: 35px;
    }

    .section .default-btn {
        margin-top: 26px !important;
    }

    .slidetwo-img.left-zero img {
        max-width: 100%;
    }

    .men-lap-img.left-zero img,
    .women-img.right-zero img,
    .s-six-img img {
        max-width: 100%;
    }

    .men-lap-img.left-zero,
    .women-img.right-zero {
        top: initial !important;
        bottom: 0 !important;
        max-width: 307px;
    }

    .content-box ul li {
        font-size: 14px;
    }

    .content-box ul ::marker {
        font-size: initial;
        line-height: inherit;
    }

    .s-six-img {
        width: 45%;
    }

    .testimonials-area.col-12 {
        position: inherit;
        bottom: 0;
    }

    .slider-seven .content-box {
        padding-top: 140px;
    }

   

    .testimonials-area .testbox {
        bottom: 0 !important;
        padding: 50px 25px;
        margin-bottom: 40px;
    }

    .slider-seven {
        background-size: cover !important;
    }

    body {
        font-size: 15px;
    }

    .letchat-box {
        position: initial;
        max-width: 100%;
        height: auto;
        padding: 8% 0 5%;
    }

    .width-70 {
        max-width: 100%;
    }

    .subscribe-form input {
        height: 45px;
        font-size: 14px;
    }

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

    .subscribe-form input[type="submit"],
    .subscribe-form p:nth-child(3) {
        max-width: 125px;
        font-size: 10px !important;
        padding: 0 !important;
    }

    .footer-center {
        padding: 5% 0;
    }

    .footer-top {
        padding: 20px 0;
    }

    .footer-main-menu ul {
        display: block;
        column-count: 3;
    }

    .footer-main-menu ul li {
        width: auto !important;
        margin-bottom: 7px;
    }

    .footer-second-menu ul li a {
        margin-bottom: 10px;
    }

    .arrow-l {
        opacity: 1;
        position: inherit;
    }

    .our-footer-socials {
        display: flex;
    }

    .our-footer-socials .social-single:not(:last-child) {
        padding-right: 20px;
    }

    .arrow-l img {
        max-width: 30px;
        margin-left: 10px;
    }

    .footer-slides h2 {
        font-size: 20px !important;
    }

    .footerbottom-copyright {
        text-align: center;
        padding: 20px 0;
    }

    .footerbottom-copyright p {
        margin-bottom: 10px !important;
    }

    .footerbottom-menu ul {
        justify-content: center;
    }

    .footer-second-menu ul {
        column-count: 3;
    }

    .footerbottom-top {
        padding: 4% 0 2%;
    }

    .letchat-box a {
        padding: 30px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 27px;
    }

    .footer-second-menu ul li a {
        font-size: 14px;
    }

    .lam-img.right-zero {
        max-width: 80%;
        height: auto;
        bottom: 0 !important;
        right: -26px;
    }

    header.vertical-header {
        padding: 25px 0;
    }

    #fp-nav ul li,
    .fp-slidesNav ul li {
        width: 5px;
    }

    .footer-main-menu ul li a {
        font-size: 14px;
    }

    .vertical-header .col-3 {
        width: 33.33%;
    }

    .vertical-header .col-9 {
        width: 66.66%;
    }

    .lam-img.right-zero,
    .gif-play,
    .mobile-img,
    .arrow-img.left-zero,
    .fslide-two.right-zero,
    .men-lap-img.left-zero,
    .s-six-img {
        display: none;
    }

    .laptop-img.left-zero {
        left: 0;
        bottom: -129px;
        top: initial;
        right: 0;
        margin: auto;
        max-width: 370px;
    }

    .slidetwo-img.left-zero {
        left: -29px;
        bottom: -19px;
        top: inherit;
        max-width: 370px;
    }

    .section .heigh-100vh.page-bg {
        background-size: cover !important;
    }

    .mens-with-laptop.right-zero {
        right: 0;
        max-width: 55%;
        bottom: -70px !important;
        left: 0;
        margin: auto;
    }

    .tab-img.left-zero {
        max-width: 400px;
        bottom: -39px;
        top: initial;
        left: 0;
        margin: auto;
        right: 0;
    }

    .website-para.left-zero {
        top: initial;
        bottom: -27px;
        max-width: 300px;
    }

    .slider-two .default-btn::after {
        box-shadow: 0px 0px 69px #35c49e;
        background: #35C49E;
    }

    .default-btn::after {
        background: linear-gradient(91.49deg, #223EB2 2.48%, #35C49E 100%) !important;
        opacity: 1;
        width: 100%;
    }

    .slider-three .default-btn::after {
        background: #223EB2 !important;
        box-shadow: 0px 0px 69px #223eb2;
    }

    .slider-five .default-btn::after {
        background: #223EB2 !important;
        box-shadow: 0px 0px 69px #223eb2;
    }

    .slider-four .default-btn::after {
        background: linear-gradient(91.69deg, #223EB2 3.1%, #35C49E 100%) !important;
        box-shadow: 0px 0px 69px rgb(53 196 158 / 40%);
    }

    .slider-six .default-btn::after,
    .slider-seven .default-btn::after {
        box-shadow: 0px 0px 69px rgb(53 196 158 / 40%) !important;
    }

    ::-webkit-scrollbar {
        height: 7px;
        width: 7px;
    }

/*     .testimonial-content .row {
        column-count: 1;
    } */
	.sbtn a i {
    font-size: 18px;
		    padding: 0;
}
	.sbtn a {
		font-size:0px;
		padding: 0;
		
		margin-right:10px;
	}
	
	.scoial-btns {
    display: flex;
}
}
@media only screen and (max-width: 420px) {
	.footerbottom-menu ul li a{
	font-size:13px;
	}
}

@media only screen and (max-width: 360px) {
    .laptop-img.left-zero {
        bottom: -121px;
    }

    .mens-with-laptop.right-zero {
        bottom: -40px !important;
    }
}

.fp-watermark {
    display: none !important;
}

.tab-pane.active {
    animation-timing-function: cubic-bezier(.52, .01, .16, 1);
    animation-name: revealTexttwo;
    animation-duration: 1550ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
    opacity: 0;
}

.fp-section.active .revealTextthree {
    /* animation-timing-function: cubic-bezier(.52,.01,.16,1); */
    animation-name: revealTexttwo;
    animation-duration: 1000ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
    opacity: 0;
}

.fp-section.active .fadeBottomToTop {
    animation-timing-function: cubic-bezier(.52, .01, .16, 1);
    animation-name: revealText;
    animation-duration: 1550ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
    opacity: 0;
}

/* Animations Key Frame*/
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeoout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadebox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hideTextLeft {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(calc(-100% - 551px), 0, 0);
        opacity: 1;
    }
}

@keyframes hideTextToRight {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0);
        opacity: 1;
    }
}

@keyframes revealTextFromRight {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes revealTextFromLeft {
    0% {
        transform: translate3d(calc(-100% - 551px), 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes revealTextthree {
    0% {
        transform: translate3d(0, 20%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0%, 0);
        opacity: 1;
    }
}

@keyframes revealTexttwo {
    0% {
        transform: translate3d(0, 75%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0%, 0);
        opacity: 1;
    }
}

@keyframes revealText {
    0% {
        transform: translate3d(0, 125%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0%, 0);
        opacity: 1;
    }
}

@keyframes hideText {
    0% {
        transform: translate3d(0, 0%, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 125%, 0);
        opacity: 1;
    }
}

@keyframes bounce {

    0%,
    20%,
    60%,
    80%,
    to {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(5px);
    }
}

@keyframes floating {

    0%,
    to {
        transform: translate(0%, -50%);
    }

    25% {
        transform: translate(5px, calc(-50% + 15px));
    }

    50% {
        transform: translate(10px, calc(-50% + 5px));
    }

    75% {
        transform: translate(0%, calc(-50% + 15px));
    }
}

@keyframes rubberBand {

    0%,
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    3% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    20% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    55% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
}

@keyframes heartbeat {
    50% {
        transform: scale(1.1);
    }
}

.trainers {
    width: 59%;
    height: 100%;
    background-size: contain;
}

.trainers.animate {
    transform: translate3d(0, -50%, 0);
    transition: transform 1000ms cubic-bezier(0.52, 0.01, 0.16, 1) 1000ms;
}

.trainers.hide-right {
    transform: translate3d(calc(-150% - 900px), -50%, 0);
    transition: transform 1000ms cubic-bezier(0.52, 0.01, 0.16, 1) 100ms;
}

.trainers.hide-left {
    transform: translate3d(100%, -50%, 0);
}

.trainers.hide-down,
.trainers.hide-left,
.trainers.hide-up {
    transition: transform 1000ms cubic-bezier(0.52, 0.01, 0.16, 1) 100ms;
}

.trainers.hide-up {
    transform: translate3d(0, 150%, 0);
}

.trainers.hide-down {
    transform: translate3d(0, calc(-150% - 900px), 0);
}

.trainers.animate2 {
    animation-name: floating;
    animation-delay: 1600ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
}

.fp-moving-vertically .hideText {
    animation-name: hideText;
    animation-duration: 1550ms;
    animation-delay: 0ms;
    opacity: 1;
}

.fp-section.fp-completely .revealText {
    animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
    animation-name: revealText;
    animation-duration: 1550ms;
    animation-fill-mode: forwards;
}

.fp-section.fp-completely .fp-slide.active .anim-wrapper p,
.fp-section.fp-completely .fp-slide.active .anim-wrapper span {
    animation-delay: 500ms;
}

.fp-section.fp-completely .revealTextFromRight {
    animation-name: revealTextFromRight;
    opacity: 0;
}

.fp-section.fp-completely .revealTextFromLeft {
    animation-name: revealTextFromLeft;
    opacity: 0;
    animation-duration: 1550ms;
    animation-fill-mode: forwards;
}

.fp-section.fp-completely .hideTextLeft {
    animation-name: hideTextLeft;
    opacity: 1;

}

.fp-section.fp-completely .hideTextToRight {
    animation-name: hideTextToRight;
    opacity: 1;
}

.anim-delay-1 {
    transition-delay: 110ms;
}

.anim-delay-2 {
    transition-delay: 210ms;
}

.anim-delay-3 {
    transition-delay: 310ms;
}

.anim-delay-4 {
    transition-delay: 410ms;
}

.anim-delay-5 {
    transition-delay: 510ms;
}

.anim-delay-6 {
    transition-delay: 610ms;
}

.anim-delay-7 {
    transition-delay: 710ms;
}

.anim-delay-8 {
    transition-delay: 810ms;
}

.anim-delay-9 {
    transition-delay: 910ms;
}

.anim-delay-10 {
    transition-delay: 1010ms;
}

.home .calendly-badge-widget {
    display: none;
}

.calendly-badge-widget .calendly-badge-content>span {
    display: none !important;
}

.calendly-badge-content {
    background: #fff !important;
    position: relative;
    height: 58px !important;
    width: auto !important;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 40%), inset 4.56764px 4.56764px 13.7029px rgb(255 255 255 / 25%) !important;
    border-radius: 50px !important;
    padding: 16px 24px 16px 17px !important;
}

.calendly-badge-widget .calendly-badge-content .toot-text span {
    font-weight: 600;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #252525;
    transition: ease all 0.4s;
    display: inline-flex !important;
    align-items: center;
}

.toot-text i {
    margin-left: 6px;
}

.calendly-badge-widget:hover {
    background: rgba(255, 255, 255, 0.2);

    box-shadow: inset 4.56764px 4.56764px 13.7029px rgb(255 255 255 / 25%);
    backdrop-filter: blur(5px);
}

/* .toot-text::after {
    content: '';
    display: block;
    border-color: #fff;
    width: 37px;
    position: absolute;
    right: -22px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-left: 37px solid #ffff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 16px;
}
.calendly-badge-content:hover .toot-text{
	 right: 95px; 
	 opacity:1;
	visibility: visible;
} */
.calendly-badge-widget {
    right: 21px !important;
    bottom: 48px !important;
    transition: ease all 0.4s;
    padding: 10px;
    z-index: 99 !important;
    border-radius: 50px !important;
}

.slider-one {
    position: relative;
}

.portfolio-post {
    position: relative;
}

.portfolio-post .port-imgbox img {
    height: 404px;
    object-fit: cover;
    object-position: top;
    transition: ease all 1s;
    border-radius: 8px;
    width: 100%;
}

.portfolio-post .port-imgbox a {
    display: block;
}

.portfolio-post:hover .port-imgbox img {
    object-position: bottom;
}

.slider-portfolio .slick-slide {
    padding: 30px 9px;
}

.slider-portfolio .slick-list.draggable {
    padding-left: 0 !important;
}

.portfolio-post .porto-content {
    background: #fff;
    box-shadow: 0px 4px 12px rgba(0, 162, 255, 0.1);
    border-radius: 0px 8px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 12px 12px 12px 12px;
    position: absolute;
    bottom: 0px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(110px);
    transition: ease all 1s;
    margin-right: 45px
}

.portfolio-post .porto-content p:empty {
    display: none;
}

.portfolio-post:hover .porto-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.port-imgbox {
    line-height: 1;
}

.porto-content h4 {
    color: #232323;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.12em;
    margin-bottom: 6px;
}

.porto-content p {
    color: #232323;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-size: 13px;
    color: #333333;
    line-height: 1.31;
}
/* Tabs */
.tabcontent-area .holder{
  padding:10px;
  height: 100vh !important;
	display:flex;
	align-items:center;
}

.right-bar{
  top:25%;
  padding:0px;
  position: sticky;
	list-style:none;
	margin:0;
	padding-left: 60px;
}
.right-bar,.tabinner {
  counter-reset: section;
}
.right-bar li:not(:last-child) a::after{
    content: '';
    width: 1px;
    height: 100% !important;
    position: absolute;
    border: 1px dashed #fff !important;
    left: 26px;
    top: 20px !important;
}
.right-bar li a{
 	font-family: "Poppins", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
	padding: 20px 25px 20px 88px;
	position:relative;
	color:#ffff !important;
}
.right-bar li a::before,.holderinner h3::before {
    counter-increment: section;
    content: '0'counter(section);
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 8px 10px 8px 9px;
    background-color: #223EB2;
    position: absolute;
    left: 0;
    top: 14px;
	transition:ease all 0.5s;
    height: 53px !important;
    width: 53px !important;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald';
    z-index: 1;
	color:#fff;
}
.right-bar li a.active::before{
	background-color: #ffffff;
    color: #223EB2;
}
.tabcontent-area .holder{
position:relative;
}
.tabcontent-area{
   display: flex;
	flex-wrap:wrap;
}
.tabcontent-area .tabinner{
  width: 50%;
}
.tabcontent-area .tabinner-menu{
  width: 50%;
}
.process-img {
    text-align: center;
    left: -500px;
    opacity: 0;
    transition: ease all 1s;
    transition-delay: 30ms;
    position: relative;
}
 .holder.active .process-img{
	 left: 0px ;
	opacity:1 ;
}
.process-details p{
	margin:0;
	font-size:18px;
}
.process-details {
    margin: 44px 0px 0px 0px;
    padding: 21px 16px 21px 30px;
    background-color: #FFFFFF21;
    border-radius: 20px 20px 20px 20px;
    color: #ffff;
    line-height: 1.4;
}
.holderinner h3 {
    color: #fff;
    font-size: 24px;
	position:relative;
	line-height: 1.2;
}
 .holderinner h3::before {
    top: -3px;
    height: 36px !important;
    width: 36px !important;
    font-size: 18px;
	 left: -50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.ourmenu-area ul li a {
		font-size:14px;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1100px) {
	.ourmenu-area ul.sub-menu{
		width:270px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.right-bar {
    padding-left: 10px;
}
	.right-bar li a {
    font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
	.tabcontent-area .holder:not(:last-child)::after{
	 content: '';
    width: 1px;
    height: 100% !important;
    position: absolute;
    border: 1px dashed #fff !important;
  left: 27px;
    top: 51px !important;
}
	.menu-item-has-children .dsub-toggle{
		width: 100%;
		text-align: right;
	}
	.tabcontent-area .holder {
    height: auto !important;
		
}.holderinner {
    padding-left: 50px;
}
	.tabcontent-area .holder:not(:last-child) {
    margin-bottom: 50px;
}
	.process-img img {
    max-width: 70%;
}
	#fullpage, .section {
    height: auto !important;
}
 .holder .process-img{
	 left: 0px !important;
	opacity:1 !important;
}
	.tabcontent-area .tabinner {
    width: 100%;
}
    .calendly-badge-widget {
        right: 20px !important;
        bottom: 28px !important;
    }

    .calendly-badge-widget .calendly-badge-content .toot-text span {
        display: none !important;
    }
	.process-details {
    padding: 20px;
	}
}

@media screen and (min-width:768px){
	.footerbottom-top {
    min-height: 400px;
	}
	.home .footerbottom-top{
    min-height: auto;
	}
}