@import 'https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&family=Sora:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet';
:root {
    --it-ff-body: 'Sora', sans-serif;
    --it-ff-heading: 'Poppins';
    --it-ff-poppins: 'Poppins';
    --it-ff-fontawesome: Font Awesome 6 Pro;
    --it-common-white: #ffffff;
    --it-common-black: #0E2A46;
    --it-common-black-2: #4D5756;
    --it-common-yellow: #F2A227;
    --it-common-yellow-2: #FC9F0B;
    --it-heading-primary: #0E2A46;
	--gradient-color: rgb(252, 197, 48);

}

@media(min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1410px;
    }
}


body {
    font-family: var(--it-ff-body);
    font-size: 17px;
    font-weight: 400;
    color: var(--it-text-body);
    line-height: 32px;
    overflow-x: hidden
}

body,
html {
    overflow-x: hidden
}

body.monserat {
    font-family: var(--it-ff-monserat)
}

a {
    text-decoration: none;
    transition: .3s
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--it-ff-heading);
    color: #151517;
    margin-top: 0;
    font-weight: 600;
    line-height: 1.1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

img {
    max-width: 100%
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px
}

ul {
    margin: 0;
    padding: 0
}

p {
 /*   color: #686872;*/
    font-weight: 400;
    font-size: 17px;
    line-height: 32px
}

.z-index {
    position: relative;
    z-index: 2
}

.z-index-3 {
    position: relative;
    z-index: 3
}

.z-index-4 {
    position: relative;
    z-index: 4
}

.z-index-5 {
    position: relative;
    z-index: 5
}

.z-index-6 {
    position: relative;
    z-index: 6
}

a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
	color: #fff;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: 0 0
}

button:hover {
    cursor: pointer
}

button:focus {
    outline: 0
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}


.w-img img {
    width: 100%
}

.m-img img {
    max-width: 100%
}

.fix {
    overflow: hidden
}

.clear {
    clear: both
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}

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


.it-btn {
    display: inline-block;
    font-weight: 600;
       text-transform: uppercase;
    padding: 0 25px;
    height: 54px;
	font-size: 14px;
    line-height: 54px;
    position: relative;
    transition: .4s;
    border-radius: 40px;
    z-index: 1;
    color: var(--it-common-white);
 background-color: #fcc530;
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-btn {
        font-size: 14px
    }
}

.it-btn span svg {
    margin-left: 10px;
    display: inline-block;
    transform: translateY(-1px)
}

.it-btn:hover {
    color: var(--it-common-white)
}

.it-btn:hover span svg {
    animation: tfLeftToRight .4s forwards;
    transform: translateY(-1px)
}

.it-btn-border {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 55px;
    height: 54px;
    position: relative;
    transition: .4s;
    border-radius: 50px;
    z-index: 1;
    color: #686872;
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-btn-border {
        font-size: 14px
    }
}

.it-btn-border span svg {
    margin-left: 10px;
    display: inline-block;
    transform: translateY(-1px)
}
.it-btn-border:hover span svg {
    animation: tfLeftToRight .4s forwards;
    transform: translateY(-1px)
}

.it-btn-white {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 18px;
    height: 53px;
    line-height: 54px;
    position: relative;
    transition: .4s;
    border-radius: 5px;
    z-index: 1;
    color: #ffffff;
    background-color: #fcc530;
    border-radius: 40px;
	font-size: 14px;
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-btn-white {
        font-size: 14px
    }
}

.it-btn-white span svg {
    margin-left: 10px;
    display: inline-block;
    transform: translateY(-1px)
}

.it-btn-white:hover span svg {
    animation: tfLeftToRight .4s forwards;
    transform: translateY(-1px)
}

.it-btn-white.sky-bg {
    background-color: var(--it-theme-4);
    color: var(--it-common-white)
}

.it-btn-white-sm {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    padding: 0 20px;
    height: 40px;
    width: 140px;
    line-height: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    transition: .3s;
    text-transform: uppercase;
    color: var(--it-common-white);
    background-color: var(--it-common-black);
    box-shadow: rgba(0, 0, 0, .02) 0 1px 3px 0, rgba(27, 31, 35, .15) 0 0 0 1px;
    margin: 5px 0
}

.it-btn-white-sm:hover {
    color: var(--it-common-black);
    background-color: var(--it-common-white)
}

.white-bg {
    background: var(--it-common-white)
}

.theme-bg {
  position: relative;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 32px;
    padding: 56px 80px 96px;
    margin-top: 40px;
}

.theme-bg-2 {
    background: #151517;
	 padding: 100px 0 50px;
}
.theme-bg-2:before {
    width: 100%;
    height: auto;
    content: url(../img/bg/dots.svg);
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    overflow: hidden;
}
.theme-bg-3 {
    background: var(--it-theme-3)
}

.theme-bg-4 {
    background: var(--it-theme-4)
}

.theme-bg-5 {
    background: var(--it-theme-5)
}


.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, .8);
    visibility: hidden;
    opacity: 0;
    transition: .45s ease-in-out
}

.body-overlay.apply {
    opacity: 1;
    visibility: visible
}


.it-instagram img {
    width: 100%
}

.itoffcanvas {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    right: -100%;
    width: 480px;
    bottom: 0;
    box-shadow: 0 16px -32px 0 rgba(0, 0, 0, .8);
    background-color: #000;
    z-index: 9999;
    padding: 50px;
    scrollbar-width: none;
    opacity: 0;
    visibility: hidden;
    transition: .45s ease-in-out;
    overflow-y: scroll
}

.itoffcanvas.opened {
    opacity: 1;
    visibility: visible
}

@media(max-width:767px) {
    .itoffcanvas {
        width: 370px;
        padding: 40px 35px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .itoffcanvas {
        width: 400px;
        padding: 40px
    }
}

.itoffcanvas.opened {
    right: 0;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition-duration: .6s
}

.itoffcanvas__logo {
    margin-bottom: 10px
}

@media(max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
    .itoffcanvas__logo {
        padding-top: 0
    }
}

.itoffcanvas__logo img {
    width: 157px;
    height: 100%
}

.itoffcanvas__close-btn button {
    font-size: 35px;
    color: #fff;
    position: absolute;
    right: 50px;
    top: 42px;
    transition: 1s;
    font-weight: 300;
    opacity: .2;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition-duration: .3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .itoffcanvas__close-btn button {
        font-size: 28px;
        right: 48px;
        top: 52px
    }
}

@media(max-width:767px) {
    .itoffcanvas__close-btn button {
        font-size: 28px;
        right: 39px;
        top: 38px
    }
}

.itoffcanvas__close-btn button:hover {
    color: #fff;
    opacity: 1
}

.itoffcanvas__content {
    margin-bottom: 30px
}

.itoffcanvas__content p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 25px
}

.itoffcanvas__content span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block
}

.itoffcanvas__content a {
    font-size: 30px;
    line-height: 51px;
    font-weight: 700;
    color: var(--it-common-white);
    display: inline-block
}

@media(max-width:767px) {
    .itoffcanvas__content a {
        font-size: 27px
    }
}

.itoffcanvas__social {
    margin-top: 50px
}

.itoffcanvas__social .social-icon a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background-color: var(--it-theme-1);
    color: var(--it-common-white);
    margin-right: 15px;
    transition: .3s;
    display: inline-block;
    border-radius: 50%
}

@media(max-width:767px) {
    .itoffcanvas__social .social-icon a {
        margin-right: 3px
    }
}

.itoffcanvas__social .social-icon a:hover {
    background-color: var(--it-theme-1);
    color: var(--it-common-white)
}

.itoffcanvas__text {
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .itoffcanvas__text {
        display: none
    }
}

.itoffcanvas__text p {
    color: #ddd;
    font-size: 18px
}


.itoffcanvas__info .offcanva-title {
    color: var(--it-common-white);
    margin: 30px 0 40px;
    font-size: 20px;
    font-weight: 600
}

.itoffcanvas__info-icon a {
    height: 50px;
    width: 50px;
    background-color: #fcc530;
    color: var(--it-common-white);
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    font-weight: 400;
    font-size: 21px;
    margin-right: 20px
}

.itoffcanvas__info-address span {
    display: block;
    color: rgba(255, 255, 255, .6392156863);
    font-size: 16px;
    font-weight: 400
}

.itoffcanvas__info-address a {
    display: block;
    color: var(--it-common-white);
    font-size: 18px;
    font-weight: 600;
    transition: .3s
}

@media(max-width:767px) {
    .itoffcanvas__info-address a {
        font-size: 16px
    }
}

.itoffcanvas__info-address a:hover {
    color: #fff;
}

.it-offcanva-bottom-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1
}

.it-offcanva-bottom-shape img {
    width: 100%
}


.des-light strong{
	color: #fff;
}
.des-light p{
	color: #b6b6bc;
	    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}
.it-section-title-3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    font-family: var(--it-ff-poppins);
    margin-bottom: 24px;
	text-align: center;
    color: #fff;
	padding-top: 40px;
}

.it-section-title-3 span {
    color: var(--it-common-yellow)
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
    .it-section-title-3 {
        font-size: 42px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-section-title-3 {
        font-size: 38px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .it-section-title-3 {
        font-size: 34px
    }
    .it-section-title-3 br {
        display: none
    }
}

@media(max-width:767px) {
    .it-section-title-3 {
        font-size: 19px;
        padding-top: 30px;
    }
    .it-section-title-3 br {
        display: none
    }
}

.it-section-title-5 {
    font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 0
}

.it-section-title-5 span {
    color: var(--it-theme-4)
}

.it-section-title-5.yellow span {
    color: var(--it-common-yellow)
}

@media only screen and (min-width:1600px) and (max-width:1800px) {
    .it-section-title-5 {
        font-size: 40px
    }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
    .it-section-title-5 {
        font-size: 42px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-section-title-5 {
        font-size: 38px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .it-section-title-5 {
        font-size: 36px
    }
    .it-section-title-5 br {
        display: none
    }
}

@media(max-width:767px) {
    .it-section-title-5 {
        font-size: 27px
    }
    .it-section-title-5 br {
        display: none
    }
}

.it-header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

.it-header-2-top-height {
    padding: 8px 0
}

.it-header-2-top-left ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    padding-left: 30px
}

.it-header-2-top-left ul li:not(:last-child) {
    padding-right: 45px
}

@media(max-width:767px) {
    .it-header-2-top-left ul li:not(:last-child) {
        margin-right: 0
    }
}

.it-header-2-top-left ul li a {
    font-size: 15px;
    font-weight: 400;
    color: var(--it-common-black)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-header-2-top-left ul li a {
        font-size: 14px
    }
}

.it-header-2-top-left ul li a span {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--it-theme-1);
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    transform: translateY(7px)
}

.it-header-2-top-social {
    display: inline-block;
    position: relative
}

.it-header-2-top-social::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -23px;
    height: 25px;
    width: 1px;
    background-color: #0a0909;
    opacity: .2;
    transform: translateY(-50%)
}

.it-header-2-top-social a {
    font-size: 15px;
    transition: .3s;
    margin: 0 7px;
    position: relative;
    display: inline-block;
    color: var(--it-common-black)
}

.it-header-2-top-social a:last-child {
    margin-right: 0
}

.it-header-2-top-social a:hover {
    color: var(--it-theme-1)
}

.it-header-2-top-right ul li {
    list-style: none;
    display: inline-block
}

.it-header-2-top-right ul li:not(:last-child) {
    margin-right: 30px
}

.it-header-2-plr {
    padding: 0 15px;
    border-radius: 8px;
    background-color: var(--it-common-white);
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.it-header-2-main-menu ul {
    padding-left: 10px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-header-2-main-menu ul {
        padding-left: 35px
    }
}

.it-header-2-main-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px;
    position: relative
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-header-2-main-menu ul li {
        margin: 0 6px!important;
    }
}

.it-header-2-main-menu ul li:last-child {
    margin-right: 0
}

.it-header-2-main-menu ul li>a {
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
    padding: 21px 0;
    display: inline-block;
    font-family:  'Poppins';
    color: var(--it-common-black)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-header-2-main-menu ul li>a {
        font-size: 14px
    }
}

.it-header-2-main-menu ul li.has-dropdown::after {
    content: "\f107";
    font-family: "font awesome 6 pro";
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    font-weight: 400;
    transition: .3s;
    transform: translateY(1px);
    color: var(--it-common-black)
}

.it-header-2-main-menu ul li>.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 610px;
    text-align: left;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transition-duration: .1s;
    transform-origin: top;
    -webkit-transform: perspective(300px) rotateX(-18deg);
    -moz-transform: perspective(300px) rotateX(-18deg);
    -ms-transform: perspective(300px) rotateX(-18deg);
    -o-transform: perspective(300px) rotateX(-18deg);
    transform: perspective(300px) rotateX(-18deg);
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    z-index: 9999;
	border-radius: 32px;
	    padding-bottom: 0px;
}
.it-header-2-main-menu ul li>.submenu>li {
    margin: 0;
    display: block;
    margin-bottom: 30px
}

.it-header-2-main-menu ul li>.submenu>li:last-child {
    margin-bottom: 0
}

.it-header-2-main-menu ul li>.submenu>li>a {
    display: inline-block;
    padding: 0;
    font-weight: 700;
    color: #151517;
    transition: .3s;
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
	align-items: center!important;
}
.it-header-2-main-menu ul li:hover.has-dropdown::after {
    transform: rotate(-180deg);
    color: var(--it-theme-1)
}

.it-header-2-main-menu ul li:hover>a {
    color: var(--it-theme-1)
}

.it-header-2-main-menu ul li:hover .submenu {
    opacity: 1;
    visibility: visible;
    transition-duration: .2s;
    -webkit-transform: perspective(300px) rotateX(0deg);
    -moz-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    -o-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg)
}

.it-header-2-icon a {
    font-size: 18px;
    font-weight: 700
}

.it-header-2-button {
    margin-left: 4px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .it-header-2-button {
        margin-left: 25px
    }
}

.it-header-2-bar button {
    height: 54px;
    width: 54px;
    color: var(--it-common-white);
    background-color: var(--it-theme-1);
    border-radius: 5px;
    margin: 10px 0;
    margin-left: 20px
}

.it-header-2-lang {
    position: relative
}

.it-header-2-lang.open ul li a span svg {
    transform: rotate(-180deg)
}

.it-header-2-lang.open .it-header-2-lang-submenu {
    opacity: 1;
    visibility: visible;
    top: 104%
}

.it-header-2-lang>ul>li {
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
    width: 115px;
    height: 36px;
    text-align: center;
    color: var(--it-common-black)
}

.it-header-2-lang>ul>li a span {
    margin-left: 5px
}

.it-header-2-lang>ul>li a span svg {
    display: inline-block;
    transition: .3s
}

.it-header-2-lang>ul>li>ul.it-header-2-lang-submenu {
    position: absolute;
    top: 130%;
    left: 0;
    z-index: 9;
    transition: all .3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    background-color: var(--it-common-white);
    padding: 12px 22px;
    box-shadow: 0 30px 70px 6px rgba(11, 6, 70, .08);
    width: 100%
}

.it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li {
    list-style-type: none;
    padding-bottom: 5px
}

.it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li a {
    border-radius: 0;
    transition: .3s
}

.it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li a:hover {
    color: var(--tp-theme-1)
}

.it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li:last-child {
    margin-bottom: 0
}

.it-header-3-top-right a span {
    color: var(--it-common-black);
    font-size: 15px;
    font-weight: 400;
    line-height: 1
}

.it-header-3-top-right a span.icon {
    color: var(--it-theme-2)
}

.it-header-3-top-right a span.text {
    margin-left: 11px
}

.it-header-3-top-right a span.text:hover {
    color: var(--it-theme-2)
}

.it-header-3-top .it-header-2-top-left ul li a span {
    color: var(--it-theme-2)
}

.it-header-2-style .it-header-2-main-menu>nav>ul>li>a {
    padding: 35px 0
}

.it-header-2-style .it-header-2-main-menu>nav>ul>li:hover.has-dropdown::after {
    color: var(--it-theme-4)
}

.it-header-2-style .it-header-2-main-menu>nav>ul>li:hover>a {
    color: var(--it-theme-4)
}

.it-header-2-style .it-header-2-main-menu>nav>ul>li>.submenu {
    border-top: 4px solid var(--it-theme-4)
}

.it-header-2-style .it-header-2-main-menu>nav>ul>li>.submenu li a::before {
    background-color: var(--it-theme-4)
}

.it-header-3-style .it-header-2-plr {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.it-header-3-style .it-header-2-main-menu ul>li>a {
    color: var(--it-common-white);
    padding: 30px 0
}

.it-header-3-style .it-header-2-main-menu ul li.has-dropdown::after {
    color: var(--it-common-white)
}

.it-header-3-style .it-header-2-icon a {
    color: var(--it-common-white)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-header-3-style .it-header-2-main-menu ul {
        padding-left: 0px
    }
}

.it-header-3-style .it-header-2-bar button {
    color: #fff;
    background-color: #fcc530;
}

.it-header-2-top-style {
    padding: 11px 0
}

.it-header-2-top-style .it-header-2-top-left ul li {
    position: relative
}

.it-header-2-top-style .it-header-2-top-left ul li:not(:last-child)::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    height: 24px;
    width: 1px;
    background-color: rgba(255, 255, 255, .21)
}
.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -khtml-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -moz-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -ms-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    -o-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    animation: .95s ease 0s normal forwards 1 running headerSlideDown;
    background-color: var(--it-common-white);
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    z-index: 99999
}

.header-sticky.it-header-2-style .it-header-2-main-menu>nav>ul>li>a {
    padding: 20px 0
}

.header-sticky .it-header-2-plr {
    box-shadow: none
}

.header-sticky.it-header-3-style .it-header-2-main-menu>nav>ul>li>a {
    padding: 20px 0
}

.header-sticky.it-header-5-style .it-header-2-main-menu>nav>ul>li>a {
    padding: 20px 0
}

.it-header-3-style.header-sticky {
    background-color: #151517;
}

.it-hero-3-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
.it-cta-title{
	color: #fff;
}
.it-hero-3-shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.it-hero-3-shape-3 {
    position: absolute;
    bottom: 23%;
    left: 45%;
    animation: itswing 1s forwards infinite alternate;
    transform-origin: bottom right
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .it-hero-3-shape-3 {
        bottom: 33%;
        left: 57%
    }
}

.it-hero-3-shape-4 {
    position: absolute;
    bottom: 7%;
    right: 3%;
    animation: itleftright 1s infinite alternate
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
    .it-hero-3-shape-4 {
        display: none
    }
}

.it-hero-3-shape-5 {
    position: absolute;
    top: 19%;
    right: 7%;
    animation: itupdown .8s infinite alternate
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
    .it-hero-3-shape-5 {
        top: 20%;
        right: 2%
    }
}
.it-hero-3-area .shape-1, .it-hero-3-area .shape-2, .it-hero-3-area .shape-3 {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 0;
}
.it-hero-3-area .shape-4 {
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 0;
}
.it-hero-3-area .shape-5 {
    position: absolute;
    left: 0;
    bottom: -50%;
    z-index: 0;
}
.shape, .shape-1, .shape-2, .shape-3, .shape-4, .shape-5 {
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}
.it-hero-3-ptb {
    padding-top: 80px;
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-hero-3-ptb {
        padding-top: 60px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .it-hero-3-ptb {
        padding-top: 200px;
        padding-bottom: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .it-hero-3-ptb {
        padding-top: 190px;
        padding-bottom: 60px
    }
}

@media(max-width:767px) {
    .it-hero-3-ptb {
        padding-top: 0px;
        padding-bottom: 0px
    }
}

.it-hero-3-title {
    font-size: 54px;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fcc530));
    background: linear-gradient(90deg, #fff 0, #fcc530 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 24px;
	line-height: 70px;
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-hero-3-title {
        font-size: 55px
    }
}

@media(max-width:767px) {
    .it-hero-3-title {
        font-size: 34px;
		 line-height: 45px;
    }
}

.it-hero-3-title span {
    color: var(--it-common-yellow)
}

.it-hero-3-title-box p {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    color: var(--it-common-white)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-hero-3-title-box p br {
        display: none
    }
}

@media(max-width:767px) {
    .it-hero-3-title-box p {
        font-size: 16px
    }
    .it-hero-3-title-box p br {
        display: none
    }
}

.it-hero-3-client-box {
    margin-left: 30px
}

.it-hero-3-client-box span {
    color: var(--it-common-white)
}

.it-hero-3-client-box img {
    margin-left: 20px
}

@media(max-width:767px) {
    .it-hero-3-client-box {
        margin-left: 0;
        margin-top: 30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .it-hero-3-client-box {
        margin-left: 20px;
        margin-top: 0
    }
}

.it-hero-3-thumb img {
    max-width: inherit;
 /*   margin-left: -100px*/
	animation: itupdown 6s infinite alternate;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .it-hero-3-thumb img {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-hero-3-thumb img {
        margin-left: 0;
        max-width: 100%
    }
}

@media(max-width:767px) {
    .it-hero-3-btn-box {
        flex-wrap: wrap
    }
}

.it-category-item {
position: relative;
    background: rgba(255, 255, 255, .04);
    border-radius:32px;
    padding: 60px 15px;
    padding-top: 70px;
    backdrop-filter: blur(12px);
    transition: .5s;
	height: 100%;
}
.it-category-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.it-category-item h4{
	color: #fff;
}
.it-category-text p{
	color: #b6b6bc;
}

.it-category-icon-one span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 84px;
    text-align: center;
    border-radius: 50%;
        background: #fcc530;
    -webkit-box-shadow: 0 24px 40px rgba(252, 197, 48, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(252, 197, 48, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    color: var(--it-common-white);
    position: relative;
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px
}
.it-category-icon-two span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 106px;
    text-align: center;
    border-radius: 50%;
   background: #d24bcd;
    -webkit-box-shadow: 0 24px 40px rgba(210, 75, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(210, 75, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    color: var(--it-common-white);
    position: relative;
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px
}
.it-category-icon-three span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    background: #fc6d30;
    -webkit-box-shadow: 0 24px 40px rgba(252, 109, 48, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(252, 109, 48, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-four span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
        background: #fcc530;
    -webkit-box-shadow: 0 24px 40px rgba(253, 77, 65, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(253, 77, 65, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-five span{
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 88px;
    text-align: center;
    border-radius: 50%;
   background: #34d7cd;
    -webkit-box-shadow: 0 24px 40px rgba(52, 215, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(52, 215, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-six span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
        background: #ef3a7b;
    -webkit-box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}

.it-category-icon-seven span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    background: #24c97a;
    -webkit-box-shadow: 0 24px 40px rgba(36, 201, 122, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(36, 201, 122, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-eight span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 83px;
    text-align: center;
    border-radius: 50%;
    background: #5171ff;
    -webkit-box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-nine span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 88px;
    text-align: center;
    border-radius: 50%;
       background: #ef3a7b;
    -webkit-box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-ten span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
       background: #b3de37;
    -webkit-box-shadow: 0 24px 40px rgba(179, 222, 55, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(179, 222, 55, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-eleven span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
       background: #9e56fb;
    -webkit-box-shadow: 0 24px 40px rgba(158, 86, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(158, 86, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-twelve span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
        background: #24c97a;
    -webkit-box-shadow: 0 24px 40px rgba(36, 201, 122, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(36, 201, 122, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon-thirteen span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 88px;
    text-align: center;
    border-radius: 50%;
    background: #d24bcd;
    -webkit-box-shadow: 0 24px 40px rgba(210, 75, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(210, 75, 205, .25), inset 0 0 16px rgba(255, 255, 255, .5); 
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}

.it-category-icon-fourteen span {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background: #5171ff;
    -webkit-box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5); 
    margin-bottom: 35px;
    transition: .3s;
    font-size: 40px;
	color: #fff;
}
.it-category-icon span::after {
    content: "";
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 50%;
    transition: .5s;
    transform: translate(-50%, -50%) scale(1.2);
}

.it-category-title {
    font-size: 21px;
    margin-bottom: 7px;
    text-transform: capitalize;
    transition: .5s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .it-category-title {
        font-size: 17px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .it-category-title {
        font-size: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-category-title {
        font-size: 19px
    }
}

@media(max-width:767px) {
    .it-category-title-box {
        margin-bottom: 30px
    }
}

.it-category-text a {
    color: #4d5756;
    font-size: 14px;
    font-family: var(--it-ff-heading);
    font-weight: 500;
    transition: .5s
}

.it-category-text a i {
    font-size: 14px
}

.it-category-shape {
    position: absolute;
    bottom: 0;
    left: 690px
}

.it-category-4-icon span {
    height: 200px;
    width: 100%;
    display: inline-block;
    line-height: 200px;
    border-radius: 10px;
    text-align: center;
    background-color: var(--it-common-white);
    margin-bottom: 20px
}

.it-category-4-content span {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: var(--it-theme-3);
    text-transform: uppercase
}

.it-category-4-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--it-common-black);
    font-family: var(--it-ff-poppins);
    margin-bottom: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .it-category-4-title {
        font-size: 15px
    }
}


.it-funfact-bg-wrap {
    padding: 0px 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top: 18px;
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-funfact-bg-wrap {
        padding: 0px 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
    .it-funfact-item {
        margin-bottom: 30px
    }
}


.it-menu-mobile .it-submenu {
    display: none
}

.it-menu-mobile .it-menu-content {
    margin-bottom: 20px
}

.it-menu-mobile .home-img {
    margin-bottom: 40px
}

.it-menu-mobile ul {
    position: static;
    display: block;
    box-shadow: none
}

.it-menu-mobile ul li {
    list-style: none;
    position: relative;
    width: 100%;
    padding: 0
}

.it-menu-mobile ul li:not(:last-child)>a {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
	margin-bottom: 15px;
    min-width: 100%;
	font-size: 14px;
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn {
    position: absolute;
    right: 0;
    top: 25%;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    font-size: 18px;
    color: #7f8387;
    font-family: "font awesome 5 pro";
    transition: all .3s ease-in-out;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .12);
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn i {
    transition: all .3s ease-in-out;
    margin-left: 2px
}


.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover {
    background-color: #fcc530;
    border-color: #fcc530;
    color: #fff;
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i {
    color: var(--it-common-white)
}

.it-menu-mobile ul li.has-dropdown>a.expanded {
  color: #fcc530;
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened {
    background-color: var(--it-theme-1);
    border-color: var(--it-theme-1);
    color: var(--it-common-white)
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i {
    color: var(--it-common-white)
}

.it-menu-mobile ul li.has-dropdown:hover>a::after {
    color: var(--it-theme-green)
}

.it-menu-mobile ul li:last-child a span {
    border-bottom: 0
}

.it-menu-mobile ul li>a {
    display: block;
    font-size: 16px;
    color: var(--it-common-white);
    position: relative;
    padding: 10px 0;
    padding-right: 20px;
    text-transform: capitalize
}

.it-menu-mobile ul li>a svg {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.it-menu-mobile ul li>a>i {
    display: inline-block;
    width: 11%;
    margin-right: 13px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    font-size: 21px;
    line-height: 1
}

.it-menu-mobile ul li>a .menu-text {
    font-size: 16px;
    line-height: 11px;
    border-bottom: 1px solid #eaebed;
    width: 82%;
    display: inline-block;
    padding: 19px 0 17px
}


.it-menu-mobile ul li ul {
    padding: 0
}

.it-menu-mobile ul li ul li {
    padding: 0
}

.it-menu-mobile ul li ul li a {
/*    margin-left: auto;*/
    width: 93%;
    padding: 10px 5%;
    text-shadow: none !important;
    visibility: visible;
    padding-left: 0;
    padding-right: 20px;
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.it-menu-mobile ul li ul li li a {
    width: 88%;
    padding: 10px 7%;
    padding-left: 0;
    padding-right: 20px
}

.it-menu-mobile ul li ul li li li a {
    width: 83%;
    padding: 10px 9%;
    padding-left: 0;
    padding-right: 20px
}

.it-menu-mobile ul li ul li li li li a {
    width: 68%;
    padding: 10px 11%;
    padding-left: 0;
    padding-right: 20px
}

.it-menu-mobile ul li:hover>a {
    color: #fcc530;
}

.it-menu-mobile ul li:hover>a::after {
    color: var(--it-theme-1)
}

.it-menu-mobile ul li:hover>a .dropdown-toggle-btn i {
    color: #fcc530;
}

.it-menu-mobile ul li:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    top: 0
}

.it-menu-mobile ul li .mega-menu,
.it-menu-mobile ul li .submenu {
    position: static;
    min-width: 100%;
    padding: 0;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    display: none
}

.it-menu-mobile ul li .mega-menu li,
.it-menu-mobile ul li .submenu li {
    float: none;
    display: block;
    width: 100%;
    padding: 0
}

.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
    color: var(--it-theme-1)
}

.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a {
    border-bottom: none
}

.it-menu-mobile * ul,
.it-menu-mobile * li {
    transition: none !important
}

.it-header-2-main-menu ul li>.submenu.has-megamenu {
/*    left: -138px;
    width: 722px;*/
    padding-left: 15px;
	
}

.it-header-2-main-menu ul li>.submenu.has-megamenu li {
    width: 49.33%;
    float: left
}

.it-header-2-main-menu ul li.active>a {
    color: var(--it-theme-1)
}

.it-header-2-main-menu ul li.active.has-dropdown::after {
    color: var(--it-theme-1)
}

.it-header-2-style .it-header-2-main-menu ul li.active>a {
    color: var(--it-theme-4)
}

.it-header-2-style .it-header-2-main-menu ul li.active.has-dropdown::after {
    color: var(--it-theme-4)
}

.it-header-3-style .it-header-2-main-menu ul li.active>a {
    color: var(--it-common-yellow)
}

.it-header-3-style .it-header-2-main-menu ul li.active.has-dropdown::after {
    color: var(--it-common-yellow)
}

/*---------------------------------------
      Why Choose Us Section CSS
 ----------------------------------------*/

.about-slider:after, .about-slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}

.about-slider .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.about-slider .image-wrapper.left-image::before {
    background: -webkit-gradient(linear, left top, right top, from(#fcc530), to(rgba(252, 197, 48, 0)));
    background: linear-gradient(90deg, #fcc530 0, rgba(252, 197, 48, 0) 100%);
    border-radius: 32px;
    left: -56px;
    top: -56px;
}


.dark-wrapper .icon-carousel, .dark-wrapper .dark-wrapper.dots {
    position: relative;
}

.dark-wrapper {
    background: #151517;
	padding-bottom: 50px;
}
.dark-wrapper .icon-carousel .shape-1, .dark-wrapper.dots:before {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
}


.dark-wrapper .icon-carousel, .dark-wrapper .icon-carousel .container, .dark-wrapper.dots, .top-slider-and-description {
    position: relative;
}
.dark-wrapper .icon-carousel .shape-2 {
    position: absolute!important;
    right: 0;
    z-index: 0;
}

.tp-section-title {
    font-size: 32px;
	color: #fff;
}
.tp-section-subtitle {
    color: #fff;
    display: inline-block;
    margin-bottom: 8px;
}
.tp-service-slider-active {
  margin-right: -400px;
}
.tp-service-arrow-box {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-arrow-box {
    justify-content: left;
    margin-bottom: 30px;
  }
}
.tp-service-arrow-box button {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50px;
background: rgba(255, 255, 255, .04);
  font-size: 24px;
  color: #dddde5;
  margin-left: 10px;
  margin-right: 10px;
}
.tp-service-arrow-box button:last-child {
  margin-right: 0;
}
.tp-service-arrow-box button:hover {
  background: rgba(255, 255, 255, .04);
  color: #fff;
}
.tp-service-slide-wrapper:hover .tp-service-thumb-btn a {
  visibility: visible;
  opacity: 1;
  margin-left: 0;
}

.most-reservation__bottom-up {
  padding-bottom: 60px;
  margin-bottom: -164px;
}
.most-reservation__bottom-up + .experience-2__space {
  padding-top: 267px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .most-reservation__bottom-up + .experience-2__space {
    padding-top: 244px;
  }
}
.most-reservation__content {
  z-index: 2;
  padding: 60px;
  position: relative;
 osition: relative;
    background: rgba(255, 255, 255, .04);
    backdrop-filter: blur(12px);
    border-radius: 32px;
  max-width: 1050px;
	margin:90px auto;
}
.section__title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 58px;
    text-transform: uppercase;
    color: #fff;
	text-align:center;
	    padding-top: 40px;
}


.most-reservation__content p {
  max-width: 920px;
	    color: #b6b6bc;
	text-align:center;
}

 .client-two-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
	     padding-bottom: 56px;
    border-bottom: 1px solid rgba(104, 104, 114, .25);
}
 .client-two-wrapper img {
    cursor: pointer;
    transition: 0.3s;
}

.digital-marketing-services {
    position: relative;
    background: #fff;
    padding: 50px 0px 65px 0px;
    border-radius: 80px;
}
.digital-marketing-services:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    z-index: -1;
/*    background-color: #151517;*/
}
.digital-marketing-services .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.digital-marketing-services .shape-2 {
    position: absolute;
    right: 0;
    z-index: 0;
}
.position-relative {
    position: relative !important;
}
.m-auto {
    margin: auto !important;
}
.digital-marketing-services h2 {
    margin-bottom: 24px;
	color: #151517;
}
.text-center {
    text-align: center !important;
}
.digital-marketing-services .service {
    z-index: 2;
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    border: 1px solid rgba(179, 179, 186, .2);
/*    height: 100%;*/
    position: relative;
}

 .digital-marketing-services .service  a:hover {
    -webkit-transition: .5s;
    transition: all .5s ease;
}

.digital-marketing-services .service i {
    font-size: 40px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: 0 auto 32px;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.desc.light {
    color: #b6b6bc;
}

.design-development-block .service:hover .content-block, .digital-marketing-services .service:hover .content-block {
    -webkit-transition: .5s;
    transition: all .5s ease;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.design-development-block .service:hover i, .digital-marketing-services .service .content-block, .digital-marketing-services .service:hover .content-block i, .project-description .services-list-wrapper .services-list a:hover {
    -webkit-transition: .5s;
    transition: all .5s ease;
}
/*.dark-wrapper .dark:first-of-type {
    padding-top: 120px;
}*/
.desc p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}
 .dark-wrapper.dots{
    position: relative;
}


.analytics-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.analytics-block .shape-2 {
    position: absolute;
    right: 0;
    top: -50%;
}
.analytics-block .image-container img {
    position: absolute;
    width: 100%;
    height: auto;
}
.analytics-block .block-content {
    padding: 96px 104px;
    border-radius: 32px;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .05);
}
.analytics-block .image-container {
    position: relative;
}
.analytics-block .image-container img:first-child {
    -webkit-animation: 6s ease-in-out infinite alternate move3;
    animation: 6s ease-in-out infinite alternate move3;
	    border-radius: 32px;
}


.analytics-block .block-content h2 {
    margin-bottom: 24px;
	color: #fff;
}
.desc.light strong {
    font-weight: 500;
    color: #fff;
}
/*.desc :not(li) {
    margin-bottom: 1.5rem;
}*/
.desc.light {
    color: #b6b6bc!important;
}

.desc.light ul li {
    color: #fff;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.desc ul li:not(:last-child), .project-description .services-list-wrapper .services-list div:not(:last-child) {
    margin-bottom: 8px;
}
.desc ul li:not(:last-child) {
    margin-bottom: 8px;
}
.desc ul li {
    list-style: none;
    padding: 1px 24px 0px 22px;
    font-family: Poppins;
    font-style: normal;
    font-size: 16px;
    color: #151517;
    border: 1px solid rgba(179, 179, 186, .3);
    background: rgba(179, 179, 186, .04);
    position: relative;
    width: 100%;
    border-radius: 32px;
	padding-left: 48px;
}

.desc ul li::before {
    content: "\f00c";
    position: absolute;
    left: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	font-family: FontAwesome;
	color: #fcc530;
}
@media (max-width: 575.98px) {
    .analytics-block .image-container img {
        position: absolute;
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .analytics-block .image-container {
        position: relative;
        height: 300px;
        width: 100%;
    }
}

.analytics-block .image-container {
    position: relative;
}
.analytics-block .form-wrapper {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(104, 104, 114, .25);
}

.analytics-block .form-wrapper form label{
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #b6b6bc;
    margin-bottom: 8px;
}
.analytics-block .form-wrapper form input:not([type=submit]) {
    width: 100%;
    padding: 13px 20px;
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 27px;
    border: 1px solid rgba(179, 179, 186, .2);
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
}
.analytics-block .form-wrapper form input:not([type=checkbox],[type=submit]):focus-visible {
    outline: #fcc530 solid 1px;
}
.design-development-block{
/*	background: #151517!important;*/
	    padding-bottom: 60px;
}
.design-development-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.design-development-block .shape-2 {
    position: absolute;
    right: 0;
    top: -50%;
    z-index: 0;
}
.design-development-block h2 {
    margin-bottom: 10px;
    color: #fff;
    margin-top: 64px;

}
 .design-development-block a {
    text-decoration: none;
}
.design-development-block .service {
    z-index: 2;
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
     padding: 56px 32px 15px;
    position: relative;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
/*    height: 100%;*/
}

 .design-development-block .service::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.design-development-block .button {
    margin-top: 56px;
    z-index: 2;
    position: relative;
}


.about-slider {
    padding: 70px 0;
    border-radius: 80px;
    position: relative;
    background-color: #fff;
	padding-bottom: 20px;

}
.about-slider:before {
    top: 0;
    background-color:#151517;
}

.about-slider .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.about-slider .image-wrapper img {
    width: 100%;
    border-radius: 32px;
    position: relative;
}
.about-slider .image-wrapper {
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 488px;
    margin: 56px 0 0 56px;
}
.about-slider .image-wrapper.right-image::before {
    background: -webkit-gradient(linear, right top, left top, from(#fcc530), to(rgba(252, 197, 48, 0)));
    background: linear-gradient(270deg, #fcc530 0, rgba(252, 197, 48, 0) 100%);
    border-radius: 32px;
    right: -56px;
    top: -56px;
}
.about-slider .image-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.form-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.form-block .shape-2 {
    position: absolute;
    right: 0;
    top: -50%;
}

.form-block .form-wrapper {
    border-radius: 32px;
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 48px;
    height: 100%;
    border: 1px solid rgba(179, 179, 186, .2);
}
.form-block .form-wrapper form .d-flex .col:first-child, .form-block .form-wrapper form .two-rows .col:first-child {
    margin-right: 24px;
}
.form-block .form-wrapper form .two-rows .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0px;
}

.form-block .form-wrapper form input:not([type=checkbox],[type=submit]) {
    width: 100%;
    padding: 14px 20px;
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 27px;
    border: 1px solid rgba(179, 179, 186, .2);
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
}

.career-info form .wpcf7-checkbox span.wpcf7-list-item, .form-block .form-wrapper form .wpcf7-checkbox span.wpcf7-list-item {
    width: 50%;
    margin: 0 0 8px;
}
.form-block .form-wrapper form .wpcf7-list-item {
    position: relative;
    padding-left: 26px;
}
.form-block .form-wrapper form .wpcf7-checkbox span.wpcf7-list-item input {
    margin-right: 8px;
}
.form-block .form-wrapper form input[type=checkbox], .form-block .form-wrapper form input[type=radio] {
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    z-index: 9;
    opacity: 0;
}
.form-block .form-wrapper form .wpcf7-checkbox span.wpcf7-list-item .wpcf7-list-item-label, .service-banner .content .description p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
}
.form-block .form-wrapper form input[type=checkbox]+.wpcf7-list-item-label::before, .form-block .form-wrapper form input[type=radio]+.wpcf7-list-item-label::before {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(179, 179, 186, .3);
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.form-block .form-wrapper form input[type=checkbox]+.wpcf7-list-item-label::after, .form-block .form-wrapper form input[type=checkbox]+.wpcf7-list-item-label::before, .form-block .form-wrapper form input[type=radio]+.wpcf7-list-item-label::after, .form-block .form-wrapper form input[type=radio]+.wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-block .form-wrapper form input[type=checkbox]:checked+.wpcf7-list-item-label::after, .form-block .form-wrapper form input[type=radio]:checked+.wpcf7-list-item-label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form-block .form-wrapper form .wpcf7-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-block .form-wrapper form input[type=checkbox]:checked+.wpcf7-list-item-label::after, .form-block .form-wrapper form input[type=radio]:checked+.wpcf7-list-item-label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.other-posts, .subscription-form, .text-carousel-dark {
    position: relative;
}

.yellow-arrow-button {
   padding: 14px 17px 14px 17px;
    background-color: #fcc530;
    border-radius: 24px;
    display: inline-block;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    border: 0;
    line-height: 20px;
    text-transform: uppercase;
}
.desc.light a, .yellow-arrow-button {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.faqs-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.faqs-block .shape-3 {
    position: absolute;
    right: 0;
    top: 0;
}
.faqs-block .shape-2 {
    position: absolute;
    left: 10%;
    top: 10%;
}
.faqs-block .accordion .faq {
    background-color: unset;
    border: 0;
    border-bottom: 1.5px solid #28282c;
    padding: 24px 0;
	cursor: pointer;
}
.faqs-block .accordion .faq .card.light {
    color: #b6b6bc;
}
.faqs-block .accordion .faq .card {
    background: unset;
    border: 0;
    padding: 24px 0 0;
    color: #686872;
}
.faqs-block .accordion .faq .card p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
	color: #151517;
}
.faqs-block .accordion .faq .card.light {
    color: #b6b6bc;
}
.faqs-block .accordion h4:after {
    content: "\f107";
   font-family: FontAwesome;
    top: 50%;
    right: 30px;
    font-weight: 700;
    font-size: 16px;
    opacity: 1;
    transform: translateY(-50%);
    color: #151517;
	float: right;

}
.faqs-block h2 {
    margin-bottom: 56px;
}
.form-block .shape-2 {
    position: absolute;
    right: 0;
    top: -50%;
}
.news-block {
    padding: 120px 0;
    border-radius: 80px;
    background-color: #fff;
}
 .news-block {
    position: relative;
}

.news-block:before {
    top: 0;
    background-color:#151517;
}
.news-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.news-block .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.news-block h2 {
    margin-bottom: 24px;
	color: #151517;
}
.news-block h2 {
    margin-bottom: 24px;
}
.news-block .desc {
    margin-bottom: 80px;
}
.news-block .news .post, .news-block .slider .slick-list .slick-track .slick-slide .slide {
    background: rgba(179, 179, 186, .04);
    border: 1px solid rgba(179, 179, 186, .2);
    border-radius: 32px;
    height: 100%;
    overflow: hidden;
}
.news-block .news .post .content, .news-block .slider .slick-list .slick-track .slick-slide .slide .content {
    padding: 32px;
}
.news-block .news .post .image-wrapper:hover img {
    -webkit-transition: .5s;
    transition: all .5s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-block .news .post .image-wrapper img, .news-block .slider .slick-list .slick-track .slick-slide .slide .image-wrapper img {
    width: 100%;
    height: 288px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.news-block .news .post .content .service-wrapper a, .news-block .slider .slick-list .slick-track .slick-slide .slide .content .service-wrapper a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #212529;
}
.news-block .news .post .content .service-wrapper span, .news-block .slider .slick-list .slick-track .slick-slide .slide .content .service-wrapper span {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #b6b6bc;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #b6b6bc;
    text-transform: uppercase;
}
.news-block .news .post .content .service-wrapper, .news-block .slider .slick-list .slick-track .slick-slide .slide .content .service-wrapper {
    margin-bottom: 8px;
}
.news-block .button {
    margin-top: 80px;
}
a.yellow-arrow-button.floats-btn {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 9;
}
.yellow-arrow-button:hover {
    background-color: #fcbd12;
    -webkit-transition: .5s;
    transition: all .5s ease;
    color: #fff;
}
.widget-box input {
	width: 100%;
	box-sizing: border-box;
	border-color: #e6e6e6;
	background-color: #fff;
	margin-bottom: 0;
}
ol, ul {
    list-style: none;
}
 label {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #b6b6bc;
    margin-bottom: 8px;
}
.input { position: relative; }

.label-one{
	font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
}
.checkboxes input[type=checkbox]:checked + label:before {
    background-color: #fcc530;
}
.checkboxes input[type=checkbox]:checked + label:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border: 2px solid transparent;
}
.checkboxes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
}
.checkboxes label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -1px;
  width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(179, 179, 186, .3);
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


footer {
    background: #334a73;
    padding: 60px 0 0;
    border-radius: 80px 80px 0 0;
    position: relative;
	background-image: url("../img/bg/why-choose-us-bg-img.avif");
	  background-repeat: no-repeat; 
  background-size: cover; 
}
footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #151517;
}
footer .top-footer {
    padding-bottom: 30px;
}

footer p.title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fcc530;
    margin-bottom: 10px;
}
footer ul {
    padding: 0;
    margin: 0;
}
footer .contact-details a:not(:last-of-type), footer ul li:not(:last-child) {
    margin-bottom: 0px;
}
.social li, footer ul li {
    list-style: none;
}
footer .contact-details a, footer .wrapper a, footer ul li a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    text-decoration: none;
    display: inline-block;
	margin-bottom: 10px;
}
.faqs-block .accordion .faq .card.light h4, footer ul li a:hover {
    color: #fff;
}
footer .wrapper {
    padding: 40px 0;
    border-top: 1.5px solid #28282c;
    border-bottom: 1.5px solid #28282c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding: 0;
}
.social li:not(:last-child) {
    margin-right: 32px;
}

.page-banner-one {
    position: relative;
    /* background: #151517; */
    padding: 51px 0 70px;
    /* margin-top: -32px; */
}
.page-banner-one .image-wrapper.right-image::before {
        background: -webkit-gradient(linear, left top, right top, from(#fcc530), to(rgba(252, 197, 48, 0)));
    background: linear-gradient(180deg, #fcc530 0, rgba(252, 197, 48, 0) 100%);
    border-radius: 32px;
    right: -56px;
    bottom: -56px;
}
.page-banner-one .image-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.page-banner-one .image-wrapper img {
    width: 100%;
    position: relative;
    border-radius: 32px;
}
.page-banner-one .image-wrapper {
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 488px;
    margin-left: auto;
    margin-right: 56px;
}

.page-banner, .service-banner {
    position: relative;
    background: #151517;
    padding: 70px 0 70px;
}
.page-banner .shape-1, .page-banner .shape-2, .page-banner .shape-3 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.page-banner .shape-1 {
    left: 0;
}
.page-banner .image-wrapper {
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 488px;
    margin-left: auto;
    margin-right: 56px;
	    margin-top: 76px;

}
@media (max-width: 575.98px) {
    .page-banner .content .subtitle {
        font-family: Poppins;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #b6b6bc;
        text-transform: uppercase;
        background: rgba(255, 255, 255, .04);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        border-radius: 32px;
        padding: 8px 16px;
        margin-bottom: 16px;
        display: inline-block;
    }
}
.page-banner .image-wrapper.right-image::before {
   background: -webkit-gradient(linear, right top, left top, from(#fcc530), to(rgba(252, 197, 48, 0)));
    background: linear-gradient(270deg, #fcc530 0, rgba(252, 197, 48, 0) 100%);
    border-radius: 32px;
    right: -56px;
    bottom: -56px;
}
.page-banner .image-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.page-banner .image-wrapper img {
    width: 100%;
    position: relative;
    border-radius: 32px;
}

.page-banner .content .subtitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #b6b6bc;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 32px;
    padding: 8px 16px;
    margin-bottom: 16px;
    display: inline-block;
    position: relative;
}
.page-banner .content h1:not(:last-child){
    margin-bottom: 0;
}
.page-banner .content h1 {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fcc530));
    background: linear-gradient(90deg, #fff 0, #fcc530 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	font-size: 40px;
	line-height: 55px;
}
.page-banner:before, .service-banner:before {
    width: 100%;
    height: auto;
     content: url(../img/bg/dots.svg);
    position: absolute;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    top: 0;
}
@media (max-width: 575.98px) {
    .page-banner .image-wrapper.right-image {
        padding-left: 20px;
    }
}
@media (max-width: 575.98px) {
    .page-banner .image-wrapper.right-image::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(104, 104, 114, .4)), to(rgba(104, 104, 114, 0))) !important;
        background: linear-gradient(90deg, rgba(104, 104, 114, .4) 0, rgba(104, 104, 114, 0) 100%) !important;
        border-radius: 32px;
        right: unset !important;
        bottom: -32px !important;
        left: 0;
    }
}
@media (max-width: 575.98px) {
    .page-banner .image-wrapper, .page-banner, .page-banner-one .image-wrapper img {
        width: 100%;
        position: relative;
    }
}
@media (max-width: 575.98px) {
    .page-banner .image-wrapper {
        text-align: center;
        max-width: 100%;
        margin: 0 0 64px !important;
    }
}
@media (max-width: 575.98px) {
    .page-banner .content h1 {
        background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fcc530));
        background: linear-gradient(90deg, #fff 0, #fcc530 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
		 font-size: 40px;
        line-height: 52px;
    }
}
@media (max-width: 575.98px) {
    .page-banner {
        position: relative;
        background: #151517;
/*        padding: 130px 8px 48px;*/
    }
}
.dark-wrapper .dark:first-of-type {
    padding-top: 70px;
/*	padding-bottom: 120px;*/
}

.icon-single-description {
    position: relative;
}
.icon-single-description .wrapper-wrapper {
    position: relative;
}
.icon-single-description .wrapper-wrapper .wrapper {
    padding: 50px 50px;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 32px;
}
.icon-single-description .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.icon-single-description .wrapper-wrapper .wrapper::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
}
.icon-single-description .wrapper-wrapper .wrapper::after, .service-3-col-with-desc .icon-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
    border: 1px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.dark-wrapper.dots:before {
    width: 100%;
    height: auto;
    pointer-events: none;
    content: url(../img/bg/dots.svg);
    overflow: hidden;
}
.service-2-icon-dark .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-2-icon-dark .content-block {
    margin: 0 auto 0px;
	
}
.service-2-icon-dark .content-block h2 {
    margin-bottom: 24px;
	    color: #fff!important;
}
.desc.light h4, h4.light, h6.light {
    color: #fff;
}
.service-2-icon-dark .content-block .desc {
    margin-bottom: 0;
}

.service-2-icon-dark .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    height: 100%;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.service-2-icon-dark .icon-block::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
}
.service-2-icon-dark .icon-block::after, .text-carousel-white .slider .slick-list .slide::after {
    z-index: -1;
}

.service-2-icon-dark .icon-block::after, .text-carousel-dark .slider .slick-list .slide::after, .text-carousel-white .slider .slick-list .slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    border: 1px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}


.icon-blocks, .service-4-col-with-desc {
    position: relative;
    background: #fff;
    padding: 50px 0px 35px;
    border-radius: 80px;
}
.icon-blocks:before {
    content: "";
    width: 100%;
    height: 50%;
    z-index: -1;
    background-color: #151517;
}
.icon-blocks .shape-1, .icon-blocks:before {
    position: absolute;
    left: 0;
    top: 0;
}
.icon-blocks:after, .service-4-col-with-desc:after, .service-4-col-with-desc:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}
.icon-blocks:after {
    bottom: 0;
       background-color: #151517;
}
.icon-blocks .content-block {
    margin: 0 auto 0px;
}
.icon-blocks .content-block .desc {
    margin-bottom: 0;
}

.icon-blocks .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    border: 1px solid rgba(179, 179, 186, .2);
    height: 100%;
}

.service-banner:before {
    width: 100%;
    height: auto;
     content: url(../img/bg/dots.svg);
    position: absolute;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    top: 0;
}
.service-banner .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
@media (min-width: 768px) {
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}


.service-banner .content {
    margin-left: 24px;
	margin-top: 100px;
}
.service-banner .content .subtitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #b6b6bc;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 32px;
    padding: 8px 16px;
    margin-bottom: 16px;
    display: inline-block;
    position: relative;
}

.service-4-col-with-desc:before {
    top: 0;
    background-color: #151517;
}
.icon-blocks:after, .service-4-col-with-desc:after, .service-4-col-with-desc:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}
.service-4-col-with-desc .shape-1 {
    position: absolute;
    right: 0;
    top: 0;
}

.service-4-col-with-desc .content-block h2, .simple-description h2 {
    margin-bottom: 24px;
}
.desc {
    color: #686872;
}
.service-4-col-with-desc .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(179, 179, 186, .2);
    height: 85%;
}
.simple-description .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.simple-description .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.service-4-icon-dark .shape-1 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-4-icon-dark .content-block {
    margin: 0 auto 80px;
}
.service-4-icon-dark .content-block h2 {
    margin-bottom: 24px;
	color: #fff;
}
.service-4-icon-dark .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    height: 100%;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.service-4-icon-dark .icon-block::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
}
 .service-4-icon-dark .icon-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
    border: 1px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.service-process-block .title-block {
    margin: 0 auto 35px;
}
.service-process-block h2 {
    margin-bottom: 24px;
	    margin-top: 80px;
	color: #fff;
}
.service-process-block .item-wrapper {
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 56px 0;
    border-radius: 32px;
    position: relative;
}
.service-process-block .item-wrapper .item:not(:last-child) .d-md-flex {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(104, 104, 114, .25);
    margin-bottom: 32px;
}
.service-process-block .item-wrapper .item .number {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 52px;
    line-height: 140%;
    text-transform: capitalize;
    margin-right: 32px;
}
.bc-red.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#fd4d41));
    background: linear-gradient(90deg, #686872 0, #fd4d41 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.service-process-block .item-wrapper::after, .service-process-block .subtitle::after, .why-choose-service .slider .slick-list .slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .05))) border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
@media (max-width: 575.98px) {
    .service-process-block .item-wrapper {
        padding: 40px 16px;
    }
}

.service-process-block .button {
    margin-top: 56px;
}
.service-banner .content .description {
    margin-top: 16px;
}

.bc-green.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#24c97a));
    background: linear-gradient(90deg, #686872 0, #24c97a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.simple-description {
    position: relative;
}
.simple-description .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.simple-description .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.service-banner .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.service-4-col-with-desc .shape-1 {
    position: absolute;
    right: 0;
    top: 0;
}
.icon-blocks:after, .service-4-col-with-desc:after, .service-4-col-with-desc:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}
.service-process-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.service-process-block .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}

.bc-pink.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#ef3a7b));
    background: linear-gradient(90deg, #686872 0, #ef3a7b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.service-list-icon-dark .shape-wrapper-1 {
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 25%;
    width: 400px;
    z-index: 0;
    height: 400px;
}
.service-list-icon-dark .shape-wrapper-2 {
    position: absolute;
    right: 0;
    width: 400px;
    overflow: hidden;
    height: 400px;
    top: 25%;
    z-index: 0;
}
.service-list-icon-dark .shape-wrapper-1 img, .service-list-icon-dark .shape-wrapper-2 img, .simple-white-description .shape-wrapper-1 img, .simple-white-description .shape-wrapper-2 img {
    width: 100%;
    height: 100%;
}
.service-list-icon-dark .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.service-list-icon-dark .shape-wrapper-2 {
    position: absolute;
    right: 0;
    width: 400px;
    overflow: hidden;
    height: 400px;
    top: 25%;
    z-index: 0;
}
.shape-wrapper-1, .shape-wrapper-2 {
    position: absolute;
    overflow: hidden;
    width: 400px;
    height: 400px;
    z-index: 0;
}
.service-list-icon-dark .desc-block {
    margin: 0 auto 80px;
}
.service-list-icon-dark .desc-block h2 {
    margin-bottom: 24px;
}
.service-list-icon-dark .wrapper-for-wrapper {
    position: relative;
}
.service-list-icon-dark .wrapper-for-wrapper .item-wrapper {
    z-index: 2;
    position: relative;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 56px 0;
    text-align: left;
    border-radius: 32px;
}
.service-list-icon-dark .item:not(:last-child) .icon-block {
    padding-bottom: 56px;
    margin-bottom: 56px;
    border-bottom: 1px solid rgba(104, 104, 114, .25);
}
.service-list-icon-dark .icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: relative;
}
.service-list-icon-dark .icon-block .icon-wrapper {
    margin-right: 32px;
}
.service-list-icon-dark .icon-block .content {
    text-align: left;
}

.service-list-icon-dark .icon-block .icon-wrapper i {
    font-size: 48px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bc-pink {
    background: #fc6d30;
}
.service-list-icon-dark .bottom-desc {
    margin: 80px auto 0;
}

.service-4-col-with-desc .content-block {
    margin: 0 auto 30px;
}
.service-4-col-with-desc .shape-1 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-4-col-with-desc .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(179, 179, 186, .2);
   height: 100%;
}
.icon-1-col-list, .service-2-col {
    position: relative;
    background: #fff;
    padding: 120px 0;
    border-radius: 80px;
}
.icon-1-col-list .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.icon-1-col-list .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.icon-1-col-list .content-block {
    margin: 0 auto 80px;
}
.icon-1-col-list .icon-wrapper {
    position: relative;
    padding: 56px 160px;
    background: rgba(179, 179, 186, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
 .icon-1-col-list .icon-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 179, 186, .3)), to(rgba(179, 179, 186, .2))) border-box;
    background: linear-gradient(180deg, rgba(179, 179, 186, .3), rgba(179, 179, 186, .2)) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.icon-1-col-list .icon-wrapper .icon-block:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(182, 182, 188, .25);
}
.icon-1-col-list .icon-wrapper .icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: relative;
}
.icon-1-col-list .icon-wrapper .icon-block i {
    font-size: 48px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px;
}
.bc-light-blue-one  {
       background: #ef3a7b;
    -webkit-box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(239, 58, 123, .25), inset 0 0 16px rgba(255, 255, 255, .5);
}

.bc-light-blue  {
    background: #5171ff;
    -webkit-box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(71, 164, 251, .25), inset 0 0 16px rgba(255, 255, 255, .5);
}
.icon-1-col-list .icon-wrapper .icon-block .content {
    text-align: left;
}
.service-3-col-with-desc {
    position: relative;
    background: #fff;
    padding: 120px 0;
    border-radius: 80px;
}
.service-3-col-with-desc:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #151517;
}
.service-3-col-with-desc .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.service-3-col-with-desc .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-3-col-with-desc .content-block {
    margin: 0 auto 80px;
}
.service-3-col-with-desc .content-block .desc {
    margin-bottom: 0;
}
.service-3-col-with-desc .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    position: relative;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.service-3-col-with-desc .icon-block::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 179, 186, .3)), to(rgba(179, 179, 186, .2))) border-box;
    background: linear-gradient(180deg, rgba(179, 179, 186, .3), rgba(179, 179, 186, .2)) border-box;
}
.service-3-col-with-desc .icon-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
    border: 1px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.bc-dark-orange.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#fc6d30));
    background: linear-gradient(90deg, #686872 0, #fc6d30 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.bc-dark-orange 
{
    background: #b3de37;
}
.service-process-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}
.service-process-block .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}

.service-2-col .shape-1, .service-2-col:before {
    position: absolute;
    left: 0;
    top: 0;
}
.service-2-col .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-2-col .content-block {
    margin: 0 auto 80px;
}
.service-2-col .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    position: relative;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
 .service-2-col .icon-block::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 179, 186, .3)), to(rgba(179, 179, 186, .2))) border-box;
    background: linear-gradient(180deg, rgba(179, 179, 186, .3), rgba(179, 179, 186, .2)) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.service-process-block .shape-2 {
    position: absolute;
    right: 0;
    top: 0;
}
.service-process-block .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}

 .service-process-block{
    position: relative;
}
.bc-violet {
    background: #9e56fb;
}
.desc.light h4, h2.light, h3.light, h4.light, h6.light {
    color: #fff;
}
.bc-light-orange.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#fcc530));
    background: linear-gradient(90deg, #686872 0, #fcc530 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.service-2-icon-dark .icon-block {
    text-align: center;
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
    padding: 56px 32px;
    height: 100%;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.bc-light-green.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#b3de37));
    background: linear-gradient(90deg, #686872 0, #b3de37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media (max-width: 575.98px) {
    .analytics-block .block-content {
        padding: 40px 16px;
    }
}

.bc-violet.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#9e56fb));
    background: linear-gradient(90deg, #686872 0, #9e56fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.icon-1-col-list, .service-2-col {
    position: relative;
    background: #fff;
    padding: 65px 0px 35px;
    border-radius: 80px;
}
@media (max-width: 575.98px) {
    .icon-1-col-list .icon-wrapper {
        padding: 40px 16px!important;
    }
}
@media (max-width: 575.98px) {
    .icon-1-col-list .icon-wrapper .icon-block i {
        margin-right: auto;
        margin-bottom: 32px;
        margin-left: auto;
    }
}
@media (max-width: 575.98px) {
    .icon-1-col-list .icon-wrapper .icon-block {
        display: block;
    }
}
.simple-white-description {
    padding: 120px 0;
    border-radius: 80px;
    position: relative;
    background-color: #fff;
}
.simple-white-description:before {
    top: 0;
    background-color: #151517;
}
.simple-white-description:after, .simple-white-description:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}
.simple-white-description .shape-wrapper-1 {
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: -25%;
    width: 400px;
    z-index: 0;
}
.shape-wrapper-1, .shape-wrapper-2 {
    position: absolute;
    overflow: hidden;
    width: 400px;
    height: 400px;
    z-index: 0;
}
.simple-white-description .shape-wrapper-2 {
    position: absolute;
    right: 0;
    width: 400px;
    overflow: hidden;
    height: 400px;
    top: -25%;
    z-index: 0;
}
.shape-wrapper-1, .shape-wrapper-2 {
    position: absolute;
    overflow: hidden;
    width: 400px;
    height: 400px;
    z-index: 0;
}

.latest-posts {
    position: relative;
    background: #fff;
    padding: 120px 0;
    border-radius: 80px;
}
.latest-posts:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #151517;
}
.latest-posts .news .post .image-wrapper img, .other-posts .news .post .image-wrapper img {
    width: 100%;
    height: 288px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.latest-posts .news .post .image-wrapper {
    overflow: hidden;
}
.latest-posts .filter-wrapper {
    padding-bottom: 80px;
}
.latest-posts .news .post .content {
    padding: 32px;
}
.latest-posts .news .post {
    overflow: hidden;
    border: 1px solid rgba(179, 179, 186, .2);
    height: 100%;
}
.latest-posts .news .post .image-wrapper:hover img, .other-posts .news .post .image-wrapper:hover img {
    -webkit-transition: .5s;
    transition: all .5s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.latest-posts .news .post .content .service-wrapper {
    margin-bottom: 8px;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

}
.latest-posts .news .post .content .service-wrapper span.text-color {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.bc-red.text-color {
    color: #fd4d41 !important;
	background: none;
}
.bc-pink.text-color {
    color: #ef3a7b !important;
}
.latest-posts .news .post .content .service-wrapper span.date, .other-posts .news .post .content .service-wrapper span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #b6b6bc;
    text-transform: uppercase;
}
.latest-posts .news .post {
    background: rgba(179, 179, 186, .04);
    border-radius: 32px;
}
.latest-posts .news .post-wrapper {
    margin-bottom: 24px;
}
.detail {
    margin-bottom: 12px;
}
.detail .icon-block {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #fcc530;
    -webkit-box-shadow: 0 12px 20px rgba(104, 104, 114, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 12px 20px rgba(104, 104, 114, .25), inset 0 0 16px rgba(255, 255, 255, .5);
	color: #fff;
    border-radius: 50%;
}
.detail .icon-block {
    margin-right: 16px;
}
 .detail .content h4 {
    margin-bottom: 4px;
}
 .detail .content a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.icon-blocks .content-block h2 {
    margin-bottom: 24px;
	    text-align: center;
}
.design-development-block .service:hover .content-block .learn-more {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.design-development-block .service .learn-more {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #b6b6bc;
    text-transform: uppercase;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: .5s;
    transition: all .5s ease;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.design-development-block .service .content-block {
    -webkit-transition: .5s;
    transition: all .5s ease;
    position: relative;
}
@media (max-width: 575.98px) {
    .icon-single-description .wrapper-wrapper .wrapper {
        padding: 40px 16px;
    }
}

.digital-marketing-services .service .learn-more {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #686872;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: inline-block;
    -webkit-transition: .5s;
    transition: all .5s ease;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.digital-marketing-services .service:hover .content-block .learn-more {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .5s;
    transition: all .5s ease;
}
.bc-aqua.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#fcc530));
    background: linear-gradient(90deg, #686872 0, #fcc530 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

 .form-block .form-wrapper :focus-visible {
    outline: #fcc530 solid 1px;
}
@media (max-width: 575.98px) {
    .form-block .form-wrapper {
        padding: 40px 16px;
		      position: relative;

    }
}
@media (max-width: 575.98px) {
    .subscription-form .form-wrapper {
        padding: 40px 16px;
        position: relative;
    }
}
.bc-purple{
    background: #d24bcd;

}
.form-block h2 {
    margin-bottom: 24px;
	color: #fff!important;
}

.bc-purple.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#686872), to(#d24bcd));
    background: linear-gradient(90deg, #686872 0, #d24bcd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media (max-width: 575.98px) {
    .service-banner i {
        margin: 0 0 32px;
    }
}
@media (max-width: 575.98px) {
    .about-slider .left-image {
        padding: 0 0 0 20px;
        margin: 0 0 64px;
    }
}
@media (max-width: 575.98px) {
    .about-slider .left-image::before {
        border-radius: 32px;
        left: 0 !important;
        bottom: -24px;
        top: unset !important;
    }
}
@media (max-width: 575.98px) {
    .about-slider .image-wrapper {
        width: 100%;
    }
}
.desc.light {
    color: #b6b6bc;
}
.bc-dark-blue{
    background: #5171ff;
}
.bc-aqua {
    background: #34d7cd;
}
.bc-red{
    background: #fcc530;
}
.bc-green {
    background: #24c97a;
}
.bc-light-orange{
    background: #24c97a;
}
.bc-light-green {
    background: #b3de37;
}
.icon-SEO:before{
	 content: "\f119";
    font-family: flaticon_mycollection !important;
}
.service-banner .content h1 {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(var(--gradient-color)));
    background: linear-gradient(90deg, #fff 0%, var(--gradient-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.analytics-block .form-wrapper {
    position: relative;
    padding-top: 56px;
    margin-top: 50px;
    border-top: 1px solid rgba(104, 104, 114, .25);
}
.icon-wrapper {
    margin-right: 16px;
	margin-top: -11px;
}

 .icon-wrapper i {
    color: #fff;
	font-size: 30px;
	font-weight: 500;
	font-style: normal;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	     -webkit-box-shadow: 0 24px 40px rgba(253, 77, 65, .25), inset 0 0 16px rgba(255, 255, 255, .5);
    box-shadow: 0 24px 40px rgba(253, 77, 65, .25), inset 0 0 16px rgba(255, 255, 255, .5);
}

.subscription-form .form-wrapper :focus-visible {
    outline: #fcc530 solid 1px;
}
.service-banner i{
    font-size: 48px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 32px;
}
@media (max-width: 575.98px) {
   .benefits {
        margin-top: 64px;
        padding: 40px 16px;
    }
}
@media (max-width: 575.98px) {
    .about-slider .left-image, .about-slider .right-image {
        padding: 0 0 0 20px;
        margin: 0 0 64px;
    }
}
@media (max-width: 575.98px) {
    .about-slider .image-wrapper {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .about-slider .right-image::before {
        background: -webkit-gradient(linear, left top, right top, from(#fcc530), to(rgba(252, 197, 48, 0))) !important;
        background: linear-gradient(90deg, #fcc530 0, rgba(252, 197, 48, 0) 100%) !important;
    }
}
@media (max-width: 575.98px) {
    .about-slider .left-image::before, .about-slider .right-image::before {
        border-radius: 32px;
        left: 0 !important;
        bottom: -24px;
        top: unset !important;
    }
}

.faqs-block {
    padding: 120px 0;
    border-radius: 80px;
	background: #fff;
	margin-top: 60px;
}

 .socialList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.socialList li {
  margin: 5px;
}
 .socialList li:first-child {
  padding-left: 0;
}
.socialList li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-decoration: none;
  background-color: #999;
  color: #fff;
  transition: 0.35s;
}
.socialList li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: scale(1) translate(-50%, -50%);
  transition: 0.35s;
}
.socialList li:nth-child(1) a {
  background-color: #135cb6;
}
.socialList li:nth-child(2) a {
  background-color: #00aced;
}
.socialList li:nth-child(3) a {
  background-color: #e60019;
}
.socialList li:nth-child(4) a {
  background-color: #0072B1;
}
.socialList li:nth-child(5) a {
  background-color: #ff0000;
}
.socialList li:nth-child(6) a {
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
}


.float-button {
        text-decoration: none;
        position: fixed;
        padding: 10px;
        padding-right: 15px;
        bottom: 30px;
        left: 30px;
        color: #fff;
        background-color:#29A71A;
        border-radius: 50px;
        z-index: 100;
        font-family: Arial;
        font-size: 17px;
        animation: whatsapp-animation 0.5s ease-in-out;
        box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
        transition:all 0.3s ease-out;
    }

    .fa-whatsapp {
        font-size: 20px !important;
        padding-right: 5px;
        padding-left: 5px;
    }

    @keyframes whatsapp-animation {
        from {
            opacity: 0%;
        }

        to {
            opacity: 100%
        }
    }

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

        .float-button {
            bottom: 15px;
            right: 15px;
            border-radius: 50px;
			width: 40%!important;
        }

        .fa-whatsapp {
            font-size: 22px !important;
            padding: 4px;
        }
    }
@media screen and (max-width: 545px) {
a.yellow-arrow-button.floats-btn {
    position: fixed;
     bottom: 115px;
     right: -94px;
    z-index: 9;
    -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}
    }

.light-black{
	color: #151517;
}

 .call-btn {
  display: flex!important;
  margin-right: 30px!important;
  align-items: center!important;
}
@media (max-width: 375px) {
.call-btn {
    display: none;
  }
}
 .call-btn i {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 47px;
  border-radius: 50%;
  background-color: #fcc530;
  text-align: center;
  margin-right: 10px;
  font-size: 20px;
  color: #fff;
  transition: all 0.5s;
}

.call-btn strong {
  color: #fff;
}
@media (max-width: 1600px) {
.call-btn strong {
    font-size: 15px;
  }
}
.call-btn p {
  margin-bottom: 0;
}
@media (max-width: 1400px) {
.call-btn p {
    display: none;
  }

}


@media screen and (max-width: 545px) {
.design-development-block h2 {
 font-size: 23px;
 margin-top: 30px;	
line-height: 33px;
}
    }

@media screen and (max-width: 545px) {
.form-block h2{
font-size: 21px;
line-height: 33px;
}
    }

.modal-dialog {
  max-width: 42%;
  position: relative;
}
@media (max-width: 767px) {
  .modal-dialog {
    max-width: 95%;
    margin: 0 auto;
  }
}
.modal-dialog .close-btn {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 5;
}
@media (max-width: 1600px) {
  .modal-dialog .close-btn {
    position: absolute;
    top: 2%;
    right: 2%;
  }
}
.modal-dialog .close-btn .btn-close {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  -ms-border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .modal-dialog .close-btn .btn-close {
    width: 35px;
    height: 35px;
    line-height: 35px;
	top: 2%;  
  }
}
.modal-dialog .modal-content .modal-body {
  z-index: 3;
}
.modal-body{
	padding: 0px;
}
.modal-content{
	background: #151517;
	border: none;
}


 .pattern-layer .pattern-1{
  position: absolute;
  left: 50%;
  top: 110px;
  width: 590px;
  height: 590px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin-left: -262px;
}

 .pattern-layer .pattern-2{
  position: absolute;
  left: 50%;
  top: 110px;
  width: 590px;
  height: 590px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 50%;
  margin-left: 135px;
}
.footer-contact li i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin-right: 11px;
    border-radius: 50px;
    background: #fed700;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
}