@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
--hub-prim-color1: #e41851;
--ttLightRed: #F2EEEA;
--ttGray: #B5B5B5;
--ttGray2: #4d4959;
--black: #000;
--white: #fff;
--tt-pink: #F820A3;
--tt-gold: #FFA945;
--tt-gradient-1: linear-gradient(90deg, var(--tt-pink) 0%, var(--tt-gold) 100%);
--font-inter: "Inter", sans-serif;
--plyr-color-main: var(--ttRed);

}

html {
overflow-x: hidden;
}

body {
font-family: var(--font-inter);
margin: auto;
}

.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}

.row {
--bs-gutter-x: 30px;
}

.gutter-y-30 {
--bs-gutter-y: 30px;
}

input {
outline: none;
border: none;
}


body.locked {
overflow: hidden;
}

a {
color: var(--thm-gray);
}

a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}

::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}

:-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::placeholder {
color: inherit;
opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--thm-black);
font-family: var(--thm-font-2);
font-weight: 500;
margin: 0;
}

p {
margin: 0;
}

dl,
ol,
ul {
margin-top: 0;
margin-bottom: 0;
}

::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}

:-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::placeholder {
color: inherit;
opacity: 1;
}

.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}

.container {
padding-left: 15px;
padding-right: 15px;
}

@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}

::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}

:-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::-ms-input-placeholder {
color: inherit;
opacity: 1;
}

::placeholder {
color: inherit;
opacity: 1;
}

button {
cursor: pointer;
border: none;
background: transparent;
padding: 0;
}

ul,
li {
list-style: none;
margin: 0;
padding: 0;
}

ol,
li {
margin: 0;
padding: 0;
}

img {
max-width: 100%;
height: auto;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}





/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
border-color: #43c3ea;
outline: none;
}

#contact-form input[type="text"].error {
border-color: red;
}

#contact-form input[type="email"].error {
border-color: red;
}

#contact-form select.error {
border-color: red;
}

#contact-form textarea.error {
border-color: red;
}

#contact-form label.error {
display: none !important;
}


/*== Review Css ======*/
.review-box {
position: relative;
display: block;
overflow: hidden;
line-height: 15px;
}

.review-box ul {
display: block;
overflow: hidden;
}

.review-box ul li {
display: inline-block;
float: left;
margin-right: 4px;
cursor: pointer;
}

.review-box ul li:last-child {
margin-right: 0px;
}

.review-box ul li i {
color: #febd2f;
font-size: 15px;
}



/*== Section Title Css ======*/

.sec-title {
position: relative;
display: block;
padding-bottom: 55px;
z-index: 1;
}
.cus-section-left-right {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.cus-section-left-right .content {
text-align: left;
}
.sec-title h2 {
color: #2f2d3b;
font-size: 31px;
line-height: 1.1em;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.5px;
}

.sec-title p {
padding-top: 10px;
}

.sec-title .sub-title {
position: relative;
display: block;
padding-top: 13px;
}

.sec-title .sub-title p {
font-size: 16px;
line-height: 27px;
width: 95%;
text-align: justify;
padding-bottom: 15px;
color: #787474;
font-weight: 500;
}



/*== Btn One Css ======*/
.btn-one {
position: relative;
display: inline-block;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
background-color: transparent;
color: var(--thm-black);
font-size: 18px;
line-height: 48px;
font-weight: 500;
text-transform: capitalize;
border-radius: 0px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-family: var(--thm-font-2);
z-index: 2;
}

.btn-one:before {
position: absolute;
top: 110px;
left: -50px;
right: -50px;
height: 170px;
content: "";
background: #781736;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
border-radius: 50%;
transition-duration: 800ms;
z-index: 1;
}

.btn-one:hover:before {
top: 0%;
left: -70px;
right: -70px;
}

.btn-one:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
border-radius: 0px;
background-color: #c9def8;
opacity: 1;
transform: scaleX(1.0);
transition-duration: 800ms;
z-index: -1;
}

.btn-one:hover:after {
transform: scaleX(0);
transition-duration: 1500ms;
}

.btn-one .txt {
position: relative;
z-index: 1;
}

.btn-one:hover,
.btn-one:focus {
color: #ffffff;
}

.btn-one i {
position: relative;
display: inline-block;
padding-left: 5px;
font-size: 12px;
font-weight: 700;
}


/*== Owl Dot Style One Css ======*/
.owl-carousel.owl-dot-style1 .owl-dots {
position: relative;
text-align: center;
line-height: 0;
margin-top: 50px !important;
display: block;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 30px;
height: 5px;
background-color: #e7e7e7;
border: 0px solid #a5a5a5;
margin: 0px 10px;
padding: 0px;
border-radius: 0%;
transition: all 100ms linear;
transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: var(--thm-base);
border-radius: 0%;
transform: scale(0);
transition: all 500ms ease;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active:before {
transform: scale(1.0);
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span {
display: none;
}



/*== Owl Dot Style Two Css ======*/
.owl-carousel.owl-dot-style2 .owl-dots {
position: relative;
text-align: center;
line-height: 0;
margin-top: 30px !important;
display: block;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
background-color: transparent;
border: 5px solid #ffffff;
margin: 0px 5px;
padding: 0px;
border-radius: 50%;
transition: all 100ms linear;
transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot:before {
content: "";
position: absolute;
top: -5px;
left: -5px;
bottom: -5px;
right: -5px;
border: 1px solid var(--thm-base);
border-radius: 50%;
transform: scale(0);
transition: all 500ms ease;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active {
border: 5px solid #1a1c23;
background-color: var(--thm-base);
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active:before {
transform: scale(1.0);
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot span {
display: none;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active span {}








/*== Owl Nav Style One Css ======*/
.owl-nav-style-one {}

.owl-nav-style-one .owl-controls {}

.owl-nav-style-one.owl-theme .owl-stage-outer {
position: relative;
display: block;
padding-top: 0px;
padding-bottom: 0px;
}

.owl-nav-style-one.owl-theme .owl-nav {
position: relative;
display: block;
line-height: 0;
margin: 0;
z-index: 10;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
width: 45px;
height: 45px;
background-color: transparent;
border: 1px solid #e1e6e4;
border-radius: 0%;
margin: 0 0 0 0px;
padding: 0;
z-index: 1;
transition: all 700ms ease 0s;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background-color: #e51a53;
z-index: -1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) scale(0);
-ms-transform: perspective(400px) rotateX(0deg) scale(0);
transform: perspective(400px) rotateX(0deg) scale(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover::before {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
-ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
transform: perspective(400px) rotateX(0deg) scale(1.0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .2s;
transition-property: all;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
position: relative;
display: block;
color: var(--thm-black);
font-size: 16px;
line-height: 43px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
transform: rotate(-180deg);
margin-right: 10px;
}

.owl-nav-style-one.owl-theme .owl-nav .owl-next {
margin-left: 0px;
transform: rotate(0deg);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span {
color: #ffffff
}



/*== Scrool To Top Css ======*/
.scroll-to-top {
position: fixed;
bottom: 30px;
right: 15px;
display: inline-block;
width: 55px;
height: 55px;
background: var(--thm-base);
text-align: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: none;
border-radius: 0%;
transition: all 0.4s ease;
transform: rotate(-90deg);
z-index: 99;
}

.scroll-to-top i {
position: relative;
display: block;
color: #ffffff;
font-size: 24px;
line-height: 55px;
}

.scroll-to-top:hover {
background-color: var(--thm-black);
}

.scroll-to-top:hover i {
color: #fff;
}


/*== Styled Pagination Css ======*/
.styled-pagination {
justify-content: center;
position: relative;
display: flex;
width: 100%;
height: auto;
padding-top: 20px;
}

.styled-pagination.pdtop0 {
padding-top: 0;
}

.styled-pagination li {
position: relative;
display: inline-block;
margin-right: 6px;
}

.styled-pagination li:last-child {
margin-right: 0;
}

.styled-pagination li a {
position: relative;
display: inline-block;
width: 30px;
height: 40px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #f2ece7;
color: var(--thm-gray);
font-size: 14px;
line-height: 38px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
transition: all 500ms ease;
font-family: var(--thm-font);
z-index: 1;
}

.styled-pagination li a span:before {
position: relative;
top: 1px;
font-size: 14px;
}

.styled-pagination li.prev a span:before {
position: relative;
display: inline-block;
padding-right: 8px;
}

.styled-pagination li.next a span:before {
position: relative;
display: inline-block;
padding-left: 8px;
}

.styled-pagination li:hover a,
.styled-pagination li.active a {
color: #ffffff;
border-color: #e41650;
background: #e41650;
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
width: 90px;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
color: #ffffff;
}


/*== checked Css Css ======*/
.checked-box1 {
position: relative;
display: block;
min-height: 20px;
}

.checked-box1 label {
position: relative;
display: inline-block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
color: var(--thm-black);
font-size: 16px;
line-height: 20px;
font-weight: 400;
cursor: pointer;
min-height: 20px;
font-family: var(--thm-font);
}

.checked-box1 input[type="checkbox"] {
display: none;
}

.checked-box1 input[type="checkbox"]+label span {
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background-color: transparent;
border: 1px solid #f2ece7;
cursor: pointer;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.checked-box1 label span:before {
font-family: 'icomoon' !important;
position: absolute;
top: 0px;
left: 0px;
bottom: 0;
right: 0;
content: "\e918";
color: var(--thm-base);
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
margin: 0px;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: flex;
align-items: center;
justify-content: center;
}

.checked-box1 input[type="checkbox"]:checked+label span {
border-color: #f2ece7;
}

.checked-box1 input[type="checkbox"]:checked+label span:before {
opacity: 1.0;
}



/*== Accordion Box Css ======*/
.accordion-box {
position: relative;
display: block;
}

.accordion-box .block {
position: relative;
display: block;
margin-bottom: 20px;
transition: all 500ms ease;
}

.accordion-box .block:last-child {
margin-bottom: 0px;
}

.accordion-box .block .acc-btn {
position: relative;
display: block;
cursor: pointer;
background: #ffffff;
padding-top: 14px;
padding-left: 60px;
padding-bottom: 14px;
padding-right: 20px;
border: 1px solid #f2ece7;
transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
background: #ffffff;
}

.accordion-box .block .acc-btn h3 {
color: var(--thm-black);
font-size: 20px;
line-height: 30px;
font-weight: 500;
transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h3 {
color: var(--thm-base);
}

.accordion-box .block .acc-btn .icon-outer {
position: absolute;
top: 50%;
left: 20px;
width: 20px;
height: 20px;
color: var(--thm-gray);
font-size: 18px;
text-align: right;
line-height: 20px;
font-weight: 400;
cursor: pointer;
transform: translateY(-50%) rotate(0deg);
transition: all 500ms ease;
z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer {
color: var(--thm-base);
transform: translateY(-50%) rotate(90deg);
}

.accordion-box .block .acc-btn .icon-outer i:before {
font-weight: 400;
}

.accordion-box .block .acc-btn.active .icon-outer i:before {
position: relative;
}

.accordion-box .block .acc-content {
position: relative;
display: none;
padding-top: 24px;
padding-left: 20px;
padding-bottom: 4px;
padding-right: 20px;
}

.accordion-box .block .acc-content.current {
display: block;
}

.accordion-box .block .acc-content p {
margin: 0;
}



/*== Search Popup Css ======*/
.search-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
padding-left: 20px;
padding-right: 20px;
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-transform: translateY(-110%);
transform: translateY(-110%);
-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.search-popup.active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}

.search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: 0.75;
cursor: pointer;
}

.search-popup__content {
width: 100%;
max-width: 560px;
}

.search-popup__content form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
width: 100%;
background-color: #fff;
font-size: 16px;
border: none;
outline: none;
height: 66px;
padding-left: 30px;
}

.search-popup__content .thm-btn {
padding: 0;
width: 68px;
height: 68px;
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;
text-align: center;
position: absolute;
top: 0;
right: -1px;
border-radius: 0;
background-color: var(--thm-base);
border: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
color: #ffffff;
font-size: 25px;
}

.search-popup__content .thm-btn i {
background-color: transparent;
margin-left: 0;
}

.search-popup__content .thm-btn:hover {
background-color: var(--thm-base);
}



/*== Preloader Css ======*/
.handle-preloader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--thm-base);
display: flex;
display: -ms-flexbox;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
z-index: 9999999;
}

.preloader-close {
position: fixed;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 18px;
line-height: 30px;
background: #fff;
text-align: center;
cursor: pointer;
z-index: 99999999;
}

.handle-preloader .animation-preloader {
position: absolute;
z-index: 100;
}

.handle-preloader .animation-preloader .spinner {
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto 45px auto;

animation-name: zoomInOut;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

-webkit-animation-name: zoomInOut;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;

-moz-animation-name: zoomInOut;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;

-ms-animation-name: zoomInOut;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: ease-in-out;

-o-animation-name: zoomInOut;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: ease-in-out;
}

.handle-preloader .animation-preloader .txt-loading {
text-align: center;
user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
position: relative;
display: inline-block;
color: transparent;
font-size: 70px;
line-height: 70px;
font-weight: 600;
letter-spacing: 15px;
text-transform: uppercase;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
font-family: var(--thm-font);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
position: absolute;
top: 0;
left: 0;
animation: letters-loading 4s infinite;
content: attr(data-text-preloader);
opacity: 0;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
animation-delay: 0.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
animation-delay: 0.4s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
animation-delay: 0.6s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
animation-delay: 0.8s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
animation-delay: 1s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
animation-delay: 1.3s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
animation-delay: 1.5s;
}


/**
animation: spinner 1s infinite linear;
.handle-preloader .loader-section {
background-color: #ffffff;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}
**/

.preloader .loaded .animation-preloader {
opacity: 0;
transition: 0.3s ease-out;
}


.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
color: #ffffff;
}

.handle-preloader .animation-preloader .spinner {
border: 3px solid #ffffff;
/**border-top-color: rgba(255, 255, 255, 0.5); **/
}


/* Animation preloader */
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}

@keyframes letters-loading {

0%,
75%,
100% {
opacity: 0;
transform: rotateY(-90deg);
}

25%,
50% {
opacity: 1;
transform: rotateY(0deg);
}
}


@media screen and (max-width: 767px) {
.handle-preloader .animation-preloader .spinner {
height: 8em;
width: 8em;
}
}

@media screen and (max-width: 500px) {
.handle-preloader .animation-preloader .spinner {
height: 7em;
width: 7em;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
font-size: 30px;
letter-spacing: 10px;
}
}





/*------------------------------------------
Features style1 Area
--------------------------------------------*/
.features-style1-area {
position: relative;
display: block;
background-color: #f7f1eb;
padding: 100px 0 40px;
}

.features-style1-content {
position: relative;
display: block;
}

.features-style1-content ul {
position: relative;
display: flex;
flex-wrap: wrap;
}

.features-style1-content ul li {
position: relative;
display: block;
flex: 0 0 auto;
width: 33.3333333333%;
padding: 0 20px;
margin: 0 auto 95px;
}

.single-features-style1-box {
position: relative;
display: block;
text-align: center;
}

.single-features-style1-box .shape-left {
position: absolute;
left: 2px;
bottom: 15px;
}

.single-features-style1-box .shape-bottom {
position: absolute;
left: 50px;
bottom: -33px;
}

.single-features-style1-box .counting-box {
position: relative;
display: block;
width: 130px;
height: 130px;
margin: 0 auto;
background-color: transparent;
z-index: 1;
}

.single-features-style1-box .counting-box .counting-box-bg {
position: absolute;
top: -18px;
bottom: -17px;
left: -16px;
right: -16px;
z-index: -1;
}

.single-features-style1-box .counting-box h3 {
position: relative;
display: block;
padding-top: 32px;
color: #a5a2a0;
font-size: 22px;
line-height: 22px;
font-weight: 500;
text-align: center;
}

.single-features-style1-box .text-box {
position: relative;
display: block;
padding-top: 25px;
}

.single-features-style1-box .text-box h4 {
color: var(--thm-base);
font-size: 18px;
line-height: 24px;
font-weight: 500;
}

.single-features-style1-box .text-box h3 {
font-size: 22px;
line-height: 28px;
font-weight: 500;
margin: 14px 0 16px;
}

.single-features-style1-box .text-box p {
padding-left: 20px;
padding-right: 20px;
margin: 0;
}

.single-features-style1-box .text-box .btn-box {
position: relative;
display: block;
padding-top: 54px;
line-height: 0;
}

.single-features-style1-box .text-box .btn-box a {
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 18px;
line-height: 30px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-features-style1-box .text-box .btn-box a:hover {
color: var(--thm-base);
}

.single-features-style1-box .text-box .btn-box a i {
position: relative;
top: -1px;
display: inline-block;
font-size: 14px;
line-height: 30px;
width: 30px;
background-color: transparent;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.single-features-style1-box .text-box .btn-box a i:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(0);
transition: all 200ms linear;
transition-delay: 0.1s;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
border-radius: 50%;
z-index: -1;
}

.single-features-style1-box .text-box .btn-box a:hover i:after {
transform: scale(1.0);
}

.single-features-style1-box .text-box .btn-box a:hover i {
color: #ffffff;

}



/*------------------------------------------
Service style1 Area
--------------------------------------------*/
.service-style1-area {
position: relative;
display: block;
padding: 100px 0 100px;
z-index: 10;
}

.service-style1-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-blend-mode: luminosity;
background-color: #000000;
z-index: -1;
}

.service-style1-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000000;
opacity: 0.60;
}

.service-style1-title {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
padding-bottom: 55px;
}

.service-style1-title .sec-title {
padding-bottom: 0;
}

.service-style1-title .sec-title h2 {
color: #ffffff;
}

.service-style1-title .sec-title .sub-title p {
color: #c9c5c2;
}

.service-style1-title .get-assistant-box {
position: relative;
display: block;
padding-bottom: 5px;
}

.service-style1-title .get-assistant-box a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 50%;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
color: #ffffff;
font-size: 35px;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.service-style1-title .get-assistant-box a:hover {
color: var(--thm-base);
}

.service-style1-title .get-assistant-box a:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
border-radius: 50%;
transform: scale(0);
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
}

.service-style1-title .get-assistant-box a:hover::before {
transform: scale(1.0);
}


.service-style1-tab {
position: relative;
display: block;
}

.service-style1-tab__button {
position: relative;
display: block;
padding-bottom: 60px;
}

.service-style1-tab__button .tabs-button-box {
position: relative;
display: block;
margin-left: -5px;
margin-right: -5px;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item {
position: relative;
display: block;
width: 50%;
padding: 0 5px;
float: left;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner {
position: relative;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: rgba(26, 28, 35, 0.30);
border: 1px solid rgba(255, 255, 255, .25);
padding: 35px 40px 36px;
cursor: pointer;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item:hover .inner,
.service-style1-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner {
border: 1px solid #ffffff;
transition-delay: 0.2s;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
transform-origin: top center;
z-index: -1;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item:hover .inner:before,
.service-style1-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transform-origin: bottom center;
}


.service-style1-tab__button .tabs-button-box .tab-btn-item .inner .left {
position: relative;
display: block;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner .left h4 {
color: #c9c5c2;
font-size: 18px;
line-height: 18px;
font-weight: 500;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item:hover .inner .left h4,
.service-style1-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner .left h4 {
color: #7f7873;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner .left h3 {
color: #ffffff;
font-size: 36px;
line-height: 36px;
font-weight: 500;
margin: 13px 0 0;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item:hover .inner .left h3,
.service-style1-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner .left h3 {
color: var(--thm-black);
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner .right {
position: relative;
display: block;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item .inner .right {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: #ffffff;
color: var(--thm-black);
font-size: 24px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.service-style1-tab__button .tabs-button-box .tab-btn-item:hover .inner .right,
.service-style1-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner .right {
color: #a5a2a0;
background: #f7f1eb;
}



.service-style1-tab .tabs-content-box {
position: relative;
display: block;
}

.service-style1-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.service-style1-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.service-style1-tab .tab-content-box-item .service-style1-tab-content-box-item {
transition: all 0.7s ease;
opacity: 0;
transform: scaleY(0.9);
transform-origin: top bottom;
}

.service-style1-tab .tab-content-box-item.tab-content-box-item-active .service-style1-tab-content-box-item {
opacity: 1.0;
transform: scaleY(1);
transform-origin: bottom top;
}



.single-service-box-style1 {
position: relative;
display: block;
border: 1px solid rgba(255, 255, 255, .25);
padding: 40px 39px 36px;
}

.single-service-box-style1 .icon {
position: relative;
display: block;
line-height: 0;
padding-bottom: 22px;
}

.single-service-box-style1 .icon span {
position: relative;
display: inline-block;
color: #ffffff;
font-size: 40px;
line-height: 40px;
}

.single-service-box-style1 h3 {
font-size: 22px;
line-height: 22px;
font-weight: 500;
}

.single-service-box-style1 h3 a {
color: #ffffff;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-service-box-style1 h3 a:hover {
color: var(--thm-base);
}

.single-service-box-style1 .border-box {
position: relative;
display: block;
width: 100%;
height: 4px;
background-color: rgba(255, 255, 255, .20);
margin: 26px 0 23px;
}

.single-service-box-style1 .border-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
background-color: var(--thm-base);
}

.single-service-box-style1 .border-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0px;
transition: all 900ms ease 100ms;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
}

.single-service-box-style1:hover .border-box:after {
width: 100%;
}

.single-service-box-style1 p {
color: #b8b4b1;
margin: 0 0 18px;
}

.single-service-box-style1 h6 {
color: #b8b4b1;
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-family: var(--thm-font);
}

.single-service-box-style1 h6 span {
color: var(--thm-base);
}

.single-service-box-style1 .btn-box {
position: absolute;
top: 20px;
right: 20px;
}

.single-service-box-style1 .btn-box a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 40px;
height: 40px;
border: 1px solid rgba(255, 255, 255, .25);
color: #ffffff;
font-size: 14px;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.single-service-box-style1:hover .btn-box a {
border-color: var(--thm-base);
}

.single-service-box-style1 .btn-box a:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);

transform: perspective(400px) translateY(-40px) scale(1.0);
transform-style: preserve-3d;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
transform-origin: right center;
z-index: -1;
}

.single-service-box-style1:hover .btn-box a:before {
transform: perspective(400px) translateY(0px) scale(1);
transform-origin: left center;
}


.service-style1__btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 60px;
}



/*------------------------------------------
Wealth Secure Area
--------------------------------------------*/
.wealth-secure-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.single-wealth-secure-box {
position: relative;
display: block;
padding-right: 30px;
}

.single-wealth-secure-box .img-box {
position: relative;
display: block;
}

.single-wealth-secure-box .img-box-inner {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
}

.single-wealth-secure-box .img-box img {
width: 100%;
mix-blend-mode: luminosity;
}

.single-wealth-secure-box:hover .img-box img {
mix-blend-mode: normal;
}

.single-wealth-secure-box .inner-title {
position: absolute;
left: 30px;
bottom: 30px;
right: -30px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px 30px 17px;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
background-image: -moz-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
background-image: -ms-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
}

.single-wealth-secure-box:hover .inner-title {
justify-content: flex-start;
transition: all 200ms linear;
transition-delay: 0.1s;
}





.single-wealth-secure-box.style2 .inner-title {
background-image: -moz-linear-gradient(180deg, rgb(19, 159, 206) 0%, rgb(14, 113, 157) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(19, 159, 206) 0%, rgb(14, 113, 157) 100%);
background-image: -ms-linear-gradient(180deg, rgb(19, 159, 206) 0%, rgb(14, 113, 157) 100%);
}

.single-wealth-secure-box.style3 .inner-title {
background-image: -moz-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
background-image: -ms-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
}

.single-wealth-secure-box.style4 .inner-title {
background-image: -moz-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
background-image: -ms-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
}






.single-wealth-secure-box .inner-title h3 {
position: relative;
font-size: 22px;
line-height: 26px;
font-weight: 500;
z-index: 1;
}

.single-wealth-secure-box .inner-title h3 a {
color: #ffffff;
}

.single-wealth-secure-box .inner-title .arrow-top {
position: absolute;
top: 0;
right: 60px;
border-top: 50px solid #ffffff;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
opacity: 0.20;
transition: all 200ms linear;
transition-delay: 0.1s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}

.single-wealth-secure-box:hover .inner-title .arrow-top {
transform: scale(0);
}

.single-wealth-secure-box .inner-title .arrow-bottom {
position: absolute;
right: 90px;
bottom: 0;
border-bottom: 50px solid #ffffff;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
opacity: 0.20;
transition: all 200ms linear;
transition-delay: 0.1s;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}

.single-wealth-secure-box:hover .inner-title .arrow-bottom {
transform: scale(0);
}

.single-wealth-secure-box .inner-title .right-arrow-btn {
position: relative;
display: block;
line-height: 0;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-wealth-secure-box:hover .inner-title .right-arrow-btn {
padding-left: 10px;
}

.single-wealth-secure-box .inner-title .right-arrow-btn a {
position: relative;
display: inline-block;
color: #ffffff;
font-size: 20px;
line-height: 20px;
}

.single-wealth-secure-box .text-box {
position: relative;
display: block;
background-color: #ffffff;
padding: 23px 30px 23px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}


.wealth-secure-carousel-2.owl-nav-style-one.owl-theme .owl-nav {
position: absolute;
left: 0;
bottom: 0;
width: 120px;
display: flex;
justify-content: space-between;
}



.wealth-secure-carousel-2 .owl-dots {
position: absolute;
left: 0;
bottom: 0;
width: 1170px;
height: 1px;
background-color: #f2ece7;
counter-reset: slides-num;
margin-top: 0 !important;
z-index: 9999;
}

.wealth-secure-carousel-2 .owl-dots::after {
position: absolute;
right: 0;
content: counter(slides-num);
display: inline-block;
color: #a5a2a0;
font-size: 18px;
line-height: 40px;
font-weight: 500;
font-family: var(--thm-font-2);
bottom: 0%;
}

.wealth-secure-carousel-2 .owl-dot {
display: inline-block;
counter-increment: slides-num;
}

.wealth-secure-carousel-2.owl-theme .owl-dots .owl-dot span {
display: none;
}

.wealth-secure-carousel-2 .owl-dot.active::before {
position: absolute;
right: 20px;
bottom: 0;
content: counter(slides-num) "/";
color: #1a1c23;
font-size: 30px;
line-height: 40px;
font-weight: 500;
text-align: right;
font-family: var(--thm-font-2);
}



.wealth-secure-carousel-2 {
width: 1572px;
}

.wealth-secure-carousel-2.owl-carousel .owl-stage-outer {
overflow: visible;
padding-bottom: 90px;
}

.wealth-secure-carousel-2.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.wealth-secure-carousel-2.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}



/*------------------------------------------
Wealth Secure Style2 Area
--------------------------------------------*/
.wealth-secure-style2-area {
position: relative;
display: block;
background-color: #f5f8f7;
padding: 100px 0 100px;
border-bottom: 1px solid #e1e6e5;
z-index: 10;
}

.single-wealth-secure-box--style2 {}

.single-wealth-secure-box--style2 .inner-title {
background-color: #ffffff;
background-image: none;
left: 20px;
bottom: 20px;
right: -20px;
padding: 17px 20px 17px;
}

.single-wealth-secure-box--style2 .inner-title h3 a {
color: var(--thm-black);
}


.single-wealth-secure-box--style2 .text-box {
position: relative;
padding: 28px 20px 27px;
}

.single-wealth-secure-box--style2 .text-box p {
color: #797c7f;
}

.single-wealth-secure-box--style2 .text-box ul {
position: relative;
display: block;
padding-top: 14px;
}

.single-wealth-secure-box--style2 .text-box ul li {
position: relative;
display: block;
padding-left: 25px;
color: #797c7f;
line-height: 30px;
margin-bottom: 2px;
}

.single-wealth-secure-box--style2 .text-box ul li:last-child {
margin-bottom: 0;
}

.single-wealth-secure-box--style2 .text-box ul li:before {
font-family: 'icomoon' !important;
position: absolute;
top: 10px;
left: 0;
content: "\ea06";
font-size: 12px;
line-height: 12px;
color: #abacaf;
}

.wealth-secure-carousel.owl-nav-style-one.owl-theme .owl-nav {
position: absolute;
top: -110px;
right: 30px;
}

.wealth-secure-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}

.wealth-secure-carousel.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.wealth-secure-carousel.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}



/*------------------------------------------
Features Style2 Area
--------------------------------------------*/
.features-style2-area {
position: relative;
display: block;
background-color: #f7f1eb;
padding: 100px 0 100px;
}


.features-style2-content {
position: relative;
display: block;
}

.features-style2-content ul li {
border-left: 1px solid #e2deda;
}

.single-features-box-style2 {
position: static;
display: block;
width: 100%;
text-align: center;
float: left;
cursor: pointer;
}

.single-features-box-style2 .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
margin: 0 auto;
border: 1px solid #e2deda;
border-radius: 50%;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.features-style2-tab__button .tabs-button-box .tab-btn-item:hover .single-features-box-style2 .icon,
.features-style2-tab__button .tabs-button-box .tab-btn-item.active-btn-item .single-features-box-style2 .icon {
border-color: #ffffff;
background-color: #ffffff;
}

.single-features-box-style2 .icon span {
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 35px;
line-height: 35px;
}

.single-features-box-style2:hover .icon span {}


.features-style2-tab__button .tabs-button-box .tab-btn-item:hover .single-features-box-style2 .icon span,
.features-style2-tab__button .tabs-button-box .tab-btn-item.active-btn-item .single-features-box-style2 .icon span {
background: -webkit-linear-gradient(#8a0f3d, #ce173c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}





.single-features-box-style2 .title {
position: relative;
display: block;
padding-top: 23px;
}

.single-features-box-style2 .title h3 {
font-size: 18px;
line-height: 28px;
}

.single-features-box-style2 .title h3 a {
color: var(--thm-black);
}


.single-features-box-style2 .arrow-button {
position: absolute;
left: 0;
bottom: -30px;
right: 0;
opacity: 0;
transform: perspective(400px) translateY(-10px) scale(1.0);
transform-style: preserve-3d;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
transform-origin: right center;
}

.single-features-box-style2 .arrow-button a {
position: relative;
display: inline-block;
transform: rotate(90deg);
color: var(--thm-base);
font-size: 20px;
}

.single-features-box-style2:hover .arrow-button {}


.features-style2-tab__button .tabs-button-box .tab-btn-item:hover .single-features-box-style2 .arrow-button,
.features-style2-tab__button .tabs-button-box .tab-btn-item.active-btn-item .single-features-box-style2 .arrow-button {
opacity: 1;
transform: perspective(400px) translateY(0px) scale(1);
transform-origin: left center;
}








.features-style2-carousel {}

.features-style2-carousel.owl-nav-style-one.owl-theme .owl-nav {
position: absolute;
top: 50%;
left: -80px;
right: -80px;
display: flex;
justify-content: space-between;
height: 0;
margin-top: -25px;
}

.features-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
background-color: transparent;
border: 1px solid #e2deda;
border-radius: 50%;
}

.features-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
background-color: #7a1b3b;
border-radius: 50%;
}



.features-style2-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
/*border-right: 1px solid #e2deda;*/
}

.features-style2-carousel.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.features-style2-carousel.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}




.features-style2-tab__button {
position: relative;
display: block;
padding-bottom: 70px;
}





.features-style2-tab .tabs-content-box {
position: relative;
display: block;
}

.features-style2-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.features-style2-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.features-style2-tab .tab-content-box-item .features-style2-tab-content-box-item {
transition: all 0.7s ease;
opacity: 0;
transform: scaleY(0.9);
transform-origin: top bottom;
}

.features-style2-tab .tab-content-box-item.tab-content-box-item-active .features-style2-tab-content-box-item {
opacity: 1.0;
transform: scaleY(1);
transform-origin: bottom top;
}






.features-style2-text-box {
position: relative;
display: block;
background: #ffffff;
}

.features-style2-text-box>ul {
position: relative;
display: block;
}

.features-style2-text-box>ul>li {
position: relative;
display: block;
padding-left: 30px;
border-bottom: 1px solid #f2ece7;
border-left: none;
}

.features-style2-text-box>ul>li>a {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--thm-black);
font-size: 18px;
font-weight: 400;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.features-style2-text-box>ul>li>a span {
position: relative;
display: block;
border-left: 1px solid #f2ece7;
width: 70px;
line-height: 70px;
text-align: center;
color: #a5a2a0;
font-size: 16px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.features-style2-text-box>ul>li>a:hover {
color: var(--thm-base);
}

.features-style2-text-box>ul>li>a span:hover {
color: var(--thm-base);
}



.features-style2-banner-box {
position: relative;
display: flex;
background-color: #1a1c23;
width: 100%;
height: 100%;
padding: 40px 0 40px;
}

.features-style2-banner-box .text-box {
position: relative;
display: block;
width: 50%;
text-align: center;
}

.features-style2-banner-box .text-box span {
color: #ffffff;
font-size: 40px;
line-height: 40px;
}

.features-style2-banner-box .text-box h4 {
color: #ffffff;
font-size: 18px;
line-height: 22px;
font-weight: 500;
margin: 12px 0 0;
}

.features-style2-banner-box .text-box h3 {
color: #ffffff;
font-size: 22px;
line-height: 24px;
font-weight: 500;
margin: 7px 0 24px;
}

.features-style2-banner-box .text-box h2 {
font-size: 22px;
line-height: 24px;
font-weight: 500;
}

.features-style2-banner-box .text-box h2 a {
color: var(--thm-base);
}




.features-style2-banner-box .img-box {
position: relative;
display: block;
width: 50%;
z-index: 1;
}

.features-style2-banner-box .img-box:before {
content: "";
position: absolute;
top: -40px;
left: 0;
bottom: -40px;
right: 0;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
z-index: -2;
}

.features-style2-banner-box .img-box .img-box-bg {
position: absolute;
top: -40px;
left: 0;
bottom: -40px;
right: -1px;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-color: #2e2d2c;
background-blend-mode: luminosity;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
z-index: 1;
}





/*------------------------------------------
Features Style3 Area
--------------------------------------------*/
.features-style3-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
}

.features-style3-img-box {
position: relative;
display: block;
padding-top: 60px;
z-index: 1;
}

.features-style3-img-box:before {
content: "";
position: absolute;
top: 0;
left: 40px;
bottom: 0;
right: 60px;
background-image: -moz-linear-gradient(-90deg, rgb(247, 241, 235) 65%, rgb(255, 255, 255) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(247, 241, 235) 65%, rgb(255, 255, 255) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(247, 241, 235) 65%, rgb(255, 255, 255) 100%);
z-index: -1;
}

.features-style3-img-box .inner-img {
position: relative;
display: inline-block;
}

.features-style3-img-box .inner-img img {
width: 100%;
}

.features-style3-img-box .icon-holder {
position: absolute;
top: 50px;
left: 0;
width: 100px;
height: 100px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}

.features-style3-img-box .icon-holder.two {
top: auto;
left: auto;
bottom: 0;
right: 100px;
}

.features-style3-img-box .icon-holder.three {
top: auto;
left: auto;
bottom: 150px;
right: 0px;
}

.features-style3-img-box .icon-holder span {
color: var(--thm-black);
font-size: 40px;
line-height: 40px;
}


/** Features Style3 Img Box Style2 **/
.features-style3-img-box--style2 {
position: relative;
padding-top: 20px;
margin-right: 20px;
min-height: 545px;
}

.features-style3-img-box--style2:before {
content: "";
position: absolute;
top: 0;
left: 30px;
bottom: 0;
right: 0px;
background-image: -moz-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);
background-image: -ms-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);
}

.features-style3-img-box--style2 .inner-img-bg {
position: absolute;
bottom: 0;
right: 0;
top: 20px;
width: 100%;
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto;
}

.features-style3-img-box--style2 .overaly-text {
position: absolute;
left: 0;
top: 30px;
width: 230px;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
text-align: center;
padding: 30px 0 23px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.features-style3-img-box--style2 .overaly-text h3 {
color: #757c7d;
font-size: 18px;
line-height: 26px;
font-weight: 500;
margin: 9px 0 0;
}

.features-style3-img-box--style2 .overaly-text h3 span {
color: var(--thm-black);
}



.features-style3-content {
position: relative;
display: block;
}

.features-style3-content .sec-title {
padding-bottom: 28px;
}

.features-style3-content .sec-title .sub-title {
padding-top: 23px;
}

.features-style3-content .text-box {
position: relative;
display: block;
}

.features-style3-content .text-box ul {
position: relative;
display: block;
}

.features-style3-content .text-box ul li {
position: relative;
display: block;
padding-left: 30px;
}

.features-style3-content .text-box ul li+li {
margin-top: 11px;
}

.features-style3-content .text-box ul li .icon {
position: absolute;
top: 0;
left: 0;
color: var(--thm-base);
font-size: 16px;
}

.features-style3-content .text-box ul li p {
margin: 0;
}



.apply-credit-card {
position: relative;
display: block;
max-width: 370px;
width: 100%;
padding-top: 38px;
}

.apply-credit-card h3 {
font-size: 18px;
line-height: 24px;
margin: 0 0 21px;
}

.apply-credit-card .input-box {
position: relative;
display: block;
margin-bottom: 30px;
}

.apply-credit-card form input[type="text"],
.apply-credit-card form input[type="email"] {
position: relative;
display: block;
background: transparent;
width: 100%;
height: 60px;
border: 1px solid #f2ece7;
color: #7f7873;
font-size: 16px;
font-weight: 400;
font-style: normal;
padding-left: 20px;
padding-right: 20px;
border-radius: 0px;
transition: all 500ms ease;
font-family: var(--thm-font);
}

.apply-credit-card form .button-box button {
position: relative;
display: block;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}



/*------------------------------------------
Money Exchange Value Area
--------------------------------------------*/
.money-exchange-value-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 70px;
z-index: 10;
}

.money-exchange-value-area-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-color: #1a1c23;
background-blend-mode: luminosity;
z-index: -1;
}

.money-exchange-value-area-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000000;
opacity: 0.60;
}

.money-exchange-value-area .sec-title h2 {
color: #ffffff;
}

.money-exchange-value-area .sec-title .sub-title p {
color: #b8b4b1;
}


.money-exchange-value-tab {
position: relative;
display: block;
}


.money-exchange-value-tab__button {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
padding-bottom: 50px;
}

.money-exchange-value-tab__button .tabs-button-box {
position: relative;
display: block;
overflow: hidden;
}

.money-exchange-value-tab__button .tabs-button-box .tab-btn-item {
position: relative;
display: block;
float: left;
padding: 14px 30px 14px;
border: 1px solid rgba(255, 255, 255, .20);
border-top: 1px solid transparent;
cursor: pointer;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.money-exchange-value-tab__button .tabs-button-box .tab-btn-item:hover,
.money-exchange-value-tab__button .tabs-button-box .tab-btn-item.active-btn-item {
border-color: var(--thm-base);
border-top-color: var(--thm-base);
border-bottom-color: transparent;
}

.money-exchange-value-tab__button .tabs-button-box li+li {
margin-left: 10px;
}

.money-exchange-value-tab__button .tabs-button-box .tab-btn-item h3 {
color: #b8b4b1;
font-size: 18px;
line-height: 30px;
font-weight: 500;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.money-exchange-value-tab__button .tabs-button-box .tab-btn-item:hover h3,
.money-exchange-value-tab__button .tabs-button-box .tab-btn-item.active-btn-item h3 {
color: var(--thm-base);
}

.money-exchange-value-tab__button .right {
position: relative;
display: block;
top: 7px;
}

.money-exchange-value-tab__button .right a {
color: #ffffff;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.money-exchange-value-tab__button .right a span:before {
position: relative;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
top: 1px;
}




.money-exchange-value-tab .tabs-content-box {
position: relative;
display: block;
}

.money-exchange-value-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.money-exchange-value-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.money-exchange-value-tab .tab-content-box-item .money-exchange-value-tab-content-box-item {
opacity: 0;
transform: scaleY(1.0) translateY(-10px);
transition: all 500ms linear;
transition-delay: 0.1s;
}

.money-exchange-value-tab .tab-content-box-item.tab-content-box-item-active .money-exchange-value-tab-content-box-item {
opacity: 1.0;
transform: scaleY(1) translateY(0px);
}



.single-money-exchange-value {
position: relative;
display: block;
border: 1px solid rgba(255, 255, 255, .20);
padding-top: 30px;
margin-bottom: 30px;
}

.single-money-exchange-value .flag-box {
position: relative;
display: block;
width: 70px;
height: 70px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, .20);
border-radius: 50%;
padding: 5px;
}

.single-money-exchange-value .flag-box .flag-box-inner {
position: relative;
display: block;
overflow: hidden;
border-radius: 50%;
}

.single-money-exchange-value .flag-box .flag-box-inner img {
width: 100%;
}

.single-money-exchange-value h3 {
color: #ffffff;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
text-align: center;
margin: 14px 0 24px;
}

.single-money-exchange-value ul {
position: relative;
display: block;
}

.single-money-exchange-value ul li {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: rgba(255, 255, 255, .10);
line-height: 50px;
border-top: 1px solid rgba(255, 255, 255, .20);
padding: 0 15px;
}

.single-money-exchange-value ul li:first-child {
border-top: none;
}

.single-money-exchange-value ul li .left {
position: relative;
display: flex;
align-items: center;
}

.single-money-exchange-value ul li .left p {
position: relative;
display: block;
width: 70px;
color: #b8b4b1;
}

.single-money-exchange-value ul li .left p span {
position: relative;
display: inline-block;
}

.single-money-exchange-value ul li .right {
position: relative;
display: block;
}

.single-money-exchange-value ul li .right p {
color: #b8b4b1;
}



/*---------------------------------------
Faq style1 Area Css
-----------------------------------------*/
.faq-style1-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}


.faq-style1-title {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
padding-bottom: 55px;
}

.faq-style1-title .sec-title {
padding-bottom: 0;
}


.faq-search-box {
position: relative;
display: block;
padding-bottom: 5px;
max-width: 370px;
width: 100%;
}

.faq-search-box h3 {
font-size: 18px;
line-height: 22px;
margin: 0 0 15px;
}

.faq-search-box__inner {
position: relative;
display: block;
}


.faq-search-box form.search-form {
position: relative;
display: block;
width: 100%;
}

.faq-search-box .search-form input[type="text"] {
position: relative;
display: block;
width: 100%;
height: 50px;
background-color: #ffffff;
border: 0px solid #e5e5e5;
color: #7f7873;
font-size: 16px;
font-weight: 400;
padding-left: 20px;
padding-right: 60px;
border-radius: 0px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
font-family: var(--thm-font);
transition: all 500ms ease 0s;
}

.faq-search-box .search-form button {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 50px;
height: 50px;
font-size: 16px;
line-height: 50px;
display: block;
text-align: center;
border-radius: 0%;
border: 0px solid #e7e7e8;
transition: all 500ms ease 0s;
}

.faq-search-box .search-form button i {
position: relative;
top: 2px;
color: var(--thm-black);
font-size: 20px;
}

.faq-search-box .search-form input[type="text"]:focus {
color: #000;
}


.faq-style1__image {
position: relative;
display: block;
}

.faq-style1__image .inner {
position: relative;
display: block;
background-color: #646464;
}

.faq-style1__image .inner img {
width: 100%;
mix-blend-mode: luminosity;
}

.faq-style1__content {
position: relative;
display: block;
}

.faq-style1-bottom-box {
position: relative;
display: block;
padding-top: 53px;
}

.faq-style1-bottom-box p {
position: relative;
}

.faq-style1-bottom-box p a {
color: var(--thm-base);
font-weight: 500;
text-decoration: underline;
}

.faq-style1-bottom-box p a:hover {
color: var(--thm-gray);
}

.faq-style1-bottom-box .btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 23px;
}

.faq-style1-bottom-box .btns-box a {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}


/*---------------------------------------
Faq Page One Css
-----------------------------------------*/
.faq-page-one {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.faq-page-one .sec-title {
padding-bottom: 35px;
}

.faq-page-one .faq-search-box {
margin: 0 auto;
padding-bottom: 60px;
}



/*---------------------------------------
Deals Area Css
-----------------------------------------*/
.deals-area {
position: relative;
display: block;
background-color: #ffffff;
overflow: hidden;
z-index: 10;
}

.deals-area .auto-container {
max-width: 1850px;
}

.deals-content-box {
position: relative;
display: block;
}

.single-deals-box {
position: relative;
display: block;
overflow: hidden;
background-color: #f7f1eb;
}

.single-deals-box .text-box {
position: relative;
display: block;
width: 50%;
float: left;
padding: 97px 60px 100px;
padding-right: 50px;
}

.single-deals-box .text-box .inner-title {
position: relative;
display: block;
padding-bottom: 23px;
}

.single-deals-box .text-box .inner-title h4 {
color: var(--thm-base);
font-size: 18px;
line-height: 20px;
margin: 0 0 11px;
}

.single-deals-box .text-box .inner-title h2 {
font-size: 40px;
line-height: 48px;
}

.single-deals-box .text-box p {
position: relative;
}

.single-deals-box .text-box ul {
position: relative;
display: block;
overflow: hidden;
padding-top: 27px;
}

.single-deals-box .text-box ul li {
position: relative;
display: block;
float: left;
width: 50%;
margin-bottom: 24px;
}

.single-deals-box .text-box ul li .inner {
position: relative;
display: flex;
align-items: center;
}

.single-deals-box .text-box ul li .inner .icon {
position: relative;
display: block;
width: 40px;
height: 40px;
background-color: var(--thm-base);
border-radius: 50%;
color: #ffffff;
font-size: 16px;
text-align: center;
line-height: 40px;
}

.single-deals-box .text-box ul li .inner .text {
position: relative;
padding-left: 15px;
flex: 1;
}

.single-deals-box .text-box ul li .inner .text p {
color: var(--thm-black);
font-weight: 500;
}

.single-deals-box .text-box .btns-box {
position: relative;
display: block;
padding-top: 10px;
line-height: 0;
}



.single-deals-box .img-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
height: 100%;
z-index: 1;
}

.single-deals-box .img-box .img-bg {
position: absolute;
top: 0;
left: 120px;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-color: #646464;
background-blend-mode: luminosity;
z-index: -1;
}

.single-deals-box .img-box .shape-left-1 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 240px;
background-color: #e5ded8;
clip-path: polygon(50% 0, 100% 0, 50% 40%, 100% 100%, 40% 100%, 0 40%);
z-index: 2;
}

.single-deals-box .img-box .shape-right-1 {
position: absolute;
top: 0;
right: -1px;
bottom: 0;
width: 200px;
background: #f7f1eb;
clip-path: polygon(80% 0, 100% 0, 100% 50%, 100% 100%, 100% 100%, 50% 50%);
z-index: 1;
}

.single-deals-box .img-box .shape-right-2 {
position: absolute;
top: 60%;
right: 20px;
bottom: 0;
width: 200px;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
clip-path: polygon(40% 0, 70% 0%, 110% 50%, 100% 100%, 70% 100%, 90% 51%);
z-index: 1;
}



.deals-carousel-one.owl-nav-style-one.owl-theme .owl-nav {
position: absolute;
top: 0;
right: 510px;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.deals-carousel-one.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
margin: 0 0 0 0px;
padding: 0;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
margin: 10px 0;
}

.deals-carousel-one.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
border-radius: 50%;
}



.deals-carousel-one.owl-carousel .owl-stage-outer {
overflow: visible;
}

.deals-carousel-one.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.deals-carousel-one.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}



/***
=============================================
Emi Calculator Area Css
=============================================
***/
.emi-calculator-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.emi-calculator-tab__button {
position: relative;
display: block;
max-width: 400px;
width: 100%;
min-height: 610px;
float: left;
}

.emi-calculator-tab__button--bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #646464;
background-blend-mode: luminosity;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}

.emi-calculator-tab__button .tabs-button-box {
position: absolute;
top: 60px;
right: -30px;
z-index: 10;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item {
position: relative;
display: block;
margin-bottom: 20px;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item:last-child {
margin-bottom: 0;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box {
position: relative;
display: block;
width: 80px;
height: 80px;
background-color: rgb(255, 255, 255);
border-radius: 50%;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
color: var(--thm-black);
font-size: 40px;
line-height: 80px;
text-align: center;
transition: all 200ms linear;
transition-delay: 0.1s;
cursor: pointer;
z-index: 10;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item:hover .icon-box,
.emi-calculator-tab__button .tabs-button-box .tab-btn-item.active-btn-item .icon-box {
color: #ffffff;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
transform: scale(0);
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
z-index: -1;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item:hover .icon-box:before,
.emi-calculator-tab__button .tabs-button-box .tab-btn-item.active-btn-item .icon-box:before {
transform: scale(1.0);
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box .overlay-text {
position: absolute;
top: 0;
right: 100%;
width: 200px;
text-align: right;
bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 25px;
opacity: 0;
transform: translateX(20px);
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: -1;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item:hover .icon-box .overlay-text,
.emi-calculator-tab__button .tabs-button-box .tab-btn-item.active-btn-item .icon-box .overlay-text {
opacity: 1;
transform: translateX(0px);
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box .overlay-text p {
position: relative;
display: inline-block;
background-color: #ffffff;
padding: 8px 15px 8px;
color: var(--thm-black);
font-size: 16px;
line-height: 20px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box .overlay-text p:before {
content: "";
position: absolute;
top: 50%;
right: -10px;
transform: translateY(-50%);
border-left: 10px solid #ffffff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}


.emi-calculator-tab-content-box-outer {
position: relative;
display: block;
max-width: 770px;
width: 100%;
float: left;
min-height: 610px;
padding: 56px 100px 0;
padding-right: 60px;
background-image: -moz-linear-gradient(-90deg, rgb(247, 241, 235) 0%, rgb(255, 255, 255) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(247, 241, 235) 0%, rgb(255, 255, 255) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(247, 241, 235) 0%, rgb(255, 255, 255) 100%);
}



.emi-calculator-tab .tabs-content-box {
position: relative;
display: block;
}

.emi-calculator-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.emi-calculator-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.emi-calculator-tab .tab-content-box-item .emi-calculator-tab-content-box-item {
opacity: 0;
transform: scaleY(1.0) translateY(-10px);
transition: all 500ms linear;
transition-delay: 0.1s;
}

.emi-calculator-tab .tab-content-box-item.tab-content-box-item-active .emi-calculator-tab-content-box-item {
opacity: 1.0;
transform: scaleY(1) translateY(0px);
}



.range-box {
position: relative;
display: block;
}


.price-range-box {
position: relative;
display: block;
padding-right: 140px;
margin-bottom: 28px;
}

.price-range-box .inner {
position: relative;
display: block;
}

.price-range-box h4 {
font-size: 18px;
line-height: 20px;
margin: 0 0 11px;
}

.price-range-box .price-range-slider {
border: none;
height: 8px;
background-color: rgb(255, 255, 255);
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
border-radius: 0;
}

.price-range-box .price-range-slider .ui-slider-range {
border-radius: 0;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
}

.price-range-box .price-range-slider.ui-slider .ui-slider-handle {
position: absolute;
content: '';
top: 0px;
width: 2px;
height: 16px;
border: none;
border-radius: 0%;
cursor: pointer;
margin-left: 0px;
background-image: none;
background-color: rgb(207, 23, 60);
outline: none;
}

.price-range-box .range-input {
position: relative;
display: block;
padding-top: 7px;
}

.price-range-box .range-input .input {
position: relative;
display: block;
}

.price-range-box .range-input .input input {
position: relative;
display: block;
color: #7f7873;
font-size: 16px;
line-height: 26px;
font-family: var(--thm-font);
border: none;
background: transparent;
width: 100%;
}

.price-range-box .right-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 110px;
height: 50px;
border: 1px solid #e3ddd7;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}

.price-range-box .right-box h5 {
font-size: 16px;
line-height: 16px;
font-weight: 500;
}



.loan-term-range-box {
position: relative;
display: block;
padding-right: 140px;
margin-bottom: 28px;
}

.loan-term-range-box .inner {
position: relative;
display: block;
}

.loan-term-range-box h4 {
font-size: 18px;
line-height: 20px;
margin: 0 0 11px;
}

.loan-term-range-box h4 span {
font-weight: 400;
}

.loan-term-range-box .loan-term-range-slider {
border: none;
height: 8px;
background-color: rgb(255, 255, 255);
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
border-radius: 0;
}

.loan-term-range-box .loan-term-range-slider .ui-slider-range {
border-radius: 0;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
}

.loan-term-range-box .loan-term-range-slider.ui-slider .ui-slider-handle {
position: absolute;
content: '';
top: 0px;
width: 2px;
height: 16px;
border: none;
border-radius: 0%;
cursor: pointer;
margin-left: 0px;
background-image: none;
background-color: rgb(207, 23, 60);
}

.loan-term-range-box .range-input {
position: relative;
display: block;
padding-top: 7px;
}

.loan-term-range-box .range-input .input {
position: relative;
display: block;
}

.loan-term-range-box .range-input .input input {
position: relative;
display: block;
color: #7f7873;
font-size: 16px;
line-height: 26px;
font-family: var(--thm-font);
border: none;
background: transparent;
width: 100%;
}

.loan-term-range-box .right-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 110px;
height: 50px;
border: 1px solid #e3ddd7;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}

.loan-term-range-box .right-box h5 {
font-size: 16px;
line-height: 16px;
font-weight: 500;
}




.interest-rate-range-box {
position: relative;
display: block;
padding-right: 140px;
}

.interest-rate-range-box .inner {
position: relative;
display: block;
}

.interest-rate-range-box h4 {
font-size: 18px;
line-height: 20px;
margin: 0 0 11px;
}

.interest-rate-range-box .interest-rate-range-slider {
border: none;
height: 8px;
background-color: rgb(255, 255, 255);
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
border-radius: 0;
}

.interest-rate-range-box .interest-rate-range-slider .ui-slider-range {
border-radius: 0;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
}

.interest-rate-range-box .interest-rate-range-slider.ui-slider .ui-slider-handle {
position: absolute;
content: '';
top: 0px;
width: 2px;
height: 16px;
border: none;
border-radius: 0%;
cursor: pointer;
margin-left: 0px;
background-image: none;
background-color: rgb(207, 23, 60);
}

.interest-rate-range-box .range-input {
position: relative;
display: block;
padding-top: 7px;
}

.interest-rate-range-box .range-input .input {
position: relative;
display: block;
}

.interest-rate-range-box .range-input .input input {
position: relative;
display: block;
color: #7f7873;
font-size: 16px;
line-height: 26px;
font-family: var(--thm-font);
border: none;
background: transparent;
width: 100%;
}

.interest-rate-range-box .right-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 110px;
height: 50px;
border: 1px solid #e3ddd7;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}

.interest-rate-range-box .right-box h5 {
font-size: 16px;
line-height: 16px;
font-weight: 500;
}



.emi-calculator-output-box {
position: relative;
display: block;
padding: 40px 30px 40px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
margin-top: 53px;
}

.emi-calculator-output-box:before {
content: "";
position: absolute;
top: 40px;
left: 50%;
bottom: 40px;
width: 1px;
background-color: #f2ece7;
}

.emi-calculator-output-box .left-box {
position: relative;
display: block;
width: 50%;
float: left;
}

.emi-calculator-output-box .left-box .top {
position: relative;
display: block;
overflow: hidden;
padding-left: 60px;
}

.emi-calculator-output-box .left-box .top .icon {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
border: 1px solid #f7f1eb;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--thm-base);
font-size: 30px;
}

.emi-calculator-output-box .left-box .top .inner-title {
position: relative;
display: block;
padding-left: 20px;
}

.emi-calculator-output-box .left-box .top .inner-title h3 {
color: #7f7873;
font-size: 18px;
line-height: 18px;
font-weight: 500;
margin: 0 0 12px;
}

.emi-calculator-output-box .left-box .top .inner-title h2 {
font-size: 30px;
line-height: 30px;
}

.emi-calculator-output-box .left-box .top .inner-title h2 span {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 20px;
padding-right: 5px;
top: -5px;
}

.emi-calculator-output-box .left-box .btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 30px;
}

.emi-calculator-output-box .left-box .btns-box a {
line-height: 50px;
}

.emi-calculator-output-box .left-box .btns-box a:after {
background-color: #f7f1eb;
}


.emi-calculator-output-box .right-box {
position: relative;
display: block;
float: left;
width: 50%;
padding-left: 30px;
}

.emi-calculator-output-box .right-box ul {
position: relative;
display: block;
overflow: hidden;
}

.emi-calculator-output-box .right-box ul li {
position: relative;
display: block;
}

.emi-calculator-output-box .right-box ul li+li {
border-top: 1px solid #f2ece7;
padding-top: 18px;
margin-top: 18px;
}

.emi-calculator-output-box .right-box ul li .inner {
position: relative;
display: block;
padding-left: 30px;
}

.emi-calculator-output-box .right-box ul li .icon {
position: absolute;
top: 4px;
left: 0;
color: var(--thm-base);
font-size: 15px;
}

.emi-calculator-output-box .right-box ul li .text {
position: relative;
display: block;
}

.emi-calculator-output-box .right-box ul li .text a {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.emi-calculator-output-box .right-box ul li .text p {
margin: 1px 0 0;
}


/***
=============================================
Emi Calculator Style2 Area Css
=============================================
***/
.emi-calculator-style2-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.emi-calculator-style2-area .sec-title .sub-title p {
color: #797c7f;
}

.emi-calculator-tab--style2 {
position: relative;
display: block;
}

.emi-calculator-tab--style2 .emi-calculator-tab__button .tabs-button-box .tab-btn-item .icon-box:before {
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
}

.emi-calculator-tab--style2 .emi-calculator-tab-content-box-outer {
background-image: -moz-linear-gradient(-90deg, rgb(245, 248, 247) 0%, rgb(255, 255, 255) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(245, 248, 247) 0%, rgb(255, 255, 255) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(245, 248, 247) 0%, rgb(255, 255, 255) 100%);
}


.emi-calculator-tab--style2 .price-range-box .price-range-slider .ui-slider-range {
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
}

.emi-calculator-tab--style2 .price-range-box .price-range-slider.ui-slider .ui-slider-handle {
background-color: var(--thm-base);
}

.emi-calculator-tab--style2 .price-range-box .right-box {
border: 1px solid #e1e6e4;
}

.emi-calculator-tab--style2 .price-range-box .range-input .input input {
color: #797c7f;
}


.emi-calculator-tab--style2 .loan-term-range-box .loan-term-range-slider .ui-slider-range {
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
}

.emi-calculator-tab--style2 .loan-term-range-box .loan-term-range-slider.ui-slider .ui-slider-handle {
background-color: var(--thm-base);
}

.emi-calculator-tab--style2 .loan-term-range-box .right-box {
border: 1px solid #e1e6e4;
}

.emi-calculator-tab--style2 .loan-term-range-box .range-input .input input {
color: #797c7f;
}


.emi-calculator-tab--style2 .interest-rate-range-box .interest-rate-range-slider .ui-slider-range {
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
}

.emi-calculator-tab--style2 .interest-rate-range-box .interest-rate-range-slider.ui-slider .ui-slider-handle {
background-color: var(--thm-base);
}

.emi-calculator-tab--style2 .interest-rate-range-box .right-box {
border: 1px solid #e1e6e4;
}

.emi-calculator-tab--style2 .interest-rate-range-box .range-input .input input {
color: #797c7f;
}


.emi-calculator-tab--style2 .emi-calculator-output-box .left-box .top .icon {
border: 1px solid #e6ebe9;
}

.emi-calculator-tab--style2 .emi-calculator-output-box .left-box .top .inner-title h3 {
color: #797c7f;
}

.emi-calculator-tab--style2 .emi-calculator-output-box .left-box .btns-box a:after {
background-color: #f5f8f7;
}

.emi-calculator-tab--style2 .emi-calculator-output-box:before {
background-color: #e6ebe9;
}

.emi-calculator-tab--style2 .emi-calculator-output-box .right-box ul li .text p {
color: #797c7f;
}

.emi-calculator-tab--style2 .emi-calculator-output-box .right-box ul li+li {
border-top: 1px solid #e6ebe9;
}



/***
=============================================
Slogan Area Css
=============================================
***/
.slogan-area {
position: relative;
display: block;
background-color: rgb(26, 28, 35);
}

.slogan-content-box {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 75px 0;
z-index: 1;
}

.slogan-content-box-bg {
position: absolute;
top: 0;
left: 300px;
bottom: 0;
right: 100px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
background-color: #1a1c23;
background-blend-mode: luminosity;
z-index: -1;
}

.slogan-content-box-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(26, 28, 35);
background: linear-gradient(270deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 1) 5%, rgba(26, 28, 35, 0.4990371148459384) 40%, rgba(26, 28, 35, 1) 95%, rgba(26, 28, 35, 1) 100%);
}

.slogan-content-box .inner-title {
position: relative;
display: block;
}

.slogan-content-box .inner-title h2 {
color: #ffffff;
font-size: 36px;
line-height: 46px;
font-weight: 500;
margin: 0 0 7px;
}

.slogan-content-box .inner-title p {
color: #b8b4b1;
}



.get-app-box {
position: relative;
display: block;
}

.get-app-box ul {
position: relative;
display: block;
}

.get-app-box ul li {
position: relative;
display: block;
float: left;
margin-right: 20px;
}

.get-app-box ul li:last-child {
margin-right: 0;
}

.get-app-box ul li a {
position: relative;
display: flex;
align-items: center;
background-color: #f8f6f3;
padding: 16px 30px 17px;
transition: all 200ms linear;
transition-delay: 0.1s;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}



.get-app-box ul li a:hover {
background-color: var(--thm-base);
}

.get-app-box ul li a .icon {
width: 30px;
line-height: 0;
}

.get-app-box ul li a .icon span {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 20px;
line-height: 20px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.get-app-box ul li a:hover .icon span {
color: #ffffff;
}


.get-app-box ul li a .text {
position: relative;
flex: 1;
}

.get-app-box ul li a .text h4 {
color: var(--thm-black);
font-size: 18px;
line-height: 22px;
font-weight: 500;
text-transform: capitalize;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.get-app-box ul li a:hover .text h4 {
color: #ffffff;
}


.get-app-box ul li a.style2 {
background-color: var(--thm-base);
}

.get-app-box ul li a.style2 .icon span {
color: #ffffff;
}

.get-app-box ul li a.style2 .text h4 {
color: #ffffff;
}

.get-app-box ul li a.style2:hover {
background-color: #f8f6f3;
}

.get-app-box ul li a.style2:hover .icon span {
color: var(--thm-base);
}

.get-app-box ul li a.style2:hover .text h4 {
color: var(--thm-base);
}



/***
=============================================
Slogan Area Style2 Css
=============================================
***/
.slogan-area--style2 {
background: #067689;
}

.slogan-content-box--style2 {
position: relative;
}

.slogan-content-box--style2 .inner-title p {
color: #ffffff;
}

.slogan-content-box--style2 .slogan-content-box-bg {
background-color: var(--thm-base);
}

.slogan-content-box--style2 .slogan-content-box-bg:before {
background: rgb(6, 118, 137);
background: linear-gradient(270deg, rgba(6, 118, 137, 1) 0%, rgba(6, 118, 137, 1) 5%, rgba(6, 118, 137, 0.4990371148459384) 40%, rgba(6, 118, 137, 1) 95%, rgba(6, 118, 137, 1) 100%);
}



/***
=============================================
Individual Corporate Banking Area Css
=============================================
***/
.individual-corporate-banking-area {
position: relative;
display: block;
z-index: 10;
}

.individual-corporate-banking-area .container {
max-width: 100%;
padding: 0;
}

.individual-corporate-banking-area .container .row {
--bs-gutter-x: 0px;
}



.individual-banking {
position: relative;
display: block;
overflow: hidden;
padding: 93px 0 70px;
z-index: 1;
}

.individual-banking-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
background-color: #1a1c23;
background-blend-mode: luminosity;
z-index: -1;
}

.individual-banking-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(26, 28, 35);
background: linear-gradient(90deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 0) 0%, rgba(26, 28, 35, 0) 40%, rgba(26, 28, 35, 0.3701855742296919) 51%, rgba(26, 28, 35, 0.9472163865546218) 65%, rgba(26, 28, 35, 1) 100%);
}

.individual-banking-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #1a1c23;
opacity: 0.80;
}


.individual-banking__inner {
position: relative;
display: block;
max-width: 670px;
width: 100%;
float: right;
padding-right: 100px;
z-index: 2;
}

.individual-banking__inner .sec-title {
margin-top: 0px;
padding-bottom: 55px;
}

.individual-banking__inner .sec-title h2 {
color: #ffffff;
}

.individual-banking__inner .sec-title .sub-title p {
color: #a5a6aa;
}


.individual-banking__inner-content {
position: relative;
display: block;
overflow: hidden;
}

.individual-banking__inner-content ul {
position: relative;
display: block;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}

.individual-banking__inner-content ul li {
position: relative;
display: block;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}

.single-features-of-banking {
position: relative;
display: block;
background-color: #272a32;
border: 1px solid #363a42;
text-align: center;
padding: 30px 0px 0;
width: 170px;
margin: 0 auto 30px;
z-index: 1;
}

.single-features-of-banking:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
border-right: 55px solid #30343c;
border-top: 102px solid transparent;
border-bottom: 102px solid transparent;
}

.single-features-of-banking::after {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
border: 1px solid var(--thm-base);
z-index: -1;
opacity: 0;
transform: perspective(400px) scaleX(0.7);
transform-origin: center;
}

.single-features-of-banking:hover::after {
opacity: 1;
transform: perspective(400px) scaleX(1.0);
transition: all 300ms linear;
transition-delay: 0.1s;
}

.single-features-of-banking .icon-holder {
font-size: 40px;
}

.single-features-of-banking h3 {
font-size: 20px;
line-height: 28px;
margin: 12px 0 11px;
}

.single-features-of-banking h3 a {
color: #ffffff;
}

.single-features-of-banking .btn-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
padding-top: 9px;
z-index: 1;
}

.single-features-of-banking .btn-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
border-bottom: 55px solid #30343c;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
}

.single-features-of-banking:hover .btn-box:before {
border-bottom-color: var(--thm-base);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-features-of-banking .btn-box a {
position: relative;
display: inline-block;
color: #a5a6aa;
font-size: 15px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-features-of-banking:hover .btn-box a {
color: #ffffff;
}



.single-features-of-banking.more-services {
background-color: transparent;
border: none;
padding: 34px 0px 0;
box-shadow: none;
margin-top: 1px;
}

.single-features-of-banking.more-services:before {
display: none;
}

.single-features-of-banking.more-services:after {
display: none;
}


.single-features-of-banking .more-service-box {
position: relative;
display: block;
padding: 2px 0 32px;
}

.single-features-of-banking .more-service-box a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 50%;
color: #747579;
font-size: 40px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-features-of-banking .more-service-box a:hover {
color: #ffffff;
background-color: var(--thm-base);
}

.single-features-of-banking .more-service-box h3 {
color: #ffffff;
font-size: 18px;
line-height: 20px;
margin: 16px 0 0;
}




.corporate-banking {
position: relative;
display: block;
overflow: hidden;
padding: 93px 0 70px;
z-index: 1;
}

.corporate-banking-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
background-color: #1a1c23;
background-blend-mode: luminosity;
z-index: -1;
}

.corporate-banking-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;

background: rgb(26, 28, 35);
background: linear-gradient(90deg, rgba(26, 28, 35, 1) 0%, rgba(245, 248, 247, 1) 0%, rgba(245, 248, 247, 1) 30%, rgba(245, 248, 247, 1) 40%, rgba(245, 248, 247, 1) 55%, rgba(245, 248, 247, 0) 100%);
}

.corporate-banking-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #f5f8f7;
opacity: 0.80;
}

.corporate-banking__inner {
position: relative;
display: block;
max-width: 670px;
width: 100%;
float: left;
padding-left: 100px;
z-index: 2;
}

.corporate-banking__inner .sec-title {
margin-top: 0px;
padding-bottom: 55px;
}

.corporate-banking__inner .sec-title h2 {
color: var(--thm-black);
}

.corporate-banking__inner .sec-title .sub-title p {
color: #797c7f;
}

.corporate-banking__inner-content {
position: relative;
display: block;
overflow: hidden;
}

.corporate-banking__inner-content ul {
position: relative;
display: block;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}

.corporate-banking__inner-content ul li {
position: relative;
display: block;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}


.single-features-of-banking--style2 {
border-color: #e1e6e4;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.single-features-of-banking--style2 h3 a {
color: var(--thm-black);
}

.single-features-of-banking--style2:before {
border-right: 55px solid #f5f8f7;
}

.single-features-of-banking--style2 .btn-box:before {
border-bottom: 55px solid #f5f8f7;
}

.single-features-of-banking--style2 .more-service-box h3 {
color: var(--thm-black);
}



/***
=============================================
Service Request Area Css
=============================================
***/
.service-request-area {
position: relative;
display: block;
z-index: 10;
}

.service-request-area .container {
max-width: 100%;
padding: 0;
}

.service-request-area__inner {
--bs-gutter-x: 0px;
}

.service-request-content-one {
position: relative;
display: block;
min-height: 730px;
z-index: 1;
}

.service-request-content-one-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-color: #646464;
background-blend-mode: luminosity;
z-index: -1;
}


.service-request-content-one__title {
position: absolute;
left: 0;
bottom: 0;
right: 0;
min-height: 320px;
z-index: 2;
padding: 92px 80px 85px;
}

.service-request-content-one__title:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 70%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 70%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 70%);
clip-path: polygon(0 0, 100% 110px, 100% 100%, 0% 100%);
z-index: -1;
}

.service-request-content-one__title:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #028835;
opacity: 0.70;
clip-path: polygon(0 110px, 100% 0, 100% 100%, 0% 100%);
z-index: -2;
}

.service-request-content-one__title .sec-title {
margin-top: 0px;
padding-bottom: 0px;
}

.service-request-content-one__title .sec-title h2 {
color: #ffffff;
}

.service-request-content-one__title .sec-title .sub-title p {
color: #ffffff;
}



.service-request-content-two {
position: relative;
display: block;
min-height: 730px;
z-index: 1;
}

.service-request-content-two-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-color: #1a1c23;
background-blend-mode: luminosity;
z-index: -1;
}

.service-request-content-two-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #1a1c23;
opacity: 0.90;
}

.service-request-content-two__inner {
position: relative;
display: block;
}

.service-request-content-two__inner>ul.row {
--bs-gutter-x: 0;
}

.service-request-content-two__inner>ul.row>li {
position: relative;
}

.service-request-content-two__inner>ul.row>li:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: #363841;
}

.service-request-content-two__inner>ul.row>li+li {
border-left: 1px solid #363841;
}



.single-service-request-content-box {
position: relative;
display: block;
overflow: hidden;
}

.single-service-request-content-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #1f2129;
z-index: 1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(-100%);
-ms-transform: perspective(400px) rotateX(0deg) translateY(-100%);
transform: perspective(400px) rotateX(0deg) translateY(-100%);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .2s;
transition-property: all;
}

.single-service-request-content-box:hover:before {
opacity: 1.0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0%);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0%);
transform: perspective(400px) rotateX(0deg) translateY(-0%);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
}

.single-service-request-content-box .static-content {
position: relative;
display: block;
overflow: hidden;
min-height: 365px;
padding: 30px 30px 30px;
}

.single-service-request-content-box .icon {
position: absolute;
top: 30px;
right: 30px;
font-size: 50px;
}

.single-service-request-content-box .more-btn {
position: absolute;
left: 30px;
bottom: 30px;
line-height: 0;
}

.single-service-request-content-box .more-btn a {
position: relative;
display: inline-block;
}

.single-service-request-content-box .more-btn a span {
position: relative;
display: inline-block;
font-size: 70px;
line-height: 70px;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #373a42;
}

.single-service-request-content-box .inner-title {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.single-service-request-content-box .inner-title h3 {
color: #ffffff;
font-size: 26px;
line-height: 30px;
margin: 0 0 11px;
}

.single-service-request-content-box .inner-title h4 {
color: #a5a6aa;
font-size: 18px;
}

.single-service-request-content-box .overlay-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 36px 30px 30px;
z-index: 2;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(100%);
-ms-transform: perspective(400px) rotateX(0deg) translateY(100%);
transform: perspective(400px) rotateX(0deg) translateY(100%);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .2s;
transition-property: all;
}

.single-service-request-content-box:hover .overlay-content {
opacity: 1.0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0%);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0%);
transform: perspective(400px) rotateX(0deg) translateY(-0%);
transition-delay: .3s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
}


.single-service-request-content-box .overlay-content .title {
position: relative;
display: inline-flex;
}

.single-service-request-content-box .overlay-content .title:before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
right: 0;
height: 4px;
background-color: var(--thm-base);
}

.single-service-request-content-box .overlay-content .title h3 {
color: #ffffff;
font-size: 22px;
line-height: 24px;
}

.single-service-request-content-box .overlay-content ul {
position: relative;
display: block;
padding-top: 24px;
}

.single-service-request-content-box .overlay-content ul li {
position: relative;
display: block;
padding-left: 25px;
color: #a5a6aa;
font-size: 18px;
line-height: 30px;
font-family: var(--thm-font-2);
}

.single-service-request-content-box .overlay-content ul li+li {
border-top: 1px solid #3a3b43;
padding-top: 10px;
margin-top: 10px;
}

.single-service-request-content-box .overlay-content ul li:before {
font-family: 'icomoon' !important;
position: absolute;
top: 20px;
left: 0;
content: "\ea06";
font-size: 12px;
line-height: 12px;
}

.single-service-request-content-box .overlay-content ul li:first-child::before {
top: 9px;
}



/***
=============================================
Locker Facility Area Css
=============================================
***/
.locker-facility-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.locker-facility-highlights {
position: relative;
display: block;
padding: 50px 0 50px;
background-image: -moz-linear-gradient(0deg, rgb(245, 248, 247) 80%, rgb(255, 255, 255) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(245, 248, 247) 80%, rgb(255, 255, 255) 100%);
background-image: -ms-linear-gradient(0deg, rgb(245, 248, 247) 80%, rgb(255, 255, 255) 100%);
}

.locker-facility-highlights .img-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.locker-facility-highlights .img-box .inner {
position: relative;
display: inline-block;
}

.locker-facility-highlights .img-box .icon {
position: absolute;
left: -70px;
bottom: 50px;
width: 130px;
height: 130px;
border-radius: 50%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
font-size: 70px;
display: flex;
align-items: center;
justify-content: center;
}


.locker-facility-highlights .single-box {
position: absolute;
display: block;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding-top: 12px;
padding-left: 45px;
padding-bottom: 12px;
padding-right: 20px;
z-index: 3;
}

.locker-facility-highlights .single-box .icon {
position: absolute;
top: 12px;
left: 20px;
color: var(--thm-base);
font-size: 18px;
line-height: 26px;
}

.locker-facility-highlights .single-box.one {
top: 60px;
left: 50px;
}

.locker-facility-highlights .single-box.two {
top: 120px;
right: 70px;
}

.locker-facility-highlights .single-box.three {
right: 30px;
bottom: 120px;
}



.locker-facility-text-box {
position: relative;
display: block;
padding-top: 50px;
}

.locker-facility-text-box .sec-title {
padding-bottom: 32px;
}

.locker-facility-text-box .text-box {
position: relative;
display: block;
padding-bottom: 34px;
}

.locker-facility-text-box .btns-box {
position: relative;
display: block;
line-height: 0;
padding-bottom: 40px;
}

.locker-facility-text-box .btns-box a {
background-color: #f5f8f7;
}

.locker-facility-text-box .btns-box a:after {
background-color: #f5f8f7;
}

.faq-question-btn {
position: relative;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
padding-left: 90px;
min-height: 70px;
}

.faq-question-btn .icon {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
border-radius: 50%;
color: #ffffff;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
}

.faq-question-btn p {
line-height: 16px;
margin: 0 0 13px;
}

.faq-question-btn a {
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 18px;
line-height: 16px;
font-weight: 500;
font-family: var(--thm-font-2);
text-transform: uppercase;
}

.faq-question-btn a span::before {
position: relative;
display: inline-block;
font-size: 14px;
padding-right: 7px;
color: var(--thm-base);
}



/***
=============================================
Facts Area Css
=============================================
***/
.facts-area {
position: relative;
display: block;
padding: 100px 0 50px;
z-index: 10;
}

.facts-area-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-color: var(--thm-black);
background-blend-mode: luminosity;
z-index: -1;
}

.facts-area-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--thm-black);
opacity: 0.75;
}

.facts-area-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(26, 28, 35);
background: linear-gradient(0deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 0.700717787114846) 40%, rgba(26, 28, 35, 0.4962359943977591) 60%, rgba(26, 28, 35, 0) 100%);
}

.facts-area .sec-title h2 {
color: #ffffff;
}

.facts-area .sec-title .sub-title p {
color: #a5a6aa;
}



.single-fact-box {
position: relative;
display: block;
text-align: center;
margin-bottom: 43px;
}

.single-fact-box .icon {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 130px;
height: 130px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, .30);
border-radius: 50%;
font-size: 60px;
color: #ffffff;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.single-fact-box:hover .icon {
color: var(--thm-base);
border: 1px solid rgba(255, 255, 255, 1.0);
}

.single-fact-box .icon:before {
content: "";
position: absolute;
top: 0;
left: 0px;
bottom: 0px;
right: 0;
background-color: #ffffff;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}

.single-fact-box:hover .icon:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}

.single-fact-box .text {
position: relative;
display: block;
padding-top: 31px;
}

.single-fact-box .text h3 {
color: #ffffff;
font-size: 22px;
line-height: 24px;
margin: 0 0 8px;
}

.single-fact-box .text p {
color: #a5a6aa;
}



/***
=============================================
Features Style4 Area Css
=============================================
***/
.features-style4-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.features-style4-area:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
z-index: -1;
background-image: -moz-linear-gradient(-90deg, rgb(245, 248, 247) 65%, rgb(255, 255, 255) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(245, 248, 247) 65%, rgb(255, 255, 255) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(245, 248, 247) 65%, rgb(255, 255, 255) 100%);
}



.features-style4-title-box {
position: relative;
display: block;
}

.features-style4-title-box .sec-title {
padding-bottom: 34px;
}

.features-style4-title-box .sec-title h2 {
text-transform: none;
}

.features-style4-title-box .sec-title .sub-title {
padding-top: 23px;
}

.features-style4-title-box .btns-box {
position: relative;
display: block;
line-height: 0;
}

.features-style4-title-box .btns-box .btn-one {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}


.app-screen {
position: relative;
display: block;
}

.app-screen img {
width: 100%;
}

.account-creation-step {
position: relative;
display: block;
margin-top: 10px;
}

.account-creation-step ul {
position: relative;
display: block;
}

.account-creation-step ul li {
position: relative;
display: block;
margin-bottom: 51px;
}

.account-creation-step ul li:last-child {
margin-bottom: 0;
}

.account-creation-step .single-step {
position: relative;
display: block;
padding-left: 100px;
}

.account-creation-step .single-step .counting {
position: absolute;
top: -10px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
border-radius: 50%;
border: 1px solid #e6ebe9;
background-color: #ffffff;
color: #a8a8a8;
font-size: 22px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 300ms linear;
transition-delay: 0.2s;
z-index: 1;
}

.account-creation-step .single-step .counting::after {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: -110px;
width: 1px;
background: #e6ebe9;
content: "";
margin: 0 auto;
z-index: 1;
}

.account-creation-step .single-step .lnone.counting::after {
display: none;
}

.account-creation-step .single-step:hover .counting {
color: #ffffff;
}

.account-creation-step .single-step .counting::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -moz-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
background-image: -ms-linear-gradient(180deg, rgb(37, 184, 93) 0%, rgb(2, 136, 53) 100%);
border-radius: 50%;
transition: all 300ms linear;
transition-delay: 0.2s;
transform: scale(0.7);
opacity: 0;
z-index: -1;
content: "";
}

.account-creation-step .single-step:hover .counting::before {
transform: scale(1.0);
opacity: 1;
}

.account-creation-step .single-step .text-box {
position: relative;
display: block;
background: #f5f8f7;
padding: 22px 30px 23px;
}

.account-creation-step .single-step .text-box::before {
position: absolute;
top: -10px;
left: 0;
right: 0;
background: #f5f8f7;
height: 5px;
content: "";
}

.account-creation-step .single-step .text-box h3 {
font-size: 22px;
line-height: 32px;
font-weight: 500;
text-transform: none;
margin-bottom: 9px;
}

.account-creation-step .single-step .text-box p {
margin: 0;
}




/***
=============================================
Offers Area Css
=============================================
***/
.offers-area {
position: relative;
display: block;
background-color: #f5f8f7;
padding-top: 100px;
padding-bottom: 93px;
}

.single-offer-box {
position: relative;
display: block;
background: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 30px 30px 24px;
margin-bottom: 30px;
}

.single-offer-box .top {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding-bottom: 26px;
}

.single-offer-box .top .offer-logo {
position: relative;
display: block;
}

.single-offer-box .top .offer-logo img {
width: auto;
}

.single-offer-box .top .date-box {
position: relative;
display: block;
}

.single-offer-box .top .date-box p {
color: #797c7f;
}

.single-offer-box .category {
position: relative;
display: flex;
align-items: center;
}

.single-offer-box .category h4 {
color: var(--thm-base);
font-size: 16px;
line-height: 20px;
}

.single-offer-box .category .border-box {
position: relative;
display: block;
margin-left: 10px;
width: 70px;
height: 1px;
background-image: -moz-linear-gradient(0deg, rgb(37, 184, 93) 0%, rgba(37, 184, 93, 0) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(37, 184, 93) 0%, rgba(37, 184, 93, 0) 100%);
background-image: -ms-linear-gradient(0deg, rgb(37, 184, 93) 0%, rgba(37, 184, 93, 0) 100%);
}

.single-offer-box h3 {
font-size: 22px;
line-height: 30px;
margin: 9px 0 15px;
}

.single-offer-box .bottom {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.single-offer-box .bottom .btn-box {
position: relative;
display: block;
}

.single-offer-box .bottom .btn-box a {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.single-offer-box .bottom .btn-box a span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
font-size: 16px;
}


.single-offer-box .bottom .share-btn {
position: relative;
display: block;
}

.single-offer-box .bottom .share-btn a {
color: #797c7f;
font-size: 16px;
}

.single-offer-box .bottom .share-btn a span {
position: relative;
top: 2px;
display: inline-block;
padding-right: 7px;
font-size: 18px;
}



.subscribe-box-style1 {
position: relative;
display: block;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 50px 30px 50px;
text-align: center;
}

.subscribe-box-style1 .icon {
position: relative;
display: inline-block;
}

.subscribe-box-style1 .inner-title {
position: relative;
display: block;
padding-top: 15px;
padding-bottom: 23px;
}

.subscribe-box-style1 .inner-title h3 {
font-size: 22px;
line-height: 30px;
margin: 0 0 5px;
}

.subscribe-box-style1 .inner-title p {
color: #797c7f;
}



.subscribe-form-style1 {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.subscribe-form-style1 .input-box {
position: relative;
display: block;
width: 100%;
}

.subscribe-form-style1 .input-box input[type="email"] {
position: relative;
display: block;
width: 100%;
height: 52px;
padding: 0 22px;
padding-right: 50px;
background: #ffffff;
border: 1px solid #e6ebe9;
color: #797c7f;
font-size: 16px;
font-weight: 400;
font-style: normal;
border-radius: 0px;
transition: all 500ms ease;
font-family: var(--thm-font);
}

.subscribe-form-style1 .input-box .inner-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
color: #b1b2b5;
font-size: 14px;
line-height: 14px;
}

.subscribe-form-style1 input::-webkit-input-placeholder {
color: #808080;
}

.subscribe-form-style1 input:-moz-placeholder {
color: #808080;
}

.subscribe-form-style1 input::-moz-placeholder {
color: #808080;
}

.subscribe-form-style1 input:-ms-input-placeholder {
color: #808080;
}

.subscribe-form-style1 button {
position: relative;
display: block;
margin-top: 20px;
line-height: 50px;
}

.subscribe-form-style1 button:after {
background-color: #f5f8f7;
}

.subscribe-form-style1 input[type="email"]:focus {
color: var(--thm-black);
}

.subscribe-form-style1 input[type="email"]:focus+button,
.subscribe-form-style1 button:hover {
color: #ffffff;
}


/** Subscribe Box Style2 Css **/
.subscribe-box-style1--style2 {
position: relative;
display: block;
background-color: #ffffff;
box-shadow: none;
padding: 0px 0px 0px;
text-align: center;
max-width: 570px;
width: 100%;
margin: 60px auto 0;
}

.subscribe-box-style1--style2 .inner-title {
padding-top: 16px;
padding-bottom: 25px;
}

.subscribe-box-style1--style2 .inner-title h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 5px;
}

.subscribe-box-style1--style2 button {
color: #ffffff;
}

.subscribe-box-style1--style2 button:after {
background-color: var(--thm-black);
}



.view-all-offer-btn {
position: relative;
display: block;
text-align: center;
padding-top: 13px;
}

.view-all-offer-btn a {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.view-all-offer-btn a span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
font-size: 16px;
}

.view-all-offer-btn a:hover {
color: var(--thm-base);
}



/***
=============================================
Awards Achivements Area Css
=============================================
***/
.awards-achivements-area {
position: relative;
display: block;
background-color: #f5f8f7;
padding: 100px 0 70px;
z-index: 10;
}

.awards-achivements-left-box {
position: relative;
display: block;
}

.single-awards-achivements-box {
position: relative;
display: block;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 23px 30px 23px;
margin-bottom: 30px;
}

.single-awards-achivements-box .top {
position: relative;
display: block;
padding-left: 60px;
margin-bottom: 17px;
}

.single-awards-achivements-box .top .icon {
position: absolute;
top: 7px;
left: 0;
}

.single-awards-achivements-box .top .inner-title {
position: relative;
display: block;
}

.single-awards-achivements-box .top .inner-title h3 {
font-size: 22px;
line-height: 30px;
}

.single-awards-achivements-box ul {
position: relative;
display: block;
border-top: 1px solid #e6ebe9;
padding-top: 23px;
}

.single-awards-achivements-box ul li {
position: relative;
display: block;
margin-bottom: 6px;
}

.single-awards-achivements-box ul li:last-child {
margin-bottom: 0;
}

.single-awards-achivements-box ul li span {
position: relative;
display: inline-block;
width: 85px;
}

.single-awards-achivements-box ul li b {
padding-right: 20px;
}


.awards-img-box {
position: relative;
display: block;
}

.awards-img-box .shape1 {
position: absolute;
top: 0;
left: 0;
}

.awards-img-box .shape2 {
position: absolute;
top: 0;
right: 0;
}

.awards-img-box .round-box {
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 370px;
height: 370px;
border-radius: 50%;
background-color: rgb(255, 255, 255);
z-index: -1;
}

.awards-img-box .inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}

.awards-img-box .inner img {
position: relative;
top: 20px;
width: auto;
}

.awards-achivements-right-box {
position: relative;
display: block;
}



/***
=============================================
Account Style1 Area Css
=============================================
***/
.account-style1-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 45px;
z-index: 10;
}

.cntry-wrp{
position: relative;
display: block;
background: #f0f5f6;
padding: 60px 0 0px;
z-index: 10;
margin-bottom: 80px;
}

.single-account-box-style1 {
position: relative;
display: block;
padding-right: 20px;
width: 365px;
margin: auto auto 30px;
}

.single-account-box-style1 .img-holder {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
}

.single-account-box-style1 .img-holder img {
width: 100%;
/*mix-blend-mode: luminosity;*/
}

.single-account-box-style1 .text-holder {
position: absolute;
left: 20px;
bottom: 20px;
right: 0;
background: #0f1f36cf;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding: 13px 16px 15px;
transition: all 200ms linear;
transition-delay: 0.1s;
height: 110px;

}

.single-account-box-style1:hover .text-holder {
background: #781536db;
}

.single-account-box-style1 .text-holder h3 {
position: relative;
display: block;
padding-left: 0px;
font-size: 19px;
line-height: 30px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-account-box-style1:hover .text-holder h3 {
padding-left: 25px;
}

.single-account-box-style1 .text-holder h3::before {
position: absolute;
top: 0;
left: 0;
opacity: 0;
color: #2cb4c5;
font-size: 15px;
font-family: 'icomoon' !important;
content: "\e90f";
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-account-box-style1:hover .text-holder h3::before {
opacity: 1;
}

.single-account-box-style1 .text-holder h3 a {
color: #f1f1f0;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-account-box-style1:hover .text-holder h3 a {
color: #ffffff;
}

.single-account-box-style1:hover .text-holder h3 a:hover {
color: #f6f8fb;
}

.single-account-box-style1 .text-holder p {
margin: 4px 0 0;
}

.single-account-box-style1:hover .text-holder p {
color: #bcbcbc;
}


.account-style1-area_btn {
position: relative;
display: block;
text-align: center;
padding-top: 14px;
}

.account-style1-area_btn a {
color: #102037;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.account-style1-area_btn a:hover {
color: #74a440;
}

.account-style1-area_btn a span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
color: #74a440;
font-size: 16px;
}



/***
=============================================
Banking Tab Area Css
=============================================
***/
.banking-tab-area {
position: relative;
display: block;
background-color: #0f1f36;
z-index: 10;
}

.banking-tab-area .auto-container {
max-width: 100%;
padding: 0;
}

.banking-tab {
position: relative;
display: block;
}

.banking-tab-img-box {
position: relative;
display: block;
min-height: 500px;
margin-right: 31.5px;
}

.banking-tab-img-box__bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-color: #646464;

}

.banking-tab-img-box__bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
/*background-image: -moz-linear-gradient(90deg, rgb(26, 28, 35) 0%, rgba(26, 28, 35, 0) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(26, 28, 35) 0%, rgba(26, 28, 35, 0) 100%);
background-image: -ms-linear-gradient(90deg, rgb(26, 28, 35) 0%, rgba(26, 28, 35, 0) 100%);*/
}



.banking-tab-text-box {
position: relative;
display: block;
max-width: 570px;
padding-top: 100px;
padding-left: 10px;
}

.banking-tab-text-box .inner-title {
position: relative;
display: block;
margin-top: -3px;
padding-bottom: 22px;
}

.banking-tab-text-box .inner-title h3 {
color: #cce2fc;
font-size: 18px;
line-height: 22px;
}

.banking-tab-text-box .inner-title h2 {
color: #ffffff;
font-size: 48px;
line-height: 1.1em;
font-weight: 500;
text-transform: capitalize;
margin: 17px 0 0;
}


.banking-tab-text-box__inner {
position: relative;
display: block;
}

.banking-tab-text-box__inner .text {
position: relative;
display: block;
padding-bottom: 24px;
}

.banking-tab-text-box__inner .text p {
color: #bcbcbc;
}

.banking-tab-text-box__inner ul {
position: relative;
display: block;
}

.banking-tab-text-box__inner ul li {
position: relative;
display: block;
padding-left: 35px;
color: #e0dbdb;
line-height: 30px;
}

.banking-tab-text-box__inner ul li+li {
margin-top: 7px;
}

.banking-tab-text-box__inner ul li:before {
content: "\e918";
font-family: 'icomoon' !important;
position: absolute;
top: 0;
left: 0;
color: #cce2fc;
font-size: 16px;
}



.banking-tab__button {
position: relative;
display: block;
max-width: 1200px;
padding: 0px 15px;
margin: -111px auto 0;
z-index: 100;
}

.banking-tab__button .tabs-button-box {
position: relative;
display: flex;
border: 1px solid rgba(255, 255, 255, .10);
border-bottom: none;
}

.banking-tab__button .tabs-button-box .tab-btn-item {
position: relative;
display: block;
width: 33.3333333333%;
width: 100%;
}

.banking-tab__button .tabs-button-box .tab-btn-item+.tab-btn-item {
border-left: 1px solid rgba(255, 255, 255, .10);
}

.banking-tab__button .tabs-button-box .tab-btn-item .inner {
position: relative;
display: flex;
align-items: center;
padding: 30px 30px 30px;
cursor: pointer;
z-index: 1;
}

.banking-tab__button .tabs-button-box .tab-btn-item .inner:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: 0;
right: -1px;
background-image: -moz-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);
background-image: -ms-linear-gradient(0deg, rgb(6, 118, 137) 0%, rgb(15, 180, 195) 100%);

transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}

.banking-tab__button .tabs-button-box .tab-btn-item:hover .inner:before,
.banking-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner:before {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
background-color: var(--thm-black);
}



.banking-tab .tabs-content-box {
position: relative;
display: block;
}

.banking-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.banking-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.banking-tab .tab-content-box-item .banking-tab-content-item {
transition: all 0.7s ease;
opacity: 0;
transform: scaleY(1.0);
transform-origin: top bottom;
}

.banking-tab .tab-content-box-item.tab-content-box-item-active .banking-tab-content-item {
opacity: 1.0;
transform: scaleY(1);
transform-origin: bottom top;
}




.banking-tab__button .tabs-button-box .tab-btn-item .inner .icon {
position: relative;
display: block;
width: 70px;
color: #ffffff;
font-size: 50px;
}

.banking-tab__button .tabs-button-box .tab-btn-item .inner .title {
position: relative;
flex: 1;
}

.banking-tab__button .tabs-button-box .tab-btn-item .inner .title h4 {
color: #ffffff;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
}

.banking-tab__button .tabs-button-box .tab-btn-item .inner .title h3 {
color: #ffffff;
font-size: 22px;
line-height: 24px;
margin: 10px 0 0;
}



/***
=============================================
Benefits Area Css
=============================================
***/
.benefits-area {
position: relative;
display: block;
background: #f0f5f6;
padding: 100px 0 93px;
}

ul.row.benefits-content {
--bs-gutter-x: 0px;
}

li.single-benefits-box-colum {
position: relative;
padding: 0 30px 39px;
}

li.single-benefits-box-colum:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
background-image: -moz-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 95%);
background-image: -webkit-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 95%);
background-image: -ms-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 95%);
}

li.single-benefits-box-colum:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
background-image: -moz-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 90%);
background-image: -webkit-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 90%);
background-image: -ms-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(15, 180, 195) 50%, rgb(247, 241, 235) 90%);
}

li.single-benefits-box-colum:last-child:before {
display: none;
}

li.single-benefits-box-colum:nth-child(3):before {
display: none;
}

li.single-benefits-box-colum:nth-child(4):after {
display: none;
}

li.single-benefits-box-colum:nth-child(5):after {
display: none;
}

li.single-benefits-box-colum:nth-child(6):after {
display: none;
}

li.single-benefits-box-colum:nth-child(4) {
padding-top: 45px;
padding-bottom: 0;
}

li.single-benefits-box-colum:nth-child(5) {
padding-top: 45px;
padding-bottom: 0;
}

li.single-benefits-box-colum:nth-child(6) {
padding-top: 45px;
padding-bottom: 0;
}

li.single-benefits-box-colum:nth-child(2) .single-benefits-box .icon {
background: linear-gradient(to right, #0f76a2 0%, #1297c5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

li.single-benefits-box-colum:nth-child(3) .single-benefits-box .icon {
background: linear-gradient(to right, #2159a7 0%, #327dc8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

li.single-benefits-box-colum:nth-child(4) .single-benefits-box .icon {
background: linear-gradient(to right, #3e3389 0%, #515bbd 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

li.single-benefits-box-colum:nth-child(5) .single-benefits-box .icon {
background: linear-gradient(to right, #649519 0%, #96c723 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

li.single-benefits-box-colum:nth-child(6) .single-benefits-box .icon {
background: linear-gradient(to right, #ff9238 0%, #ffc22c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.single-benefits-box {
position: relative;
display: block;
}

.single-benefits-box .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 70px;
height: 70px;
margin: 0 auto;
border: 1px solid #e0e6e7;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
background: linear-gradient(to right, #018795 0%, #0eced3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 35px;
z-index: 1;
}

.single-benefits-box .icon:before {
content: "";
position: absolute;
top: 0px;
left: 1px;
bottom: 0px;
right: 0px;
border: 1px solid #e0e6e7;
transform: rotate(45deg);
}

.single-benefits-box .text {
position: relative;
display: block;
padding-top: 26px;
}

.single-benefits-box .text h3 {
font-size: 22px;
line-height: 24px;
margin: 0 0 13px;
}

.single-benefits-box .text p {
color: #757c7d;
}



/***
=============================================
Benefits Style2 Area Css
=============================================
***/
.benefits-style2-area {
position: relative;
display: block;
background: #f7f1eb;
padding: 100px 0 93px;
}

.benefits-style2-area li.single-benefits-box-colum:before {
background-image: -moz-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 95%);
background-image: -webkit-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 95%);
background-image: -ms-linear-gradient(90deg, rgb(247, 241, 235) 5%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 95%);
}

.benefits-style2-area li.single-benefits-box-colum:after {
background-image: -moz-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 90%);
background-image: -webkit-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 90%);
background-image: -ms-linear-gradient(180deg, rgb(247, 241, 235) 10%, rgb(207, 23, 60) 50%, rgb(247, 241, 235) 90%);
}




/***
=============================================
Service Request Style2 Area Css
=============================================
***/
.service-request-style2-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 10;
}

.service-request-style2-img-box {
position: relative;
display: block;
padding-right: 20px;
}

.service-request-style2-img-box__inner {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.service-request-style2-img-box__inner:hover {
background-color: var(--thm-base);
}

.service-request-style2-img-box__inner img {
width: 100%;
mix-blend-mode: luminosity;
transform: scale(1.0);
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: all;
transition-property: all;
}

.service-request-style2-img-box__inner:hover img {
transform: scale(1.05) rotate(1deg);
}



.service-request-style2-content-box {
position: relative;
display: block;
}

.service-request-style2-content-box .pattern-bottom {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 50px;
}

.service-request-style2-content-box .sec-title {
padding-bottom: 32px;
margin-top: -7px;
}

.service-request-style2-content-box .sec-title .sub-title {
padding-top: 22px;
}

.service-request-style2-content-box .sec-title .sub-title p {
font-size: 16px;
line-height: 26px;
}


.service-request-style2-content-box__inner {
position: relative;
display: block;
}

.service-request-style2-content-box__inner ul {
position: relative;
display: block;
overflow: hidden;
}

.service-request-style2-content-box__inner ul li {
position: relative;
display: block;
width: 50%;
float: left;
margin-bottom: 40px;
}

.service-request-style2-content-box__inner ul li:nth-child(2) {
border-left: 1px solid #e6eced;
padding-left: 40px;
}

.service-request-style2-content-box__inner ul li:nth-child(4) {
border-left: 1px solid #e6eced;
padding-left: 40px;
}

.single-service-request-style2-box {
position: relative;
display: block;
}

.single-service-request-style2-box .icon {
position: relative;
display: block;
padding-bottom: 10px;
}

.single-service-request-style2-box .icon span {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 40px;
line-height: 40px;
}

.single-service-request-style2-box .title {
position: relative;
display: block;
}

.single-service-request-style2-box .title h3 {
font-size: 20px;
line-height: 28px;
}

.single-service-request-style2-box .title h3 a {
position: relative;
top: 2px;
display: inline-block;
padding-left: 5px;
color: var(--thm-base);
font-size: 20px;
line-height: 0;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateX(-10px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}

.single-service-request-style2-box:hover .title h3 a {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateX(0px);
}

.single-service-request-style2-box .title h3 a span {
position: relative;
display: inline-block;
line-height: 28px;
}


.service-request-style2__btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 3px;
}

.service-request-style2__btns-box a.btn-one {
color: #ffffff;
}

.service-request-style2__btns-box a.btn-one:after {
background-color: var(--thm-black);
}



/***
=============================================
Account Steps Area Css
=============================================
***/
.account-steps-area {
position: relative;
display: block;
background-color: #f0f5f6;
padding: 100px 0 93px;
z-index: 10;
}

.account-steps__content {
position: relative;
--bs-gutter-x: 0px;
}

.single-account-steps-colum {
position: relative;
padding: 0 45px;
margin-bottom: 43px;
}

.single-account-steps-colum:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 7px;
width: 1px;
background: #e0e6e7;
}

.single-account-steps-colum:last-child::before {
display: none;
}


.single-account-steps {
position: relative;
display: block;
}

.single-account-steps .icon {
position: relative;
display: block;
padding-top: 50px;
width: 90px;
margin: 0 auto;
}

.single-account-steps .icon .counting {
position: absolute;
top: 0;
left: -50px;
width: 50px;
height: 50px;
background-color: var(--thm-base);
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
color: #ffffff;
font-size: 22px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.single-account-steps .icon-inner {
position: relative;
display: block;
width: 90px;
height: 90px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
color: var(--thm-black);
font-size: 50px;
}

.single-account-steps .text {
position: relative;
display: block;
padding-top: 27px;
}

.single-account-steps .text h3 {
font-size: 22px;
line-height: 24px;
margin: 0 0 18px;
}

.single-account-steps .text p {
color: #757c7d;
}


.account-steps-area__bottom-text {
position: relative;
display: block;
text-align: center;
margin-top: -7px;
}

.account-steps-area__bottom-text p {
color: var(--thm-black);
}

.account-steps-area__bottom-text p a {
color: var(--thm-base);
font-weight: 500;
}



/***
=============================================
Intro Style1 Area Css
=============================================
***/
.intro-style1-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.intro-style1-video-gallery {
position: relative;
display: block;
min-height: 720px;
margin-right: 20px;
}

.intro-style1-video-gallery-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-color: #646464;
background-blend-mode: luminosity;
}


.intro-video-gallery-style1 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}

.intro-video-gallery-style1 .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
background: #ffffff;
margin: 0 auto;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 2;
}

.intro-video-gallery-style1 .icon:hover {
background-color: var(--thm-base);
}

.intro-video-gallery-style1 .icon:after,
.intro-video-gallery-style1 .icon:before {
width: 100%;
height: 100%;
border-radius: 0%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
-webkit-transition: all .4s ease;
transition: all .4s ease;
z-index: -1;

}

.intro-video-gallery-style1 .icon:after {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}

.intro-video-gallery-style1 .icon .video-popup {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}

.intro-video-gallery-style1 .icon .video-popup span::before {
position: relative;
color: var(--thm-black);
font-size: 30px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.intro-video-gallery-style1 .icon:hover .video-popup span::before {
color: #ffffff;
}




.intro-style1-content-box {
position: relative;
display: block;
}

.intro-style1-content-box .sec-title {
padding-bottom: 33px;
}

.intro-style1-content-box .text {
position: relative;
display: block;
padding-bottom: 43px;
}

.intro-style1-content-box .text p {
margin: 0;
}

.intro-style1-content-box .text p+p {
margin-top: 16px;

}


.intro-style1-single-box {
position: relative;
display: block;
padding-right: 20px;
}

.intro-style1-single-box .img-box {
position: relative;
display: block;
background-color: #646464;
}

.intro-style1-single-box .img-box .img-box-inner {
position: relative;
display: block;
overflow: hidden;
}

.intro-style1-single-box .img-box img {
width: 100%;
mix-blend-mode: luminosity;
transform: scale(1.0);
transition: all 200ms ease;
}

.intro-style1-single-box:hover .img-box img {
transform: scale(1.2) rotate(0deg);
}

.intro-style1-single-box .title-box {
position: relative;
display: block;
padding-top: 22px;
}

.intro-style1-single-box .title-box h3 {
font-size: 22px;
line-height: 28px;
}

.intro-style1-single-box .title-box h3 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.intro-style1-single-box .title-box h3 a:hover {
color: var(--thm-base);
}

.intro-style1-single-box .overlay-text {
position: absolute;
bottom: 20px;
right: -20px;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding: 14px 20px 15px;
z-index: 2;
}

.intro-style1-single-box .overlay-text h3 {
color: var(--thm-base);
font-size: 18px;
font-weight: 500;
}




/***
=============================================
choose Style1 Area Css
=============================================
***/
.choose-style1-area {
position: relative;
display: block;
background: #ffffff;
padding: 0px 0 50px;
}

.choose-style1__content {
position: relative;
--bs-gutter-x: 0px;
}

.single-choose-style1-colum {
position: relative;
padding: 0 45px;
margin-bottom: 43px;
}

.single-choose-style1-colum:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 7px;
width: 1px;
background: #e0e6e7;
}

.single-choose-style1-colum:last-child::before {
display: none;
}


.single-choose-style1 {
position: relative;
display: block;
}

.single-choose-style1 .icon {
position: relative;
display: block;
padding-top: 50px;
width: 90px;
margin: 0 auto;
}

.single-choose-style1 .icon .icon-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
color: var(--thm-black);
font-size: 50px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-choose-style1:hover .icon .icon-inner {
background: -webkit-linear-gradient(#8a0f3d, #cd173c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.single-choose-style1 .icon .counting {
position: absolute;
top: 0;
left: -50px;
width: 50px;
height: 50px;
background-color: #f7f1eb;
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
color: #a5a2a0;
font-size: 22px;
font-weight: 500;
font-family: var(--thm-font-2);
}


.single-choose-style1 .text {
position: relative;
display: block;
padding-top: 27px;
}

.single-choose-style1 .text h3 {
font-size: 22px;
line-height: 24px;
margin: 0 0 18px;
}

.single-choose-style1 .text p {
color: #7f7873;
}



/***
=============================================
Statements Area Css
=============================================
***/
.statements-area {
position: relative;
display: block;
background-color: #f7f1eb;
padding: 100px 0 90px;
}

.statements-content-box {
position: relative;
display: block;
}

.statements-content-box ul {
position: relative;
display: block;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
}

.statements-content-box ul li {
position: relative;
display: block;
float: left;
width: 50%;
padding: 0 5px 0px;
}

.single-statements-box {
position: relative;
display: block;
padding-bottom: 10px;
}

.single-statements-box .img-box {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
z-index: 1;
}

.single-statements-box .img-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #1a1c23;
opacity: 0.40;
z-index: 1;
}

.single-statements-box .img-box img {
width: 100%;
mix-blend-mode: luminosity;
transform: scale(1.0);
transition: all 700ms ease;
}

.single-statements-box:hover .img-box img {
transform: scale(1.05) rotate(0deg);
filter: grayscale(.01);
}

.single-statements-box .img-box .static-content {
position: absolute;
left: 0;
bottom: 25px;
right: 0;
text-align: center;
z-index: 2;
transition: all .4s ease-in-out .3s;
}

.single-statements-box:hover .img-box .static-content {
bottom: 50%;
transform: translateY(50%);
}

.single-statements-box .img-box .static-content h2 {
color: #ffffff;
font-size: 30px;
line-height: 30px;
}


.single-statements-box .img-box .overlay-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, .15);
font-size: 200px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--thm-font-2);

opacity: 0;
-webkit-transform: perspective(400px) rotateX(20deg) translateX(-50%);
-ms-transform: perspective(400px) rotateX(20deg) translateX(-50%);
transform: perspective(400px) rotateX(20deg) translateX(-50%);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
z-index: 1;
}

.single-statements-box:hover .img-box .overlay-content {
opacity: 1.0;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(0%);
-ms-transform: perspective(400px) rotateX(0deg) translateX(0%);
transform: perspective(400px) rotateX(0deg) translateX(-0%);
transition-delay: .3s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
}



.statements-text-box {
position: relative;
display: block;
padding: 40px 50px 45px;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
}

.statements-text-box .shape {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-size: 100px;
}

.statements-text-box .inner-title {
position: relative;
display: block;
padding-bottom: 19px;
}

.statements-text-box .inner-title h2 {
color: #ffffff;
font-size: 48px;
line-height: 58px;
}

.statements-text-box .inner-title:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 2px;
background: #ffffff;
}

.statements-text-box .text {
position: relative;
display: block;
padding-top: 33px;
}

.statements-text-box .text p {
color: #e2deda;
}

.statements-text-box .text .btn-box {
position: relative;
display: block;
padding-top: 27px;
}

.statements-text-box .text .btn-box a {
color: #ffffff;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.statements-text-box .text .btn-box a span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
font-size: 16px;
}



/***
=============================================
Statistics Area Css
=============================================
***/
.statistics-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.statistics-content-box {
position: relative;
display: block;
}

.statistics-content-box .sec-title {
padding-bottom: 32px;
}

.statistics-content-box .text {
position: relative;
display: block;
padding-bottom: 33px;
}

.statistics-content-box .text p {
color: #7f7873;
}

.statistics-content-box .download-box {
position: relative;
display: flex;
align-items: center;
}

.statistics-content-box .download-box .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: #f7f1eb;
border-radius: 50%;
color: var(--thm-black);
font-size: 20px;
}

.statistics-content-box .download-box .title {
position: relative;
flex: 1;
margin-left: 20px;
}

.statistics-content-box .download-box .title h5 {
font-size: 14px;
line-height: 16px;
font-weight: 500;
text-transform: uppercase;
}

.statistics-content-box .download-box .title h5 a {
color: var(--thm-base);
}

.statistics-content-box .download-box .title h3 {
font-size: 18px;
line-height: 20px;
margin: 9px 0 0;
}



/***
=============================================
Intro Style2 Area Css
=============================================
***/
.intro-style2-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.intro-style2-img-box {
position: relative;
display: block;
padding-right: 20px;
}

.intro-style2-img-box .inner {
position: relative;
display: block;
overflow: hidden;
background: #646464;
}

.intro-style2-img-box img {
width: 100%;
mix-blend-mode: luminosity;
}

.intro-style2-img-box .inner .shape-1 {
position: absolute;
left: -1px;
bottom: -1px;
}

.intro-style2-content-box {
position: relative;
display: block;
}

.intro-style2-content-box .sec-title {
padding-bottom: 32px;
}

.intro-style2-content-box .text {
position: relative;
display: block;
margin-bottom: 16px;
}

.intro-style2-content-box .text p+p {
margin-top: 15px;
}

.intro-style2-content-box ul {
position: relative;
display: block;
margin-bottom: 30px;
}

.intro-style2-content-box ul li {
position: relative;
display: block;
padding-left: 35px;
margin-bottom: 10px;
}

.intro-style2-content-box ul li:last-child {
margin-bottom: 0;
}

.intro-style2-content-box ul li .icon-box {
position: absolute;
top: 5px;
left: 0;
}

.intro-style2-content-box ul li .icon-box span::before {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 15px;
}

.intro-style2-content-box ul li p {
margin: 0;
}

.send-resume-box {
position: relative;
display: block;
padding-left: 70px;
}

.send-resume-box .icon {
position: absolute;
top: 7px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: #f7f1eb;
text-align: center;
}

.send-resume-box .icon span:before {
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 20px;
}

.send-resume-box .title {
position: relative;
display: block;
}

.send-resume-box .title h4 {
font-size: 14px;
line-height: 26px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 3px;
}

.send-resume-box .title h4 a {
color: var(--thm-base);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.send-resume-box .title h4 a:hover {
color: var(--thm-black);
}

.send-resume-box .title h3 {
font-size: 22px;
line-height: 26px;
font-weight: 400;
}

.send-resume-box .title h3 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.send-resume-box .title h3 a:hover {
color: var(--thm-base);
}



.job-list-table-box {
position: relative;
display: block;
padding-top: 100px;
padding-bottom: 40px;
}

.job-list-table-box .table-outer {
overflow-x: auto;
position: relative;
width: 100%;
}

.job-list-table-box .table-outer:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.job-list-table-box .job-list-table {
min-width: 1024px;
width: 100%;
}

.job-list-table-box .job-list-table .header {
position: relative;
background: #f7f1eb;
text-transform: capitalize;
width: 100%;
font-family: var(--thm-font-2);
}

.job-list-table-box .job-list-table thead tr th {
color: var(--thm-black);
font-size: 14px;
font-weight: 500;
line-height: 24px;
min-width: 110px;
padding: 13px 30px;
border: 1px solid #e2deda;
text-transform: uppercase;
font-family: var(--thm-font-2);
}

.job-list-table-box .job-list-table tbody {
position: relative;
border: 1px solid #f2ece7;
}

.job-list-table-box .job-list-table tbody tr {
border-bottom: 1px solid #f2ece7;
}

.job-list-table-box .job-list-table tbody tr td {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
line-height: 24px;
min-width: 110px;
padding: 27.5px 30px;
border: 1px solid #f2ece7;
}

.job-list-table-box .job-list-table tbody tr td.department h3 {
color: var(--thm-base);
font-size: 18px;
font-weight: 500;
line-height: 24px;
}

.job-list-table-box .job-list-table tbody tr td.job-role h3 {
font-size: 18px;
font-weight: 500;
line-height: 24px;
}

.job-list-table-box .job-list-table tbody tr td.location p {
color: #7f7873;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}

.job-list-table-box .job-list-table tbody tr td.last-date p {
color: #7f7873;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}

.job-list-table-box .job-list-table tbody tr td .btn-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
}

.job-list-table-box .job-list-table tbody tr td .btn-box a {
border: 1px solid #f2ece7;
line-height: 38px;
}

.job-list-table-box .job-list-table tbody tr td .btn-box a:hover {
border-color: var(--thm-base);
}



/***
=============================================
Career Details Area Style
=============================================
***/
.career-details-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 50px 0 60px;
}

.career-details-content {
position: relative;
display: block;
}

.job-title-box {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: #f7f1eb;
padding: 27px 40px 24px;
}

.job-title-box .left {
position: relative;
display: block;
}

.job-title-box .left h4 {
color: var(--thm-base);
font-size: 18px;
line-height: 20px;
}

.job-title-box .left h3 {
font-size: 30px;
line-height: 38px;
margin: 8px 0 9px;
}

.job-title-box .left p {
color: #7f7873;
}

.job-title-box .left p span {
position: relative;
top: 2px;
display: inline-block;
padding-right: 3px;
color: var(--thm-base);
font-size: 18px;
}

.job-title-box .right {
position: relative;
display: flex;
flex-direction: column;
}

.job-title-box .right button {
position: relative;
display: inline-block;
border: 1px solid #e2deda;
padding: 0 30px;
color: var(--thm-black);
font-size: 18px;
line-height: 43px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.job-title-box .right button:hover {
color: #ffffff;
background-color: var(--thm-base);
border-color: var(--thm-base);
}

.job-title-box .right button.style2 {
border-color: #ffffff;
background-color: #ffffff;
}

.job-title-box .right button.style2:hover {
color: #ffffff;
background-color: var(--thm-base);
border-color: var(--thm-base);
}

.job-title-box .right button+button {
margin-top: 5px;
}


.job-description-content {
position: relative;
display: block;
}

.job-description-content h3 {
font-size: 28px;
line-height: 35px;
margin: 0 0 14px;
color: #343244;
}

.job-description-content p {
margin: 0;
text-align: justify;
color: #4d4d52;
font-size: 15px;
line-height: 27px;
}

.job-description-content p+p {
margin-top: 15px;
}


.responsibilities-content {
position: relative;
display: block;
padding: 25px 0 30px;
}

.responsibilities-content h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 24px;
}

.responsibilities-content .service-list {
position: relative;
display: block;
overflow: hidden;
}

.responsibilities-content .service-list li {
position: relative;
display: block;
padding-left: 25px;
text-align: justify;
font-size: 15px;
color: #4d4d52;
}

.responsibilities-content .service-list li+li {
margin-top: 14px;
}

.responsibilities-content .service-list li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
bottom: 0;
width: 10px;
height: 15px;
background-color: #e51b53;
clip-path: polygon(50% 0, 50% 0, 100% 50%, 50% 100%, 50% 100%, 0% 50%);
}



.requirements-content-box {
position: relative;
display: block;
}

.requirements-content-box h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 24px;
}

.requirements-content-box ul {
position: relative;
display: block;
overflow: hidden;
}

.requirements-content-box ul li {
position: relative;
display: block;
padding-left: 25px;
}

.requirements-content-box ul li+li {
margin-top: 13px;
}

.requirements-content-box ul li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
bottom: 0;
width: 10px;
height: 15px;
background-color: var(--thm-base);
clip-path: polygon(50% 0, 50% 0, 100% 50%, 50% 100%, 50% 100%, 0% 50%);
}

.requirements-content-box ul li span {
position: relative;
display: inline-block;
width: 140px;
color: var(--thm-black);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--thm-font-2);
}

.requirements-content-box ul li b {
position: relative;
display: inline-block;
width: 40px;
}



.job-social-share-box {
position: relative;
display: block;
padding-top: 35px;
}

.job-social-share-box h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 31px;
}

.job-social-share-box ul {
position: relative;
display: block;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}

.job-social-share-box ul li {
position: relative;
display: block;
float: left;
width: 25%;
padding: 0 15px;
margin-bottom: 20px;
}

.job-social-share-box ul li a {
position: relative;
display: block;
width: 100%;
background: #3b5999;
text-align: center;
color: #ffffff;
font-size: 14px;
font-weight: 500;
line-height: 50px;
text-transform: uppercase;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.job-social-share-box ul li a:hover {
background-color: var(--thm-black);
}

.job-social-share-box ul li a i {
position: relative;
display: inline-block;
padding-right: 10px;
}

.job-social-share-box ul li a.tw {
background: #1da1f2;
}

.job-social-share-box ul li a.tw:hover {
background: var(--thm-black);
}

.job-social-share-box ul li a.googlep {
background: #d44d40;
}

.job-social-share-box ul li a.googlep:hover {
background: var(--thm-black);
}

.job-social-share-box ul li a.linked {
background: #0077b5;
}

.job-social-share-box ul li a.linked:hover {
background: var(--thm-black);
}



.resume-box {
position: relative;
display: block;
margin-left: 30px;
}

.resume-box .inner-title {
position: relative;
display: block;
background: linear-gradient(25deg, #E3144E 0%, #F65382 100%);
text-align: center;
padding: 13px 5px 13px;
}

.resume-box .inner-title h3 {
color: #ffffff;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}



.resume-box__one {
position: relative;
display: block;
background-color: #ffffff;
padding: 20px 20px 20px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
margin-bottom: 25px;
height: 400px;
overflow-y: scroll;
scrollbar-width: thin;
}

.resume-box__one ul {
position: relative;
display: block;
overflow: hidden;
}

.resume-box__one ul li {
position: relative;
display: block;
border-bottom: 1px solid #f2ece7;
padding-bottom: 13px;
margin-bottom: 18px;
}

.resume-box__one ul li:hover a{
color: #e41751;
}

.resume-box__one ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.resume-box__one ul li h5 {
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-transform: uppercase;
}

.resume-box__one ul li p {
margin: 6px 0 0;
}



.resume-box__two {
position: relative;
display: block;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
padding: 40px 30px 40px;
z-index: 1;
}

.resume-box__two-shape-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
z-index: -1;
opacity: 0.12;
}

.resume-box__two .img-box {
position: relative;
display: block;
width: 120px;
height: 120px;
margin: 0 auto;
overflow: hidden;
border-radius: 50%;
background: #646464;
}

.resume-box__two .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
offset-position: left;
}

.resume-box__two .text-box {
position: relative;
display: block;
padding-top: 26px;
text-align: center;
}

.resume-box__two .text-box h3 {
color: #ffffff;
font-size: 22px;
}

.resume-box__two .text-box p {
color: #ffffff;
margin: 2px 0 0;
}


.resume-box__two .text-box ul {
position: relative;
display: block;
padding-top: 16px;
}

.resume-box__two .text-box ul li {
position: relative;
display: block;
color: #ffffff;
}

.resume-box__two .text-box ul li+li {
margin-top: 2px;
}

.resume-box__two .text-box ul li a {
color: #ffffff;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.resume-box__two .text-box ul li a:hover {
color: var(--hub-prim-color1);
}



.resume-social-link-box {
position: relative;
display: block;
padding-top: 23px;
}

.resume-social-link-box>ul {
position: relative !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
}

.resume-social-link-box>ul>li {
position: relative;
display: inline-block;
margin: 0 5px 0 !important;
}

.resume-social-link-box>ul>li>a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
background: rgba(255, 255, 255, 0.10);
border-radius: 50%;
color: #ffffff;
font-size: 14px;
text-align: center;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.resume-social-link-box>ul>li>a:before {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: #ffffff;
border-radius: 50%;
content: "";
opacity: 0;
transform: scale(0.5);
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
}

.resume-social-link-box>ul>li:hover>a:before {
opacity: 1.0;
transform: scale(1.0);
}

.resume-social-link-box>ul>li:hover>a {
color: var(--thm-base);
border-color: var(--thm-base);
}



/***
=============================================
Account Steps style2 Area Css
=============================================
***/
.account-steps-style2-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0px 70px;
}

.account-steps-style2-area .row {
--bs-gutter-x: 40px;
}


.single-account-steps-box-style2 {
position: relative;
display: block;
margin-bottom: 40px;
z-index: 1;
}

.single-account-steps-box-style2 .inner {
position: relative;
display: block;
overflow: hidden;
padding: 30px 30px 23px;
}


.single-account-steps-box-style2 .inner .step-box {
position: absolute;
top: 16px;
right: -95px;
background: #ffffff;
text-align: center;
padding: 5px 0px 4px;
transform: rotate(45deg);
width: 100%;
}

.single-account-steps-box-style2 .inner .step-box h4 {
color: var(--thm-black);
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
}

.single-account-steps-box-style2::before {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: -moz-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
background-image: -ms-linear-gradient(180deg, rgb(15, 212, 216) 0%, rgb(0, 127, 142) 100%);
content: "";
z-index: -1;
}

.single-account-steps-box-style2::after {
position: absolute;
top: 10px;
left: 10px;
bottom: -10px;
right: -10px;
border: 1px solid #0fd4d8;
content: "";
z-index: -2;
}



.single-account-steps-box-style2 .icon-holder {
position: relative;
display: block;
margin-bottom: 16px;
}

.single-account-steps-box-style2 .icon-holder span {
position: relative;
display: block;
line-height: 0;
}

.single-account-steps-box-style2 .icon-holder span::before {
position: relative;
display: inline-block;
color: #ffffff;
font-size: 40px;
line-height: 40px;
}

.single-account-steps-box-style2 h3 {
font-size: 20px;
line-height: 28px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 18px;
}

.single-account-steps-box-style2 h3 a {
color: #ffffff;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-account-steps-box-style2 h3 a:hover {
color: var(--thm-black);
}

.single-account-steps-box-style2 .text {
position: relative;
display: block;
border-top: 2px solid #ffffff;
padding-top: 18px;
}

.single-account-steps-box-style2 .text p {
color: #ffffff;
}




.single-account-steps-box-style2.bg2::before {
background-image: -moz-linear-gradient(180deg, rgb(19, 159, 206) 20%, rgb(14, 113, 157) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(19, 159, 206) 20%, rgb(14, 113, 157) 100%);
background-image: -ms-linear-gradient(180deg, rgb(19, 159, 206) 20%, rgb(14, 113, 157) 100%);
}

.single-account-steps-box-style2.bg2::after {
border-color: #139fce;
}

.single-account-steps-box-style2.bg3::before {
background-image: -moz-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
background-image: -ms-linear-gradient(180deg, rgb(51, 127, 201) 20%, rgb(32, 87, 166) 100%);
}

.single-account-steps-box-style2.bg3::after {
border-color: #337fc9;
}

.single-account-steps-box-style2.bg4::before {
background-image: -moz-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
background-image: -ms-linear-gradient(180deg, rgb(82, 93, 191) 20%, rgb(61, 49, 135) 100%);
}

.single-account-steps-box-style2.bg4::after {
border-color: #525dbf;
}



/***
=============================================
App Download Area Style
=============================================
***/
.app-download-area {
position: relative;
display: block;
background: #f7f1eb;
padding: 100px 0 100px;
min-height: 850px;
z-index: 1;
}

.app-download-area-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
z-index: -1;
background-size: cover;
max-width: 1820px;
width: 100%;
margin: 0 auto;
}

.app-download-content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 400px;
}

.app-download-content p {
color: var(--thm-black);
font-weight: 500;
margin: 0 0 23px;
}



/***
=============================================
Overview Area Css
=============================================
***/
.overview-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.overview-content-box-one {
position: relative;
display: block;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
margin-right: 20px;
}

.overview-content-box-one ul {
position: relative;
display: block;
}

.overview-content-box-one ul li {
position: relative;
display: block;
float: left;
width: 50%;
border-right: 1px solid #f2ece7;
border-bottom: 1px solid #f2ece7;
}

.overview-content-box-one ul li:nth-child(2) {
border-right: none;
}

.overview-content-box-one ul li:nth-child(3) {
border-bottom: none;
}

.overview-content-box-one ul li:last-child {
border-right: none;
border-bottom: none;
}

.single-overview-box {
position: relative;
display: block;
text-align: center;
padding: 30px 0 22px;
}

.single-overview-box .icon {
position: relative;
width: 40px;
height: 40px;
border: 1px solid #f2ece7;
margin: 0 auto;
border-radius: 50%;
color: #a5a2a0;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-overview-box:hover .icon {
color: #ffffff;
background-color: var(--thm-base);
border-color: var(--thm-base);
}

.single-overview-box .title {
position: relative;
display: block;
padding-top: 18px;
}

.single-overview-box .title h3 {
font-size: 18px;
line-height: 28px;
}

.single-overview-box .title h3 a {
color: var(--thm-black);
}



.overview-content-box-two {
position: relative;
display: block;
}

.overview-content-box-two .inner-title {
position: relative;
display: block;
}

.overview-content-box-two .inner-title h5 {
color: #cf173c;
font-size: 18px;
line-height: 20px;
margin: 0 0 4px;
}

.overview-content-box-two .inner-title h2 {
font-size: 30px;
line-height: 36px;
}

.overview-content-box-two .text {
position: relative;
display: block;
padding-top: 25px;
padding-bottom: 43px;
}

.overview-content-box-two .text p {
margin: 0;
}

.overview-content-box-two .text p+p {
margin-top: 15px;
}

.overview-content-box-two .btns-box {
position: relative;
display: block;
line-height: 0;
}

.overview-content-box-two .btns-box a.btn-one:after {
background-color: #f7f1eb;
}

.overview-content-box-two .btns-box a.btn-one .txt i {
position: relative;
display: inline-block;
padding-left: 0;
padding-right: 7px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
top: 4px;
}



/***
=============================================
Statistics Area Style
=============================================
***/
.statistics-style2-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
border-top: 1px solid #f2ece7;
z-index: 1;
}

.statistics-style2-area-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-color: #646464;
background-blend-mode: luminosity;
z-index: -1;
}

.statistics-style2-area-shape1 {
position: absolute;
top: 0;
left: 0;
}

.statistics-style2-area-shape1 img {
opacity: 0.08;
mix-blend-mode: luminosity;
}



.statistics-content-box-style2 {
position: relative;
display: block;
}

.statistics-content-box-style2 .sec-title {
padding-bottom: 39px;
}

.progress-block {
position: relative;
display: flex;
align-items: flex-start;
}

.progress-block .inner-box {
position: relative;
min-height: 140px;
width: 140px;
}

.progress-block .graph-outer {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
min-height: 140px;
width: 140px;
display: flex;
align-items: center;
justify-content: center;
}

.progress-block .outer-text {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.progress-block .outer-text h3 {
color: var(--thm-base);
font-size: 18px;
line-height: 24px;
font-weight: 500;
}


.progress-block .count-box {
position: relative;
flex: 1;
margin-left: 30px;
}

.progress-block .count-box .count-text-outer {
position: relative;
display: inline-block;
font-size: 36px;
line-height: 30px;
color: var(--thm-base);
font-weight: 500;
font-family: var(--thm-font-2);
}

.progress-block .count-box h3 {
font-size: 22px;
font-weight: 500;
margin: 8px 0 7px;
}

.progress-block .count-box p {
color: #7f7873;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

.progress-block .count-box .btn-box {
position: relative;
display: block;
padding-top: 21px;
line-height: 0;
}

.progress-block .count-box .btn-box a {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.progress-block .count-box .btn-box a span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
font-size: 16px;
}



/***
=============================================
Page Contains Area Css
=============================================
***/
.page-contains-area {
position: relative;
display: block;
width: 100%;
background: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
z-index: 9999;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.page-contains-area.section-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}


.page-contains-box {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 15px 0;
z-index: 1;
}

.page-contains-btn {
position: relative;
display: block;
}

.page-contains-btn li {
position: relative;
display: block;
overflow: hidden;
float: left;
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #f2ece7;
z-index: 1;
}

.page-contains-btn li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}


/***
.page-contains-btn li:before {
content: "";
position: absolute;
left: 0;
bottom: 0px;
right: 0;
height: 4px;
background: var(--thm-base);
z-index: -1;
transform: perspective(400px) translateX(-100%) scale(1.0);
transform-style: preserve-3d;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
transform-origin: right center;
}

.page-contains-btn li:hover::before,
.page-contains-btn li.current::before {
transform: perspective(400px) translateX(0) scale(1);
transform-origin: left center;
}

**/

.page-contains-btn li a {
position: relative;
display: flex;
align-items: center;
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
padding-top: 7px;
padding-bottom: 7px;
}

.page-contains-btn li:hover a,
.page-contains-btn li.current a {
color: var(--thm-base);
}

.page-contains-btn li a span {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
border: 1px solid #f2ece7;
border-radius: 50%;
color: #a5a2a0;
font-size: 12px;
margin-right: 10px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.page-contains-btn li:hover a span,
.page-contains-btn li.current a span {
color: var(--thm-black);
transform: rotate(90deg);
}



.page-contains-box .right-btn {
position: relative;
display: block;
}

.page-contains-box .right-btn a {
position: relative;
display: inline-block;
padding: 0 30px;
color: var(--thm-black);
font-size: 14px;
line-height: 38px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #f2ece7;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.page-contains-box .right-btn a:hover {
color: #ffffff;
border-color: var(--thm-base);
background-color: var(--thm-base);
}



/***
=============================================
Eligibility Area Style
=============================================
***/
.eligibility-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 100px;
}

.eligibility-img-box {
position: relative;
display: block;
}

.eligibility-img-box .sec-title {
padding-bottom: 45px;
}

.eligibility-img-box__inner {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
margin-right: -90px;
}

.eligibility-img-box__inner img {
mix-blend-mode: luminosity;
width: 100%;
}

.eligibility-img-box__inner:hover img {
transform: scale(1.05);
mix-blend-mode: normal;
}



.eligibility-content-box {
position: relative;
display: block;
}

.eligibility-content-box__inner {
position: relative;
display: block;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
z-index: 1;
}

.eligibility-content-box__inner ul {
position: relative;
display: block;
}

.eligibility-content-box__inner ul li {
position: relative;
display: block;
border-bottom: 1px solid #f2ece7;
padding: 22px 30px 23px;
}

.eligibility-content-box__inner ul li .inner {
position: relative;
display: block;
padding-left: 60px;
}


.eligibility-content-box__inner ul li .counting {
position: absolute;
top: 8px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
color: #a5a2a0;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.eligibility-content-box__inner .text {
position: relative;
display: block;
}

.eligibility-content-box__inner .text h3 {
font-size: 20px;
line-height: 30px;
margin: 0 0 5px;
}

.eligibility-content-box__inner .text p {
color: #7f7873;
}



.facts-box-style2 {
position: relative;
display: flex;
align-items: center;
padding-top: 50px;
padding-left: 110px;
}

.facts-box-style2 .counting {
position: relative;
width: 105px;
height: 70px;
color: var(--thm-base);
font-size: 40px;
font-weight: 500;
font-family: var(--thm-font-2);
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 1;
}

.facts-box-style2 .counting:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 70px;
height: 70px;
background: #f7f1eb;
border-radius: 50%;
z-index: -1;
}

.facts-box-style2 .counting h2 {
color: var(--thm-base);
font-size: 40px;
font-weight: 500;
}

.facts-box-style2 .counting .k {
margin-left: -1px;
}

.facts-box-style2 .inner-title {
position: relative;
flex: 1;
margin-left: 30px;
}

.facts-box-style2 .inner-title h3 {
font-size: 22px;
line-height: 30px;
}



/***
=============================================
Documents Area Style
=============================================
***/
.documents-area {
position: relative;
display: block;
background-color: #f7f1eb;
padding: 100px 0 90px;
z-index: 1;
}

.documents-area .row {
--bs-gutter-x: 10px;
}

.single-documents-box {
position: relative;
display: block;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
padding: 23px 30px 23px;
margin-bottom: 10px;
}

.single-documents-box .inner-title {
position: relative;
display: block;
padding-left: 20px;
}

.single-documents-box .inner-title:before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
background-color: var(--thm-base);
}

.single-documents-box .inner-title h3 {
font-size: 20px;
line-height: 28px;
}

.single-documents-box ul {
position: relative;
display: block;
}

.single-documents-box ul li {
font-size: 16px;
line-height: 34px;
}

.single-documents-box ul li span {
position: relative;
display: inline-block;
padding-right: 13px;
font-size: 12px;
line-height: 34px;
font-weight: 500;
color: #a5a2a0;
}

.single-documents-box ul li a {
color: #7f7873;
}


/***
=============================================
Interest Charges Area Style
=============================================
***/
.interest-charges-area {
position: relative;
display: block;
padding: 100px 0 100px;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
z-index: 1;
}

.interest-charges-area-shape1 {
position: absolute;
top: 0;
left: 0;
}

.interest-charges-area-shape1 img {
opacity: 0.08;
mix-blend-mode: luminosity;
}

.interest-charges-area .sec-title h2 {
color: #ffffff;
}

.interest-charges-area .sec-title .sub-title p {
color: #ffffff;
}

.interest-charges-table-box {
position: relative;
display: block;
}

.interest-charges-table-box .table-outer {
overflow-x: auto;
position: relative;
width: 100%;
}

.interest-charges-table-box .interest-charges-table {
min-width: 1024px;
width: 100%;
}



.interest-charges-table-box .interest-charges-table tbody {
position: relative;
}

.interest-charges-table-box .interest-charges-table tbody tr {
position: relative;
}

.interest-charges-table-box .interest-charges-table tbody tr td {
min-width: 100px;
padding: 0px 30px;
border: 1px solid rgba(255, 255, 255, .20);
font-family: var(--thm-font-2);
}

.interest-charges-table-box .interest-charges-table tbody tr td.title {
position: relative;
padding: 0px 60px;
padding-right: 20px;
}

.interest-charges-table-box .interest-charges-table tbody tr td.title h3 {
color: #f2ece7;
font-size: 22px;
line-height: 30px;
font-weight: 500;
}



.interest-charges-table-box .interest-charges-table tbody tr td.balance {
position: relative;
padding: 0;
}

.interest-charges-table-box .interest-charges-table tbody tr td.balance .inner-title {
position: relative;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, .20);
padding: 18px 30px 18px;
}

.interest-charges-table-box .interest-charges-table tbody tr td.balance .inner-title h3 {
color: #f2ece7;
font-size: 20px;
font-weight: 500;
}

.interest-charges-table-box .interest-charges-table tbody tr td.balance ul {
position: relative;
display: block;
padding: 18px 30px 17px;
}

.interest-charges-table-box .interest-charges-table tbody tr td.balance ul li {
color: #f2ece7;
font-size: 16px;
line-height: 36px;
}



.interest-charges-table-box .interest-charges-table tbody tr td.interest {
position: relative;
padding: 0;
}

.interest-charges-table-box .interest-charges-table tbody tr td.interest .inner-title {
position: relative;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, .20);
padding: 18px 30px 18px;
}

.interest-charges-table-box .interest-charges-table tbody tr td.interest .inner-title h3 {
color: #f2ece7;
font-size: 20px;
font-weight: 500;
}

.interest-charges-table-box .interest-charges-table tbody tr td.interest ul {
position: relative;
display: block;
padding: 18px 30px 17px;
}

.interest-charges-table-box .interest-charges-table tbody tr td.interest ul li {
color: #f2ece7;
font-size: 16px;
line-height: 36px;
}



/***
=============================================
Applying Process Area Style
=============================================
***/
.applying-process-area {
position: relative;
display: block;
background-color: #ffffff;
padding: 100px 0 60px;
}

.applying-process-area .sec-title {
padding-bottom: 90px;
}

.applying-process-step-box-top {
position: relative;
max-width: 870px;
width: 100%;
height: 1px;
margin: 0 auto;
padding-bottom: 75px;
z-index: 1;
}

.applying-process-step-box-top:before {
content: "";
position: absolute;
top: 0px;
left: 150px;
right: 150px;
height: 1px;
background: #f2ece7;
z-index: -1;
}

.applying-process-step-box-top:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 230px;
height: 1px;
margin: 0 auto;
background: #ffffff;
z-index: -1;
}


.applying-process-single-step-box {
position: absolute;
top: -110px;
left: 0;
right: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
margin: 0 auto;
border: 1px solid #f2ece7;
background: #ffffff;
border-radius: 50%;
color: var(--thm-gray);
font-size: 22px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.applying-process-single-step-box:before {
content: "";
position: absolute;
top: 0;
left: 0px;
bottom: 0px;
right: 0;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}

.single-applying-process-box:hover .applying-process-single-step-box:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}

.single-applying-process-box:hover .applying-process-single-step-box {
color: #ffffff;
}


.single-applying-process-box {
position: relative;
display: block;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding: 32px 30px 24px;
text-align: center;
margin-bottom: 40px;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-applying-process-box:hover {
background-color: #f7f1eb;
text-align: left;
box-shadow: none;
}

.single-applying-process-box::before {
position: absolute;
content: '';
top: 5px;
left: 0;
right: 0;
height: 4px;
background: #f7f1eb;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-applying-process-box:hover::before {
background-color: #ffffff;
}


.single-applying-process-box h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 9px;
}

.single-applying-process-box p {
color: #7f7873;
font-size: 16px;
line-height: 26px;
}



/***
=============================================
Apply Form Area Style
=============================================
***/
.apply-form-area {
position: relative;
display: block;
background-color: #ffffff;
padding-bottom: 25px;
padding-top: 70px;
}

.apply-form-box {
position: relative;
display: block;
padding: 50px;
z-index: 10;
}

.apply-form-box-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #646464;
/*background-blend-mode: luminosity;*/
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
z-index: -1;
}

.apply-form-box__content {
position: relative;
display: block;
max-width: 670px;
width: 100%;
float: right;
background-color: #f7f1ebc2;
padding: 50px;
}

.apply-form-box__content .sec-title {
padding-bottom: 45px;
}


#apply-form {
position: relative;
display: block;
}

#apply-form .form-group {
position: relative;
display: block;
padding-bottom: 30px;
}

#apply-form .form-group .input-box {
position: relative;
display: block;
}

#apply-form .form-group .input-box .icon,
#apply-form .form-group .select-box .icon  {
position: absolute;
top: 0;
left: 0px;
bottom: 0;
color: #771636;
font-size: 16px;
line-height: 50px;
width: 40px;
text-align: center;
}

#apply-form .form-group .input-box .icon:before,
#apply-form .form-group .select-box .icon:before {
content: "";
position: absolute;
top: 10px;
right: 0;
bottom: 10px;
width: 1px;
background: #f2ece7;
}

#apply-form .form-group input[type="text"],
#apply-form .form-group input[type="email"] {
position: relative;
display: block;
background: #ffffff;
border: 0px solid #f0f0f0;
width: 100%;
height: 50px;
color: #5e5b59;
font-size: 16px;
font-weight: 400;
font-style: normal;
padding-left: 52px;
padding-right: 10px;
border-radius: 0px;
transition: all 500ms ease;
font-family: var(--thm-font);
box-shadow: 1px 3px 6px 1px #aeaeb0;
}

#apply-form .form-group .input-box textarea{
position: relative;
display: block;
background: #ffffff;
border: 0px solid #f0f0f0;
width: 100%;
height: 105px;
color: #7f7873;
font-size: 16px;
font-weight: 400;
font-style: normal;
padding: 12px 10px;
border-radius: 0px;
transition: all 500ms ease;
font-family: var(--thm-font);
box-shadow: 1px 3px 6px 1px #aeaeb0;
}



#apply-form .form-group .select-box {
position: relative;
display: block;
width: 100%;
}

#apply-form .form-group .nice-select {
position: relative;
display: block;
background-color: #fff;
border-radius: 0px;
border: solid 0px #f6f6f6;
width: 100%;
height: 50px;
color: #7f7873;
font-size: 16px;
font-weight: 400;
line-height: 50px;
outline: none;
padding-left: 52px;
padding-right: 10px;
transition: all 0.2s ease-in-out;
font-family: var(--thm-font);
box-shadow: 1px 3px 6px 1px #aeaeb0
;}

#apply-form .form-group .nice-select:after {
position: absolute;
content: "\e901";
font-family: 'icomoon' !important;
color: #7f7873;
font-size: 16px;
top: 0px;
right: 0px;
margin: 0px;
font-weight: 400;
border: none !important;
transform: rotate(0deg) !important;
height: 50px;
width: 45px;
bottom: 0;
text-align: center;
}

#apply-form .form-group .nice-select:before {
content: "";
position: absolute;
top: 10px;
right: 45px;
bottom: 10px;
width: 1px;
background: #f2ece7;
}

#apply-form .form-group .nice-select .list {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding: 0px 0 0px;
margin-top: 10px;
}

#apply-form .form-group .nice-select .option {
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
line-height: 40px;
min-height: 40px;
}


#apply-form .button-box {
position: relative;
display: block;
}

#apply-form .button-box button {
color: #ffffff;
}

#apply-form .button-box button:after {
background-color: #771636;
}



/***
=============================================
Card Banner Area Style
=============================================
***/
.card-banner-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.card-banner-content {
position: relative;
display: block;
background-color: #f7f1eb;
padding: 53px 60px 60px;
z-index: 1;
}

.card-banner-content-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 750px;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
z-index: -1;
}

.card-banner-content-img-box {
position: absolute;
bottom: 0;
right: 60px;
}


.card-banner-content .inner-title {
position: relative;
display: block;
margin-bottom: 12px;
}

.card-banner-content .inner-title h4 {
color: var(--thm-base);
font-size: 18px;
line-height: 28px;
margin-bottom: 8px;
}

.card-banner-content .inner-title h2 {
font-size: 36px;
line-height: 46px;
}

.card-banner-content .text {
position: relative;
display: block;
padding-bottom: 28px;
}

.card-banner-content .text p {
color: #7f7873;
}

.card-banner-content .btns-box {
position: relative;
display: block;
line-height: 0;
}



/***
=============================================
Cards Area Style
=============================================
***/
.cards-area {
position: relative;
display: block;
background: #ffffff;
padding: 0px 0 40px;
z-index: 1;
}

.sidebar-box-style1 {
position: relative;
display: block;
}

.single-sidebar-box-style1 {
position: relative;
display: block;
}

.single-sidebar-box-style1.margintop {
margin-top: 17px;
}

.card-types-box {
position: relative;
display: block;
border: 1px solid #f1f2fa;
overflow-y: scroll;
scrollbar-width: thin;
height: 420px;
margin-bottom: 20px;
border-radius: 5px;
padding: 10px 10px;
}

.card-types-box ul {
position: relative;
display: block;
}

.card-types-box ul li {
position: relative;
display: block;
margin-bottom: 10px;
}

.card-types-box ul li:last-child {
margin-bottom: 0;
}




.card-types-box ul li a {
position: relative;
display: block;
background: #ffffff;
color: #3f3f50;
font-size: 18px;
line-height: 28px;
font-weight: 400;
padding: 14px 40px 14px;
padding-right: 20px;
box-shadow: 0px 0px 15px 0px rgba(94, 93, 120, 0.12);
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

.card-types-box ul li a:hover,
.card-types-box ul li.active a {
color: #ffffff;
box-shadow: none;
padding-left: 20px;
}

.card-types-box ul li a::before {
position: absolute;
content: '';
top: 25px;
left: 20px;
width: 6px;
height: 6px;
background-color: #a5a2a0;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.card-types-box ul li a:hover::before,
.card-types-box ul li.active a::before {
transform: scale(0);
}

.card-types-box ul li a:after {
content: "";
position: absolute;
top: 0;
left: 0px;
bottom: 0px;
right: 0;

background-image: -moz-linear-gradient(51deg, #E3144E 34%, #F65382 100%);
background-image: -webkit-linear-gradient(51deg, #E3144E 34%, #F65382 100%);
background-image: -ms-linear-gradient(51deg, #E3144E 34%, #F65382 100%);

transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}

.card-types-box ul li a:hover::after,
.card-types-box ul li.active a::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}




.cards-content-box {
position: relative;
display: block;
}

.cards-content-box-top {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding-bottom: 60px;
}

.cards-content-box-top .left-box {
position: relative;
display: block;
top: 10px;
}

.cards-content-box-top .left-box h2 {
font-size: 36px;
line-height: 1.1em;
font-weight: 500;
}

.cards-content-box-top .right-box {
position: relative;
display: block;
}

.short-by {
position: relative;
display: block;
}

.cards-content-box-top .right-box .select-box {
width: 270px;
}

.cards-content-box-top .right-box .nice-select {
position: relative;
display: block;
height: 45px;
line-height: 43px;
background: #ffffff;
border: 1px solid #ffffff !important;
border-bottom: 1px solid #f2ece7 !important;
font-family: var(--thm-font);
border-radius: 0px;
color: var(--thm-black);
font-size: 16px;
font-weight: 400;
padding-left: 0px;
padding-right: 0px;
}

.cards-content-box-top .right-box .nice-select:after {
width: 8px;
height: 8px;
border-bottom: 1px solid #aca9a7;
border-right: 1px solid #aca9a7;
right: 2px;
margin-top: 0px;
top: 16px;
z-index: 10;
}



.single-card-box {
position: relative;
display: flex;
background-color: #ffffff;
border: 1px solid #f2ece7;
margin-bottom: 60px;
}

.single-card-box .category-box {
position: absolute;
top: -15px;
right: 20px;
background-image: -moz-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
background-image: -ms-linear-gradient(0deg, rgb(138, 15, 61) 0%, rgb(207, 23, 60) 100%);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 30px;
padding: 0 20px;
font-family: var(--thm-font-2);
}

.single-card-box .category-box:before {
content: "";
position: absolute;
top: 0;
right: -10px;
width: 10px;
height: 15px;
border-left: 10px solid #9e122e;
border-top: 15px solid transparent;
}



.cards-img-box {
position: relative;
display: block;
max-width: 400px;
width: 100%;
border-right: 1px solid #f2ece7;
padding: 35px 29px 30px;
}

.cards-img-box .inner-title {
position: relative;
display: block;
padding-bottom: 23px;
}

.cards-img-box .inner-title h3 {
font-size: 22px;
line-height: 28px;
text-align: center;
}

.cards-img-box .btn-box {
position: relative;
display: flex;
align-items: center;
padding-top: 20px;
margin-left: -5px;
margin-right: -5px;
}

.cards-img-box .btn-box a {
text-align: center;
margin: 0 5px 10px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
width: 100%;
line-height: 52px;
}

.cards-img-box .btn-box a.style2 {
box-shadow: none;
}

.cards-img-box .btn-box a.style2:after {
background: #f7f1eb;
}



.cards-text-box {
position: relative;
padding: 33px 40px 0;
flex: 1;
}

.cards-text-box p {
padding-bottom: 27px;
}

.cards-text-box h3 {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}

.cards-text-box ul {
position: relative;
display: block;
padding-bottom: 31px;
}

.cards-text-box ul li {
position: relative;
display: block;
font-size: 16px;
line-height: 32px;
padding-left: 26px;
margin-bottom: 5px;
}

.cards-text-box ul li:last-child {
margin-bottom: 0;
}

.cards-text-box ul li::before {
position: absolute;
content: '';
top: 14px;
left: 0px;
width: 6px;
height: 6px;
background-color: #cf173c;
border-radius: 2px;
}

.cards-text-box .compare-box {
position: relative;
display: block;
padding-top: 22px;
border-top: 1px solid #f2ece7;
}



/***
=============================================
Cards Details Area Style
=============================================
***/
.cards-details-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 100px;
z-index: 1;
}

.sidebar-box-style2 {
position: relative;
display: block;
background-color: rgb(248, 244, 239);
margin-right: 30px;
padding: 38px 30px 40px;
}

.sidebar-box-style2 .border-box-1 {
position: relative;
display: block;
width: 100%;
height: 4px;
background: #e2deda;
margin: 40px 0 40px;
}


.cards-deails-content-box {
position: relative;
display: block;
}

.cards-deails-content-1 {
position: relative;
display: block;
}

.cards-deails-content-1 .inner-title {
position: relative;
display: block;
padding-bottom: 22px;
}

.cards-deails-content-1 .inner-title h5 {
color: var(--thm-base);
font-size: 18px;
line-height: 28px;
margin-bottom: 3px;
}

.cards-deails-content-1 .inner-title h2 {
font-size: 36px;
line-height: 46px;
}

.cards-deails-content-1 .text {
position: relative;
display: block;
}

.cards-deails-content-1 .text p+p {
margin: 26px 0 0;
}



.cards-deails-content-2 {
position: relative;
display: block;
padding-top: 33px;
}

.cards-deails-content-2 .img-box {
position: relative;
display: block;
}

.cards-deails-content-2 .img-box ul {
position: relative;
display: block;
}

.cards-deails-content-2 .img-box ul li {
position: relative;
display: block;
margin-bottom: 15px;
}

.cards-deails-content-2 .img-box ul li:last-child {
margin-bottom: 0;
}

.cards-deails-content-2 .img-box .single-img-box {
position: relative;
display: block;
border: 15px solid #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}

.cards-deails-content-2 .img-box .single-img-box img {
width: 100%;
}

.cards-deails-content-2 .text-box {
position: relative;
display: block;
}

.cards-deails-content-2 .text-box ul {
position: relative;
display: block;
}

.cards-deails-content-2 .text-box ul li {
position: relative;
display: block;
margin-bottom: 33px;
}

.cards-deails-content-2 .text-box ul li:last-child {
margin-bottom: 0;
}

.cards-deails-content-2 .text-box span {
font-size: 30px;
line-height: 30px;
background: linear-gradient(to right, #8d1340 0%, #cc173c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.cards-deails-content-2 .text-box h3 {
font-size: 22px;
line-height: 32px;
margin: 7px 0 9px;
}

.cards-deails-content-2 .text-box p {}



.card-details-features-box {
position: relative;
display: block;
padding-top: 52px;
}

.card-details-features-box .inner-title {
position: relative;
display: block;
padding-bottom: 33px;
}

.card-details-features-box .inner-title h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 14px;
}

.card-details-single-features-box {
position: relative;
display: block;
margin-bottom: 33px;
}

.card-details-single-features-box .single-benefits-box {}

.card-details-single-features-box .single-benefits-box .icon {
margin: 0;
}

.card-details-single-features-box.style2 .single-benefits-box .icon {
background: linear-gradient(to right, #0f76a2 0%, #1297c5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.card-details-single-features-box.style3 .single-benefits-box .icon {
background: linear-gradient(to right, #3e3389 0%, #515bbd 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.card-details-single-features-box.style4 .single-benefits-box .icon {
background: linear-gradient(to right, #649519 0%, #96c723 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}



.card-details-offer-box {
position: relative;
display: block;
padding-top: 13px;
}

.card-details-offer-box .inner-title {
position: relative;
display: block;
margin-bottom: 33px;
}

.card-details-offer-box .inner-title h3 {
font-size: 30px;
line-height: 40px;
}

.card-details-offer-box .inner-title p {
padding-top: 15px;
}

.card-details-offer-box .single-offer-box .category .border-box {
background-image: -moz-linear-gradient(0deg, rgb(207, 23, 60) 0%, rgba(207, 23, 60, 0) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(207, 23, 60) 0%, rgba(207, 23, 60, 0) 100%);
background-image: -ms-linear-gradient(0deg, rgb(207, 23, 60) 0%, rgba(207, 23, 60, 0) 100%);
}




.card-deatils-accordion-box {
position: relative;
display: block;
padding-top: 40px;
}

.card-deatils-accordion-box .accordion-box .block .acc-btn {
padding-top: 14px;
padding-left: 40px;
padding-bottom: 14px;
padding-right: 60px;
border: 1px solid #f0eae5;
}

.card-deatils-accordion-box .accordion-box .block .acc-btn.active {
border: 1px solid #1a1c23;
background-color: #1a1c23;
}

.card-deatils-accordion-box .accordion-box .block .acc-btn.active h3 {
color: #ffffff;
}

.card-deatils-accordion-box .accordion-box .block .acc-btn .icon-outer {
left: auto;
right: 35px;
width: auto;
height: auto;
color: #a5a2a0;
font-size: 16px;
line-height: 16px;
}

.card-deatils-accordion-box .accordion-box .block .acc-btn.active .icon-outer {
color: var(--thm-base);
}



.card-deatils-accordion-box .accordion-box .block .acc-content {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding-top: 33px;
padding-left: 40px;
padding-bottom: 40px;
padding-right: 30px;
}

.card-deatils-accordion-box-content {
position: relative;
display: block;
}

.card-deatils-accordion-box-content h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 25px;
}

.card-deatils-accordion-box-content ul {
position: relative;
display: block;
}

.card-deatils-accordion-box-content ul li {
position: relative;
display: block;
padding-left: 20px;
margin-bottom: 10px;
}

.card-deatils-accordion-box-content ul li:last-child {
margin-bottom: 0;
}

.card-deatils-accordion-box-content ul li::before {
position: absolute;
content: '';
top: 7px;
left: 0;
bottom: 0;
width: 8px;
height: 12px;
border-left: 8px solid #a5a2a0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}

.card-deatils-accordion-box-content .btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 23px;
}

.card-deatils-accordion-box-content .btns-box .btn-one {
line-height: 50px;
}

.card-deatils-accordion-box-content .btns-box .btn-one:after {
background-color: #f8f4ef;
}



/***
=============================================
Customer Care Numbers Area Style
=============================================
***/
.customer-care-numbers-area {
position: relative;
display: block;
background: #ffffff;
padding: 93px 0 100px;
z-index: 1;
}

.customer-care-numbers-area .title-box {
position: relative;
display: block;
text-align: center;
padding-bottom: 52px;
}

.customer-care-numbers-area .title-box h2 {
font-size: 36px;
line-height: 40px;
font-weight: 500;
}

.customer-care-numbers-tab {
position: relative;
display: block;
}

.customer-care-numbers-tab__button {
position: relative;
display: block;
}

.customer-care-numbers-tab__button .tabs-button-box {
position: relative;
display: block;
z-index: 10;
}

.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item {
position: relative;
display: block;
float: left;
width: 205px;
z-index: 1;
}

.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
box-shadow: -6px -10px 20px -1px rgb(0 0 0 / 5%);
z-index: -1;
}

.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item:hover::before,
.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item.active-btn-item::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}

.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item h4 {
position: relative;
display: block;
color: #a5a2a0;
font-size: 18px;
line-height: 50px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
cursor: pointer;
}

.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item:hover h4,
.customer-care-numbers-tab__button .tabs-button-box .tab-btn-item.active-btn-item h4 {
color: var(--thm-base);
}



.customer-care-numbers-tab .tabs-content-box {
position: relative;
display: block;
}

.customer-care-numbers-tab .tab-content-box-item {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}

.customer-care-numbers-tab .tab-content-box-item.tab-content-box-item-active {
position: relative;
visibility: visible;
z-index: 5;
}

.customer-care-numbers-tab .tab-content-box-item .customer-care-numbers-tab-content-box-item {
opacity: 0;
transform: scaleY(1.0) translateY(5px);
transition: all 500ms linear;
transition-delay: 0.1s;
}

.customer-care-numbers-tab .tab-content-box-item.tab-content-box-item-active .customer-care-numbers-tab-content-box-item {
opacity: 1.0;
transform: scaleY(1) translateY(0px);
}




.customer-care-numbers-table-box {
position: relative;
display: block;
box-shadow: 0px 5px 20px 1px rgb(0 0 0 / 12%);
}

.customer-care-numbers-table-box .table-outer {
overflow-x: auto;
position: relative;
width: 100%;
}

.customer-care-numbers-table-box .customer-care-numbers-table {
position: relative;
min-width: 1024px;
width: 100%;
}

.customer-care-numbers-table-box .customer-care-numbers-table:before {
content: "";
position: absolute;
top: -50px;
left: 0;
bottom: 0;
width: 1px;
background: #ffffff;
}

.customer-care-numbers-table-box .customer-care-numbers-table:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
background: #ffffff;
}

.customer-care-numbers-table .header {
position: relative;
text-transform: capitalize;
width: 100%;
font-family: var(--thm-font-2);
}

.customer-care-numbers-table thead tr th {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
line-height: 24px;
min-width: 110px;
padding: 25px 30px;
border-left: 1px solid #f2ece7;
border-right: 1px solid #f2ece7;
border-top: none;
text-transform: capitalize;
font-family: var(--thm-font-2);
text-align: center;
}

.customer-care-numbers-table tbody {
position: relative;
}

.customer-care-numbers-table tbody tr {
border-bottom: 1px solid #f2ece7;
}

.customer-care-numbers-table tbody tr td {
min-width: 110px;
padding: 0px 0px;
border: 1px solid #f2ece7;
}

.customer-care-numbers-table tbody tr td.inner-title {
position: relative;
padding: 0 40px;
padding-right: 20px;
}

.customer-care-numbers-table tbody tr td.inner-title h3 {
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
line-height: 24px;
font-style: italic;
font-family: var(--thm-font-2);
}

.customer-care-numbers-table tbody tr td.contact-info {
position: relative;
}

.customer-care-numbers-table tbody tr td.contact-info ul {
position: relative;
display: block;
}

.customer-care-numbers-table tbody tr td.contact-info ul li {
position: relative;
display: block;
padding-top: 14px;
padding-left: 40px;
padding-bottom: 13px;
padding-right: 30px;
}

.customer-care-numbers-table tbody tr td.contact-info ul li:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #f2ece7;
}

.customer-care-numbers-table tbody tr td.contact-info ul li:first-child::before {
display: none;
}

.customer-care-numbers-table tbody tr td.contact-info ul li+li {}

.customer-care-numbers-table tbody tr td.contact-info ul li a {
color: #7f7873;
font-size: 16px;
font-weight: 400;
font-family: var(--thm-font);
}

.customer-care-numbers-table tbody tr td.contact-info ul li a.color2 {
color: var(--thm-base);
}



.customer-care-numbers-table-box .bottom-text {
position: relative;
display: block;
border-top: 1px solid #f2ece7;
padding-top: 34px;
padding-bottom: 33px;
}

.customer-care-numbers-table-box .bottom-text h3 {
font-size: 18px;
line-height: 26px;
}

.customer-care-numbers-table-box .bottom-text h3 a {
position: relative;
display: inline-block;
color: var(--thm-base);
font-weight: 500;
text-decoration: underline;
}


/***
=============================================
Error Page Area Style
=============================================
***/
.error-page-area {
position: relative;
display: block;
padding: 92px 0 100px;
background: #ffffff;
z-index: 10;
}

.error-content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.error-content .big-title {
position: relative;
display: block;
z-index: 1;
}

.error-content .big-title h2 {
color: var(--thm-base);
font-size: 72px;
line-height: 70px;
font-weight: 800;
text-transform: uppercase;
}

.error-content .title {
position: relative;
display: block;
padding-top: 23px;
padding-bottom: 28px;
}

.error-content .title h2 {
font-size: 48px;
line-height: 60px;
font-weight: 700;
}

.error-content .text {
position: relative;
display: block;
padding-bottom: 29px;
}

.error-content .text p {
margin: 0;
}

.error-page-search-box {
position: relative;
display: block;
max-width: 570px;
width: 100%;
margin: 0 auto;
}

.error-page-search-box form.search-form {
position: relative;
display: block;
width: 100%;
}

.error-page-search-box .search-form input[type="text"] {
position: relative;
display: block;
width: 100%;
height: 60px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #f7f1eb;
color: var(--thm-gray);
font-size: 16px;
font-weight: 400;
letter-spacing: .1em;
padding-left: 30px;
padding-right: 60px;
transition: all 500ms ease 0s;
font-family: var(--thm-font);
}

.error-page-search-box .search-form button {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
width: 40px;
height: 40px;
background: var(--thm-base);
color: #ffffff;
font-size: 16px;
line-height: 10px;
display: block;
text-align: center;
border: 0px solid #e1e1e1;
transition: all 500ms ease 0s;
}

.error-page-search-box .search-form button i {
font-size: 16px
}

.error-page-search-box .search-form input[type="text"]:focus {
color: var(--thm-primary);
border-color: var(--thm-base);
}

.error-page-search-box .search-form input[type="text"]:focus+button,
.error-page-search-box .search-form button:hover {
color: #fff;
}

.error-page-search-box .search-form input::-webkit-input-placeholder {
color: #757575;
}

.error-page-search-box .search-form input:-moz-placeholder {
color: #757575;
}

.error-page-search-box .search-form input::-moz-placeholder {
color: #757575;
}

.error-page-search-box .search-form input:-ms-input-placeholder {
color: #757575;
}

.error-content .btns-box {
line-height: 0;
padding-top: 20px;
}

.error-content .btns-box a {
padding-left: 40px;
padding-right: 40px;
}

.error-content .btns-box a:after {
background: #f7f1eb;
}


#ui-datepicker-div.ui-widget-content {
border: 1px solid #c5c5c5;
background: #fff none repeat scroll 0 0;
border: 1px solid #777;
color: #252525;
font-family: "Poppins", sans-serif;
font-size: 14px;
border-radius: 0px;
width: 270px;
padding: 5px;
z-index: 999 !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
background: #151515 none repeat scroll 0 0;
border: 2px solid #252525;
border-radius: 0;
color: #fff;
font-weight: 700;
padding: 5px 0;
position: relative;
}

.ui-datepicker td a {
color: #000000 !important;
text-align: center;
background-image: none !important;
background: #f5f5f5 !important;
border: 1px solid #f9f9f9 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #333333 !important;
background: #333333 !important;
color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-prev {
left: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
border-radius: 30%;
height: 20px;
position: absolute;
top: 7px;
width: 20px;
transition: all 500ms ease;
cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
right: 5px;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
top: 7px;
background: #fff;
border: none;
}

.ui-datepicker table {
border-collapse: collapse;
font-size: 13px;
margin: 0 0 0.4em;
width: 100%;
}

.ui-datepicker th {
border: medium none;
font-weight: 600;
padding: 2px 3px;
text-align: center;
}

.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active {
background: #43c3ea;
color: #fff;
border-color: #43c3ea;
}



/***
=============================================
Element Page Css
=============================================
***/



/*--------------------------------------------------------------
# End Css
--------------------------------------------------------------*/


/*===================my----------css---------start=======================*/

/*-------header---style-----wrap------start-----*/

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
visibility: hidden;
}

.mobile-nav__wrapper.expanded {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
-webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0;
}

.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: 0.7;
cursor: pointer;
}

.mobile-nav__content {
position: relative;
width: 300px;
background-color: #0f1f36;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
z-index: 10;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 32px;
right: 15px;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
font-size: 18px;
cursor: pointer;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.mobile-nav__close:hover {
background-color: #7e1739;
}

.mobile-nav__close i:before {
position: relative;
display: inline-block;
transform: rotate(45deg);
}



.mobile-nav__content .logo-box {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 77%;
background-color: #fff;
}


.mobile-nav__container {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-left: 20px;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
line-height: 30px;
color: #ffffff;
font-size: 15px;
font-family: var(--thm-font-2);
font-weight: 500;
height: 46px;
transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>ul>li>a {
font-size: 14px;
font-weight: 400;
}

.mobile-nav__content .main-menu__list>li>a.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
color: #c9def8;
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
width: 30px;
height: 30px;
background-color: #7b1d3c;
border: none;
outline: none;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
background-color: #fff;
color: #791939;
}


.mobile-nav__content .home-showcase__title {
background-color: rgba(255, 255, 255, 0.1);
margin-top: 0px;
}



.mobile-nav__content .register_button .hdr-reg-btn,
.mobile-nav__content .register_button .hdr-login-btn{
  display: block !important;
  margin-top:20px;
}

.mobile-nav__contact {
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 30px;
}
.mobile-nav__content .d-flex.gap-3.align-items-center {
gap: 1rem !important;
display: flex
;
}


.mobile-nav__contact li {
position: relative;
display: flex;
align-items: center;
color: #ffffff;
font-size: 15px;
font-weight: 500;
}

.mobile-nav__contact li+li {
margin-top: 15px;
}

.mobile-nav__contact li a {
color: #ffffff;
-webkit-transition: 500ms;
transition: 500ms;
}

.mobile-nav__contact li a:hover {
color: #c9def8;
}

.mobile-nav__contact li>i {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 0%;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 12px;
margin-right: 10px;
}


.mobile-nav__top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}

.mobile-nav__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.mobile-nav__social a {
position: relative;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 16px;
line-height: 40px;
text-align: center;
transition: 500ms;
}

.mobile-nav__social a+a {
margin-left: 10px;
}

.mobile-nav__social a:hover {
color: #7d1638;
background-color: #ffffff;
}



/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
display: none !important;
}




/*--------------------------------------------------------------
# Main Header Css
--------------------------------------------------------------*/
.main-header {
position: relative;
display: block;
width: 100%;
background: transparent;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 99;
padding: 0px 30px;
}

.main-menu {
position: relative;
display: block;
}

.main-menu__wrapper {
position: relative;
display: block;
}

.main-menu__wrapper-inner {
position: relative;
display: flex;
align-items: center;
}

.main-menu-box {
display: block;
float: right;
margin-left: auto;
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
margin: 0;
padding: 0;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}

@media (min-width: 1200px) {

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}




.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
margin-left: 20px;
}





.main-menu .main-menu__list>li.dropdown>a,
.stricky-header .main-menu__list>li.dropdown>a {
padding-right: 35px;
}

.main-menu .main-menu__list>li.dropdown>a:before {
position: absolute;
right: 18px;
font-family: 'icomoon' !important;
content: "\e901";
font-size: 14px;
font-weight: 400;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}

/*.main-menu .main-menu__list>li>a::after,
.stricky-header .main-menu__list>li>a::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}*/

.main-menu .main-menu__list>li:hover>a::after,
.main-menu .main-menu__list>li.current>a::after,
.stricky-header .main-menu__list>li:hover>a::after,
.stricky-header .main-menu__list>li.current>a::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}



.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
position: absolute;
top: 100%;
left: 0;
min-width: 190px;
padding: 7px 18px 7px;
background-color: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform-origin: top;
transform-style: preserve-3d;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .3s;
transition-property: all;
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
z-index: 99;
border-radius: 3px;
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
transition: all 300ms ease;
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
position: relative;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
border-top: 1px solid rgba(121, 135, 162, 0.11);
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
position: relative;
display: flex;
font-size: 15px;
line-height: 30px;
color: #444253;
letter-spacing: 0;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
padding: 6px 0px;
-webkit-transition: 500ms;
transition: 500ms;
font-family: var(--thm-font);
z-index: 1;
}



.main-menu .main-menu__list>li>ul>li:hover>a:before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a:before,
.stricky-header .main-menu__list>li>ul>li:hover>a:before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
color: #e51a53;
padding-left: 4px;
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
top: 0;
left: 115%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
top: 0;
left: auto;
right: 100%;
}




/*-------------------------------------
# Mega Menu Css
--------------------------------------*/
.main-menu__wrapper .main-menu__list>.megamenu {
position: static;
}

.main-menu__wrapper .main-menu__list>.megamenu>ul {
top: 100% !important;
left: 0 !important;
right: 0 !important;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}

.main-menu__wrapper .main-menu__list>.megamenu>ul>li {
padding: 0 !important;
}

.megamenu-content-box {
position: relative;
display: block;
}

.megamenu-content-box .container {
max-width: 1200px !important;
}

.megamenu-content-box__inner {
background-color: #fff;
padding: 40px 35px 40px;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

.mobile-nav__wrapper .megamenu-content-box__inner {
padding: 15px 0px;
background-color: rgba(0, 0, 0, 0);
}

.megamenu-content-box .row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}

.home-showcase__image {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-black);
}

.home-showcase__image>img {
width: 100%;
-webkit-transition: 500ms ease;
transition: 500ms ease;
-webkit-transform: scale(1);
transform: scale(1);
}

.home-showcase__image:hover>img {
opacity: 0.25;
}

.home-showcase__image:hover .home-showcase__buttons {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
visibility: visible;
}

.home-showcase__buttons {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0;
visibility: hidden;
transform-origin: bottom center;
-webkit-transition: 500ms ease;
transition: 500ms ease;
}

.home-showcase__buttons .home-showcase__buttons__item.top {
opacity: 0;
transform: translateY(-50px);
transition: all .4s ease-in-out .1s;
}

.home-showcase__image:hover .home-showcase__buttons .home-showcase__buttons__item.top {
opacity: 1;
transform: translateY(0px);
transition: all .4s ease-in-out .2s;
}


.home-showcase__buttons__item {
width: 150px;
line-height: 50px !important;
text-align: center;
}

.home-showcase__buttons__item:hover {
color: #ffffff;
}

.home-showcase__buttons__item+.home-showcase__buttons__item {
margin-top: 10px;
}

.home-showcase__title {
position: relative;
display: block;
background-color: rgba(var(--thm-base-rgb, 53, 84, 209), 0.05);
padding: 11px 0;
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 500;
color: var(--thm-base);
text-transform: uppercase;
margin-top: 15px;
}

.mobile-nav__wrapper .home-showcase__title {
color: #ffffff;
}

.mobile-nav__wrapper .megamenu-content-box .row [class*=col-] {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}



.megamenu-box {
position: relative;
display: block;
}

.megamenu-box .container {
max-width: 900px !important;
}

.megamenu-box__inner {
position: relative;
display: block;
background-color: #fff;
padding: 10px 20px 10px;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.megamenu-box .row {
--bs-gutter-x: 20px;
--bs-gutter-y: 0px;
}



.megamenu-box ul {
position: relative;
}

.megamenu-box ul li {
position: relative;
display: block;
border-bottom: 1px solid rgba(var(--thm-base-rgb, 53, 84, 209), 0.05);
}

.megamenu-box ul li:last-child {
border-bottom: none;
}

.megamenu-box ul li a {
position: relative;
display: block;
padding-left: 20px;
color: var(--thm-gray);
font-size: 15px;
line-height: 50px;
font-weight: 500;
text-align: left;
text-transform: capitalize;
letter-spacing: normal;
font-family: var(--thm-font-2);
transition-timing-function: ease-in-out;
transition-duration: .2s;
z-index: 1;
}

.megamenu-box ul li a:before {
content: "";
position: absolute;
top: 0;
left: 0px;
bottom: 0px;
right: 0;
background-color: var(--thm-base);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}

.megamenu-box ul li:hover a:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}

.megamenu-box ul li:hover a {
color: #ffffff;
}



.mobile-nav__wrapper .megamenu-box ul {}

.mobile-nav__wrapper .megamenu-box ul li {
margin-bottom: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__wrapper .megamenu-box ul li a {
position: relative;
display: block;
padding-left: 0;
line-height: 46px;
color: #ffffff;
font-size: 14px;
font-family: var(--thm-font-2);
font-weight: 400;
transition: all 500ms ease;
}

.mobile-nav__wrapper .megamenu-box .row {
--bs-gutter-x: 20px;
--bs-gutter-y: 0px;
}

.mobile-nav__wrapper .megamenu-box__inner {
padding: 0px 0px;
background-color: transparent;
box-shadow: none;
}

.mobile-nav__wrapper .megamenu-box__inner .row [class*=col-] {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}




/*-------------------------------------
Stricky Header Css
---------------------------------------*/
.stricky-header {
position: fixed;
z-index: 991;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
visibility: hidden;
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
-webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, visibility 500ms ease;
transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}

@media (max-width: 1199px) {
.stricky-header {
  display: none !important;
}
}

.stricky-header.stricky-fixed {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}


/***
.mobile-nav__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: 0px;
}

@media (min-width: 1200px) {
.mobile-nav__buttons {
display: none;
}
}

.mobile-nav__buttons a {
font-size: 20px;
color: var(--thm-base);
cursor: pointer;
}

.mobile-nav__buttons a+a {
margin-left: 10px;
}

.mobile-nav__buttons a:hover {
color: var(--thm-base);
}
**/

.main-menu .mobile-nav__toggler {
position: relative;
display: inline-block;
color: #122238;
font-size: 28px;
line-height: 28px;
cursor: pointer;
-webkit-transition: 500ms;
transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
color: var(--thm-black);
}

@media (min-width: 1200px) {
.main-menu .mobile-nav__toggler {
  display: none;
}
}



.stricky-header.main-menu {
background-color: #ffffff;
}

.stricky-header .main-menu-box {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.stricky-header .main-menu__wrapper {
background-color: #ffffff;
padding: 0px 35px;
}

.stricky-header .main-menu__wrapper-inner {
background-color: #ffffff;
}

.stricky-header .main-menu__list>li+li {
margin-left: 10px;
}



.stricky-header .logo-box-style1 {
top: 0;
left: 0;
width: 250px;
height: 90px;
}

.stricky-header .main-menu-style1-right {
display: none;
}

.stricky-header .main-menu__list>li {
position: relative;
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.stricky-header .main-menu-style1-left {
width: 100%;
}

.stricky-header .main-menu-style1-left .main-menu-box {
float: none;
padding-left: 0px;
}

.stricky-header .main-menu__list>li>a::after {
background-color: #f7f1eb !important;
}



.header-menu-style1 {
position: relative;
display: block;
overflow: hidden;
}

.header-menu-style1 ul {
position: relative;
display: block;
overflow: hidden;
}

.header-menu-style1 ul li {
position: relative;
display: block;
float: left;
margin-right: 1px;
}

.header-menu-style1 ul li:last-child {
margin-right: 0;
}

.header-menu-style1 ul li a {

font-size: 14px;
font-weight: 400;
}



/*----------------------------------------
Main Header Style2
---------------------------------------*/
.main-header-style2 {
position: absolute;
display: block;
}




.main-header-style2__top .auto-container {
max-width: 100%;
padding: 0 50px;
}

.main-header-style2__top .outer-box {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.main-header-style2__top-left {
position: relative;
display: block;
}




.main-header-style2__top-right {
position: relative;
display: flex;
align-items: center;
}



.main-header-style2__top-right .box-search-style1 {
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3)
}

.main-header-style2__top-right .box-search-style1 a {
color: #ffffff;
}

.main-header-style2__top-right .language-switcher #polyglotLanguageSwitcher a {
color: #ffffff;
}

.main-header-style2__top-right .language-switcher #polyglotLanguageSwitcher span.trigger:before {
color: #ffffff;
}




/** Main Menu Style2 Css **/
.main-menu-style2 {
position: relative;
display: block;
background-color: transparent;
}


.main-menu-style2 .container {
max-width: 100%;
padding: 0 50px;
}

.main-menu-style2 .main-menu__wrapper-inner {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #ffffff57;
padding: 0px 15px;
border-radius: 0px 0px 10px 10px;
box-shadow: -1px -2px 7px 0px #14151d4a;
}

.main-menu-style2-left {
position: relative;
display: flex;
align-items: center;
}


.logo-box-style2 {
position: relative;
display: block;
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #e1e6e4;
}

.logo-box-style2 a {
position: relative;
display: inline-block;
}


.looking-banking-box--style2 {
position: relative;
display: block;
padding-left: 60px;
}

.looking-banking-box--style2 .icon {
position: absolute;
top: 4px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border: 1px solid #e1e6e4;
border-radius: 50%;
color: var(--thm-black);
font-size: 24px;
font-weight: 700;
}

.looking-banking-box--style2 .select-box p {
color: var(--thm-black);
font-weight: 500;
margin: 0 0 4px;
}



.main-menu-style2-right {
display: flex;
align-items: center;
}

.main-menu-style2-right .main-menu-box {
padding-right: 50px;
}

.main-menu-style2 .main-menu__list>li+li {
margin-left: 0;
}


.header-logon-box {
position: relative;
display: block;
padding-left: 55px;
min-height: 45px;
margin-left: 30px;
}


.header-logon-box .select-box {
position: relative;
display: block;
width: 70px;
}

.header-logon-box .nice-select {
position: relative;
display: block;
background-color: #fff;
border-radius: 4px;
border: solid 0px #f6f6f6;
width: 100%;
height: 45px;
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
line-height: 45px;
outline: none;
padding-left: 0px;
padding-right: 0px;
transition: all 0.2s ease-in-out;
font-family: var(--thm-font-2);
padding: 0px 0;
}

.header-logon-box .nice-select:after {
position: absolute;
content: "\e901";
font-family: 'icomoon' !important;
color: #7f7873;
font-size: 12px;
top: 0px;
right: 0px;
margin: 0px;
font-weight: 400;
border: none !important;
transform: rotate(0deg) !important;
height: 20px;
width: 12px;
}

.header-logon-box .nice-select .list {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding: 0px 0 0px;
margin-top: 10px;
width: 140px;
left: auto !important;
}

.header-logon-box .nice-select .option {
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
line-height: 35px;
min-height: 35px;
}


.stricky-header--style2 .main-menu__wrapper .container {
max-width: 100%;
padding: 0 50px;
}


.stricky-header--style2 .main-menu__wrapper-inner {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.stricky-header--style2 .header-logon-box {
display: none;
}



/*----------------------------------------
Main Header Style3
---------------------------------------*/
.main-header-style3 {
position: relative;
display: block;
}

.main-header-style3__top {
position: relative;
display: block;
padding: 10px 0;
background: #ffffff;
border-bottom: 1px solid #e6eced;
z-index: 11;
}


.main-header-style3__top .auto-container {
max-width: 100%;
padding: 0 50px;
}

.main-header-style3__top .outer-box {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.main-header-style3__top-left {
position: relative;
display: flex;
align-items: center;
}

.main-header-style3__top-left .header-btn-one {
margin-right: 40px;
}

.main-header-style3__top-left .header-btn-one a {
line-height: 40px;
padding: 0 20px;
}



.main-header-style3__top-right {
position: relative;
display: flex;
align-items: center;
}

.header-contact-info-style1 {
position: relative;
display: block;
}

.header-contact-info-style1 ul {
position: relative;
display: block;
overflow: hidden;
}

.header-contact-info-style1 ul li {
position: relative;
display: block;
float: left;
margin-right: 30px;
}

.header-contact-info-style1 ul li:last-child {
margin-right: 0;
}

.header-contact-info-style1 ul li span {
position: relative;
top: 2px;
display: inline-block;
padding-right: 4px;
color: var(--thm-black);
font-size: 18px;
}


.header-social-link-style1 {
position: relative;
display: block;
margin-left: 30px;
}

.header-social-link-style1 ul {
position: relative;
}

.header-social-link-style1 ul li {
position: relative;
display: block;
float: left;
margin-right: 20px;
}

.header-social-link-style1 ul li:last-child {
margin-right: 0;
}

.header-social-link-style1 ul li a {
color: #757c7d;
transition: all 200ms linear;
transition-delay: 0.1s;
}

.header-social-link-style1 ul li a:hover {
color: var(--thm-base);
}




/** Main Menu Style3 Css **/
.main-menu-style3 {
position: relative;
display: block;
background-color: #ffffff;
}

.main-menu-style3 .container {
max-width: 100%;
padding: 0 50px;
}

.main-menu-style3 .main-menu__wrapper-inner {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.main-menu-style3-left {
position: relative;
display: flex;
align-items: center;
}

.main-menu-style3-left .header-logon-box {
margin-left: 0px;
}


.logo-box-style3 {
position: relative;
display: block;
padding-left: 60px;
}

.logo-box-style3 a {
position: relative;
display: inline-block;
}



.main-menu-style3-middle {
position: static;
display: block;
}

.main-menu-style3-middle .main-menu__list>li+li {
margin-left: 0;
}



.main-menu-style3-right {
position: relative;
display: flex;
align-items: center;
}

.phone-number-box-style1 {
position: relative;
display: block;
padding-left: 55px;
}

.phone-number-box-style1 .icon {
position: absolute;
top: 0;
left: 0;
color: var(--thm-base);
font-size: 40px;
}

.phone-number-box-style1 h5 {
color: var(--thm-gray);
font-size: 14px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 8px;
}

.phone-number-box-style1 h3 {
font-size: 18px;
font-weight: 700;
}

.phone-number-box-style1 h3 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.phone-number-box-style1 h3 a:hover {
color: var(--thm-base);
}



.box-search-style2 {
position: relative;
display: block;
padding-left: 50px;
}

.box-search-style2 a {
position: relative;
display: flex;
align-items: center;
color: var(--thm-black);
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
}

.box-search-style2 a span {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #e6eced;
border-radius: 50%;
color: var(--thm-black);
font-size: 24px;
margin-right: 10px;
}




.stricky-header.dark-home .main-menu__list>li>a {
color: var(--thm-black);
}


.main-header-style2__top {
position: relative;
display: block;
padding: 6px 0;
background-color: #102037;
}


.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
position: relative;
padding-top: 17px;
padding-bottom: 17px;
}

.main-header-style2__top-right .header-menu-style1 ul li{
width: 26px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 3px;
transition: 0.2s ease;
}



.main-header-style2__top-right .header-menu-style1 ul li a {
color: #fafbfc;
}



/*.main-menu .main-menu__list>li>ul>li>a:before,
.main-menu .main-menu__list>li>ul>li>ul>li>a:before,
.stricky-header .main-menu__list>li>ul>li>a:before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a:before {
content: "";
position: absolute;
top: 0;
left: 0px;
bottom: 0px;
right: 0;
background-color: #771737;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: -1;
}*/


.logo-box-style2 a img{
width: 250px;
}

.top-hdr-dtl li {
display: inline-block;
color: #fff;
padding-right: 8px;
border-right: 1px solid #ffffff73;
padding-left: 5px;
font-size: 14px;
}

.top-hdr-dtl li:last-child{
border-right: none;
}



.top-hdr-dtl li a{
color: #fff;
}

.get-tch-btn a i {
/*position: absolute;
top: 0px;
left: 0;
display: flex;
align-items: center;
justify-content: center;*/
width: 28px;
height: 28px;
border: 1px solid #28aaba;
border-radius: 50%;
color: #282526;
font-size: 13px;
text-align: center;
line-height: 27px;
padding-left: 3px;
transition: all 500ms ease;
margin-right: 5px;
}

.get-tch-btn a:hover i{
color: #fff;
border: 1px solid #fff;
}

.get-tch-btn a{
font-size: 14px;
font-weight: 700;
color: #292627;
width: auto;
padding: 13px 15px;
background-color: #cfe5ff;
transition: all 500ms ease;
margin-left: 19px;
}


.get-tch-btn a:hover{
background-color: #781536;
color: #fff;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
position: relative;
color: #061c34;
font-size: 15px;
line-height: 50px;
font-weight: 500;
display: flex;
align-items: center;
padding-left: 15px;
padding-right: 15px;
font-family: var(--thm-font-2);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
color: #e41650;
}


/*=====banner-------------style------------start=======*/

.main-slider {
position: relative;
display: block;
z-index: 10;
}

.main-slider-style1 {
background-color: #f7f1eb;
padding: 0 50px;
}

.slider-buttom-box {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 11;
}

.slider-buttom-box a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 230px;
height: 50px;
background-color: var(--thm-base);
padding: 0 20px;
color: #ffffff;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.slider-buttom-box a:hover {
background-color: #8a0f3d;
}

.slider-buttom-box a+a {
margin-top: 10px;
}

.slider-buttom-box a.style2 {
background-color: #8a0f3d;
}

.slider-buttom-box a.style2:hover {
background-color: var(--thm-base);
}

.main-slider .swiper-slide {
position: relative;
overflow: hidden;
}

.main-slider .container {
position: relative;
padding-top: 128px;
padding-bottom: 140px;
z-index: 30;
}

.main-slider .image-layer {
position: relative;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: transform 7000ms ease, opacity 1500ms ease-in;
transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
z-index: 1;
overflow: hidden;
}


.main-slider .image-layer:before,
.main-slider .image-layer:after {
content: "";
position: absolute;
z-index: -1;
top: 10px;
left: 50%;
width: 550px;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.5);
animation: scale 3s infinite linear;
transform: translateX(-50%) !important;
pointer-events: none;
}

.main-slider .image-layer:after {
width: 480px;
height: 480px;
top: 45px;
}

@keyframes scale {
0% {
scale: 1;
opacity: 1;
}
100% {
scale: 1.1;
opacity: 0;
}
}


.main-slider .image-layer img{
width: 80%;
}

.main-slider .swiper-slide-active .image-layer {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}

.main-slider .image-layer:before {
position: absolute;
top: 0px;
right: 0;
bottom: 0;
width: 80%;
content: "";
z-index: -1;
background: rgb(26, 28, 35);
background: linear-gradient(270deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 0.9500175070028011) 12%, rgba(26, 28, 35, 0.865983893557423) 29%, rgba(26, 28, 35, 0) 100%);
}

.main-slider-style1__shape1 {
position: absolute;
top: 0;
right: -30px;
bottom: 0;
max-width: 470px;
width: 100%;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right center;
background-size: cover;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(80px);
transform: perspective(400px) rotateY(0deg) translateX(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 1;
}

.main-slider .swiper-slide-active .main-slider-style1__shape1 {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
transform: perspective(400px) rotateY(0deg) translateX(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}


.main-slider .main-slider-content {
position: relative;
display: block;
max-width: 670px;
width: 100%;
float: right;
}

.main-slider .main-slider-content__inner {
position: relative;
display: block;
overflow: hidden;
}

.main-slider .main-slider-content .big-title {
position: relative;
display: block;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(-80px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(-80px);
transform: perspective(400px) rotateX(0deg) translateX(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
z-index: 10;
}

.main-slider .swiper-slide-active .main-slider-content .big-title {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
transform: perspective(400px) rotateX(0deg) translateX(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}

.main-slider .main-slider-content .big-title h2 {
color: #ffffff;
font-size: 35px;
line-height: 1.2em;
font-weight: 500;
text-transform: inherit;
margin-top: 30px;
}


.main-slider .main-slider-content .text {
position: relative;
display: block;
margin-top: 16px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(-80px);
transform: perspective(400px) rotateY(0deg) translateX(-80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 10;
}

.main-slider .swiper-slide-active .main-slider-content .text {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
transform: perspective(400px) rotateY(0deg) translateX(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}

.main-slider .main-slider-content .text p {
color: #f1f5f9;
font-size: 18px;
line-height: 28px;
font-weight: 400;
}



.main-slider .main-slider-content .btns-box {
position: relative;
display: block;
line-height: 0;
padding-top: 30px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 10;
}

.main-slider .swiper-slide-active .main-slider-content .btns-box {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}




.main-slider__nav {
position: absolute;
left: 270px;
bottom: 20px;
transform: translateY(0%) translateX(0);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
z-index: 100;
width: 140px;
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
font-size: 17px;
color: #fff;
height: 50px;
border-radius: 50%;
line-height: 50px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
background: linear-gradient(45deg, #D7134A, #F44C7C) !important;
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-moz-transition: all 600ms ease 0ms;
-webkit-transition: all 600ms ease 0ms;
-ms-transition: all 600ms ease 0ms;
-o-transition: all 600ms ease 0ms;
transition: all 600ms ease 0ms;
opacity: 0.2;
box-shadow: rgba(53, 95, 137, 0.73) 2px 2px 13px -4px;
}

.main-slider__nav .swiper-button-prev {
left: 0px;
}

.main-slider__nav .swiper-button-next{
right: 0px;
}




.main-slider__nav:hover .swiper-button-next,
.main-slider__nav:hover .swiper-button-prev {
opacity: 1;
}


/*.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
color: #ffffff;
background-color: #781736;
}*/

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
display: none;
}

.main-slider__nav .swiper-button-prev {
transform: rotate(-180deg);
}

.main-slider__nav .swiper-button-prev .angle-left {
position: relative;
transform: rotate(0deg);
}







/*--------------------------------------------------------------
# Main Slider Style3
--------------------------------------------------------------*/
.main-slider-style3 {
background: url(../images/banner-bg.jpg) no-repeat bottom; center;
background-size: auto;
background-size: cover;
padding: 80px 0px 0px;
position: relative;
z-index: 1;
overflow: hidden;

}



.main-slider-style3 .image-layer:before {
display: none;
}

.main-slider-style3 .image-layer:after {
position: absolute;
top: 0px;
bottom: 0;
right: 0;
content: "";
opacity: 0.60;
z-index: -1;
}

.main-slider-style3 .container {
padding-top: 95px;
padding-bottom: 0px;
}

.main-slider-style3 .main-slider-content {
position: relative;
display: block;
max-width: 100%;
width: 100%;
float: none;
text-align: left;
padding-left: 25px;
}



.main-slider-style3 .main-slider-content h6 span {
font-size: 30px;
}

.main-slider-style3 .main-slider-content h6 {
color: #fff;
font-size: 22px;
background-color: #febc0136;
width: fit-content;
padding: 4px 5px 6px;
border-left: 2px solid #e3154f;
box-shadow: 2px 2px 2px #af2e1033;
letter-spacing: 0.4px;
}

.main-slider-style3 .main-slider-content h6 strong {
color: #2a2743;
}

.main-slider-style3 .main-slider-content .big-title h2 {
font-size: 37px;
line-height: 50px;
font-weight: 900;
color: #2a2743;
}


.main-slider-style3 .main-slider-content p{
color: #efeaf0;
font-size: 18px;
width: 98%;
line-height: 29px;
padding: 5px 8px 15px 19px;
font-weight: 600;
border-radius: 21px;
letter-spacing: 0.5px;
background: radial-gradient(#fff2 30%, #fff4);
backdrop-filter: blur(5px);
text-shadow: 1px 1px 2px #46496e;
border-right: 2px solid #bc3f2f7d;
border-bottom: 2px solid #bc3f2f7d;
margin-top: 30px;

opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(-80px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(-80px);
transform: perspective(400px) rotateX(0deg) translateX(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
transition: all 2000ms ease;
z-index: 10;
}

.main-slider .swiper-slide-active .main-slider-content p {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
transform: perspective(400px) rotateX(0deg) translateX(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 2000ms;
-ms-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
}


.main-slider__nav--style3 {
position: absolute;
left: 50px;
right: 50px;
bottom: 50%;
transform: translateY(0%) translateX(0);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 0;
margin: 0;
width: auto;
z-index: 100;
}


/*------------country------wrap-------start----------*/

.cntry-item.card-overlay-two::after {
opacity: 0;
z-index: 0;
border-left: 165px solid transparent;
border-bottom: 167px solid #781736;
border-right: unset;
right: 20px;
left: unset;
visibility: hidden;
}

.cntry-item.card-overlay-two::before{
opacity: 0;
z-index: 0;
border-left: 165px solid transparent;
border-top: 167px solid #781736;
border-right: unset;
right: 20px;
left: unset;
visibility: hidden;
}

.cntry-item:hover.card-overlay-two::after {
opacity: .60;
right: 0;
visibility: visible;

}


.cntry-item:hover.card-overlay-two::before {
opacity: .60;
right: 0;
visibility: visible;
}

.card-overlay-two::after {
position: absolute;
content: '';
left: 0;
top: -33px;
height: 100%;
border-bottom: 230px solid #3140FC;
border-right: 240px solid transparent;
opacity: .10;
z-index: -1;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;

}

.card-overlay-two::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
border-top: 230px solid #3140FC;
border-right: 240px solid transparent;
opacity: .10;
z-index: -1;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}

.cntry-item.card-overlay-two {
overflow: visible;
}

.cntry-item {
width: 350px;
margin: auto auto 65px;
text-align: center;
z-index: 1;
}

.card-overlay-two {
position: relative;
overflow: hidden;
}


.cntry-item .inner {
max-width: 240px;
}

.cntry-item .inner {
box-shadow: 0px 0px 13px 0px #bcb6b670;
max-width: 270px;
margin-left: auto;
margin-right: auto;
padding-top: 37px;
padding-bottom: 10px;
margin-top: -45px;
position: relative;
z-index: 1;
background-color: #f4fffe;
/*position: absolute;*/
left: 0;
right: 0;
border-radius: 35px;
}

.cntry-flag{
position: absolute;
width: 100%;
top: -37px;
}

.cntry-flag img{
width: 26% !important;
margin: auto;
border: 2px solid #781737;
padding: 3px;
border-radius: 50%;
background-color: #f4fffe;
}

.cntry-item .inner h3 {
font-size: 22px;
margin-bottom: 5px;
}

.cntry-item .inner h3 a {
color: #0F1F36;
}

.cntry-item .inner span {
display: block;
font-size: 15px;
font-weight: 600;
color: #0f1f36;
}

/*------------country------wrap-------end----------*/

/*------------partners----wrap-----start--------*/
.single-partner-logo-box {
position: relative;
display: block;
text-align: center;
border: 1px solid #ffffff;
z-index: 1;
}

.single-partner-logo-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
transform: perspective(400px) scaleX(0);
transform-origin: center;
transition: all 300ms linear;
transition-delay: 0.2s;
z-index: -1;
}

.single-partner-logo-box:hover:before {
transform: perspective(400px) scaleX(1.0);
}

.single-partner-logo-box a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 4px 0;
}

.single-partner-logo-box a img {
position: relative;
display: inline-block !important;
opacity: 1.0;
width: 140px !important;
transition: all 0.2s ease-in-out 0.1s;
}

.single-partner-logo-box:hover a img {
opacity: 1.0;
transition: all 0.8s ease-in-out 0.1s;
}

.partner-style2-area {
position: relative;
display: block;
background: #ffffff;
padding: 60px 0 70px;
z-index: 10;
}


.partner-style2-area:before{
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-size: cover;
background-position: top center;
background-image: url(../images/partner-bg.jpg);
height: 100%;
opacity: 0.6;
}

.partner-style2-area .single-partner-logo-box {
border: 1px solid #dedddd;
box-shadow: 0px 0px 7px -2px #3c3b3b87;
border-radius: 12px;
overflow: hidden;
}

.partner-style2-area .single-partner-logo-box:before {
background: #fdecf199;
}

/*-------partners--------wrap-----end---------*/


/*-----------Testimonial Style1 Area Css  start-----------*/

.testimonials-style1-area {
position: relative;
display: block;
padding: 50px 0px 70px;
}


.testimonials-style1-area:before{
content: '';
background-image: url(../images/testi-bg.png);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: right;
background-size: cover;
pointer-events: none;

}


.single-testimonials-style1 {
position: relative;
display: block;
overflow: hidden;
border: 1px solid #ebebf5;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding:45px 29px 27px;
border-radius: 10px 10px 12% 12%;
}

.single-testimonials-style1 .quote-box {
position: absolute;
top: -120px;
right: -120px;
width: 220px;
height: 225px;
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.single-testimonials-style1 .quote-box span {
position: relative;
display: inline-block;
color: #e0e6e7;
font-size: 50px;
line-height: 50px;
padding-top: 90px;
padding-left: 45px;
}


.single-testimonials-style1 .customer-info {
position: relative;
display: flex;
align-items: center;
padding-bottom: 17px;
}

.single-testimonials-style1 .customer-info .img-box {
position: relative;
display: block;
overflow: hidden;
width: 50px;
border-radius: 50%;
background-color: #646464;
}

.single-testimonials-style1 .customer-info .img-box img {
mix-blend-mode: luminosity;
}


.single-testimonials-style1 .customer-info .title-box {
position: relative;
padding-left: 20px;
flex: 1;
}

.single-testimonials-style1 .customer-info .title-box h3 {
font-size: 18px;
padding-bottom: 8px;
}

.single-testimonials-style1 .inner {
position: relative;
display: block;
}

.single-testimonials-style1 .inner .text-box {
position: relative;
display: block;
}

.single-testimonials-style1 .inner .text-box p {
color: #6b6b7f;
font-size: 15px;
font-weight: 400;
line-height: 27px;
}

.single-testimonials-style1 .inner .review-box {
position: relative;
display: block;
padding-top: 18px;
}



.testimonials-style1-carousel.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
margin-right: 0px;
float: left;
}


.testimonials-style1-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}

.testimonials-style1-carousel.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.testimonials-style1-carousel.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}

/*--------------Testimonial Style1 Area Css  end--------------*/



/*----------------blog------wrap-------start--------------*/
.blog-slider{
margin: -200px auto 60px;
}

.blog-pg{
padding: 50px 40px 60px !important;
}

.blog-style1-area {
position: relative;
display: block;
background: #f9faff;
padding: 50px 40px 200px;
}

.blog-style1-area:before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/blog-bg.png);
max-height: 530px;
}


.single-blog-style1 {
position: relative;
display: block;
z-index: 1;
border: 1px solid #e5e5e5;
padding: 24px;
border-radius: 16px;
background-color: #fdfdfd;
}

.single-blog-style1 .img-holder {
position: relative;
display: block;
}

.single-blog-style1 .img-holder .inner {
position: relative;
display: block;
overflow: hidden;
background-color: #646464;
}



.single-blog-style1:hover .img-holder .inner::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}



.single-blog-style1 .img-holder {
overflow: hidden;
border-radius: 10px;
position: relative;
}

.single-blog-style1 .img-holder img {
width: 100%;
transform: scale(1.0);
aspect-ratio: 402/265;
object-fit: cover;
object-position: top center;
/*mix-blend-mode: luminosity;*/
}

.single-blog-style1:hover .img-holder img {
transform: scale(1.05) rotate(0deg);
}

.single-blog-style1 .img-holder .inner .overlay-icon {
position: absolute;
top: 0;
left: 0;
bottom: 70px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}

.single-blog-style1:hover .img-holder .inner .overlay-icon {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}

.single-blog-style1 .img-holder .inner .overlay-icon a {
position: relative;
display: inline-block;
color: #c9def8;
font-size: 25px;
}


.single-blog-style1 .img-holder .category-date-box {
position: absolute;
left: 20px;
bottom: 20px;
right: -20px;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding: 15px 20px 15px;
display: flex;
align-items: center;
z-index: 3;
}

.single-blog-style1 .img-holder .category-date-box .category {
position: relative;
display: flex;
align-items: center;
}

.single-blog-style1 .img-holder .category-date-box .category span {
position: relative;
display: inline-block;
color: #78ab3c;
font-size: 14px;
line-height: 14px;
padding-right: 8px;
}

.single-blog-style1 .img-holder .category-date-box .category h5 {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
}

.single-blog-style1 .img-holder .category-date-box .date {
position: relative;
display: block;
padding-left: 35px;
}

.single-blog-style1 .img-holder .category-date-box .date:before {
content: "";
position: absolute;
top: 7px;
left: 15px;
width: 6px;
height: 6px;
background-color: #a5a6aa;
border-radius: 50%;
}

.single-blog-style1 .img-holder .category-date-box .date h5 {
color: var(--thm-gray);
font-size: 15px;
line-height: 20px;
font-weight: 500;
text-transform: uppercase;
}



.single-blog-style1 .text-holder {
position: relative;
display: block;
}

.single-blog-style1 .text-holder .blog-title {
font-weight: 600;
font-size: 1.03rem;
padding-top: 10px;
line-height: 23px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #4a4a53;
padding-bottom: 11px;
}

.single-blog-style1 .text-holder .blog-title a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.single-blog-style1 .text-holder .blog-title a:hover {
color: #142a4a;
}


.single-blog-style1 .text-holder .bottom {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding-top: 16px;
border-bottom: 1px solid #e9e9ee;
padding-bottom: 8px;
}

.single-blog-style1 .text-holder .bottom .meta-box {
position: relative;
display: block;
}

.single-blog-style1 .text-holder .meta-info {
position: relative;
display: block;
overflow: hidden;
}

.single-blog-style1 .text-holder .meta-info li {
position: relative;
display: block;
float: left;
font-size: 16px;
line-height: 25px;
font-weight: 500;
margin-right: 25px;
font-family: var(--thm-font);
text-transform: capitalize;
}

.single-blog-style1 .text-holder .meta-info li:last-child {
margin-right: 0;
}

.single-blog-style1 .text-holder .meta-info li span::before {
position: relative;
top: 1px;
display: inline-block;
padding-right: 4px;
color: var(--thm-gray);
font-size: 15px;
line-height: 15px;
}

.single-blog-style1 .text-holder .meta-info li i{
color: #e41750;
color: 14px;
}

.single-blog-style1 .text-holder .meta-info li{
color: #313240;
font-size: 14px;
font-weight: 500;
transition: all 200ms linear;
transition-delay: 0.1s;
}


.single-blog-style1 .text-holder .bottom .share-btn {
position: relative;
display: block;
}

.single-blog-style1 .text-holder .bottom .share-btn a {
position: relative;
top: 2px;
display: inline-block;
color: var(--thm-gray);
font-size: 18px;
}



.blog-style1-carousel.owl-nav-style-one.owl-theme .owl-nav {
position: absolute;
top: -110px;
right: 30px;
}

.blog-style1-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}

.blog-style1-carousel.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}

.blog-style1-carousel.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}


.single-blog-style1 .text-holder a{
font-size: 14px;
color:#e61f57;
}

.single-blog-style1 .text-holder a:hover{
color:  #36364a;
}

.blog-pg .single-blog-style1{
margin-bottom: 35px;
}


/*-------------------blog-----wrap------end-------------*/

/*-------------------blog---detail----wrap------start-------------*/

.jo-blog-details-img {
border-radius: 20px;
overflow: hidden;
margin-bottom: 20px;
}

.jo-inner-blog-img img {
width: 100%;
aspect-ratio: 869/400;
object-fit: cover;
object-position: top center;
}

.jo-inner-blog-infos {
display: flex;
flex-wrap: wrap;
gap: 4px clamp(15px, 1.58vw, 30px);
font-size: 14px;
margin-bottom: clamp(11px, 0.74vw, 14px);
}

.jo-inner-blog-infos .author {
color:  var(--hub-prim-color1);
font-weight: 500;
}

.jo-inner-blog-infos .author .name,
.jo-inner-blog-infos .date {
color: var(--ttGray2);
font-weight: 400;
}

.jo-inner-blog-infos .date i {
color: var(--hub-prim-color1);
}

.jo-inner-blog-title {
font-weight: 700;
font-size: 26px;
margin-bottom: 18px;
color: #3b3843;
}

.jo-blog-details-txt p {
font-size: 15px;
color: #777786;
text-align: justify;
line-height: 27px;
padding-bottom: 11px;
}

.jo-blog-details-txt{
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
padding: 22px 24px;
border-radius: 15px;
}

.blg-dtl-list{
margin: 14px 0px;
}

.blg-dtl-list li{
font-size: 15px;
padding-bottom: 7px;
color: #615f74;
position: relative;
}

.blg-dtl-list li:before{
content: '\f00c';
font-size: 14px;
color: #e3154f;
font-family: fontawesome;
margin-right: 10px;
}

.blg-dtl-list li:last-child{
padding-bottom: 0px;
}


.jo-inner-blogs-sidebar-widget {
padding: clamp(25px, 2.1vw, 40px) clamp(15px, 1.58vw, 30px);
background-color: rgba(224, 209, 209, 0.2);
border-radius: 10px;
}

.jo-inner-blogs-sidebar-widget-title {
font-weight: 700;
font-size: clamp(18px, 1.16vw, 22px);
color: #3b3843;
position: relative;
padding-bottom: clamp(4px, 0.47vw, 9px);
margin-bottom: clamp(15px, 1.58vw, 30px);
}

.jo-inner-blogs-sidebar-widget-title::before {
content: "";
position: absolute;
bottom: 0;
height: 2px;
width: clamp(35px, 2.63vw, 50px);
background-color: var(--hub-prim-color1);
}

.jo-inner-blogs-search-form {
background-color: #fff;
height: clamp(45px, 3.15vw, 60px);
border-radius: 10px;
padding: 0 clamp(12px, 1.05vw, 20px);
display: flex;
align-items: center;
border: 1px solid #d8d9e0;
}


.jo-inner-blogs-search-form input {
width: 100%;
background-color: transparent;
font-size: 14px;
}

.jo-inner-blogs-search-form button {
color: var(--hub-prim-color1);
padding: 0;
padding-top: 0px;
padding-top: 3px;
font-size: 20px;
}

.jo-inner-blogs-sidebar-widget {
padding: clamp(25px, 2.1vw, 40px) clamp(15px, 1.58vw, 30px);
background-color: rgba(224, 209, 209, 0.2);
border-radius: 10px;
margin-bottom: 15px;
}

.jo-inner-blogs-sidebar-post:first-child {
padding-top: 0;
}

.jo-inner-blogs-sidebar-post {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
align-items: center;
gap: clamp(12px, 0.79vw, 15px);
padding: clamp(12px, 1.05vw, 20px) 0;
}


.jo-inner-blogs-sidebar-widget .jo-inner-blogs-sidebar-post:last-child {
border-bottom: none;
}

.jo-inner-blogs-sidebar-post .img {
flex-shrink: 0;
overflow: hidden;
border-radius: 10px;
}

.jo-inner-blogs-sidebar-post .img img {
width: 80px;
aspect-ratio: 100/77;
object-fit: cover;
object-position: top;
}

.jo-inner-blogs-sidebar-post .date {
font-size: clamp(12px, 0.74vw, 14px);
color: var(--ttRed);
display: flex;
align-items: center;
gap: 8px;
}

.jo-inner-blogs-sidebar-post .date .icon {
font-size: 16px;
}

.jo-inner-blogs-sidebar-post .date {
font-size: 12;
color: var(--hub-prim-color1);
}

.jo-inner-blogs-sidebar-post .title {
font-size: 14px;
line-height: 1.6;
margin-bottom: 0;
}

.jo-inner-blogs-sidebar-post .title a {
font-weight: 400;
color: #494957;
}

.jo-inner-blogs-sidebar-post .title a:hover{
color: var(--hub-prim-color1);
}

/*------------------blog---detail------wrap------end-------------*/

.find-nearest-branch-box-style2 {
position: relative;
display: block;
}

.find-nearest-branch-box-style2 .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
/*background: #ffffff;*/
border-radius: 50%;
color: var(--thm-black);
font-size: 25px;
}

.find-nearest-branch-box-style2 h3 {
color: #ffffff;
font-size: 22px;
line-height: 30px;
margin: 19px 0 15px;
}

.find-nearest-branch-box-style2 form {
position: relative;
display: block;
width: 100%;
}

.find-nearest-branch-box-style2 form .input-box {
position: relative;
display: block;
margin-bottom: 10px;
}

.find-nearest-branch-box-style2 form .select-box {
position: relative;
display: block;
width: 100%;
}

.find-nearest-branch-box-style2 form .select-box .nice-select {
position: relative;
display: block;
background-color: transparent;
border-radius: 0px;
border: solid 1px #2f3139;
width: 100%;
height: 50px;
color: #bcbcbc;
font-size: 16px;
font-weight: 400;
line-height: 48px;
outline: none;
padding-left: 20px;
padding-right: 20px;
transition: all 0.2s ease-in-out;
font-family: var(--thm-font);
}

.find-nearest-branch-box-style2 form .nice-select:after {
position: absolute;
content: "\e901";
font-family: 'icomoon' !important;
color: #bcbcbc;
font-size: 14px;
top: 0px;
right: 19px;
margin: 0px;
font-weight: 400;
border: none !important;
transform: rotate(0deg) !important;
height: 20px;
width: 12px;
}

.find-nearest-branch-box-style2 form .nice-select .list {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding: 0px 0 0px;
margin-top: 10px;
width: 100%;
left: auto !important;
}

.find-nearest-branch-box-style2 form .nice-select .option {
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
line-height: 40px;
min-height: 40px;
}

.find-nearest-branch-box-style2 form input[type="text"],
.find-nearest-branch-box-style2 form input[type="email"] {
position: relative;
display: block;
background: transparent;
border: 1px solid #2f3139;
width: 100%;
height: 50px;
color: #bcbcbc;
font-size: 16px;
font-weight: 400;
font-style: normal;
padding-left: 20px;
padding-right: 20px;
border-radius: 0px;
transition: all 500ms ease;
font-family: var(--thm-font);
}

.find-nearest-branch-box-style2 form .button-box {
position: relative;
display: block;
line-height: 0;
line-height: 20px;
padding-top: 12px;
}

.find-nearest-branch-box-style2 form .button-box button {
color: #ffffff;
font-size: 18px;
font-weight: 500;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}

.find-nearest-branch-box-style2 form .button-box button span {
position: relative;
top: 1px;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
font-size: 16px;
}



.whats-app {
position: fixed;
width: 51px;
height: 51px;
bottom: 25px;
left: 15px;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
z-index: 9;
}

/*---scroll---up----style----start----*/

#scrollUp {
display: inline-block;
background-color: #781738;
width: 45px;
height: 45px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#scrollUp::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 45px;
color: #fff;
}

#scrollUp:hover::after{
color: #781738;
}


#scrollUp:hover {
cursor: pointer;
background-color: #cce2fc;

}
#scrollUp:active {
background-color: #555;
}
#scrollUp.show {
opacity: 1;
visibility: visible;
}

/*-------------footer-------wrap----------start--------*/


.jo-footer-top__nwsltr input {
background-color: transparent;
width: 100%;
height: 3.385vw;
padding: 0 25px;
font-size: 16px;
}
@media screen and (max-width: 1199px) {
.jo-footer-top__nwsltr input {
height: 45px;
}
}
@media screen and (max-width: 479px) {
.jo-footer-top__nwsltr input {
padding: 0 15px;
}
}
.jo-footer-top__nwsltr button {
height: auto;
border-radius: 999px;
flex-shrink: 0;
padding: 0 1.25vw;
}
@media screen and (max-width: 479px) {
.jo-footer-top__nwsltr button {
height: 45px;
}
}
.jo-footer-top__nwsltr button::before {
border-radius: 999px;
}
.jo-footer-top__socials a {
position: relative;
z-index: 1;
border: 1px solid var(--white);
color: var(--white);
}
.jo-footer-top__socials a:hover::before {
opacity: 1;
}
.jo-footer-top__socials a::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: 999px;
background: linear-gradient(49deg, #E51852 29%, #F44D7D 80%);
opacity: 0;
transition: 0.4s ease;
}


.tt-footer {
background-color: var(--black);
padding: 55px 30px;
color: var(--white);
}
@media screen and (max-width: 479px) {
.tt-footer {
padding: 45px 20px;
}
}
.tt-footer-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 35px;
padding-bottom: 40px;
}
@media screen and (max-width: 1399px) {
.tt-footer-top {
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.tt-footer-top > * {
flex-grow: 1;
}
}
.tt-footer-top__logo {
margin-bottom: 20px;
display: inline-block;
}
.tt-footer-top__descr {
margin-bottom: 30px;
}
.tt-footer-top__socials {
display: flex;
align-items: center;
gap: 15px;
}
.tt-footer-top__socials a {
width: 47px;
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #d2d2d2;
border-radius: 50%;
transition: 0.4s ease;
}

.tt-footer-top__socials a:hover {
background-color: #E3DADA;
color: var(--white);
border-color: #EFE9E9;
}
.tt-footer-widget__title {
font-size: 20px;
font-weight: 700;
margin-bottom: 18px;
}
.tt-footer-widget__links a {
font-size: 16px;
display: block;
margin-bottom: 8px;
color: var(--white);
}
.tt-footer-widget__links a:hover {
color: var(--ttRed);
}
.tt-footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px 0 0;
gap: 20px 10px;
}
.tt-footer-bottom p,
.tt-footer-bottom a {
color: rgba(255, 255, 255, 0.98);
}
.tt-footer-bottom .links {
gap: 8px 35px;
}
.tt-footer-bottom a:hover {
color: var(--ttRed);
}

.jo-footer {
background: radial-gradient(circle, rgb(51, 59, 62) 53%, rgb(30, 34, 36) 75%);
position: relative;
padding: 0px 48px;

}


.jo-footer:after{
content: '';
background-image: url(../images/foot-shape-bg.png);
width: 100%;
height: 413px;
display: block;
position: absolute;
top: 0px;
opacity: .03;
}



.jo-footer-top {
padding: 2.76vw 1.563vw;
background: radial-gradient(circle, rgb(244, 77, 125) 35%, rgb(228, 22, 80) 100%);
border-radius: 0 0 20px 20px;
position: relative;
z-index: 1;
overflow: hidden;
}

.jo-footer-top:before{
content: '';
width: 293px;
height: 100%;
background-color: #f9faff;
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
clip-path: polygon(0 0, 100% 0, 81% 100%, 0 107%);
box-shadow: rgba(196, 196, 233, 0.41) 0px 30px 60px -12px inset, rgb(138, 157, 202) 0px 18px 36px -18px inset;
}




@media screen and (max-width: 1199px) {
.jo-footer-top {
padding: 40px 1.563vw;
}
}
@media screen and (max-width: 991px) {
.jo-footer-top {
padding: 30px 10px;
}
}
.jo-footer-top .logo img{
width: 205px;
}

@media screen and (max-width: 1199px) {
.jo-footer-top .logo {
width: 150px;
}
}
.jo-footer-top__nwsltr {
display: flex;
background-color: var(--white);
border-radius: 999px;
padding: 5px;
}
@media screen and (max-width: 479px) {
.jo-footer-top__nwsltr {
flex-direction: column;
border-radius: 20px;
gap: 5px;
}
}
.jo-footer-top__nwsltr input {
background-color: transparent;
width: 100%;
height: 3.385vw;
padding: 0 25px;
font-size: 16px;
}
@media screen and (max-width: 1199px) {
.jo-footer-top__nwsltr input {
height: 45px;
}
}
@media screen and (max-width: 479px) {
.jo-footer-top__nwsltr input {
padding: 0 15px;
}
}
.jo-footer-top__nwsltr button {
height: auto;
border-radius: 999px;
flex-shrink: 0;
padding: 0 1.25vw;
}
@media screen and (max-width: 479px) {
.jo-footer-top__nwsltr button {
height: 45px;
}
}
.jo-footer-top__nwsltr button::before {
border-radius: 999px;
}
.jo-footer-top__socials a {
position: relative;
z-index: 1;
border: 1px solid var(--white);
color: var(--white);
}
.jo-footer-top__socials a:hover::before {
opacity: 1;
}
.jo-footer-top__socials a::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: 999px;
background: linear-gradient(49deg, #E51852 29%, #F44D7D 80%);
opacity: 0;
transition: 0.4s ease;
}
.jo-footer-middle {
padding: 3.125vw 0 2.083vw;
color: var(--white);
position: relative;
z-index: 1;
}
@media screen and (max-width: 479px) {
.jo-footer-middle {
padding: 40px 0;
}
}
.jo-footer-widget__title {
font-weight: 700;
font-size: 17px;
margin-bottom: 20px;
color: #fff;
position: relative;
padding-bottom: 5px;
}


.jo-footer-widget__title:after{
content: '';
width: 32px;
height: 2px;
background-color: #f44d7d;
display: block;
position: absolute;
bottom: 0px;
left: 0px;
}

.jo-footer-contact a {
font-size: clamp(22px, 1.563vw, 30px);
font-weight: 500;
color: #d8dfe1;
display: block;
font-size: 14px;
padding-bottom: 15px;
}

.jo-footer-contact a i{
color: #fcf6fc;
font-size: 15px;
width: 32px;
height: 31px;
background-color: #808e9c40;
text-align: center;
line-height: 30px;
border-radius: 6px 0px 6px 0px;
margin-right: 8px;
}



@media screen and (max-width: 479px) {
.jo-footer-contact a {
font-size: 22px;
}
}
.jo-footer-links .links {
font-size: clamp(13px, 0.833vw, 16px);
/*display: grid;
gap: 8px 40px;
grid-template-columns: repeat(2, max-content);*/
}

.jo-footer-links .links ul li{
padding-bottom:10px ;
position: relative;
padding-left: 17px;
}

.jo-footer-links .links ul li:before{
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
border:1px solid #fff;
position: absolute;
top: 8px;
left: 0px;
}


.jo-footer-links .links a {
font-weight: 500;
color: #d8dfe1;
font-size: 14px;

}
.jo-footer-links .links a:hover {
color: #f44d7d;
}
.jo-footer-gallery .imgs {
display: flex;
gap: 15px;
}
.jo-footer-gallery .imgs img {
border-radius: 10px;
max-width: clamp(80px, 5.208vw, 100px);
}
.jo-footer .tt-footer-bottom {
padding-bottom: 15px;
border-top-color: rgba(255, 255, 255, 0.2);
font-size: clamp(13px, 0.833vw, 16px);
justify-content: center;
}


/*--------------Footer Area Style3 Css  end--------------*/



/*------------------------------------------------------*/

.hdr-reg-btn{
background: linear-gradient(90deg, #E3144E 0%, #F65382 100%);
color: #fff;
display: inline-flex;
align-items: center;
font-size: 14px;
padding: 9px 24px;
text-align: center;
font-weight: 600;
z-index: 3;
position: relative;
transition: 0.4s;
text-transform: uppercase;
overflow: hidden;
border-radius: 6px;
letter-spacing: 0.5px;
height: 41px;
}
section.top-earner-sctn a.hdr-reg-btn {
display: flex;
justify-content: center;
width: max-content;
/* margin: auto; */
}

.hdr-reg-btn:before{
content: "";
position: absolute;
height: 400px;
width: 430px;
top: 50%;
left: 50%;
background:#dd1a52;
border-radius: 50%;
transform: translateY(-50%) translateX(-50%) scale(0);
transition: all 0.5s ease-out 0s;
z-index: -1;
}



.hdr-reg-btn:hover::before{
transform: translateY(-50%) translateX(-50%) scale(1);
}


.hdr-reg-btn:hover,
.hdr-login-btn:hover{
color: #fff;
}


/*--------------------------*/


.hdr-login-btn{
background: #faf5f6;
border: 2px solid #f04073;
color: #454866;
border-radius: 6px;
display: inline-flex;
align-items: center;
font-size: 14px;
letter-spacing: 1.5px;
padding: 8px 33px;
text-align: center;
font-weight: 600;
z-index: 3;
position: relative;
transition: 0.4s;
text-transform: uppercase;
overflow: hidden;
height:41px;
}

.hdr-login-btn:before {
background: #e51e57;
content: "";
position: absolute;
height: 400px;
width: 430px;
top: 50%;
left: 50%;
border-radius: 6px;
transform: translateY(-50%) translateX(-50%) scale(0);
transition: all 0.5s ease-out 0s;
z-index: -1;
}


.hdr-login-btn:hover:before{
transform: translateY(-50%) translateX(-50%) scale(1);
}



/*===================my----------css---------end=========================*/


.trend-key-txt{
background-color: #f8f9fe;
padding: 6px 10px 5px;
border-radius: 15px;
border-bottom: 2px solid #f34a7b;
align-items: center;
width: 100%;
margin: 50px auto 38px;
}


.trend-key-txt h5{
background: radial-gradient(circle, rgb(244, 78, 126) 24%, rgb(227, 21, 79) 60%);
border-radius: 14px;
padding: 8px 7px 8px;
padding-top: 8px;
font-size: 20px;
color: #fff;
text-align: center;
letter-spacing: 0.4px;
margin-bottom: 0px;
width: 100%;
height: 90px;
line-height: 27px;
padding-top: 15px;
}

.trend-key-txt ul{
display: flex;
column-gap: 25px;
flex-wrap: wrap;
}

.trend-key-txt ul li h6{
font-size: 12px;
margin-bottom: 0px;
color: #474b5f;
letter-spacing: 0.2px;
text-align: center;
padding-top: 7px;
}

.trend-key-txt ul li img{
width: 70px;
transition: 0.4s ease;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 15px;
}

.trend-key-txt ul li img:hover{
box-shadow: none;
border-radius: 10px;
}

.bnnr-list{
padding:17px 0px 18px;
}


.bnnr-list li{
position: relative;
padding-left: 30px;
padding-bottom: 10px;
font-size: 17px;
color: #2a2743;
}

.bnnr-list li span{
font-size: 18px;
font-weight: 700;
text-shadow: 2px 1px 1px #e9e1e1;
letter-spacing: 0.5px;
}

.bnnr-list li strong{
font-size: 21px;
color: #312657;
}

.bnnr-list li:before{
content: '\f058';
font-family: fontawesome;
font-size: 15px;
position: absolute;
left: 0px;
color: #fcf3f1;
top: 2px;
box-shadow: 3px 5px 7px 2px #b34d1066;
border-radius: 50%;
width: 17px;
height: 19px;
}


/*----------------------------------------------------*/


.jo-banner__img .swiper-container {
width: 100%;
max-width: 500px;
height: auto;
margin: 40px auto 0px;
overflow: hidden;
}
.swiper-container .swiper-wrapper .swiper-slide {
overflow: hidden;
}
.swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;

}


.top-ernr-bio ul{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}

.top-ernr-bio ul li{
display: flex;
align-items: center;
column-gap: 7px;
flex-wrap: wrap;
color: #fff;
font-size: 12px;
}
.top-ernr-bio.custom-title ul li a {
  color: #38373e;
  font-weight: 700;
}
.influence-type-hstag {
font-size: 12px;
}

.top-ernr-bio ul li .earner-smll-img img{
width: 30px;
height: 30px;
border-radius: 50%;
}


.top-ernr-bio ul li i{
background-color: #52b01d;
color: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
text-align: center;
line-height: 17px;
font-size: 10px;
}

.top-ernr-bio ul li + li{
  color:  #52b01d;
  }

.top-ernr-bio ul li.offline-user i{
  background-color: red;
}

.city-earn-bx ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 8px;
}

.city-earn-bx ul li{
color: #fff;
font-size: 14px;
}

.mrktng-cmpgn-slider{
padding: 0px 55px;
}

.campaign-sctn{
padding: 50px 0px 65px;
width: 100%;
position: relative;
}

.campaign-sctn:after{
content: '';
width: 100%;
height: 100%;
background-image: url(../images/campgn-pttrn.png);
background-size: cover;
background-position: bottom center;
display: block;
position: absolute;
top: 0px;
background-repeat: no-repeat;
background-color: #eee;
opacity: 0.3;
}




.mrktng-cmpgn-bx{
background: #feffff;
border-radius: 20px;
padding: 24px 25px;
position: relative;
z-index: 1;
border: 3px solid #f6f7f8;
}

.cmpgn-store-name{
font-size: 17px;
color: #e3154f;
padding-bottom: 11px;
letter-spacing: 0.2px;
}


.cmpgn-crte-date{
font-size: 14px;
color:#4f4d5d;
padding-bottom: 6px;
}

.cmpgn-title{
font-size: 19px;
color: #2b2a31;
padding-bottom: 12px;
}

.cmpgn-prjt-id{
font-size: 15px;
padding-bottom: 11px;
}

.mrktng-cmpgn-bttm-bdge ul{
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 6px;
margin: 0px auto 16px;
align-items: center;
border-top: 1px solid #ddd;
padding-top: 20px;
}


.mrktng-cmpgn-bttm-bdge ul li{
background-color: #f7f7f7;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border: 1px solid #d6d1ed73;

}

.mrktng-cmpgn-bttm-bdge ul li span{
color: #fff;
padding: 0px 5px;
border-radius: 4px;
height: 17px;
font-size: 11px;
display: inline-block;
margin-right: 3px;
}

.mrktng-cmpgn-bttm-bdge ul li:nth-child(1) span,
.mrktng-cmpgn-bttm-bdge ul li:nth-child(2) span{
background-color: #e51c54;
}

.mrktng-cmpgn-bttm-bdge ul li:nth-child(3) span{
background-color: #3759bf;
}

.mrktng-cmpgn-bttm-bdge ul li:nth-child(4) span{
background-color:#4a8e11;
}


.cmgn-detail-content{
font-size: 14px;
text-align: left;
line-height: 20px;
color: #2c2c38;
padding-bottom: 13px;
}

.cmgn-detail-content span{
background-color: #e41851;
color: #fff;
padding: 2px 7px;
border-radius: 20px;
letter-spacing: 0.5px;
font-size: 12px;
box-shadow: rgba(227, 21, 79, 0.48) 0px 2px 10px;
}

.lft-time{
font-size: 14px;
color: #4f4d53;
}


.lft-time i{
color: #e3154f;
}


/*----------Top Earners-------slider--------start--------*/

.top-earner-sctn{
padding: 50px 30px 65px;
background-color: #f9faff;
box-shadow: rgba(196, 196, 233, 0.41) 0px 30px 60px -12px inset, rgba(138, 157, 202, 0.24) 0px 18px 36px -18px inset;
}




#top_earners_carousel .owl-stage .item {
animation: animate 25s linear infinite;
}


#top_earners_carousel:hover .item {
animation-play-state: paused;
}


@keyframes animate {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-1800px, 0, 0);
}
}

/*
@keyframes scroll {
from {
  transform: translateX(0);
}
to {
  transform: translateX(-100%);
}
}*/



.jo-video-card {
border-radius: 20px;
overflow: hidden;
position: relative;
margin: 0 auto;
z-index: 1;
max-width: 100%;
min-width: 100%;
}


.jo-video-card:hover::before {
opacity: 1;
}
.jo-video-card:hover .bottom {
/*  transform: translateY(0);*/
}
.jo-video-card::before {
position: absolute;
content: "";
inset: 0;
z-index: 1;
background:linear-gradient(to bottom, rgba(244, 78, 126, 0.21), #E3154FE3);
opacity: 0;
transition: 0.4s ease;
}
.jo-video-card__img {
width: 100%;
height: 325px;
object-fit: cover;
object-position: top center;
background-color: #f5f5f5;
}
.jo-video-card__txt {
position: absolute;
inset: 0px;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}


.jo-video-card__btn {
border: 1px solid var(--white);
border-radius: 50%;
width: 50px;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding-top: 1px;
color: var(--white);
}
.jo-video-card__btn:hover {
background-color: var(--white);
color: var(--tt-pink);
}
.jo-video-card__premium-tag {
width: 50px;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
background-color: var(--white);
border-radius: 50%;
padding-top: 1px;
}
.jo-video-card .bottom {
transform: translateY(calc(100% - -14px));
transition: 0.4s ease;
background-color: rgba(228, 22, 80, 0.79);
width: 90%;
margin: auto;
padding: 16px 20px;
border-radius: 20px 20px 0px 0px;
}

.jo-video-card:hover .bottom {
transform: translateY(0);
border-radius: 25px;
}


.jo-video-card .price {
width: fit-content;
background: var(--white);
border-radius: 999px;
font-weight: 600;
font-size: 12px;
padding: 4px 14px;
color:#E41650;
margin: 25px auto 20px 25px;
}
.jo-video-card__title {
font-weight: 700;
font-size: clamp(21px, 1.26vw, 24px);
line-height: 29px;
color: var(--white);
margin-bottom: 4px;
display: inline-block;
}
.jo-video-card__title:hover {
color: var(--tt-pink);
}
.jo-video-card__infos {
color: var(--white);
font-weight: 300;
}
.jo-video-card__infos > *:not(:last-child) {
border-right: 1px solid var(--white);
padding-right: 10px;
margin-right: 5px;
}

/*----------Top Earners-------slider--------end--------*/



/*---------task-------style----start------*/

.task-avlbl-sctn{
padding:40px 90px 35px;
background-color: #f9faff;
}

.task-item{
/* display: flex; */
background: #f8fcfd;
box-shadow: 5px 5px 6px #eaeded87, -5px -5px 6px #eff3f485;
border: 1px solid #ebe9f4;
border-radius: 15px;
padding: 15px 15px;
padding: 24px;
column-gap: 16px;
/* height: 250px; */
}


.task-card{
/* width: 75%; */
}


.genrt-task-slider .owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin: 10px;
border: 1px solid #f50051;;
border-radius: 50%;
}
.genrt-task-slider .owl-carousel .owl-dots .owl-dot.active{
background:#f50051;
}

.genrt-task-slider .owl-carousel .owl-dots {
text-align: center;
margin-top: 10px;
}

.innr-tsk-bx {
padding: 0px 0px 20px;
/* background-color: #f8fcfc; */
/* border-radius: 20px; */
/*box-shadow: inset 8px 8px 10px #e8eaf1de, inset -8px -8px 10px #ebebf24a;*/
overflow: hidden;
height: 100%;
/* border: 1px solid #e3e1ec; */
}



.innr-tsk-bx .card-body {
color: rgb(54, 60, 76);
font-size: 14px;
margin-bottom: 0px;
}
.task-item:hover img {
transform: scale(1.05) rotate(0deg);
border-radius: 20px;
}
/* .tsk-img {
overflow: hidden;
border-radius: 10px;
} */
.tsk-img {
overflow: hidden;
border-radius: 10px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.tsk-img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 10px;
}

.innr-tsk-bx .card-title{
color: #f7f7f8;
color: #4a4a53;
font-size: 16px;
text-align: center;
/* text-align: left; */
/* padding: 8px 15px; */
padding: 15px 15px;
/* background:linear-gradient(90deg, #E3154F 0%, #F54F7E 100%); */
width: 100%;
border-bottom: 1px solid #e9e9ee;
padding-left:0;
font-weight: 600;
  color: #f4004f;
}


.tsk-id{
font-size: 14px;
padding-top: 10px;
color: #3d4254;
font-weight: 600;
text-align: center;
/* text-align: left; */
}


.task-avlbl-list ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
justify-content: left;
row-gap: 8px;
margin-top: 15px;
column-gap: 6px;
/* padding: 0px 15px; */
}


.task-avlbl-list ul li{
font-size: 12px;
background-color: #fff;
padding: 2px 9px;
border-radius: 20px;
color: #364868;
border: 1px solid #0283eb1a;
letter-spacing: 0.3px;
box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}




/*---------------------------------------------------*/


.foot-abt-para p{
font-size: 14px;
color: #eee;
line-height: 28px;
width: 90%;
text-align: justify;
}


.influence-name-bx{
background: linear-gradient(90deg, #FE4D39DE 0%, #FE781ED9 100%);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 15px 36px;
border-radius: 30px 30px 0px 0px;
width: fit-content;
margin: auto;
border: 5px solid #ffffff38;
border-bottom: none;
}

.influence-name-bx h5{
margin-bottom: 0px;
text-align: center;
color: #fff;
font-size: 18px;
}



.rfnd-plcy-sctn{
padding: 70px 0px;
}

.rfnd-polcy-bx{
padding: 30px 45px;
box-shadow: rgba(204, 141, 96, 0.17) 0px -23px 25px 0px inset, rgba(150, 144, 178, 0.15) 0px -36px 30px 0px inset, rgba(247, 206, 176, 0.1) 0px -79px 40px 0px inset, rgba(191, 190, 210, 0.06) 0px 2px 1px, rgba(115, 112, 170, 0.09) 0px 4px 2px, rgba(129, 136, 157, 0.09) 0px 8px 4px, rgba(97, 99, 131, 0.09) 0px 16px 8px, rgba(123, 140, 190, 0.09) 0px 32px 16px;
border-radius: 45px;
border: 1px solid #eee;
position: relative;
width: 100%;
overflow: hidden;


}

.rfnd-polcy-bx:after{
content: '';
background-image: url(../images/refnd-plcy-bg.jpg);
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
z-index: -1;
}

.rfnd-plcy-content{
margin-bottom: 25px;
}

.rfnd-plcy-content h5{
font-size: 25px;
color: #33303b;
padding-bottom: 10px;
font-weight: 700;
letter-spacing: 0.5px;
}

.rfnd-plcy-content ul li{
position: relative;
font-size: 17px;
color: #3b374d;
padding-left: 34px;
padding-bottom: 11px;
}


.rfnd-plcy-content ul li:before{
content: '';
background-image: url(../images/bullet.png);
position: absolute;
left: 0px;
top: 5px;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
}


/*--------privacy----policy----wrap-------start-----------*/

.prvcy-plcy-content p{
font-size: 15px;
text-align: justify;
margin-bottom: 15px;
color: #616678;
line-height: 26px;
}



/*--------terms----and-----condition----wrap-------start-----------*/

.term-cndtn-content p{
font-size: 15px;
text-align: justify;
margin-bottom: 15px;
color: #616678;
line-height: 26px;
}


.trm-cndtn-list-bx h6{
font-size: 18px;
color: #0362fc;
padding-bottom: 10px;
}


.trm-cndtn-list-bx ul{
padding-left: 15px;
}

.trm-cndtn-list-bx ul li{
font-size: 15px;
color: #5c5c70;
padding-bottom: 15px;
line-height: 26px;
text-align: justify;
}


/*----------social------media-----tabel------start-------*/

.scl-media-tbl table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}


.scl-media-tbl h5{
text-align: center;
padding-bottom: 25px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}

.scl-media-tbl table tr th{
font-size: 18px !important;
}


.scl-media-tbl table tr th,
.scl-media-tbl table tr td{
border: 1px solid #ddd;
padding: 5px 7px;
font-size: 14px;
color: #414155;
font-weight: 500;
}

.scl-media-tbl table tr td{
height: 37px;

}


.scl-media-tbl table tr:nth-child(2) td:nth-child(1) {
width: 21%;
}

.scl-media-tbl table tr:nth-child(2) td:nth-child(2),
.scl-media-tbl table tr:nth-child(2) td:nth-child(3){
width: 17%;
}


.scl-media-tbl table tr:nth-child(2) td:nth-child(4),
.scl-media-tbl table tr:nth-child(2) td:nth-child(5),
.scl-media-tbl table tr:nth-child(2) td:nth-child(6){
width: 10%;
}




.smll-wdth{
width:20px;
}

/*----------social------media-----tabel------end------*/


/*----------------vision----------------mision-------wrap-----start----------*/

.mission-vision-sctn{
position: relative;
padding: 55px 40px 40px;
}



.visn-missn-img img{
animation-name: left-right2;
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@keyframes left-right2 {
0% {
transform: translateX(10px);
}
50% {
transform: translateX(30px);
}
100% {
transform: translateX(10px);
}
}

.vision-mission-img-bx{
text-align: left;
}

.vision-mission-content{
padding-left: 25px;
}


.vision-mission-content h5{
font-size: 28px;
color: #e41750;
font-weight: 700;
padding-bottom: 11px;
letter-spacing: 0.5px;
}

.vision-mission-content p{
font-size: 15px;
text-align: justify;
margin-bottom: 8px;
color: #3e3e49;
line-height: 26px;
width: 93%;
}

.vision-mission-content ul{
margin: 19px auto 12px 45px;
width: 80%;
background-color: #ffffff91;
padding: 29px 26px;
border-radius: 40px 10px 10px 10px;
}

.vision-mission-content ul li{
font-size: 15px;
color: #3e3e49;
text-align: left;
padding-bottom: 12px;
position: relative;
padding-left: 18px;
line-height: 26px;
}


.vision-mission-content ul li:last-child{
padding-bottom: 0px;
}

.vision-mission-content ul li:before{
content: '';
width: 9px;
height: 9px;
border-radius: 50%;
border: 2px solid #e41852;
position: absolute;
left: 0px;
top: 9px;
display: block;
}


.vision-mission-content ul li span{
color: #2c2c3e;
font-weight: 700;
}


.aim-content{
margin-top: 20px;
position: relative;
padding: 32px 0px;
}

.aim-content:before{
content: '';
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/aim-img.png);
position: absolute;
top: 0px;
left: 0px;
opacity: 0.2;
background-position: top left;
z-index: -1;
}

/*-----------------team------------wrap------------start---------------*/
.team_sectn{
width: 100%;
position: relative;
padding: 70px 40px 30px;
background: radial-gradient(circle, rgb(242, 245, 245) 0%, rgb(254, 254, 254) 100%);
}


.team-block-two {
position: relative;
margin-bottom: 40px;
}

.team-block-two .inner-box {
position: relative;
padding: 20px 15px 0;
}

.team-block-two .inner-box::before {
position: absolute;
left: 0;
top: 0;
bottom: 120px;
width: 100%;
background-color: #fcfcfc;
content: "";
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
border-radius: 15px;
overflow: hidden;
}

.team-block-two .info-box {
position: relative;
padding: 0 15px;
margin-bottom: 25px;
}

.team-block-two .info-box .name a{
position: relative;
font-size: 18px;
z-index: 1;
letter-spacing: 0.5px;
color: #3e3c53;
}

.team-block-two .inner-box:hover .name a{
color: #fff;
/* color: #f50052; */
}

.team-block-two .inner-box:hover .designation {
color: #f2f2f2;

}

.team-block-two .info-box .designation {
position: relative;
display: block;
color: #3e3e50;
letter-spacing: 1px;
z-index: 2;
line-height: 28ox;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
padding-top: 7px;
font-size: 14px;
}

.team-block-two .share-icon {
position: absolute;
right: 20px;
bottom: -45px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
background-color: #e41851;
transition: all 300ms ease;
z-index: 3;
border-radius: 50%;
box-shadow: rgba(17, 17, 26, 0.23) 0px 0px 16px;
}


.team-block-two .image-box {
position: relative;
}

.team-block-two .image-box .image {
position: relative;
overflow: hidden;
margin-bottom: 0;
z-index: 1;
}

.team-block-two .image-box .image img {
width: 100%;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

.team-block-two .inner-box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: top center;
transform-origin: top center;
}

.team-block-two .inner-box::after {
position: absolute;
left: 0;
top: 0;
bottom: 120px;
width: 100%;
background-color: #e41650;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
content: "";
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

.team-block-two .inner-box:hover::after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
border-radius: 15px;
}







/*======================================================*/


.team-sctn{
padding: 50px 0px 40px;
}


.team-bx{
background-color: #f5f6f7;
border-radius: 11px;
padding: 27px 27px;
box-shadow: rgba(108, 105, 136, 0.16) 0px 4px 12px;
margin-bottom: 28px;
transition: 0.4s ease;

}

.team-img{
position: relative;
overflow: hidden;
border-radius: 10px;
text-align: center;
}

.team-img img{
width: 230px;
height: 155px;
object-fit: cover;
object-position: top center;
border-radius: 10px;
}




.team-name{
font-size: 15px;
background-color: #fe7321;
border-radius: 30px;
margin: -20px auto 0px;
position: absolute;
z-index: 1;
left: 0px;
right: 0px;
text-align: center;
width: fit-content;
padding: 6px 19px;
color: #fff;
border-bottom: 3px solid #d03821;
box-shadow: rgba(157, 45, 11, 0.35) 0px -50px 36px -28px inset;

}


.destination-title{
font-size: 15px;
text-align: center;
padding-top: 33px;
color: #393847;
padding-bottom: 6px;
font-weight: 700;
}


.team-detail-txt{
font-size: 14px;
line-height: 24px;
text-align: justify;
color: #747585;
}

/*------------------------------------------------------*/


.influnce-dshbrd-sctn{
padding: 50px 0px 50px;
}


.sticky-bx{
position: sticky !important;
top: 120px;

}


.influence-profile-lft-wrp{
background: linear-gradient(140deg, rgb(234, 243, 247) 20%, rgb(236, 239, 244) 70%);
border: 1px solid #ddd;
border-radius: 12px;
padding: 15px 20px;
margin: auto;
}

.influence-profile-lft-wrp:before{
content: '';
width: 100%;
height: 100%;
background-image: url(../images/influence-prfile-bg.jpg);
display: block;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
border-radius: 12px;
opacity: 0.4;

}

.influnce-prfl-img{
text-align: center;
margin-bottom: 15px;
}


.influnce-prfl-img img{
border-radius: 50%;
width: 130px;
height: 130px;
object-fit: cover;
border: 5px solid #fdfdfd;
box-shadow: rgba(94, 97, 120, 0.22) 0px 7px 12px;
}


.influnce-name h5{
text-align: center;
font-size: 15px;
color: #363547;
}

.influnce-name h5 i{
color: #279a0f;
}


.age-gender{
text-align: center;
font-size: 15px;
color: #383747;
margin-bottom: 8px;
}


.member-title{
text-align: center;
font-size: 14px;
color: #2f3a5e;
letter-spacing: 0.3px;
margin-bottom: 8px;
}


.city-name{
font-size: 15px;
text-align: center;
color:#2f3441;
letter-spacing: 0.4px;
}

.city-name i{
color: #cd2f2f;
}

.categry-badge{
margin: 13px auto 16px;
}

.categry-badge h6{
text-align: left;
font-size: 15px;
color: #383547;
padding-bottom: 3px;
letter-spacing: 0.4px;
}


.categry-badge ul {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 5px;
}

.categry-badge ul li{
background-color: #f7fafd;
padding: 4px 6px;
border-radius: 4px;
color: #43445c;
font-size: 13px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
transition: 0.4s ease;
}
.categry-badge ul li:hover{
background-color: #fff;
cursor: pointer;
}




/*-----------------------------*/

.lang{
margin: 13px auto 16px;
}

.lang h6{
text-align: left;
font-size: 15px;
color: #383547;
padding-bottom: 3px;
letter-spacing: 0.4px;
}


.lang ul {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 5px;
}

.lang ul li{
background-color: #f7fafd;
padding: 4px 6px;
border-radius: 4px;
color: #43445c;
font-size: 13px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
transition: 0.4s ease;
}
.lang ul li:hover{
background-color: #fff;
cursor: pointer;
}

/*-----------------------------------*/

.bio-content-wrp{
box-shadow: rgba(118, 118, 181, 0.13) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
padding: 16px 17px;
border-radius: 18px;
border: 1px solid #c4c9e394;
}

.bio-content-wrp h6{
font-size: 18px;
color: #3b394e;
letter-spacing: 0.3px;
position: relative;
padding-bottom: 5px;
}

.bio-content-wrp h6:after{
position: absolute;
content: '';
width: 25px;
height: 2px;
background-color: #fe7023;
left: 0px;
bottom: 0px;
}

.bio-dtl{
font-size: 14px;
margin-bottom: 4px;
letter-spacing: 0.3px;
line-height: 22px;
}


.bio-limit{
font-size: 12px;
margin-bottom: 0px;
color: #445a71;
letter-spacing: 0.3px;
}


/*--------------------------------------------------------------*/

.influence-profile-rgt-wrp{
border-radius: 15px;
border: 1px solid #ddd;
padding: 15px 20px;
}

.social-media-wrp{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 25px;
}


.scl-media-follow-bx{
display: flex;
column-gap: 9px;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
padding: 7px 12px;
border-radius: 2px;
background-color: #f7f7f7;
}

.scl-media-follow-bx img{
width: 38px;
height: 38px;
margin-top: 5px;
}


.scl-media-txt p{
font-size: 15px;
margin-bottom: 0px;
letter-spacing: 0.4px;
color: #33323c;

}

.scl-media-txt p:last-child{
font-size: 13px;
line-height: 14px;
color: #2d2e39;
}


.influnce-type{
text-align: center;
background-color: #fe7023;
padding: 5px 12px;
border-radius: 3px;
height: 56px;
}

.influnce-type h6{
font-size: 13px;
margin-bottom: 3px;
color: #f7f7f7;
padding-top: 4px;
letter-spacing: 0.3px;
}

.influnce-type h5{
font-size: 16px;
margin-bottom: 0px;
color: #fff;
text-transform: uppercase;
}


.viewrs-rating{
display: flex;
flex-wrap: wrap;
row-gap: 5px;
justify-content: space-between;
text-align: center;
margin-bottom: 22px;

}


.inflnc-dash-view-pg .view-rtng-bx{
box-shadow: rgba(106, 105, 126, 0.45) 0px 21px 20px -20px;
border: 1px solid #ddd;
padding: 5px 7px;
border-radius: 5px;
width: 24%;
}


.view-rtng-bx h6{
font-size: 13px;
margin-bottom: 2px;
letter-spacing: 0.4px;
color: #494952;
}


.view-rtng-bx p{
font-size: 13px;
margin-bottom: 0px;
letter-spacing: 0.4px;
color: #302e43;
}

.hdng h3{
font-size: 20px;
color: #2a2435;
letter-spacing: 0.4px;
}

.price-lst-wrp ul{
background: linear-gradient(90deg, #E3154F 0%, #F54F7E 100%);
padding: 15px 10px;
display: flex;
justify-content: space-between;
border-radius: 12px;
border: 2px solid #d54228;
border-bottom: 4px solid #d54228;
}


.price-lst-wrp ul li h6{
font-size: 14px;
margin-bottom: 4px;
text-align: center;
color: #e9e9ec;
}


.price-lst-wrp ul li p{
margin-bottom: 0px;
color: #ececf1;
font-size: 15px;
text-align: center;
}

.shdw-bx{
box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;
padding: 17px 15px;
border-radius: 15px;
background-color: #fbfbfb;
margin-bottom: 25px;
}


.influencer-dash-three-button-bx ul{
display: flex;
align-items: center;
justify-content: end;
column-gap: 15px;
}


.influencer-dash-three-button-bx ul li button{
font-size: 13px;
padding: 10px 8px;
border-radius: 5px;
background-color: #007ce6;
color: #fff;
transition: 0.4s ease-in all;
border: 1px solid #2769e3;
}


.influencer-dash-three-button-bx ul li button:hover{
background: linear-gradient(90deg, #3165E3 16%, #0CB1CB 100%);
}



/*-----------------------------------------------------------------------------*/
.imageswiper {
position: relative;
}


.img-crd-bx{
border-radius: 28px;
/* padding: 5px 5px; */
border: 1px solid #ddd;
}
.cus_gallery_img {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.cus_gallery_img .item .img-crd-bx img {
  border-radius: 20px;
}
.cus_gallery_img .item .img-crd-bx img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 2;
  object-fit: cover;
  object-position: top;
}

.cus_gallery_img .item .img-crd-bx {
  height: 261px;
  width: 215px;
}
.img-crd-bx video{
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 24px 24px 0px 0px;
object-position: center top;
}


.img-crd-bx .card__image{
position: relative;
overflow: hidden;
border-radius: 24px 24px 0px 0px;
}

.img-crd-bx .card__image img{
width: 100%;
height: 250px;
object-fit: cover;
transition: 0.5s ease-in-out;
position: relative;

}

.img-crd-bx .card__image:hover img{
transform: scale(1.1);
}

.img-crd-bx .card__image:after{
content: '';
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(254, 80, 55, 0.03) 0%, rgba(76, 78, 119, 0.97) 100%);
position: absolute;
top: 0px;
left: 0px;
display: block;
transition: 0.7s ease;
}

.img-crd-bx .card__image:hover:after{
background: radial-gradient(circle, rgba(254, 80, 55, 0.03) 0%, rgba(76, 78, 119, 0.27) 100%);
}


.imageswiper .swiper-button-next::after,
.imageswiper .swiper-button-prev::after {
font-size: 13px;
width: 50px;
height: 27px;
background-color: #fffffffa;
text-align: center;
border-radius: 50%;
line-height: 28px;
font-weight: 900;
color: #fe7520;
transition: 0.3s ease;
}

.imageswiper .swiper-button-next:hover::after,
.imageswiper .swiper-button-prev:hover::after{
background-color: #fe7520;
color: #fff;
}


.like-comments-bx ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 7px 22px;
margin: 1px auto 0px;
background:radial-gradient(circle, rgb(254, 81, 54) 0%, rgb(254, 117, 32) 100%);
border-radius: 0px 0px 22px 22px;
column-gap: 15px;
}


.like-comments-bx ul li{
color: #fff;
font-size: 14px;
}



.smll-brdcrmb{
padding: 120px 0px 40px;
}



/*--------register--------modal----------start--------*/

.reg-mdl-dlg{
max-width: 53%;
position: relative;
}


.reg-mdl-dlg .modal-body{
padding: 6px 17px;
overflow: hidden;
border-radius: 7px;
}


.bussns-inflnce-img{
position: relative;
overflow: hidden;
}

.bussns-inflnce-img:after{
content: '';
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(226, 20, 20, 0.11) 0%, rgba(35, 32, 125, 0.66) 100%);
display: block;
position: absolute;
top: 0px;
left: 0px;
transition: 0.4s all ease-in-out;
}

.bussns-inflnce-img:hover:after{
background: radial-gradient(circle, rgba(229, 26, 83, 0.56) 0%, rgba(244, 78, 125, 0.87) 100%);
}

.bussns-inflnce-img img{
transition: 0.4s all ease-in-out;
}


.bussns-inflnce-img:hover img{
transform: scale(1.1);
}


.bttn-close{
position: absolute;
z-index: 1;
top: 0px;
right: 0px;
background-color: #e51a53;
color: #fff;
padding: 4px 10px;
border-radius: 0px 4px 0px 0px;
}


.bussns-inflnce-reg-btn{
position: absolute;
top: 50%;
left: 0px;
right: 0px;
text-align: center;
background-color: #ffffffe0;
width: 90%;
margin: auto;
padding: 20px 17px;
border-radius: 5px;
z-index: 1;
}


.bussns-inflnce-reg-btn h6{
font-size: 20px;
color: #3c3b48;
border-bottom: 2px solid #f44d7d;
}

.bussns-inflnce-reg-btn p{
font-size: 14px;
color: #464a61;
line-height: 21px;
margin: 17px auto;
}

/*--------register--------modal----------end-------*/

/*------------------my-------style-----------wrap---------end-----------*/


.genrt-task-slider .owl-carousel .owl-next,
.genrt-task-slider .owl-carousel .owl-prev {
width: 45px;
height: 45px;
border-radius: 50%;
position: absolute;
top: 35%;
font-size: 18px !important;
color: #e41650 !important;
border: 1px solid #ddd !important;
text-align: center;
transition: 0.2s ease-in all;
}

.genrt-task-slider .owl-carousel .owl-prev {
left: -55px;
}

.genrt-task-slider .owl-carousel .owl-next {
right: -55px;
}


.genrt-task-slider .owl-carousel .owl-next:hover,
.genrt-task-slider .owl-carousel .owl-prev:hover {
background: linear-gradient(90deg, #E3154F 0%, #F54F7E 100%);
color: #fff !important;
}


/*--------------register-------page-----style----------start---------------*/




.pannel-brdcrmb-title{
text-align: center;
font-size: 20px;
color: #fcfcfc;
letter-spacing: 0.5px;
font-weight: 600;
margin-bottom: 15px;
}

.pannel-brdcrmb-rgt{
position: absolute;
right: 25px;
bottom: -27px;
display: flex;
flex-wrap: wrap;
justify-content: end;
column-gap: 20px;
align-items: center;
width: fit-content;
background-color: #f1f2f8;
border-radius: 9px;
padding: 5px 8px;
box-shadow: rgba(64, 61, 82, 0.1) 0px 13px 14px -5px, rgba(0, 0, 0, 0.04) 0px 7px 7px -5px;
}



.pnl-profile-bx{
border-radius: 15px;
border: 1px solid #ddd;
background-color: #fff;
text-align: center;
padding: 3px 4px 4px;
position: relative;
display: flex;
align-items: center;
column-gap: 9px;
}

.pnl-profile-bx img {
width: 43px;
height: 43px;
object-fit: cover;
border-radius: 12px;
}


.pnl-profile-bx p{
font-size: 11px;
letter-spacing: 0.2px;
color: #44455d;
margin-bottom: 0px;
}


.profile-cmplt-bdge{
background-color: #48ac1a;
color: #fff;
padding: 2px 5px;
font-size: 10px;
border-radius: 5px;
letter-spacing: 0.4px;

}


.wallet-bx{
display: flex;
background-color: #eefbff;
border-radius: 11px;
padding: 4px 9px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border: 2px solid #dfebfe;
column-gap: 7px;
align-items: center;
height: 40px;
}


.wallet-icn{
font-size: 20px;
color: #2077c3;
}


.wallet-txt h6{
margin-bottom: 0px;
font-size: 12px;
letter-spacing: 0.4px;
color: #4d6885;
}


.wallet-txt p{
margin-bottom: 0px;
font-size: 13px;
color: #454250;
}

.prfile-logout p{
font-size: 10px;
margin-bottom: 2px;
font-weight: 500;
color: #404265;
}

.prfile-logout a i{
width: 27px;
height: 28px;
border-radius: 50%;
background-color: #f7f7f7;
border-top: 2px solid #babcca;
border-bottom: 3px solid #babcca;
text-align: center;
font-size: 14px;
line-height: 23px;
color: #48ac1a;
margin-left: 6px;
}




/*---------breadcrmb-----------wrap-------end---------*/

/*------------------------------------------------------*/

ul{
padding-left: 0px;
}

ul li{
list-style: none;
}



.influnce-dshbrd-sctn{
padding:65px 0px 50px;
}


.influence-profile-lft-wrp{
background: linear-gradient(140deg, rgb(234, 243, 247) 20%, rgb(236, 239, 244) 70%);
border: 1px solid #ddd;
border-radius: 110px 110px 2px 2px;
padding: 15px 20px;
margin: auto;
position: relative;
}

.influence-profile-lft-wrp:before{
content: '';
width: 100%;
height: 100%;
background-image: url(../images/influence-prfile-bg.jpg);
display: block;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
border-radius: 27% 27% 2px 2px;
opacity: 0.4;

}

.influnce-prfl-img{
text-align: center;
margin-bottom: 15px;
}


.influnce-prfl-img img{
border-radius: 50%;
width: 130px;
height: 130px;
object-fit: cover;
border: 5px solid #fdfdfd;
box-shadow: rgba(94, 97, 120, 0.22) 0px 7px 12px;
}


.influnce-name h5{
text-align: center;
font-size: 15px;
color: #363547;
}

.influnce-name h5 i{
color: #279a0f;
}


.age-gender{
text-align: center;
font-size: 15px;
color: #383747;
margin-bottom: 8px;
}


.member-title{
text-align: center;
font-size: 14px;
color: #2f3a5e;
letter-spacing: 0.3px;
margin-bottom: 8px;
}


.city-name{
font-size: 15px;
text-align: center;
color:#2f3441;
letter-spacing: 0.4px;
}

.city-name i{
color: #cd2f2f;
}


.view-num{
font-size: 18px;
text-align: center;
padding-top: 10px;
font-weight: 600;
color: #56575d;
}



/*--------------inflnce-prfile-cmplt-num-------start----------------*/


.inflnce-prfile-cmplt-num{
background: linear-gradient(40deg, rgb(246, 252, 255) 20%, rgb(241, 242, 244) 70%);
border: 1px solid #ddd;
border-radius: 2px;
padding: 15px 20px;
margin: 20px auto 0px;
position: relative;
overflow: hidden;
}


.prfile-cmplt-numbr{
text-align: center;
font-size: 35px;
}

.cmplt-nw-txt{
text-align: center;
color: #fff;
background-color: #f7a403;
width: fit-content;
padding: 5px 6px;
border-radius: 5px;
font-size: 13px;
margin: auto auto 23px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
border: 1px solid #da9105;
}

.score-board-bx{
text-align: center;
width: 80%;
margin: auto;
}


.scr-bx{
margin-bottom: 15px;
}

.scr-bx h6{
font-size: 15px;
font-weight: 400;
color: #2a2a38;
letter-spacing: 0.4px;
}



/*---------inflnce--------prfile-----------cmplt-num----end-------------*/

.progress {
background: rgb(255, 255, 255);
justify-content: flex-start;
border-radius: 100px;
align-items: center;
position: relative;
padding: 0 5px;
display: flex;
height: 12px;
width: 100%;
}

.progress-value1 {
animation: load 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #48ac1a;
height: 7px;
width: 0;
}

@keyframes load {
0% { width: 0; }
100% { width: 68%; }
}


.progress-value2 {
animation: load2 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #48ac1a;
height: 7px;
width: 0;
}

@keyframes load2 {
0% { width: 0; }
100% { width: 48%; }
}


.progress-value3 {
animation: load3 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #48ac1a;
height: 7px;
width: 0;
}

@keyframes load3 {
0% { width: 0; }
100% { width: 78%; }
}


.progress-value4 {
animation: load4 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #48ac1a;
height: 7px;
width: 0;
}

@keyframes load4 {
0% { width: 0; }
100% { width: 68%; }
}


/*----------about------me------box---start-------*/

.prfile-about-bx{
background: linear-gradient(40deg, rgb(246, 252, 255) 20%, rgb(241, 242, 244) 70%);
border: 1px solid #ddd;
border-radius: 2px;
padding: 0px;
margin: 20px auto 0px;
position: relative;
}


.abt-title-edt{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.abt-title-edt{
font-size: 14px;
color: #46455f;
margin-bottom: 15px;
background-color: #fff;
padding: 5px 9px 5px 14px;
border-radius: 4px;
letter-spacing: 0.4px;
box-shadow: rgba(173, 170, 194, 0.34) 0px 2px 4px;
}

.prfile-about-content{
padding: 3px 15px 7px;
}

.prfile-about-content h6{
color: #33334c;
font-size: 16px;
line-height: 22px;
}


.prfile-about-content p{
color: #33334c;
font-size: 14px;
line-height: 22px;
}


.abt-title-edt a{
font-size: 11px;
text-decoration: none;
color: #fff;
background-color: #ffb01a;
padding: 2px 6px;
border-radius: 10px;
border-bottom: 2px solid #cf8f15;
}


/*--------------------------------------------------------------*/

.influence-profile-rgt-wrp{
border-radius: 15px;
border: 1px solid #ddd;
padding: 15px 20px;
position: relative;
}

.social-media-wrp{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 25px;
}


.scl-media-follow-bx{
display: flex;
column-gap: 9px;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
padding: 7px 12px;
border-radius: 2px;
background-color: #f7f7f7;
}

.scl-media-follow-bx img{
width: 38px;
height: 38px;
margin-top: 5px;
}


.scl-media-txt p{
font-size: 15px;
margin-bottom: 0px;
letter-spacing: 0.4px;
color: #33323c;

}

.scl-media-txt p:last-child{
font-size: 13px;
line-height: 14px;
color: #2d2e39;
}


.influnce-type{
text-align: center;
background-color: #fe7023;
padding: 5px 12px;
border-radius: 3px;
height: 56px;
}

.influnce-type h6{
font-size: 13px;
margin-bottom: 3px;
color: #f7f7f7;
padding-top: 4px;
letter-spacing: 0.3px;
}

.influnce-type h5{
font-size: 16px;
margin-bottom: 0px;
color: #fff;
text-transform: uppercase;
}



/*-------------tabs-------------wrap----------------start--------------*/



.profile-nav-pills{
justify-content: space-between;
margin-bottom: 20px;
}


.profile-nav-pills .nav-item{
width: 19%;
text-align: center;
}

.profile-nav-pills .nav-item .nav-link{
background-color: #f9f9f9;
box-shadow: rgba(147, 157, 185, 0.25) 0px 30px 60px -12px inset, rgba(115, 151, 212, 0.3) 0px 18px 36px -18px inset;
color: #515177;
font-size: 15px;
letter-spacing: 0.5px;
font-weight: 500;
}


.profile-nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background: linear-gradient(90deg, #E3154F 0%, #F54F7E 100%);
}


.profile-nav-pills .nav-link:not(.active):hover {
color: #e41750;
}


/*----------tabs-------wrap------------end-----------*/


.viewrs-rating{
display: flex;
flex-wrap: wrap;
row-gap: 12px;
justify-content: space-between;
text-align: center;
margin-bottom: 22px;
align-items: center;

}


.view-rtng-bx{
box-shadow: rgba(106, 105, 126, 0.45) 0px 21px 20px -20px;
border: 1px solid #ddd;
padding: 5px 4px;
border-radius: 5px;
width: 19.4%;
height: 67px;
}


.view-rtng-bx h6{
font-size: 13px;
margin-bottom: 2px;
letter-spacing: 0.4px;
color: #494952;
}


.view-rtng-bx p{
font-size: 13px;
margin-bottom: 0px;
letter-spacing: 0.4px;
color: #302e43;
font-weight: 500;
}

.hdng h3{
font-size: 20px;
color: #2a2435;
letter-spacing: 0.4px;
}


.shdw-bx{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 16px 0px;
padding: 17px 15px;
border-radius: 15px;
background-color: #fbfbfb;
margin-bottom: 25px;
}


.prfile-dsh-title {
font-size: 17px;
color: #46455f;
margin-bottom: 15px;
background-color: #f3f7fc;
padding: 6px 5px 6px 5px;
letter-spacing: 0.4px;
border-bottom: 1px dashed #c1c7e9;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
}


.prfile-dsh-title a {
font-size: 11px;
text-decoration: none;
color: #fff;
background-color: #ffb01a;
padding: 2px 6px;
border-radius: 10px;
border-bottom: 2px solid #cf8f15;
}
.cus_gallery_outer {
  display: flex;
  gap: 10px;
  flex-wrap:wrap;
}
.cus_gallery_outer iframe {
  width: 0%;
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgb(219, 219, 219);
  box-shadow: none;
  display: block;
  margin: 0px 0px 12px;
  min-width: 215px !important;
  padding: 0px;
  margin-bottom:20px;
  /* height: 217px !important; */
  height: 332px !important;
}

.cus_gallery_outer .item {
  width: 215px;
  height:auto;
}
.cus_gallery_outer .img-crd-bx{
  border:none;
}

/*-------------overview---------wrap-------start---------*/

.overview-wrp{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 19px;


}

.innr-overview-bx{
background: rgb(255, 255, 255);
box-shadow: 0 6px 8px 0 rgba(175, 178, 210, 0.37);
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 7px;
border: 1px solid rgba(239, 239, 239, 0.52);
text-align: center;
padding: 3px 7px;
border-top: 2px solid #fe7023;

}

.innr-overview-bx p{
font-size: 12px;
letter-spacing: 0.4px;
color: #474969;
border-bottom: 1px solid #e4e7f1;
padding-bottom: 3px;
margin-bottom: 8px;
}

.innr-overview-bx h6{
font-size: 18px;
color: #545264;
background-color: #f8f9ff;
border-radius: 17px;
padding: 5px 2px;
}

/*-------------overview---------wrap-------end--------*/


/*-----------------------------------------------------------------------------*/


/*---------------------------------*/

.gallery-wrap{
position: relative;

}

.gallery-wrap .owl-carousel .owl-nav button.owl-next, .gallery-wrap .owl-carousel .owl-nav button.owl-prev{
font-size: 18px;
position: absolute;
top: 38%;
z-index: 1;
color: #fff;
width: 30px;
height: 30px;
background-color: #000;
transition: 0.3s ease all;
opacity: 0.4;

}

.gallery-wrap .owl-carousel .owl-nav button.owl-next:hover, .gallery-wrap .owl-carousel .owl-nav button.owl-prev:hover{
background-color: #fe7023;
opacity: 1;
}


.gallery-wrap .owl-carousel .owl-nav button.owl-next{
right: -16px;
}

.gallery-wrap .owl-carousel .owl-nav button.owl-prev{
left: -16px;
}

/*-----------------------------------------*/

/*-------======================================================----------*/

.pnl-lft-bx.influence-profile-lft-wrp,
.pnl-lft-bx.influence-profile-lft-wrp::before {
border-radius: 7px;
padding: 35px 10px;
}

.panel-nav .nav-item {
width: 16%;
}


.panel-nav .nav-item .nav-link {
padding: 9px 3px;
font-size: 13px;
}

.panel-nav .nav-item .nav-link img{
width: 36%;
display: block;
margin: auto;
padding-bottom: 2px;
}

.profile-nav-pills .nav-link.active img, .nav-pills .show > .nav-link img {
filter: contrast(55%) brightness(230%);
}


.panel-profile-frm-crd{
padding: 4px 15px;
}

.panel-profile-frm-crd .form-group{
margin-bottom: 9px;
position: relative;
}

.panel-profile-frm-crd .form-group .pnl-form-btn{
color: #fff;
background: linear-gradient(90deg, #E41650 0%, #F44D7D 100%);
font-size: 14px;
transition: 0.3s all ease;
padding: 7px 10px;
border: 1px solid #e3144e;
margin-top: 29px;
}

.panel-profile-frm-crd .form-group .pnl-form-btn:hover{
background: linear-gradient(90deg, #F5507F 0%, #E3154F 100%);
}

.panel-profile-frm-crd .form-group .pnl-form-btn:focus{
box-shadow: none;
}


.panel-profile-frm-crd .form-group label{
font-size: 13px;
color: #353961;
font-weight: 500;
margin-bottom: 6px;
}

.panel-profile-frm-crd .form-group .form-control,
.panel-profile-frm-crd .form-group .form-select{
font-size: 13px;
color: #636579;
font-weight: 500;
position: relative;
line-height: 33px;
padding: 2px 9px;
height: 41px;
appearance: auto;
}

.panel-profile-frm-crd .form-group .form-control:focus,
.panel-profile-frm-crd .form-group .form-select:focus{
border-color: #e51b538f;
box-shadow: none;
}

.panel-profile-frm-crd .form-group textarea.form-control{
resize: none;
height: 100px;
}


.panel-profile-frm-crd .form-check{
margin-bottom: 14px;
}


.panel-profile-frm-crd .form-check-label{
font-size: 13px;
color: #636579;
font-weight: 400;
}


.scl-mdia-tab{
padding-top: 10px;
}


.scl-mdia-nav-pills{
column-gap: 15px;
}

.scl-mdia-nav-pills .nav-link:not(.active):hover {
color: #fe7023;
}

.scl-mdia-nav-pills .nav-item .nav-link span img{
width: 25px;
margin-right: 3px;
}


.scl-mdia-nav-pills .nav-link.active, .scl-mdia-nav-pills .show > .nav-link {
color: #fff !important;
background: linear-gradient(90deg, #F5507F 0%, #E3154F 100%);
}


.scl-mdia-nav-pills .nav-link:not(.active):hover {
color: #fff !important;
background: linear-gradient(90deg, #F5507F 0%, #E3154F 100%);
}

.scl-mdia-nav-pills .nav-item .nav-link {
background-color: #f9f9f9;
box-shadow: rgba(187, 200, 238, 0.25) 0px 30px 60px -12px inset, rgba(147, 171, 212, 0.3) 0px 18px 36px -18px inset;
color: #515177;
font-size: 15px;
letter-spacing: 0.5px;
font-weight: 500;
padding: 7px 9px;
transition: 0.04s all ease;
}



.panel-profile-frm-crd .form-check-input:checked {
background-color: #e41650;
border-color: #b71c49;
}


.panel-profile-frm-crd .form-check-input:focus {
box-shadow: 0 0 0 .25rem rgba(228, 24, 81, 0.1);
border-color: #f54f7e;
}


/*-----toggle--pass--eye----button----style----start-------*/

.toggle-password{
position: absolute;
top: 41px;
right: 14px;
cursor: pointer;
font-size: 12px;
color: #becbcb;
}

/*-----toggle--pass--eye----button----style----end-----*/

.video-slide-wrp{
margin-top: 35px;
}

.video-slide-wrp .item .img-crd-bx{
background-color: #f7f7f7;
border-radius: 7px;
border: 1px solid #dad6e7;
overflow: hidden;
padding: 8px 8px 3px;
}


.video-slide-wrp .item .img-crd-bx video{
height: 285px;
border-radius: 10px;
}



.video-slide-wrp.owl-carousel .owl-nav button.owl-next, .video-slide-wrp.owl-carousel .owl-nav button.owl-prev{
font-size: 18px;
font-weight: 700;
color: #fe4e38;
width: 30px;
height: 30px;
background-color: #eff0f5;
transition: 0.3s ease all;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.video-slide-wrp.owl-carousel .owl-nav button.owl-next:hover, .video-slide-wrp.owl-carousel .owl-nav button.owl-prev:hover{
background-color: #fe7023;
opacity: 1;
color: #fff;
}


.gllry-wrp .item .img-crd-bx{
padding: 8px 8px 7px;
}

.gllry-wrp img{
height: 200px;
object-fit: cover;
object-position: top;
}

.rgst-frm{
margin-top: 50px;
}

.login-wrp .profile-tbs-crd h5{
margin: 0px auto 15px;
width: 100%;
padding-top: 0px;
}


.profile-tbs-crd h5{
text-align: center;
font-size: 22px;
margin:0px auto 30px;
letter-spacing: 0.5px;
font-weight: 600;
padding-top: 10px;
border-bottom: 2px solid #f44b7b;
padding-bottom: 5px;
width: fit-content;
}

.accont-lgn-reg-txt{
text-align: center;
padding-top: 20px;
font-size: 14px;
color: #38373e;
letter-spacing: 0.4px;
}


.accont-lgn-reg-txt a{
color: #e3144e;
transition: 0.2s ease;
}

.accont-lgn-reg-txt a:hover{
color: #f34a7b;
text-decoration: underline;
}

/*-----toggle--pass--eye----button----style----start-------*/

.toggle-password{
position: absolute;
top: 44px;
right: 20px;
cursor: pointer;
font-size: 12px;
color: #becbcb;
}



.toggle-password-student {
position: absolute;
top: 44px;
right: 14px;
cursor: pointer;
font-size: 12px;
color: #becbcb;
}

/*-----toggle--pass--eye----button----style----end-----*/


.login-wrp{
width: 42%;
padding: 15px 33px;
margin: auto;
}

.login-wrp .profile-nav-pills {
justify-content: center;
margin-bottom: 15px;
column-gap: 8px;
}

.login-wrp .profile-nav-pills .nav-item {
width: auto;
}


/*--------------register-------page-----style---------end--------------*/


/*---------------breadcrumb----------wrap-------start------------*/


.jo-breadcrumb {
padding:122px 0px 29px;
background: url(../images/breadcrumb-bg.jpg) no-repeat center center;
background-size: cover;
text-align: center;
position: relative;
z-index: 1;
color: var(--white);
overflow: hidden;
}



.jo-breadcrumb::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #F44E7EBF, #E3154FF2);
z-index: -1;
opacity: 80%;
}
.jo-breadcrumb-nav {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.jo-breadcrumb-nav a {
color: #fff;
}
.jo-breadcrumb-nav a:hover {
color: #000;
}


.jo-page-title {
color: #fff;
margin-bottom: 3px;
font-size: 36px;
}


.jo-circle-box > * {
position: absolute;
opacity: 80%;
transform-origin: left;
}
.jo-circle-box .circle-1 {
left: 10%;
top: 30%;
animation: services-triangle 6s linear infinite alternate;
}
.jo-circle-box .circle-2 {
left: 30%;
top: 65%;
animation: services-triangle 8s linear infinite alternate;
}
.jo-circle-box .circle-3 {
left: 70%;
top: 70%;
animation: services-triangle 10s linear infinite alternate;
}
.jo-circle-box .circle-4 {
left: 90%;
top: 32%;
animation: services-triangle 9s linear infinite alternate;
}

@keyframes services-triangle {
0% {
-webkit-transform: rotate(0deg) translateX(-50px);
-moz-transform: rotate(0deg) translateX(-50px);
-ms-transform: rotate(0deg) translateX(-50px);
transform: rotate(0deg) translateX(-50px);
}
100% {
-webkit-transform: rotate(360deg) translateY(100px);
-moz-transform: rotate(360deg) translateY(100px);
-ms-transform: rotate(360deg) translateY(100px);
transform: rotate(360deg) translateY(100px);
}
}


/*---------------breadcrumb----------wrap-------end------------*/

/*------about-----section----------wrap----start--------*/

.about-sctn{
width: 100%;
padding: 70px 40px 80px;
background: linear-gradient(50deg, rgb(232, 232, 237) 41%, rgb(253, 253, 253) 51%);
}


.about-left-img{
display: flex;
flex-wrap: wrap;
column-gap: 5px;
justify-content: end;
position: relative;
}

.about-left-img img:nth-child(1){
width: 47%;
position: absolute;
left: 0px;
border-radius: 15px;
}


.about-left-img img:nth-child(2){
width: 49%;
margin-top: 25px;
border-radius: 55px;
}


.about-rgt-content{
padding-left: 15px;
}


.about-rgt-content h2{
font-size: 35px;
padding: 50px 0px 15px;
}


.about-rgt-content p{
font-size: 15px;
text-align: justify;
line-height: 24px;
padding-bottom: 12px;
}


.smll-title{
padding: 5px 10px;
font-size: 16px;
background-color: #fff;
color: #5d5d7b;
border-radius: 6px;
margin: 0px auto 14px;
width: fit-content;
box-shadow: rgba(105, 105, 166, 0.25) 0px 30px 60px -12px inset, rgba(187, 189, 225, 0.3) 0px 18px 36px -18px inset;
}


/*---------team------detail------wrap----start----------*/

.team-dtl-bx{
margin-bottom: 30px;
box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
padding: 28px 25px;
border-radius: 35px;
}

.team-dtl-img{
position: relative;
}

.team-dtl-img figure img{
border-radius: 20px 0px 0px 0px;
}

.team-name-desgntn{
position: absolute;
background-color: #f8f7fd;
bottom: -16px;
padding: 5px 13px;
left: 7px;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
border-radius: 10px 0px 10px 10px;
border: 1px solid #e9e7f6;
text-align: center;
width: 94%;
}


.team-name-desgntn:before{
content: '';
border-bottom: 23px solid #e2e2ee;
border-right: 26px solid transparent;
position: absolute;
top: -24px;
right: 0px;
}

.team-name-desgntn h5{
font-size: 20px;
padding-bottom: 5px;
color: #413d53;

}

.team-name-desgntn h6 {
font-size: 14px;
padding-bottom: 8px;
color: #e41852;
}

.team-details-content p{
font-size: 15px;
text-align: justify;
color: #6f707c;
line-height: 26px;
}


/*---------team------detail------wrap----end---------*/

/*------------contact---------wrap----------start---------*/

.contact-sctn{
padding: 50px 50px;

}

.jo-contact-info {
border: 1px solid rgba(255, 0, 0, 0.1);
padding:20px 27px;
border-radius: 16px;
text-align: center;
}

.jo-contact-info .icon {
border: 1px solid rgba(255, 0, 0, 0.1);
border-radius: 8px;
width: clamp(55px, 3.68vw, 70px);
aspect-ratio: 1/1;
margin: auto;
margin-bottom: auto;
padding: 5px;
color: var(--hub-prim-color1);
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(25px, 1.84vw, 35px);
margin-bottom: clamp(10px, 0.84vw, 16px);
}

.jo-contact-info .title {
font-weight: 700;
font-size: 15px;
margin-bottom: 9px;
word-break: break-word;
}

.jo-contact-info .title a:hover{
color: var(--hub-prim-color1);
}

.jo-contact-info .descr {
margin-bottom: 0;
color: #445375;
font-size: clamp(13px, 0.84vw, 16px);
}


.jo-inner-contact-form-section{
background-color: rgba(229, 27, 84, 0.06);
padding: 50px 50px 0px;
}

.jo-inner-contact-img {
background: url(../images/cont-form-vector.png) no-repeat top center;
background-size: auto;
background-size: contain;
}

.jo-inner-contact-img img {
width: 70%;
}

.jo-inner-contact-form-wrapper {
background-color: #fff;
padding: clamp(25px, 2.36vw, 45px);
border-radius: 16px;
}

.jo-inner-contact-form-title {
font-weight: 700;
font-size: 1.5rem;
padding-bottom: 1.10rem;
color: #3a3f4b;
}

.jo-inner-contact-form input, .jo-inner-contact-form select, .jo-inner-contact-form textarea, .jo-inner-contact-form .ss-main {
height: 47px;
border: 1px solid rgba(255, 0, 0, 0.1);
border-radius: 8px;
width: 100%;
padding: 0px 12px 0px;
font-size: 14px;
background-color: #fff;
color: #757575;
}

.jo-inner-contact-form textarea {
padding: 8px 12px;
height: 120px;
vertical-align: top;
margin-bottom: 21px;
resize: none;
}

.jo-inner-contact-form .submit-btn {
height: clamp(45px, 3.15vw, 60px);
background-color: var(--hub-prim-color1);
border-radius: 8px;
width: 100%;
color: var(--white);
font-weight: 600;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
}

.jo-inner-contact-form .submit-btn:hover {
background-color: #f44e7e;
color: var(--white);
}


/*-------BANNER----------SLIDER------WRAP---------START------------*/

.banner-slider-sctn{
overflow: hidden;
}

/* Full Parallax Slider */
.slider-wrap{
background: #162340;
height: 650px;
}
.swiper-slide--inner {
display: flex;
/*    justify-content: center;*/
align-items: center;
height: 100%;
}
.swiper-slide{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.slide--bg {
z-index: 0;
visibility: inherit;
font-weight: 400;
white-space: nowrap;
max-height: 640px;
max-width: 640px;
background-color: #e417503d;
border-radius: 50%;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: auto;
left: 0px;
bottom: -90px;
}
.swiper-slide-active .slide--bg{
animation: zoomInBg 1.5s ease forwards;
}

.slide--bg .slide-bg--inner {
width: 570px;
height: 570px;
background: #e4175087;
margin: auto;
border-radius: 50%;
}
.swiper-slide-active .slide--bg .slide-bg--inner{
animation: zoomInInner 1s ease forwards;
}
.slide-detail {
position: relative;
z-index: 1;
width: 50%;
padding-left: 6%;
padding-top: 6%;
}

.slide-main--heading {
text-align: left;
color: #fff;
line-height: normal;
text-shadow: rgb(11, 18, 54) 3px 3px 15px;
font-weight: 700;
font-size: 40px;
white-space: normal;
text-transform: capitalize;
padding-bottom: 15px;
}
.from-left, .from-right {
opacity: 0;
filter: blur(4px);
transition: opacity 0.5s ease, filter 0.5s ease;
}

.swiper-slide-active .from-left {
animation: fadeInLeft 1s ease forwards;
animation-delay: 0.8s;
}
.swiper-slide-active .from-right {
animation: fadeInRight 1s ease forwards;
animation-delay: 1s;
}
.slide-main--subheading {
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
padding: 5px 10px;
font-weight: 500;
letter-spacing: 1px;
opacity: 0;
filter: blur(4px);
background-color: rgba(168, 38, 75, 0.49);
width: fit-content;
border-left: 2px solid #fff;
margin-bottom: 13px;
box-shadow: 1px 3px 17px #79124291;
}


.swiper-slide-active .slide-main--subheading{
transition: opacity 0.5s ease, filter 0.5s ease;
animation: fadeInDown 1s ease forwards;
animation-delay: 1.2s;
}

.slide-des {
text-align: left;
line-height: 25px;
border-width: 0px;
padding: 0px 0px 25px;
letter-spacing: 0px;
font-weight: 500;
font-size: 15px;
white-space: normal;
min-height: 0px;
max-height: none;
color: rgb(255, 255, 255);
margin: auto 0px;
opacity: 0;
width: 87%;
}
.swiper-slide-active .slide-des{
transition: opacity 0.5s ease, filter 0.5s ease;
animation: fadeInUp 1s ease forwards;
animation-delay: 1.4s;
}
.slide-cta .slide-btn{
text-align: inherit;
line-height: 27px;
border-width: 1px;
margin: 0px;
padding:9px 57px 10px 19px;
letter-spacing: 0px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
background-image:linear-gradient(to right, #edd4db, #f3e8eb, #fddee7, #f7ecef, #fbf7f8, #f9e6eb, #e7e6f5, #f9eaee, #f9eff1);
background-size: 200% auto;
color: #e51952;
display: inline-block;
border: 2px solid transparent;
width: auto;
border-radius: 50px;
position: relative;
transition: .3s ease-in-out !important;
opacity: 0;
}
.swiper-slide-active .slide-cta .slide-btn{
transition: opacity 0.5s ease, filter 0.5s ease;
animation: fadeInUp2 1s ease forwards;
animation-delay: 1.4s;
}
.slide-cta .slide-btn:hover{
-webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15);
box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
background-position: right center;


}
.slide-cta .slide-btn span{
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
position: absolute;
border-radius: 100%;
right: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .35);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .35);
background: #fff;
color: #e51952;
font-size: 14px;
}

/* Keyframe animations for CTA */
@keyframes fadeInUp2 {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}
/* Keyframe animations for Description */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 0.7;
transform: translateY(0);
filter: blur(0);
}
}
/* Keyframe animations for Sub Heading */
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}
/* Keyframe animations for Main Heading */
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
filter: blur(0);
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
filter: blur(0);
}
}

/* Keyframe animations for background */
@keyframes zoomInBg {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}

@keyframes zoomInInner {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.parallax-slider .slide-btns{
  width: 54px;
height: 54px;
background: 0 0;
border: 1px solid rgba(255, 255, 255, .2);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;
font-size: 16px;
font-weight: 900;
}
.slide-btns.swiper-button-next:after, .slide-btns.swiper-button-prev:after{
  font-size: 16px;
font-weight: 900;
color: #fff;
}
.slide-btns:hover{
border: 1px solid #fff;
background: #fff;
}
.slide-btns:hover:after{
color: #232323;
}
span.swiper-pagination-bullet {
width: 16px;
height: 16px;
background: transparent;
background-color: transparent;
box-shadow: inset 0 0 0 2px #fff;
-webkit-transition: background .3s ease;
transition: background .3s ease;
opacity: 1;
display: none;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}

/* .autoplay-progress {
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
width:100%;
height: 10px;
}

.progress-fill {
--progress: 0;
position: absolute;
left: 0;
top: 0;
z-index: 10;
height: 100%;
background-color: #00000026;
width: var(--progress, 0%);
transition: width 0.5s ease;
}*/

/* ==================== Responsive Ipad ========================== */
@media only screen and (max-width: 981px) {
.slider-wrap{
height: 750px;
}
.slide--bg{
  min-height: 720px;
min-width: 720px;
max-height: 720px;
max-width: 720px;
}
.slide--bg .slide-bg--inner{
width: 590px;
height: 590px;
}

}

/* ==================== Responsive Ipad ========================== */

@media(min-width:481px)
{
.genrt-task-slider .owl-carousel .owl-dots {
  display:none;
}
}
@media only screen and (max-width: 480px) {
.slider-wrap {
  height:600px;
}
  .slide--bg {
  min-height: 550px;
  min-width: 550px;
  max-height: 550px;
  max-width: 550px;
}
.slide--bg .slide-bg--inner {
  width: 450px;
  height: 450px;
}
.parallax-slider .slide-btns{
  display: none;
}
.slide-main--heading{
      font-size:27px;
}
.swiper-pagination{
      display: flex;
column-gap: 15px;
justify-content: center;
bottom: 100px !important;
}
span.swiper-pagination-bullet{
  display: block;
}
.slide-detail {
padding-top: 30px;
}
.slide-main--subheading {
font-size: 10px;
}
.slider-wrap{
width: 100% !important;
}
.slide-des {
width: 100%;
}
.d-flex.gap-3.align-items-center {
gap: 0 !important;
}
.task-avlbl-sctn {
padding: 40px 12px 35px;
}
.genrt-task-slider .owl-carousel .owl-prev,
.genrt-task-slider .owl-carousel .owl-next {
display: none;
}
.mrktng-cmpgn-slider {
padding: 0px 16px;
}
.about-sctn, .mission-vision-sctn {
padding: 30px 0px 32px;
}
.vision-mission-content {
padding-left: 11px!important;
}
.about-rgt-content {
padding-left: 0;
}
.about-rgt-content h2 {
padding: 20px 0px 15px;
}
.vision-mission-content {
padding-left: 0px!important;
}
.vision-mission-content p {
width: 100%;
}
.aim-content {
padding: 32px 11px!important;
padding-left: 12px!important;
}
.vision-mission-content ul {
padding: 0 !important;
}
.team_sectn {
padding: 47px 40px 30px;
}
.sidebar-box-style1 {
padding-bottom: 3px!important;
}
.resume-box {
margin-left: 0px!important;
padding-top: 30px!important;
}
.blog-pg {
padding: 50px 22px 60px !important;
}
.contact-sctn {
padding: 50px 15px;
}
.jo-inner-contact-form-section {
background-color: rgba(229, 27, 84, 0.06);
padding: 50px 9px 0px;
}
.login-wrp {
width: 100% !important;
padding: 15px 10px;
margin: auto;
}
}


/*-----banner-----slide--------end------*/


.service-img-bx{
margin-bottom: 25px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
border: 8px solid #eee;
border-radius: 5px;
}

.innr-service-lst{
margin-top: 15px;
}


.innr-service-lst li{
position: relative;
padding-left: 15px !important;
}

.innr-service-lst li:before{
width: 10px !important;
height: 10px !important;
border-radius: 50%;
border: 2px solid #f34a7b;
position: absolute;
top: 6px !important;
left: 0;
clip-path: none !important;
background-color: transparent !important;
}


/*-------------footer-----------contact------detail----------*/

.foot-bttm-cont-dtl-list{
display: flex;
column-gap: 32px;
justify-content: center;
}

.foot-bttm-cont-dtl-list li{
display: flex;
}

.innr-cont-dtl-icn{
font-size: 19px;
text-align: center;
width: 50px;
height: 50px;
border-radius: 5px;
box-shadow: rgba(227, 21, 79, 0.59) 0px 30px 60px -12px inset, rgb(194, 20, 69) 0px 18px 36px -18px inset;
color: #fff;
line-height: 50px;
margin-right: 15px;
}

.innr-cont-dtl-list h6{
color: #f1f0f7;
letter-spacing: 0.5px;
text-decoration:none;
margin-bottom: 6px;

}

.innr-cont-dtl-list a{
color: #fbfbfb;
font-size: 17px;
letter-spacing: 0.4px;
}


/*-------------------------------------------------------------*/

.inflnce-reg-wrp{
margin: 10px 0px 10px;
}

.inflnce-reg-wrp ul{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
padding: 23px 24px;
border-radius: 15px;
margin-bottom: 40px;
}


.inflnce-reg-wrp ul li{
position: relative;
font-size: 15px;
color: #4f4e5b;
padding-bottom: 9px;
padding-left: 20px;
text-align: justify;
}

.inflnce-reg-wrp ul li:last-child{
padding-bottom: 0px;
}


.inflnce-reg-wrp ul li:before{
content: '';
position: absolute;
left: 0px;
top: 8px;
width: 9px;
height: 9px;
border-radius: 50%;
border: 2px solid #e41852;
box-shadow: 1px 1px 1px #717688;
}

.inflnce-mrkt-wrp h4{
font-size: 20px;
color: #e51a53;
padding-bottom: 7px;
}

.inflnce-reg-wrp h6{
font-size: 18px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
color: #403f4b;
margin-bottom: 16px;
}


.inflnce-reg-wrp h5{
font-size: 21px;
color: #39383f;
padding-bottom: 10px;
}

.inflnce-mrkt-wrp p{
font-size: 15px;
text-align: justify;
margin-bottom: 15px;
line-height: 24px;
}

.inflnce-mrkt-wrp ol{
margin: 10px 0px 18px 33px;
}

.inflnce-mrkt-wrp ol li{
list-style: decimal;
font-size: 15px;
padding-bottom: 8px;
color: #34353e;
}




/*-------------validation----------form----------start---------------*/

/* bootstrapValidator */

i.form-control-feedback.fa.fa-times {
position: absolute;
right: 7px;
top: 43px;
font-size: 12px;
color: #d80c0c;
}
.influencer_contact_form i.form-control-feedback.fa.fa-times {
  position: absolute;
  right: 7px;
  top: 39px;
  font-size: 12px;
  color: #d80c0c;
}
.influencer_contact_form i.form-control-feedback.fa.fa-check {
  position: absolute;
  right: 7px;
  top: 39px;
  font-size: 12px;
  color: #048304;
}
.influencer_contact_form fieldset {
  position: relative;
}
i.form-control-feedback.fa.fa-check {
position: absolute;
right: 7px;
top: 43px;
font-size: 12px;
color: #048304;
}

i.form-control-feedback.fa.fa-refresh {
position: absolute;
right: 7px;
top: 43px;
font-size: 12px;
color: orange;
}

small.help-block {
color: #d80c0c;
position: relative;
top: -12px;
font-size: 12px;
letter-spacing: 0.5px;
}

.has-success input, .has-success select, .has-success textarea {
border: 1px dashed #048304;
}

.has-error input, .has-error select, .has-error textarea {
border: 1px dashed #d80c0c;
}

/* End bootstrapValidator */

label b{
color:#d80c0c;
}

span.age {
top: -14px;
position: relative;
}

/*-------------validation----------form---------end---------------*/



/*-----calendar----style----start----------*/


.datepicker td, .datepicker th {
font-size: 13px;
color: #586185;
}

.datepicker{
z-index: 99 !important;
}

.table-condensed thead tr:nth-child(3){
background-color: #e41650;

}

.table-condensed thead tr:nth-child(3) th{
color: #fff;
}

/*-----calendar----style----end---------*/



/*---------input-----autofill-----bg---color---start------*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-background-clip: text;
-webkit-text-fill-color: #36363d;
transition: background-color 5000s ease-in-out 0s;
box-shadow: inset 0 0 20px 20px #fff;
}

/*---------input-----autofill-----bg---color---end  ------*/


.innr-bx-reg-form{
padding: 17px 15px;
border-radius: 15px;
background-color: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


/* ------------ amit ---------------- */
.profile-pic {
width: 200px;
max-height: 200px;
display: inline-block;
}

.file-upload {
display: none;
}
.circle {
border-radius: 100% !important;
overflow: hidden;
width: 128px;
height: 128px;
border: 2px solid rgba(255, 255, 255, 0.2);
position: absolute;
top: 72px;
}
img {
max-width: 100%;
height: auto;
}
.p-image {
position: absolute;
top: 167px;
right: 30px;
color: #666666;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
font-size: 1.2em;
}

.upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}
/* ------------ amit ---------------- */

.shdw-bx {
box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;
padding: 17px 15px;
border-radius: 15px;
background-color: #fbfbfb;
margin-bottom: 25px;
}
.fltr-hdr-bx {
background-color: #f3f3f5;
padding: 9px 10px;
border-bottom: 1px solid #cbc8d6;
border-radius: 5px 5px 0px 0px;
margin-bottom: 15px;
}
.filtr_title h5 {
font-size: 17px;
margin-bottom: 0px;
}
.clear_fltr_btn {
float: right;
}
.clear_fltr_btn a {
color: #fff;
background-color: #e41650;
font-size: 13px;
letter-spacing: 0.7px;
border-radius: 25px;
padding: 6px 13px;
border-left: 1px solid #910d32;
border-right: 1px solid #910d32;
box-shadow: rgba(96, 96, 106, 0.62) 0px 1px 2px 0px;
transition: 0.4s all;
}
h5 .clear_fltr_btn a {
color: #ffff;
border: 1px solid #fff;
}
.project-sidebar {
border-radius: 5px;
border: 1px solid #eee;
background-color: #fff;
overflow: hidden;
position: sticky;
top: 0px;
}
.project-sidebar h5 {
font-size: 16px;
margin-bottom: 15px;
text-align: center;
background-color: #e41650;
padding: 11px 10px;
color: #fff;
letter-spacing: 0.4px;
display: flex;
justify-content: space-between;
}
.listing-filters-form {
padding: 5px 6px 15px;
}
.listing-filters-form form .field_wrap.__dropdown, .listing-filters-form form .dropdownWrap.__dropdown {
position: relative;
}
.listing-filters-form form .field_wrap, .listing-filters-form form .dropdownWrap {
margin: 0 0 15px;
}
.listing-filters-form form .field_wrap.__dropdown .dropdown-button, .listing-filters-form form .dropdownWrap.__dropdown .dropdown-button {
position: relative;
display: flex;
align-items: center;
border-radius: 5px;
min-height: 39px;
width: 100%;
background: #f4f6f9;
font-size: 13px;
line-height: 25px;
color: #5a5765;
padding: 6px 7px;
border: 1px solid #dce4e6a8;
margin-bottom: .5rem;
}
.cus_col-lg-6 {
  width: 17.1%;
}
form.cus_form_outer {
display: flex;
gap: 12px;
}
.listing-filters-form form .field_wrap.__dropdown .dropdown-button::after, .listing-filters-form form .dropdownWrap.__dropdown .dropdown-button::after {
content: "\f078";
font-size: 12px;
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s;
font-family: fontawesome;
color: #525255;
}
.drpdwn-srch {
position: relative;
top: 0px;
background-color: #fff;
padding: 15px 11px;
z-index: 1;
text-align: center;
}
.drpdwn-srch.cus_top_padding {
  padding: 4px;
}
.drpdwn-srch.cus_pt_1 {
  padding-top: 0px !important;
}
.drpdwn-srch.search_input.custom_search {
  display: none;
}
.drpdwn-srch input {
width: 100%;
height: 39px;
border-radius: 5px;
padding-left:26px;
color: #2a2a2d;
border: 1px solid #c0c3cc;
font-size: 13px;
position: relative;
}
.advnc-btn-drpdwn .dropdown-button {
min-width: 100% !important;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap {
display: none;
width:100%;
transform: translateY(0px);
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21);
z-index: 5;
position: relative;
}
.drpdwn1 {
  overflow-y: auto;
  max-height: 200px;
  display: inline-block;
  width: 100%;
  scrollbar-width: thin;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap .drpdwn1 label, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap .drpdwn1 label {
padding-left:37px;
color: #3f3b50;
display: flex;
align-items: center;
display: -webkit-box;
line-height: 21px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 1px;
}
.field_wrap.__checkbox > .drpdwn1 label, .field_wrap.__checkbox > .input_wrap > .drpdwn1 label {
font-size: 13px;
color: #000000;
cursor: pointer;
display: block;
margin: 0 0 6px 0;
padding-left: 30px;
position: relative;
font-weight: 400;
}
.field_wrap.__checkbox input[type=checkbox] {
position: absolute;
left: -9999px;
margin: 0;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap .drpdwn1 label:last-child, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap .drpdwn1 label:last-child {
margin-bottom: 0;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap .drpdwn1 label::before, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap .drpdwn1 label::before {
width: 18px;
height: 18px;
border: 1px solid #bbb8c5;
border-radius: 3px;
background: #fff;
top: 3px;
margin-left: 9px;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap .drpdwn1 label:has(input.__focused):before, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap .drpdwn1 label:has(input.__focused):before {
border-color: #e416503d;
}
.field_wrap.__checkbox > .drpdwn1 label::before, .field_wrap.__checkbox > .input_wrap > .drpdwn1 label::before {
content: "";
border: 1px solid #979797;
background: #eaeaea;
width: 18px;
height: 18px;
border-radius: 2px;
position: absolute;
top: 1px;
left: 0;
color: transparent;
}

.field_wrap.__checkbox > .drpdwn1 label::after, .field_wrap.__checkbox > .input_wrap > .drpdwn1 label::after {
content: "";
font-size: 12px;
font-weight: 900;
color: white;
position: absolute;
top: 4px;
left: 2px;
opacity: 0;
}
.field_wrap.__checkbox > .drpdwn1 label.__checked::after, .field_wrap.__checkbox > .input_wrap > .drpdwn1 label.__checked::after {
opacity: 1;
}
.listing-filters-form form .field_wrap.__dropdown .field_wrap .drpdwn1 label::after, .listing-filters-form form .dropdownWrap.__dropdown .field_wrap .drpdwn1 label::after {
content: "\f00c";
font-size: 12px;
color: #e41650;
top: 2px;
left: 13px;
font-family: fontawesome;
font-weight: 500;
}
.apply-fltr-bttn {
color: #fff;
  background: linear-gradient(90deg, #E3144E 0%, #F65382 100%);
  font-size: 14px;
  transition: 0.3s all ease;
  padding: 7px 10px;
  border: 2px solid #e4164f;
  width: 100%;
  border-radius: 20px;
}
.apply-fltr-bttn:hover {
background: linear-gradient(90deg, #F65382 0%, #E3144E 100%);
color: #fff;
}
.srch-icn-drpdwn {
position: absolute;
text-align: center;
left: 19px;
top: 24px;
color: #8c94b2;
}
.business-mrktng-crd {
padding: 5px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
border-radius: 5px;
position: relative;
height: 345px;
margin-bottom: 18px;
}


.all-explore-creator-lists{
padding-left: 15px;
}

.infunce-type {
width: fit-content;
background: #ffffffd4;
border-radius: 999px;
font-weight: 600;
font-size: 12px;
padding: 4px 14px;
color: #E41650;
margin: 11px auto 0px 9px;
position: absolute;
}
.business-mrktng-crd img {
height: 300px;
object-fit: cover;
object-position: top center;
}
.business-mrktng-crd img {
width: 100%;
}
.business-mrktng-bttm {
padding: 10px 10px;
}
.top-ernr-bio ul {
display: flex
;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.top-ernr-bio ul li {
display: flex;
align-items: center;
column-gap: 7px;
flex-wrap: wrap;
color: #38373e;
}
.top-ernr-bio ul li .earner-smll-img img {
width: 23px;
  height: 23px;
  border-radius: 50%;
  padding: 0px;
}
.business-mrktng-crd img {
height: 216px;
  object-fit: cover;
  object-position: top center;
  border: 1px solid #68718f12;
  border-radius: 6px;
  padding: 4px 6px;
}
.top-ernr-bio ul li + li {
color: #52b01d;
}
.top-ernr-bio ul li {
display: flex;
align-items: center;
column-gap: 7px;
flex-wrap: wrap;
color: #ffffff
}
.strtng-frm-txt {
font-size: 13px;
color: #353446;
padding-top: 10px;
}
.strtng-frm-price {
color: #3e7ec2;
font-weight: 500;
padding-left: 10px;
}

/* whatsapp button style */
.btn-whatsapp-pulse {
position: fixed;
bottom: 70px;
right: 15px;
width: 48px;
height: 48px;
background-color: #1c9b13;
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
z-index: 105;
margin-right: 6px;
}
.btn-whatsapp-pulse::after {
background: rgba(30, 172, 45, 0.4);
}
.btn-whatsapp-pulse::after, .btn-whatsapp-pulse::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
background: #1c9b13;
border-radius: 50%;
z-index: -1;
-webkit-animation: grow 1.3s ease-in-out infinite;
animation: grow 1.3s ease-in-out infinite;
}
@keyframes grow {
0% {
    transform: scale(1, 1);
    opacity: 1;
}
100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
}
}
/* whatsapp button style */

/* all-explore-creator-lists tab style  */
.tab_btn_creator_type ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
  display: flex  ;
  gap:7px;
}
.tab_btn_creator_type ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
  padding: 7px 8px;
	cursor: pointer;
  margin-bottom: 10px;
  text-align: center;
  width: 200px;
  background: #ada8aa1a;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 58%) 0px 0px 5px 0px, rgb(0 0 0 / 19%) 0px 0px 1px 0px;
}
.tab_btn_creator_type span.inf_follows {
  margin: 3px 0;
  margin: 0px 0;
  display: block;
  font-size: 11px;
  margin-bottom: 5px;
}
.tab_btn_creator_type .inf_type {
  font-size: 15px;
  letter-spacing: .5px;
  font-weight: 700;
}
.tab_btn_creator_type ul.tabs li.current{
  border-radius: 10px;
  background: #f50051;
  color: #fff;
}
.tab_btn_creator_type .inf_count {
  /* font-size: 12px; */
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 5px;
  color: #f50051;
  background: #ffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.tab_btn_creator_type .tab-content{
	display: none;
	background: #ededed;
	padding: 15px;
}

.tab_btn_creator_type .tab-content.current{
	display: inherit;
}
/* all-explore-creator-lists tab style  */
.cus_popup_btn {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  background-color: #e51a53;
  color: #fff;
  padding: 0px 5px;
  border-radius: 0px 4px 0px 0px;
  border: 1px solid #e51a53;
}
.cus_popup_btn:hover{
  background-color: #e51a53;
  border: 1px solid #e51a53;
}
.registration_popup_body {
  padding: 2px;
  display: flex;
}
.modal-dialog.custom_modal-dialog {
  max-width: 990px;
  margin-top: 70px;
}