/*
|----------------------------------------------------------------------
| Body Main Css
|----------------------------------------------------------------------
*/
* {
box-sizing: border-box;
}
@font-face {
font-family: "Inter Light";
src: url("../fonts/Inter-Light.ttf");
}
@font-face {
font-family: "Inter Regular";
src: url("../fonts/Inter-Regular.ttf");
}
@font-face {
font-family: "Inter Medium";
src: url("../fonts/Inter-Medium.ttf");
}
@font-face {
font-family: "Inter SemiBold";
src: url("../fonts/Inter-SemiBold.ttf");
}
@font-face {
font-family: "Inter Bold";
src: url("../fonts/Inter-Bold.ttf");
}
.light {
font-family: "Inter Light" !important;
}
.italic {
font-family: "Inter Italic" !important;
}
.regular {
font-family: "Inter Regular" !important;
}
.medium {
font-family: "Inter Medium" !important;
}
.semi {
font-family: "Inter SemiBold" !important;
}
.bold {
font-family: "Inter Bold" !important;
}
.price {
font-family: "Inter Bold";
}
:root {
--chevron: url('data:image/svg+xml;utf8,');
--tick: url('data:image/svg+xml;utf8,');
}
html {
height: 100%;
scroll-behavior: smooth;
}
html.flow {
overflow: hidden;
}
/*_____ scrollbar _____*/
.scrollbar::-webkit-scrollbar-track {
background: #e3e8ed;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.scrollbar::-webkit-scrollbar {
width: 4px;
background-color: #e3e8ed;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.scrollbar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
body {
position: relative;
min-height: 100%;
/*background-color: #f5f6f8;
*/
background-color: #fff;
color: #000000cc;
font-size: 19px;
font-family: "Inter Regular";
margin: 0;
padding: 0;
line-height: 1.6;
word-break: break-word;
transition: all ease 0.5s;
overflow-x: hidden;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
body {
display: flex;
flex-flow: column;
}
body.flow {
overflow: hidden !important;
}
body>main {
flex: 1;
overflow: hidden;
padding-top: 70px;
}
::selection {
background: #409df1;
color: #fff;
}
::-moz-selection {
background: #409df1;
color: #fff;
}
body a {
color: #080a0f;
word-break: break-word;
}
body a,
body span {
display: inline-block;
text-decoration: none;
}
body a:hover {
color: #84bd3a;
}
body a:focus,
body a:hover {
outline: none !important;
text-decoration: none !important;
}
ul {
margin: 0;
padding: 0;
}
ul li {
display: inline-block;
}
ul li a {
transition: all ease 0.5s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Inter SemiBold";
line-height: 1.2;
margin: 0 0 10px;
}
p {
margin: 0 0 15px;
}
p:nth-last-child(1) {
margin: 0;
}
p>a {
color: #0f3a74;
}
p>a:hover {
color: #2115dc;
}
.relative {
position: relative;
}
.tableDv {
display: table;
width: 100%;
height: 100%;
}
.tableCell {
display: table-cell;
vertical-align: middle;
}
.toggle {
position: absolute;
top: 19px;
right: 5px;
display: flex;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 10px;
transition: all ease 0.5s;
z-index: 4;
}
.toggle span,
.toggle span:before,
.toggle span:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 2px;
background: #2BAAE2;
border-radius: 50px;
transition: all ease 0.5s;
}
.toggle span {
position: relative;
display: block;
width: 22px;
margin: 8px auto;
}
.toggle span:before {
top: -7px;
}
.toggle span:after {
bottom: -7px;
}
.toggle.active span {
width: 22px;
background: transparent !important;
}
.toggle.active span:before,
.toggle.active span:after {
top: 0;
}
.toggle.active span:before {
transform: rotate(405deg);
-webkit-transform: rotate(405deg);
-moz-transform: rotate(405deg);
-ms-transform: rotate(405deg);
-o-transform: rotate(405deg);
}
.toggle.active span:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.blockquote {
background: #fafafa;
color: #151d23;
padding: 10px 10px 10px 20px;
border: 1px solid #f0f5f9;
border-left: 4px solid #409df1;
}
.heading {
position: relative;
margin-bottom: 25px;
}
.heading>em {
color: #409df1;
}
.sub_heading {
color: #409df1;
font-size: 14px;
font-family: "Inter Medium";
text-transform: uppercase;
}
p.pre {
color: #8b9593;
margin: -10px 0 30px;
}
.color {
color: #409df1 !important;
}
.background {
background: #409df1 !important;
}
/*
|----------------------------------------------------------------------
| Body Main Button
|----------------------------------------------------------------------
*/
.webBtn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 125px;
height: 46px;
background: #000000;
color: rgb(255, 255, 255);
font-size: 18px;
font-family: "Inter Medium";
text-align: center;
padding: 0 30px;
white-space: nowrap;
text-transform: capitalize;
border: 0;
outline: none !important;
/* box-shadow: rgb(15 78 126 / 5%) 0 16px 48px 0; */
box-shadow: rgb(81 24 24 / 11%) 0 5px 10px 0;
}
.webBtn:hover,
.webBtn:focus {
/* background: #0f3a74; */
color: #fff;
}
.smBtn {
min-width: 40px;
height: 36px;
padding: 0 20px;
}
.mdBtn {
min-width: 80px;
height: 40px;
}
.lgBtn {
height: 54px;
font-size: 16px;
padding: 0 40px;
}
.colorBtn {
background: #3dac9f;
color: rgb(255, 255, 255) !important;
}
.colorBtn:hover {
background-color: #3dac9f;
box-shadow: 0 9px 25px -11px #3dac9f;
}
.borderbTn {
background: transparent;
border: 1px solid #3dac9f;
color: #3dac9f;
}
.borderbTn:hover {
color: #3dac9f;
}
.blankBtn {
background: transparent;
color: #2BAAE2 !important;
border: 1px solid #2BAAE2;
}
.blankBtn:hover {
box-shadow: 0 7px 15px -2px #2BAAE2;
}
.lightBtn {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.lightBtn:hover {
background: transparent;
color: #ffffff;
}
.labelBtn {
min-width: initial;
height: auto;
background: transparent;
color: #409df1;
padding: 0;
border: 0;
box-shadow: none;
}
.labelBtn:hover {
background: transparent;
color: #080a0f;
}
.labelBtn>i {
font-size: 100%;
}
.simpleBtn {
background: #006fc0;
color: #ffffff;
/* border: 1px solid #b5bcc0; */
}
.simpleBtn:hover {
background: #fff;
color: #006fc0;
/* border-color: #409df1; */
}
.simpleBtn.icoBtn>img {
filter: none;
-webkit-filter: none;
}
.grayBtn {
background: #fff;
color: #8b9593;
border: 1px solid #eee;
}
.grayBtn:hover {
background: #fafafa;
color: #8b9593;
}
.borderBtn {
border: 1px solid #ffffff;
color: #fff;
}
.arrowBtn {
display: flex !important;
width: 46px;
min-width: 46px;
padding: 0 5px;
}
.arrowBtn>i {
font-weight: bold;
margin: 0 !important;
}
.arrowBtn>img {
width: 18px;
}
.icoBtn>img {
width: 18px;
margin-right: 10px;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.roundBtn {
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.blockBtn {
width: 100%;
}
.blockBtn em {
flex: 1;
text-align: left;
}
.webBtn i {
font-size: 140%;
margin-right: 10px;
}
.webBtn.smBtn i {
font-size: 120%;
}
.webBtn i.fi-arrow-right {
font-weight: bold;
margin-left: 10px;
margin-right: 0;
}
.webBtn i.fi-arrow-left {
font-weight: bold;
margin-left: 0;
margin-right: 10px;
}
/*_____ webBtn spinner _____*/
.webBtn .spinner {
width: auto;
height: auto;
background: inherit;
border-radius: inherit;
overflow: hidden;
}
.webBtn .spinner~i {
visibility: hidden;
}
.webBtn .spinner,
.webBtn .spinner:before,
.webBtn .spinner:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.webBtn .spinner:before,
.webBtn .spinner:after {
content: "";
width: 18px;
height: 18px;
border: 3px solid;
animation: spinner 0.5s linear infinite;
border-radius: 75%;
-webkit-animation: spinner 0.5s linear infinite;
}
.webBtn .spinner:before {
border-right-color: transparent;
border-bottom-color: transparent;
}
.webBtn .spinner:after {
border-top-color: transparent;
border-left-color: transparent;
opacity: 0.5;
}
.webBtn.smBtn .spinner:before,
.webBtn.smBtn .spinner:after {
width: 14px;
height: 14px;
}
.webBtn.lgBtn .spinner:before,
.webBtn.lgBtn .spinner:after {
width: 20px;
height: 20px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
}
}
*[disabled] {
cursor: not-allowed !important;
}
a[disabled],
button[disabled] {
opacity: 0.8;
}
.learnBtn {
background: transparent;
color: #409df1;
font-family: "Inter SemiBold";
padding: 0;
text-transform: capitalize;
border: 0;
}
.learnBtn i {
position: relative;
top: 3px;
font-weight: bold;
margin-left: 5px;
/*transform: scale(-1);
*/
transition: padding ease 0.5s;
-webkit-transition: padding ease 0.5s;
-moz-transition: padding ease 0.5s;
-ms-transition: padding ease 0.5s;
-o-transition: padding ease 0.5s;
}
.learnBtn:hover i {
padding-left: 10px;
}
/*
|----------------------------------------------------------------------
| Body Inner Css
|----------------------------------------------------------------------
*/
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
img {
width: 100%;
display: block;
}
em {
font-style: normal;
}
strong {
font-family: "Inter SemiBold";
font-weight: normal;
color: #3dac9f;
}
input,
button,
select,
textarea {
text-decoration: none !important;
outline: none !important;
}
.ease,
body a,
body button,
body .webBtn {
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.contain,
.contain-fluid {
position: relative;
max-width: 1200px;
padding: 0 15px;
margin: auto;
min-height: 1px;
z-index: 3;
}
.contain-fluid {
max-width: 1600px;
}
.contain:before,
.contain:after,
.contain-fluid:before,
.contain-fluid:after {
content: "";
display: table;
}
.contain:after,
.contain-fluid:after {
clear: both;
}
section {
position: relative;
padding: 5rem 0;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.formRow {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.formRow>[class*="col-"],
.formRow>[class^="col-"] {
padding: 10px;
}
.flexBox {
display: flex;
align-items: center;
justify-content: center;
}
.flexDv {
width: 100%;
}
.flexRow {
margin: -10px;
}
.flexRow>.col {
padding: 10px;
}
.bTn {
display: flex;
flex-flow: wrap;
gap: 5px;
}
.bTn.formBtn {
margin-top: 20px;
}
.text-left.bTn,
.text-left .bTn {
justify-content: flex-start;
}
.text-center.bTn,
.text-center .bTn {
justify-content: center;
}
.text-right.bTn,
.text-right .bTn {
justify-content: flex-end;
}
/*_____ upperlay _____*/
.upperlay {
position: fixed;
top: 0;
left: 280px;
right: 0;
bottom: 0;
background: rgb(10 33 48 / 0.9);
opacity: 0;
visibility: hidden;
backdrop-filter: blur(5px);
transition: all ease 0.5s;
z-index: 100;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.upperlay.active {
opacity: 1;
visibility: visible;
}
/*
|----------------------------------------------------------------------
| Popup
|----------------------------------------------------------------------
*/
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(25, 33, 37, 0.95);
padding: 20px 0;
overflow: auto;
z-index: 101;
}
.popup ._inner {
position: relative;
max-width: 600px;
/*background: #f7f8f9;
*/
background: #fff;
padding: 20px;
margin: auto;
border-radius: 10px;
box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1),
0 3px 6px 0 rgba(0, 0, 0, 0.07);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.popup.big-popup ._inner {
max-width: 800px;
}
.popup.small-popup ._inner {
max-width: 420px;
}
.popup ._inner h3 {
padding-right: 25px;
margin-bottom: 20px;
}
.popup ._inner h4 {
padding-right: 25px;
margin-bottom: 15px;
}
.popBtn {
cursor: pointer;
}
.crosBtn {
position: absolute;
top: 5px;
display: flex;
align-items: center;
justify-content: center;
right: 5px;
width: 28px;
height: 28px;
color: #8b9593;
font-size: 18px;
text-align: center;
cursor: pointer;
z-index: 5;
}
.crosBtn:before {
content: "\2715";
line-height: 1;
}
.popup .list>li {
display: flex;
margin-bottom: 10px;
}
.popup .list>li>div:nth-child(1) {
width: 120px;
min-width: 120px;
font-family: "Inter Bold";
margin-right: 10px;
}
.popup .list>li>div:nth-child(2) {
width: 100%;
}
.popup .blockLst {
margin: -15px;
}
/*
|----------------------------------------------------------------------
| Dropdown
|----------------------------------------------------------------------
*/
.dropBtn {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.dropBtn>i.chevron {
display: inline-block;
width: 10px;
min-width: 10px;
height: 10px;
background-image: var(--chevron);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 0;
margin-left: 5px;
transition: inherit;
}
.dropDown {
position: relative;
z-index: 1;
}
.dropCnt {
position: absolute;
top: 100%;
right: 0;
min-width: 260px;
max-width: 260px;
background: #fff;
margin-top: 10px;
visibility: hidden;
opacity: 0;
/*border: 1px solid #eee;
*/
border-radius: 7px;
box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
transition: all ease 0.5s;
overflow: hidden;
display: block;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.dropCnt.right {
left: initial;
right: 0;
}
.dropCnt.active {
margin-top: 0;
visibility: visible;
opacity: 1;
}
.dropLst {
/* border: 1px solid #eee; */
padding: 6px 0;
/* border-radius: 7px; */
}
.dropLst>li,
.dropLst>li>* {
display: block;
}
.dropLst>li:nth-child(1)>* {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.dropLst>li:nth-last-child(1)>* {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.dropLst>li:not(:nth-last-child(1)) {
border-bottom: 1px solid #eee;
}
.dropLst>li>* {
display: flex;
align-items: center;
width: 100%;
background: #fff;
/* color: #fff; */
text-align: left;
/* padding: 6px 15px; */
border: 0;
}
.dropLst>li {
padding: 0px 10px !important;
}
/* .dropLst > li > *:hover {
background: #fafafa;
} */
.dropLst>li>*>i {
margin-right: 6px;
}
.dropLst>li a {
justify-content: flex-start;
text-align: left !important;
}
/*_____ more _____*/
.more {
position: relative;
width: 20px;
min-width: 20px;
height: 20px;
/* padding-bottom: 10px; */
margin: 0 auto;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all ease 0.5s;
}
.more>span,
.more>span:before,
.more>span:after {
width: 4px;
height: 4px;
border-radius: 75%;
background: #aaa;
transition: all ease 0.5s;
z-index: 2;
}
.more>span:before,
.more>span:after {
position: absolute;
content: "";
}
.more>span:before {
left: 0;
}
.more>span:after {
right: 0;
}
.more:hover>span,
.more:hover>span:before,
.more:hover>span:after {
background: #fff;
}
/*
|----------------------------------------------------------------------
| Page Loader
|----------------------------------------------------------------------
*/
#pageloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #f5f6f8;
z-index: 999999;
}
.loader {
width: 40px;
height: 40px;
border: 4px solid #409df1;
border-right: 4px solid #f0f5f9;
border-radius: 75%;
animation: spin 0.5s linear infinite;
-webkit-animation: spin 0.5s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
}
}
/*
|----------------------------------------------------------------------
| Ico Css
|----------------------------------------------------------------------
*/
.ico,
.icon {
position: relative;
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
text-align: center;
}
.ico {
background: #fff;
border-radius: 75%;
box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
-webkit-border-radius: 75%;
-moz-border-radius: 75%;
-ms-border-radius: 75%;
-o-border-radius: 75%;
}
.ico a,
.icon a {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
}
.ico img,
.icon img {
width: 100%;
height: 100%;
object-position: center;
}
.ico img {
object-fit: cover;
border-radius: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
}
.icon img {
object-fit: contain;
}
.ico>i.status {
position: absolute;
top: 0;
right: -4px;
display: block;
width: 12px;
height: 12px;
/*background: #43b753;
*/
background: #409df1;
border: 2px solid #fff;
border-radius: 75%;
-webkit-border-radius: 75%;
-moz-border-radius: 75%;
-ms-border-radius: 75%;
-o-border-radius: 75%;
}
.ico>i.status.active {
background: #43b753;
/* background: #409df1; */
}
.ico>i.status.away {
background: #ffcb00;
}
.ico>i.status.busy {
background: #5883ff;
}
.ico>i.status.offline {
background: #ff5465;
}
.ico>.loading {
position: absolute;
left: 0;
right: 0;
bottom: 0;
/* width: 50%; */
min-width: 100%;
height: 3px;
background: #eee;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
overflow: hidden;
}
.ico>.loading:before {
content: "";
width: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #409df1;
}
/*
|----------------------------------------------------------------------
| RateYo
|----------------------------------------------------------------------
*/
.jq-ry-container {
position: relative;
display: block;
cursor: pointer;
box-sizing: content-box;
line-height: 0;
direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
cursor: default;
}
.jq-ry-container>.jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
position: relative;
line-height: 0;
white-space: nowrap;
z-index: 1;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
display: inline-block;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
width: 100%;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
position: absolute;
top: 0;
left: 0;
width: 0;
overflow: hidden;
z-index: 3;
}
/* edditor */
/*
|----------------------------------------------------------------------
| Editor
|----------------------------------------------------------------------
*/
.ckEditor {
/* Font */
/* Emoji fonts are added to visualise them nicely in Internet Explorer. */
font-family: "Inter Regular", sans-serif, Arial, Verdana, "Trebuchet MS",
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
/* Text color */
color: #333;
}
.ckEditor .cke_editable {
font-size: 13px;
line-height: 1.6;
/* Fix for missing scrollbars with RTL texts. (#10488) */
word-wrap: break-word;
}
.ckEditor blockquote {
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;
border-style: solid;
border-color: #ccc;
border-width: 0;
}
.ckEditor .cke_contents_ltr blockquote {
padding-left: 20px;
padding-right: 8px;
border-left-width: 5px;
}
.ckEditor .cke_contents_rtl blockquote {
padding-left: 8px;
padding-right: 20px;
border-right-width: 5px;
}
.ckEditor a {
display: inline;
color: #0782c1;
}
.ckEditor ol,
.ckEditor ul,
.ckEditor dl {
/* IE7: reset rtl list margin. (#7334) */
*margin-right: 0px;
/* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
padding: 0 40px;
}
.ckEditor ul,
.ckEditor ol {
padding: 0;
padding-left: 20px;
margin: 0 0 10px;
list-style-position: inside;
}
.ckEditor ul>li,
.ckEditor ol>li {
display: list-item;
margin-bottom: 5px;
}
.ckEditor ul>li ul,
.ckEditor ol>li ol {
margin: 5px 0 7px;
}
.ckEditor h1,
.ckEditor h2,
.ckEditor h3,
.ckEditor h4,
.ckEditor h5,
.ckEditor h6 {
font-weight: normal;
line-height: 1.2;
}
.ckEditor hr {
border: 0px;
border-top: 1px solid #ccc;
}
.ckEditor img.right {
border: 1px solid #ccc;
float: right;
margin-left: 15px;
padding: 5px;
}
.ckEditor img.left {
border: 1px solid #ccc;
float: left;
margin-right: 15px;
padding: 5px;
}
.ckEditor pre {
white-space: pre-wrap;
/* CSS 2.1 */
word-wrap: break-word;
/* IE7 */
-moz-tab-size: 4;
tab-size: 4;
}
.ckEditor .marker {
background-color: Yellow;
}
.ckEditor span[lang] {
font-style: italic;
}
.ckEditor figure {
text-align: center;
outline: solid 1px #ccc;
background: rgba(0, 0, 0, 0.05);
padding: 10px;
margin: 10px 20px;
display: inline-block;
}
.ckEditor figure>figcaption {
text-align: center;
display: block;
/* For IE8 */
}
.ckEditor a>img {
padding: 1px;
margin: 1px;
border: none;
outline: 1px solid #0782c1;
}
/* Widget Styles */
.ckEditor .code-featured {
border: 5px solid red;
}
.ckEditor .math-featured {
padding: 20px;
box-shadow: 0 0 2px rgba(200, 0, 0, 1);
background-color: rgba(255, 0, 0, 0.05);
margin: 10px;
}
.ckEditor .image-clean {
border: 0;
background: none;
padding: 0;
}
.ckEditor .image-clean>figcaption {
font-size: 0.9em;
text-align: right;
}
.ckEditor .image-grayscale {
background-color: white;
color: #666;
}
.ckEditor .image-grayscale img,
.ckEditor img.image-grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.ckEditor .embed-240p {
max-width: 426px;
max-height: 240px;
margin: 0 auto;
}
.ckEditor .embed-360p {
max-width: 640px;
max-height: 360px;
margin: 0 auto;
}
.ckEditor .embed-480p {
max-width: 854px;
max-height: 480px;
margin: 0 auto;
}
.ckEditor .embed-720p {
max-width: 1280px;
max-height: 720px;
margin: 0 auto;
}
.ckEditor .embed-1080p {
max-width: 1920px;
max-height: 1080px;
margin: 0 auto;
}
.ckEditor i,
.ckEditor em {
font-style: italic;
}
.ckEditor b,
.ckEditor strong {
font-weight: bold;
}
.ckEditor u {
text-decoration: underline;
}
.ckEditor span {
display: initial;
text-decoration: inherit;
}
/* |----------------------------------------------------------------------
| Header
|----------------------------------------------------------------------
*/
#lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 88px;
margin-left: 20px;
/* border-left: 1px solid #464646; */
position: absolute;
right: 26px;
top: -33px;
}
#lang .dropBtn:before {
content: '\f107';
position: absolute;
top: 50%;
right: 0;
display: block;
color: #fff;
font-size: 14px;
font-family: 'FontAwesome';
font-weight: bold;
line-height: 1;
margin-top: -5px;
}
#lang .dropBtn .ico {
margin-right: 24px;
width: 20px;
min-width: 20px;
height: 20px;
}
#lang .dropBtn img {
width: 20px;
min-width: 20px;
height: 20px;
}
#lang .dropCnt {
top: 100%;
left: initial;
right: -7px;
background: #1d2433;
min-width: 165px;
border: 1px solid #464646;
border-top: 0;
}
#lang .dropCnt>li {
display: block;
border-top: 1px solid #464646;
}
#lang .dropCnt>li a {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 14px;
font-family: "Inter Regular";
padding: 10px 20px;
}
#lang .dropCnt>li span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#lang .dropCnt>li .ico {
margin-left: 16px;
}
#lang .dropCnt>li a:hover,
#lang .dropCnt>li.active a {
background: #444d639c;
}
#lang img {
width: 20px;
min-width: 20px;
height: 20px;
}
#lang .ico {
width: 20px;
min-width: 20px;
height: 20px;
}
.topNav {
padding: 5px 0px;
background: #1d2433;
position: relative;
z-index: 10;
}
.topNav .colL {
width: 60%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.topNav .colL a {
color: #fff;
display: flex;
font-size: 14px;
}
.topNav .colL a .img {
margin-right: 10px;
width: 16px;
align-self: center;
}
.topNav .colL a .img img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.topNav .colL a {
margin-right: 50px;
}
.topNav .colR {
width: 40%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.topNav .social li a {
font-size: 17px;
width: 30px;
height: 30px;
border: 1px solid #fff;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 7px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
color: #fff;
}
header {
position: absolute;
top: 0;
left: 0;
right: 0;
/* height: 70px; */
background: #ffffff;
box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
z-index: 30;
}
.logo {
width: 266px;
/* margin: -37px auto 0px; */
/* border-radius: 50%; */
height: 70px;
z-index: 1;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.logo>a {
display: block;
/* height: 100%; */
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
}
.logo>a>img {
display: block;
width: auto;
/* height: 100%; */
max-width: 100%;
object-fit: contain;
object-position: left center;
transition: inherit;
}
nav {
display: flex;
align-items: center;
height: 70px;
justify-content: center;
gap: 400px;
position: absolute;
top: 0;
/* left: 0; */
right: 0;
}
#cta {
position: absolute;
right: 13px;
top: 30px;
}
nav ul {
display: flex;
align-items: center;
}
nav ul:first-child {
justify-content: flex-end;
}
nav ul>li {
position: relative;
padding: 0 20px;
color: #fff;
}
nav ul>li:not(.btnLi)>a {
display: flex;
align-items: center;
justify-content: center;
height: 42px;
color: #131313;
font-size: 17px;
text-align: center;
/* text-transform: uppercase; */
position: relative;
}
nav>ul li>.active {
color: #3dac9f !important;
transition: all ease 05;
-webkit-transition: all ease 05;
-moz-transition: all ease 05;
-ms-transition: all ease 05;
-o-transition: all ease 05;
}
nav ul>li:not(.btnLi)>a:hover {
color: #3dac9f;
}
nav ul>li:not(.btnLi)>a i {
margin-right: 10px;
font-size: 20px;
}
nav ul>li.drop>a {
position: relative;
}
nav ul>li.drop>a:after {
content: '\e93d';
font-size: 12px;
font-family: 'font-icon';
font-weight: bold;
margin-left: 6px;
line-height: 1;
}
.hide-big {
display: none;
}
nav ul>li>.sub {
position: absolute;
top: 100%;
left: 15px;
width: 240px;
background: #fff;
text-align: left;
margin-top: 10px;
visibility: hidden;
opacity: 0;
border-radius: 7px;
border: 1px solid rgb(0 0 0 / 3%);
transition: none;
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
overflow: hidden;
}
nav ul>li:hover>.sub {
visibility: visible;
opacity: 1;
margin-top: 0;
transition: all 0.2s ease-out;
}
nav ul>li>.sub>li,
nav ul>li>.sub>li>a {
display: block;
}
nav ul>li>.sub>li>a {
background: #fff;
font-size: 13px;
padding: 10px 15px;
border-bottom: 1px solid #f7f7f7;
}
nav ul>li>.sub>li>a:hover {
color: #409df1;
}
nav #cta {
margin-left: 40px;
}
.nav-item .dropdown-menu {
position: absolute;
top: 100%;
left: 15px;
opacity: 0;
width: 200px;
visibility: hidden;
z-index: 99;
display: block;
padding: 0;
background-color: #fff;
border: none;
border-radius: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.nav-item .dropdown-menu li {
width: 100%;
padding: 0;
}
.nav-item .dropdown-menu li a {
text-align: left;
font-size: 16px;
color: #131313;
position: relative;
padding: 10px 15px;
border-bottom: 1px dashed #eee;
margin-left: 0;
margin-right: 0;
text-transform: capitalize;
display: block;
}
.nav-item .dropdown-menu li a:hover {
color: #3dac9f;
}
header .nav-item a i {
font-size: 12px !important;
margin-left: 9px;
}
header nav ul .nav-item:hover .dropdown-menu {
visibility: visible;
opacity: 1;
}
header nav ul .nav-item .dropdown-menu.active {
visibility: visible;
opacity: 1;
}
/* ======================banner================= */
.banner {
background-image: url(../images/banner-1.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 550px;
position: relative;
}
.banner::before {
position: absolute;
left: 0;
top: 0;
right: 0;
background: #000;
opacity: 0.4;
content: '';
height: 100%;
width: 100%;
}
.banner .contain {
width: 100%;
}
.banner .content {
width: 67%;
margin: 0 auto;
text-align: center;
margin-top: 10%;
}
.sec-heading h5 {
position: relative;
color: #F0A237;
margin-left: 25px;
text-transform: uppercase;
letter-spacing: 2px;
}
.sec-head h1 {
color: #fff;
line-height: 45px;
letter-spacing: 0px;
font-size: 40px;
}
.banner .col1 {
width: 60%;
padding: 79px 0px 123px 0px;
}
.banner .sec-cntnt {
color: #fff;
}
.banner .rs-form {
display: none;
width: 77%;
margin: 34px auto;
background: #fff;
padding: 15px;
border-radius: 6px;
}
.banner .txtGrp {
height: 47px;
}
.banner .cta {
margin-top: 20px;
}
.item--title {
padding-left: 35px;
position: relative;
text-transform: uppercase;
margin-bottom: 17px;
color: #3dac9f;
}
.dot-shape {
width: 39px;
height: 39px;
position: absolute;
top: 0px;
left: 0;
}
.item--title i {
color: #3dac9f;
font-style: normal;
font-weight: 300;
}
.dot-shape i {
height: 5px;
width: 5px;
background-color: #000;
position: absolute;
top: 0;
left: 0;
}
.dot-shape i:nth-child(2) {
background-color: #3dac9f !important;
left: 9px;
}
.dot-shape i:nth-child(3) {
left: 19px;
}
.dot-shape i:nth-child(4) {
top: 9px;
left: 9px;
}
.dot-shape i:nth-child(5) {
top: 9px;
left: 19px;
}
.dot-shape i:nth-child(6) {
background-color: #3dac9f !important;
top: 18px;
left: 19px;
}
.banner .subtitle {
color: #fff;
}
.banner .subtitle .line-one, .sec_property .subtitle .line-one {
background: #fff;
}
.banner .subtitle .line-two, .sec_property .subtitle .line-two {
background: #fff;
}
.banner .subtitle .line-three, .sec_property .subtitle .line-three {
background: #fff;
}
.banner .subtitle .line-four, .sec_property .subtitle .line-four {
background: #fff;
}
.banner .subtitle .line-one::before, .sec_property .subtitle .line-one::before {
background: #fff;
}
.banner .subtitle .line-two::before, .sec_property .subtitle .line-two::before {
background: #fff;
}
.banner .subtitle .line-three::before, .sec_property .subtitle .line-three::before {
background: #fff;
}
.banner .subtitle .line-four::before, .sec_property .subtitle .line-four::before {
background: #fff;
}
/* =======sec_sol======== */
#sec_sol .flex:nth-child(even) {
flex-direction: row-reverse;
margin-top: 50px;
}
#sec_sol .col {
flex: unset;
width: 50%;
}
#sec_sol .col2 .image {
position: relative;
padding-bottom: 71%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
#sec_sol .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
outline: 1px solid #FFF;
outline-offset: -20px;
}
#sec_sol .col1 {
align-self: center;
padding-right: 50px;
}
#sec_sol .flex:nth-child(even) .col1 {
align-self: center;
padding-left: 50px;
padding-right: 0;
}
#sec_sol ul {
margin-bottom: 25px;
}
#sec_sol ul li {
display: block;
margin: 7px 0px;
position: relative;
padding-left: 25px;
}
#sec_sol ul li:before {
position: absolute;
content: "\f192";
top: -3px;
left: 0px;
font-family: "FontAwesome";
font-size: 18px;
color: #3dac9f;
}
/* ======sec_services===== */
.sec_services {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.sec_services .col {
width: calc(100%/4);
flex: unset;
padding: 10px;
}
.sec_services .col .inner {
background: #fff;
padding: 15px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
position: relative;
}
.sec_services .col .inner .image {
position: relative;
width: 80px;
height: 80px;
background: #3dac9f;
padding: 10px;
border-radius: 16px;
z-index: 5;
margin: 0 auto;
margin-bottom: 43px;
margin-top: 33px;
}
.sec_services .col .inner::before {
content: "";
position: absolute;
top: 23%;
left: 50%;
width: 136px;
height: 136px;
background-image: url(../images/icon-round-bg.png);
background-position: center;
background-repeat: no-repeat;
transition: 0.4s ease-in-out;
margin-top: -68px;
margin-left: -68px;
}
.sec_services .col .inner .image img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.sec_services .cta {
padding-top: 20px;
}
.sec_services .cta a {
color: #3dac9f;
font-family: 'Inter SemiBold';
font-size: 15px;
}
.sec_services .cta a i {
padding-right: 5px;
}
.sec_services .inner .content {
position: relative;
border-bottom: 1px solid #3dac9f;
padding-bottom: 11px;
}
.sec_services .inner .content::after {
content: "";
position: absolute;
left: 47%;
bottom: -9px;
border-top: 7px solid #3dac9f;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.sec_services .sec_heading {
text-align: center;
}
.subtitle {
font-size: 18px;
font-weight: 400;
line-height: 1.53;
text-transform: capitalize;
position: relative;
display: inline-block;
z-index: 0;
margin-bottom: 8px;
color: #3dac9f;
}
.subtitle span {
font-size: 20px;
font-weight: 600;
color: #3dac9f;
}
.subtitle .line-one {
width: 70px;
height: 1px;
display: block;
background: #3dac9f;
position: absolute;
right: -85px;
top: 8px;
-webkit-animation: widthleft 0.8s linear;
animation: widthleft 0.8s linear;
}
.subtitle .line-one::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
height: 7px;
border-radius: 50%;
background: #3dac9f;
}
@keyframes widthleft {
0% {
width: 0px;
}
100% {
width: 70px;
}
}
.subtitle .line-two {
width: 46px;
height: 1px;
display: block;
background: #3dac9f;
position: absolute;
right: -86px;
top: 18px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-animation: widthRight 0.8s linear;
animation: widthRight 0.8s linear;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@keyframes widthRight {
0% {
-webkit-transform-origin: 0;
transform-origin: 0;
}
100% {
-webkit-transform-origin: 1;
transform-origin: 1;
}
}
.subtitle .line-two::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
height: 7px;
border-radius: 50%;
background: #3dac9f;
}
.subtitle .line-three {
width: 46px;
height: 1px;
display: block;
background: #3dac9f;
position: absolute;
left: -62px;
top: 8px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-animation: widthRight 0.8s linear;
animation: widthRight 0.8s linear;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.subtitle .line-four {
width: 70px;
height: 1px;
display: block;
background: #3dac9f;
position: absolute;
left: -85px;
top: 18px;
-webkit-animation: widthleft 0.8s linear;
animation: widthleft 0.8s linear;
}
.subtitle .line-three::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
height: 7px;
border-radius: 50%;
background: #3dac9f;
}
.subtitle .line-four::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
height: 7px;
border-radius: 50%;
background: #3dac9f;
}
/* =======sec_property========= */
.sec_property .sec_heading {
text-align: center;
color: #fff;
}
.sec_property .subtitle {
color: #fff;
}
.sec_property .inner {
border-radius: 6px;
background-color: #fff;
padding: 14px;
position: relative;
margin-top: 30px;
}
.sec_property .inner .image {
position: relative;
padding-bottom: 66%;
}
.sec_property .inner .image:before {
right: 0;
opacity: 1;
top: 0;
}
.sec_property .inner .image::before, .sec_property .col .inner .image::after {
content: "";
background: #fff;
height: 0;
width: 0;
z-index: 1;
position: absolute;
transition-duration: 1.3s !important;
z-index: 3;
}
.sec_property .inner .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sec_property .inner .image::after {
bottom: 0;
opacity: .7;
left: 0;
}
.sec_property svg {
width: calc(207% + 1.3px);
height: 185px;
display: block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.sec_property .elementor-shape-fill {
fill: #fff;
transform-origin: center;
transform: rotateY(0deg);
}
.sec_property {
padding-top: 0 !important;
background: #1e2534;
}
.product-type {
position: absolute;
top: 32px;
left: 30px;
z-index: 2;
text-transform: capitalize;
}
.product-type::before, .product-type::after {
content: "";
position: absolute;
width: 51px;
height: 40px;
left: 50%;
margin-left: -27.5px;
}
.product-type::before {
top: -33px;
z-index: 10;
background-color: #3dac9f;
-webkit-mask: url(../images/listing-label.svg);
mask: url(../images/listing-label.svg);
}
.product-type span {
font-size: 14px;
color: #fff;
padding: 7px 15px;
border-radius: 3px;
display: inline-block;
line-height: 1;
margin-right: 4px;
white-space: nowrap;
border: 1px solid #3dac9f;
font-weight: 500;
background: #3dac9f;
}
.product-type::after {
z-index: 11;
background-image: url(../images/listing-label-wheel.svg);
background-repeat: no-repeat;
top: -2px;
background-position: center top;
}
.sec_property .inner:hover .image::before {
height: 100%;
width: 100%;
opacity: 0;
}
.sec_property .inner:hover .image:after {
height: 100%;
width: 100%;
opacity: 0;
}
.sec_property .content {
padding-top: 30px;
}
.sec_property .location {
display: flex;
align-items: center;
color: #a0abb8;
font-size: 13px;
}
.sec_property .location .pic {
width: 4%;
margin-right: 10px;
}
.sec_property .price {
margin: 6px 0;
font-size: 28px;
}
.sec_property .listing {
display: flex;
align-items: center;
}
.sec_property .listing li {
display: flex;
align-items: center;
padding-right: 10px;
justify-content: center;
}
.sec_property .listing li .ico {
width: 39px;
/* height: 67px; */
margin-right: 10px;
background: aliceblue;
box-shadow: none;
padding: 7px;
}
.sec_property .detail {
border-bottom: 1px solid #eee;
padding-bottom: 21px;
margin-bottom: 14px;
}
.owl-dots {
justify-content: center;
margin-top: 47px;
margin-bottom: -25px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
.owl-carousel .owl-dots>button {
width: 10px;
height: 10px;
background-color: #fff;
margin-right: 5px;
border-radius: 75%;
text-align: center;
padding-bottom: 15px;
-webkit-border-radius: 75%;
-moz-border-radius: 75%;
-ms-border-radius: 75%;
-o-border-radius: 75%;
z-index: 99;
}
.owl-carousel .owl-dots>button.active {
background-color: #3dac9f;
}
/* =======sec_cta======== */
.sec_cta {
background: aliceblue;
padding: 2rem 0;
}
.sec_cta .col {
width: 50%;
flex: unset;
}
.sec_cta .col1 {
position: relative;
}
.sec_cta .shape-1 {
position: absolute;
bottom: 0;
left: 0;
width: 16%;
opacity: 0.3;
transform: scaleX(-1);
}
.sec_cta .shape-2 {
position: absolute;
bottom: 0;
right: 0;
width: 21%;
opacity: 0.3;
}
.sec_cta .col2 {
display: flex;
align-items: center;
justify-content: end;
}
/* ======== */
.vidBlk {
position: relative;
display: block;
background: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 66%;
max-width: 850px;
cursor: pointer;
border-radius: 7px;
/* -webkit-box-shadow: 0 5px 20px rgb(18 15 56 / 7%); */
-webkit-border-radius: 9px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}
.videoBtn {
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: 82%;
/* left: 0px; */
right: 34px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 75px;
width: 75px;
margin: -20px auto 0px;
background-image: -webkit-linear-gradient(0deg, #3dac9f 0%, rgb(61 172 159) 100%);
color: #fff;
font-size: 24px;
border: 2px solid #3dac9f;
border-radius: 75%;
line-height: 1;
cursor: pointer;
-webkit-transition: all linear 0.5s;
-o-transition: all linear 0.5s;
transition: all linear 0.5s;
z-index: 7;
}
.videoBtn::after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 20px;
height: 70px;
width: 70px;
border-radius: 50%;
animation: ripple-wave 1s linear infinite;
animation-play-state: running;
opacity: 1;
visibility: visible;
transform: scale(1);
}
@keyframes ripple-wave {
from {
box-shadow: 0 0 rgb(0 194 255/10%), 0 0 0 15px rgb(0 194 255/10%), 0 0 0 30px rgb(0 194 255/10%);
}
to {
box-shadow: 0 0 0 15px rgba(0 194 255, 0.1), 0 0 0 30px rgba(0 194 255, 0.1), 0 0 0 45px rgba(0 194 255, 0.02);
}
}
.sec_choose .col {
flex: unset;
width: calc(100%/2);
}
.sec_choose .col1 {
position: relative;
padding-right: 40px;
align-self: center;
}
.sec_choose .col2 {
align-self: center;
}
.sec_choose .col1::after {
content: '';
width: 210px;
height: 210px;
border-radius: 210px;
background-color: #fff;
position: absolute;
bottom: -71px;
right: 0px;
z-index: 1;
}
/* =======testimonials==== */
#testimonials .sec_heading {
text-align: center;
margin-bottom: 30px;
}
#testimonials .inner {
border: 1px solid #3daca5;
padding: 20px;
text-align: center;
transform: scale(0.9);
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
margin: 4px;
}
#testimonials .content {
padding: 20px 17px;
}
#testimonials .center .inner {
-webkit-transform: scale(1);
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
#testimonials .quote {
width: 40px;
transform: rotate(179deg);
-webkit-transform: rotate(179deg);
-moz-transform: rotate(179deg);
-ms-transform: rotate(179deg);
-o-transform: rotate(179deg);
}
#testimonials .quote-2 {
width: 40px;
margin-left: auto;
}
#testimonials .name {
padding-bottom: 30px;
}
#testimonials .name h5 {
color: #3daca5;
margin-bottom: 0;
}
#testimonials .name p {
font-family: "Inter SemiBold";
font-size: 14px;
}
#testimonials .owl-dots {
justify-content: center;
margin-top: 20px;
margin-bottom: 0px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
#testimonials .owl-carousel .owl-dots>button {
width: 10px;
height: 10px;
background-color: #000;
margin-right: 5px;
border-radius: 75%;
text-align: center;
padding-bottom: 15px;
-webkit-border-radius: 75%;
-moz-border-radius: 75%;
-ms-border-radius: 75%;
-o-border-radius: 75%;
z-index: 99;
}
#testimonials .owl-carousel .owl-dots>button.active {
background-color: #3daca5;
}
/* |----------------------------------------------------------------------
| Footer
|---------------------------------------------------------------------- */
.txtBox {
display: block;
width: 100%;
height: 46px;
background: #fefefe;
text-align: left;
padding: 6px 12px;
border: 1px solid #eee;
border-radius: 6px;
outline: none !important;
transition: all ease 0.5s;
}
footer {
position: relative;
background: #202735;
color: #fff;
font-family: "Inter Light";
padding-top: 80px;
overflow: hidden;
font-size: 15px;
}
footer .flexRow {
flex-flow: nowrap;
margin: -25px -15px;
}
footer .flexRow>.col {
flex: 1;
padding: 25px 10px;
}
footer .flexRow>.col:nth-last-child(1),
footer .flexRow>.col:nth-child(3),
footer .flexRow>.col:first-child {
min-width: 300px;
flex: 1.5;
}
footer .flexRow>.col.flex {
align-items: flex-start;
justify-content: flex-end;
}
footer h5 {
position: relative;
font-family: "Inter Regular";
margin-bottom: 30px;
padding-bottom: 10px;
color: #fff;
font-size: 17px;
}
footer h5:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: #ffffff;
}
footer .lst>li {
display: block;
margin-bottom: 10px;
}
footer .lst>li:nth-last-child(1) {
margin-bottom: 0 !important;
}
footer a {
color: inherit;
font-size: 15px;
}
footer a:hover {
color: #ffffff;
}
footer .smLst {
margin: 0 -10px;
}
footer .smLst>li {
padding: 0 10px;
}
footer .infoLst>li {
display: flex;
margin-bottom: 20px;
}
footer .infoLst>li>img {
width: 16px;
min-width: 16px;
height: 16px;
margin-top: 2px;
margin-right: 10px;
/* filter: brightness(0) invert(1); */
}
footer form .txtGrp {
display: flex;
align-items: center;
color: #080a0f;
margin: 10px 0 30px;
}
footer form .txtBox {
padding-right: 46px;
}
footer form button {
position: absolute;
top: 0;
right: 16px;
bottom: 0;
background: transparent;
font-size: 16px;
padding: 0;
line-height: 0;
border: 0;
}
footer form>label {
font-size: 15px;
margin-bottom: 7px;
font-family: "Inter Regular";
}
footer .social {
margin: 30px -3px -3px;
}
footer .social>li {
padding: 3px;
}
footer .social>li>a {
display: flex !important;
align-items: center;
justify-content: center;
width: 38px;
min-width: 38px;
height: 38px;
background: #fff;
background: rgb(255 255 255 / 10%);
padding: 11px;
border-radius: 75%;
}
footer .social>li>a:hover {
background: #3dac9f;
}
footer .social>li>a>img {
filter: brightness(0) invert(1);
}
/*_____ Copyright _____*/
.copyright {
padding: 25px 0;
margin-top: 60px;
border-top: 1px solid rgb(255 255 255 / 7%);
z-index: 1;
}
.copyright .inner {
display: flex;
justify-content: center;
text-align: center;
}
.copyright .inner ul {
display: flex;
gap: 40px;
}
.copyright p {
flex: 1;
margin: 0;
}
.copyright p>a {
color: #3dac9f;
}
.copyright p>a:hover {
color: #fff;
}
/*=========================== testimonials ===================*/
#testi-sec .sec-heading {
text-align: center;
width: 50%;
margin: 0 auto;
}
#testi-sec .inner {
position: relative;
background-color: #ffffff;
box-shadow: 0 3px 15px 0 rgb(0 0 0 / 9%);
padding: 30px;
border-top: 4px solid #1e2534;
display: flex;
border-radius: 5px;
margin: 5px;
transition: all ease 0.5s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
margin-top: 30px;
}
#testi-sec .inner .lower {
display: flex;
margin-top: 18px;
}
#testi-sec .inner .lower .name {
display: block;
}
#testi-sec .inner .lower-cntnt {
align-self: center;
padding-left: 20px;
}
#testi-sec .inner .image {
height: 70px;
width: 70px;
position: relative;
}
#testi-sec .inner .image img {
border-radius: 60px;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
}
#testi-sec .inner .name {
display: flex;
}
#testi-sec ul li .img {
width: 20px;
}
/* #testi-sec .owl-carousel .owl-stage-outer{
overflow: unset;
} */
#testi-sec .quote {
width: 30px;
margin-left: 70px;
position: absolute;
right: 26px;
bottom: 25px;
}
#testi-sec .owl-dots {
justify-content: center;
margin-top: 38px;
margin-bottom: 0px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
#testi-sec .owl-carousel .owl-dots>button {
width: 15px;
height: 4px;
background-color: #1e2534;
margin-right: 5px;
border-radius: 0;
text-align: center;
padding-bottom: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
z-index: 99;
}
#testi-sec .owl-carousel .owl-dots>button.active {
background-color: #3dac9f;
width: 25px;
}
#testi-sec .unorderList {
margin-bottom: 10px;
}
#testi-sec .name {
margin-top: 15px;
}
#testi-sec .lower-cntnt h5 {
margin-bottom: 0;
color: #1e2534;
}
#testi-sec .sec-content {
width: 50%;
text-align: center;
margin: 0 auto;
}
#testi-sec .cta {
margin-top: 24px;
}
/* =====sec_reproperty===== */
.sec_reproperty {
background: none;
padding-top: 5rem !important;
}
.sec_reproperty .col {
width: calc(100%/3);
flex: unset;
padding: 10px;
}
.sec_reproperty .col .inner {
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
padding: 12px;
}
.sec_reproperty .subtitle {
color: #3dac9f !important;
}
.sec_reproperty .subtitle .line-two {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-three {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-four {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-one {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-two::before {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-three::before {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-four::before {
background: #3dac9f !important;
}
.sec_reproperty .subtitle .line-one::before {
background: #3dac9f !important;
}
.sec_reproperty .sec_heading h2 {
color: #000;
}
/* ======sec_visa======== */
.sec_visa .col {
width: calc(100%/3);
padding: 10px;
flex: unset;
}
.sec_visa .col .image {
position: relative;
padding-bottom: 63%;
}
.sec_visa .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.sec_visa .col .inner {
position: relative;
}
.sec_visa .col .content {
background: #fff;
position: absolute;
bottom: -20%;
z-index: 11;
padding: 15px;
left: 0px;
border-radius: 0 10px 10px 10px;
display: flex;
align-items: center;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
width: 82%;
}
.sec_visa .col .icons {
width: 53px;
position: relative;
}
.sec_visa .col .content::before {
position: absolute;
content: '';
left: 0px;
top: 0px;
background: #3dac9f;
width: 82px;
height: 100%;
border-radius: 0 0 0px 10px;
}
.sec_visa .col .icons img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.sec_visa .col .content p {
padding-left: 36px;
}
/* =========== */
.sec_visa_two {
padding-top: 4rem !important;
}
.sec_visa_two .col {
width: calc(100%/2);
flex: unset;
}
.sec_visa_two .col1 {
padding-right: 30px;
align-self: center;
}
.sec_visa_two .col1 .image {
position: relative;
padding-bottom: 73%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.sec_visa_two .col1 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
outline: 1px solid #FFF;
outline-offset: -20px;
}
.sec_visa_two .col .img {
width: 70px;
height: 70px;
background: #1d2433;
border-radius: 100%;
padding: 11px;
}
.sec_visa_two .col ul li p {
margin-top: 11px;
width: 75%;
font-family: 'Inter Medium';
}
.sec_visa_two .col ul li img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.sec_visa_two .outer {
position: absolute;
top: 30px;
left: -30px;
width: 48%;
}
.sec_visa_two .outer img {
height: 450px;
object-fit: cover;
}
/* =======sec_visa_three======== */
.sec_visa_three {
padding-top: 0rem !important;
}
.sec_visa_three .col {
width: calc(100%/4);
flex: unset;
padding: 10px;
}
.sec_visa_three .col .inner {
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.sec_visa_three .sec_heading {
text-align: center;
margin-bottom: 30px;
}
.sec_visa_three .col .image {
position: relative;
padding-bottom: 104%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
overflow: hidden;
}
.sec_visa_three .col a {
width: 100%;
}
.sec_visa_three .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.sec_visa_three .col .image .text {
position: absolute;
z-index: 11;
bottom: 0;
color: #fff;
font-size: 24px;
left: 10px;
}
.sec_visa_three .col .image .text h6 {
font-size: 22px;
}
.sec_visa_three .col .image::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent 63%, #000 116%);
transition: all ease 0.5s;
z-index: 11;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.sec_visa_three .col .image .text-2 {
position: absolute;
z-index: 12;
color: #fff;
transform: translate(10px, 202px);
bottom: 0;
left: 0;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.sec_visa_three .col .inner:hover .text-2 {
transform: translate(10px, 0px);
-webkit-transform: translate(10px, 0px);
-moz-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px);
-o-transform: translate(10px, 0px);
}
.sec_visa_three .col .inner:hover .image::before {
background: linear-gradient(to bottom, transparent 0%, #000 100%);
}
.sec_visa_three .col .inner:hover .text {
display: none;
}
/* ======== */
#sec_service {
background: #1d243305;
}
#sec_service .col {
flex: unset;
width: calc(100%/2);
padding: 0 20px;
}
#sec_service .col .image {
position: relative;
padding-bottom: 53%;
}
#sec_service .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
#sec_service .sec_content {
width: 63%;
text-align: center;
margin: 0 auto;
}
#sec_service .sec_heading {
text-align: center;
}
#sec_service .col .inner {
background: #fff;
margin-top: 30px;
position: relative;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
}
#sec_service .col .image:before {
position: absolute;
content: '';
background: #202735;
width: 100%;
height: 20px;
left: 1px;
bottom: 0px;
z-index: 18;
clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
transition: all 500ms ease;
}
#sec_service .content {
padding: 25px 21px;
margin-top: 10px;
}
#sec_service .content h4 {
position: absolute;
/* margin-bottom: 4px; */
top: 257px;
z-index: 999;
background: #fff;
left: 0;
padding: 9px 19px;
}
#sec_service .content h4::before {
position: absolute;
content: '';
background: #3daca5;
height: 3px;
width: 77px;
left: 20px;
bottom: -8px;
}
#sec_service .cta a {
color: #3dac9f;
font-size: 15px;
font-family: 'Inter SemiBold';
}
#sec_service .cta a i {
font-size: 11px;
padding-left: 7px;
}
#sec_service .cta a:hover {
color: #3dac9f;
}
#sec_service ul li {
display: block;
margin: 7px 0px;
position: relative;
padding-left: 25px;
}
#sec_service ul li:before {
position: absolute;
content: '\f058';
top: -3px;
left: 0px;
font-family: 'FontAwesome';
font-size: 18px;
color: #3dac9f;
}
/* ======= */
#sec_job {
padding-bottom: 0;
}
#sec_job .sec_content {
width: 72%;
margin: 0 auto;
text-align: center;
}
.bg_shape:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 25%, 100% 5%, 0 80%, 0 100%);
background-color: #3dac9f1a;
}
#sec_job .job_outer {
width: 85%;
margin: 0 auto;
}
#sec_job .cta {
margin-top: 30px;
}
.job_outer .job_inner {
background: #fff;
border: 1.5px solid rgba(97, 49, 216, .07);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
box-shadow: 0 3px 15px 0 rgb(61 172 159 / 8%);
padding: 1rem;
position: relative;
}
.job_outer .job_inner:not(:last-child) {
margin-bottom: 2rem;
margin-top: 2rem;
}
.job_outer .job_inner .flex .img_icon {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
height: 6rem;
overflow: hidden;
width: 6rem;
}
.job_outer .job_inner .flex .img_icon img {
height: 100%;
object-fit: contain;
object-position: center;
width: 100%;
}
.job_outer .job_inner .flex .cntnt {
flex: 1 1;
margin-left: 1.7rem;
padding-right: 2rem;
}
.job_outer .job_inner .job_bdy {
margin-top: 12px;
}
.job_outer .job_inner .job_bdy p {
color: #000 !important;
font-size: 15px;
}
.job_outer .job_inner .flex .cntnt h5 {
font-size: 20px;
margin-bottom: 0.5rem;
}
.job_outer .job_inner .flex .cntnt p {
color: #3dac9f;
margin-bottom: 0.3rem;
}
.job_outer .job_inner .flex .cntnt .specific_info {
-webkit-box-orient: vertical;
align-items: center;
display: flex;
gap: 3.5rem;
margin-bottom: 0;
padding-left: 0;
}
.job_outer .job_inner .flex .cntnt .specific_info li {
align-self: center;
display: flex;
list-style-type: none;
}
.job_outer .job_inner .flex .cntnt .specific_info li img {
opacity: .7;
width: 1rem;
}
.job_outer .job_inner .flex .cntnt .specific_info li span {
align-self: center;
color: #061237;
flex: 1 1;
/* font-family: SemiBold; */
margin-left: 0.5rem;
opacity: .7;
}
.job_outer .job_inner .book_mark {
bottom: 0;
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
}
.job_outer .job_inner .cta {
display: flex;
justify-content: end;
}
.job_outer .job_inner .webBtn {
height: 34px;
width: 22px;
min-width: 116px;
}
/* ========sub_banner===== */
.sub_banner {
background-position: bottom !important;
background-repeat: no-repeat !important;
background-size: cover !important;
color: #fff;
height: 300px;
}
.sub_banner:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgb(0 0 0 / 43%);
}
.sub_banner .cntnt h1 {
margin-bottom: 6px;
color: #fff;
text-shadow: -3px -2px 3px #0000008f;
text-transform: uppercase;
}
/* .sub_banner {
background: #18ab993b;
padding-bottom: 1rem;
padding-top: 3rem;
} */
/*
.sub_banner .cntnt h1 {
margin-bottom: 0px;
color: #3dac9f;
font-size: 17px;
font-family: 'Inter Medium';
}
.sub_banner .cntnt h1 a:hover{
color: #3dac9f;
}
.sub_banner .cntnt{
width: 100%;
} */
.sub_banner .cntnt {
width: 60%;
margin: 0 auto;
text-align: center;
margin-top: 58px;
position: relative;
}
/* =============== */
#about_p .flex .col {
flex: unset;
width: calc(100%/2);
}
#about_p .flex .col1 {
padding-right: 30px;
}
#about_p .col2 {
padding-left: 30px;
align-self: center;
}
#about_p .image {
position: relative;
padding-bottom: 75%;
}
#about_p .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
#about_p .image::before {
content: '';
position: absolute;
top: 20px;
left: -10px;
right: -10px;
bottom: 15px;
transform: skew(-3deg);
background: #3dac9f;
-webkit-transform: skew(-3deg);
-moz-transform: skew(-3deg);
-ms-transform: skew(-3deg);
-o-transform: skew(-3deg);
}
/* ===============about_two ====== */
.about_two {
padding-top: 0 !important;
}
.about_two .flex .col {
flex: unset;
width: calc(100%/2);
}
.about_two .flex .col2 {
padding-left: 50px;
}
.about_two .col1 {
padding-left: 30px;
align-self: center;
}
.about_two .image {
position: relative;
padding-bottom: 75%;
}
.about_two .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.about_two .image::before {
content: '';
position: absolute;
top: 20px;
left: -10px;
right: -10px;
bottom: 15px;
transform: skew(-3deg);
background: #3dac9f;
-webkit-transform: skew(-3deg);
-moz-transform: skew(-3deg);
-ms-transform: skew(-3deg);
-o-transform: skew(-3deg);
}
/* ==================sec-faq========== */
#sec_faq .colr {
width: 80%;
margin: auto;
}
.sec-faq .inner .inside {
display: flex;
}
.sec-faq .inner .content {
padding: 10px 15px;
}
.colr {
width: 100%;
margin: auto;
}
.faqLst {
box-shadow: 0 3px 15px 0 rgb(0 0 0 / 13%);
padding: 30px;
}
.top {
margin-bottom: 17px;
}
.bottom {
margin-top: 25px;
}
.faqLst .faqBlk {
position: relative;
display: block;
/* background: #1d2433; */
/* padding: 6px 0; */
/* color: #fff; */
margin: 12px 0;
margin-bottom: 0px;
/* border-radius: 10px; */
/* box-shadow: 0 5px 20px rgb(18 15 56 / 7%); */
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
/* border-bottom: 1px solid #eee; */
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
/* -webkit-border-radius: 0px; */
border: 1px solid #3dac9f5e;
}
.faqLst>.faqBlk h5 {
margin-bottom: 0;
padding-left: 45px;
background: #1d2433;
padding: 12px;
color: #fff;
position: relative;
padding-left: 12px;
padding-right: 48px;
font-size: 15px;
}
.faqBlk h5 {
cursor: pointer;
}
.faqLst>.faqBlk h5::before {
content: "";
position: absolute;
background-image: url(../images/plus.png);
background-size: contain;
height: 19px;
width: 19px;
top: 13px;
right: 15px;
z-index: 1;
font-size: 72%;
}
.faqLst>.faqBlk .txt {
padding-top: 13px;
display: none;
}
.faqBlk p {
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 13px;
}
.faqLst>.active h5::before {
background-image: url(../images/minus-sign.png);
height: 20px;
width: 19px;
right: 15px;
z-index: 1;
top: 13px;
}
.faqLst>.faqBlk h5 .bg {
position: absolute;
width: 49px;
height: 42px;
content: '';
background: #1d2433;
top: 0px;
/* z-index: -1; */
right: 0px;
}
.faqLst .faqBlk:nth-child(2) .txt {
display: block;
}
.faqLst .faqBlk .txt {
display: none;
}
/* ========= */
.contact-form .sec_heading {
text-align: center;
margin-bottom: 26px;
}
.contact-form .col {
flex: unset;
width: calc(100%/2);
}
.contact-form .inner {
border: 1px solid #eee;
padding: 40px;
}
.contact-form .txtArea {
display: block;
width: 100%;
background: #fefefe;
text-align: left;
padding: 6px 12px;
border: 1px solid #eee;
border-radius: 6px;
outline: none !important;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
resize: none;
margin-bottom: 21px;
}
.contact-form .txtBox {
margin-bottom: 21px;
}
.contact-form .col1 {
padding-right: 40px;
align-self: center;
}
.contact-form li {
display: flex;
align-items: center;
width: 100%;
padding: 20px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin-bottom: 20px;
border: 1px solid #eee;
}
.contact-form li .image {
width: 45px;
height: 45px;
background: #1e2534;
color: #fff;
border-radius: 36px;
font-size: 25px;
padding: 11px;
margin-right: 20px;
}
.contact-form .image img {
filter: brightness(0) invert(6);
}
.contact-form li p {
margin-bottom: 3px;
font-size: 18px;
color: #878787;
}
.contact-form li h6 {
margin-bottom: 0;
font-family: 'Inter Medium';
font-size: 15px;
}
/* =========== */
#sec_process .col1 {
align-self: center;
padding-right: 50px;
}
#sec_process .col2 {
align-self: center;
}
#sec_process .col2 .image {
position: relative;
padding-bottom: 75%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 14px 0px rgb(220 221 220);
-ms-border-radius: 10px;
border: 8px solid #fff;
-o-border-radius: 10px;
}
#sec_process .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
#sec_process .flex {
padding: 20px;
margin-bottom: 40px;
}
#sec_process .flex:last-child {
margin-bottom: 0;
}
#sec_process .flex:nth-child(even) {
flex-direction: row-reverse;
background: #222938;
color: #fff;
}
#sec_process .flex:nth-child(even) .col1 {
padding-left: 50px;
padding-right: 0;
}
#sec_process ul li {
display: block;
margin: 7px 0px;
position: relative;
padding-left: 25px;
}
#sec_process ul li:before {
position: absolute;
content: '\f14a';
top: -3px;
left: 0px;
font-family: "Font Awesome 6 Free";
font-size: 18px;
color: #3dac9f;
}
/* ===========Visa-consultancy========= */
/* vs-banner */
#vs-banner {
min-height: calc(100vh - 70px);
background: url(../images/imi-1.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#vs-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.2;
z-index: 1;
}
#vs-banner .content {
max-width: 674px;
color: #fff;
}
#vs-banner .content>h4 {
font-family: 'Inter Bold';
color: #3dac9f;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 10px;
}
#vs-banner .content>h1 {
font-size: 45px;
line-height: 1.2;
margin: 20px 0px;
text-shadow: 5px 5px 5px rgb(41 41 47 / 20%);
text-transform: capitalize;
color: #fff;
}
#vs-banner .content>p {
font-size: 18px;
text-shadow: 2px 2px 2px rgb(41 41 47 / 20%);
font-family: 'Inter Light';
margin-bottom: 20px;
color: #fff;
}
/* nvs-banner */
/* vs-banner */
#nvs-banner {
min-height: calc(100vh - 70px);
background: url(../images/abd.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#nvs-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.2;
z-index: 1;
}
#nvs-banner .content {
max-width: 674px;
color: #fff;
}
#nvs-banner .content>h4 {
font-family: 'Inter Bold';
color: #3dac9f;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 10px;
}
#nvs-banner .content>h1 {
font-size: 45px;
line-height: 1.2;
margin: 20px 0px;
text-shadow: 5px 5px 5px rgb(41 41 47 / 20%);
text-transform: capitalize;
color: #fff;
}
#nvs-banner .content>p {
font-size: 18px;
text-shadow: 2px 2px 2px rgb(41 41 47 / 20%);
font-family: 'Inter Light';
margin-bottom: 20px;
color: #fff;
}
/* ===sec_intro=== */
#sec_intro {
padding-top: 0;
}
#sec_intro .col {
width: 50%;
}
#sec_intro .flex .col1 {
align-self: center;
}
#sec_intro .flex {
margin-top: 80px;
align-items: center;
}
#sec_intro .col2 .image {
position: relative;
padding-bottom: 65%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
#sec_intro .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
outline: 1px solid #FFF;
outline-offset: -20px;
}
#sec_intro .col1 .cta {
margin-top: 18px;
}
#sec_intro .flex:nth-child(odd) {
flex-direction: row-reverse;
}
#sec_intro .flex:nth-child(odd)>.col1 {
padding-left: 40px;
}
#sec_intro .col1 {
padding-right: 40px;
}
#sec_intro .image-1 {
position: relative !important;
}
#sec_intro .col2 .image-1:before {
position: absolute;
content: '';
top: -10px;
left: -10px;
width: 100%;
height: 100%;
background: #202735;
}
/* ========vs-steps======= */
#vs-steps {
padding-top: 0;
}
#vs-steps .sec_heading {
text-align: center;
}
#vs-steps .sec_content {
width: 60%;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
}
#vs-steps .flexBox {
flex-wrap: wrap;
margin: 0 -1rem;
align-items: flex-start;
}
#vs-steps .col {
width: calc(100% / 3);
padding: 10px;
flex: unset;
}
#vs-steps .col .inner {
padding: 20px;
box-shadow: 0px 0px 7px 0px rgb(43 52 59 / 23%) inset;
position: relative;
text-align: center;
padding-bottom: 56px;
}
#vs-steps .outer .image {
width: 110px;
height: 110px;
padding: 22px;
position: relative;
border-radius: 50%;
}
#vs-steps .outer .image::before {
position: absolute;
content: '';
left: 9px;
top: 32px;
background: #3db3a8;
width: 45px;
z-index: -1;
opacity: 0.7;
border-radius: 47px;
height: 45px;
-webkit-border-radius: 47px;
-moz-border-radius: 47px;
-ms-border-radius: 47px;
-o-border-radius: 47px;
}
#vs-steps .outer .num {
font-size: 109px;
font-weight: 700;
color: #181818;
opacity: .07;
position: absolute;
left: 0;
right: 0;
bottom: -15px;
-webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: -1;
-ms-transition: all .6s ease-in-out;
}
#vs-steps .outer .col:hover .num {
transform: translate3d(0%, -10%, 0) scale(.78);
-webkit-transform: translate3d(0%, -10%, 0) scale(.78);
-moz-transform: translate3d(0%, -10%, 0) scale(.78);
-ms-transform: translate3d(0%, -10%, 0) scale(.78);
-o-transform: translate3d(0%, -10%, 0) scale(.78);
}
#vs-steps .outer .butn {
color: #3dac9f;
font-family: Inter SemiBold;
position: relative;
}
#vs-steps .outer .butn a {
color: #3dac9f;
position: relative;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
#vs-steps .outer .butn a:hover {
color: #202735;
}
#vs-steps .outer .butn a:after {
position: absolute;
content: '\e90a';
font-family: 'font-icon';
font-size: 20px;
top: -3px;
right: -27px;
color: #3dac9f;
}
#vs-steps .outer .butn a:hover:after {
color: #202735;
right: -35px;
}
#vs-steps .outer .cntnt h4 {
color: #1a2232;
}
#vs-steps .image-1 {
position: relative;
padding-bottom: 66%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #bbdcd8;
margin-bottom: 20px;
}
#vs-steps .image-1 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
/* ======== */
#sec-diff {
padding-top: 0;
}
#sec-diff .sec-heading {
text-align: center;
}
#sec-diff .flex {
justify-content: center;
}
#sec-diff .flex .col {
width: 31%;
margin: 10px;
margin-top: 40px;
flex: unset;
}
#sec-diff .flex .col .inner {
box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 8%);
text-align: center;
padding: 18px;
}
#sec-diff .image {
position: relative;
padding-bottom: 66%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
#sec-diff .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
z-index: -1;
}
#sec-diff .detail .head {
margin: -28px 27px 0px 28px;
padding: 15px 0px 15px 0px;
background-color: #fff;
transition: all ease 0.5s;
box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 12%);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
#sec-diff ._detail {
padding-top: 1.5rem;
}
#sec-diff .detail .head h4 {
text-align: center;
font-size: 16px;
margin-bottom: 0px;
color: #202735;
}
/* =========sec_plane======== */
#sec_plane {
background: #f0f9f8;
padding: 5rem 0;
padding-bottom: 0;
position: relative;
}
#sec_plane .col1 {
width: 25%;
}
#sec_plane .col3 {
width: 15%;
margin-left: 100px;
margin-top: 35px;
}
#sec_plane .col2 {
width: 50%;
}
#sec_plane .col2 .cntnt {}
#sec_plane .shape-1 {
position: absolute;
left: 0px;
bottom: -34px;
width: 230px;
overflow: hidden;
}
#sec_plane .shape-2 {
position: absolute;
right: 0px;
bottom: -37px;
width: 254px;
overflow: hidden;
opacity: 0.5;
}
#sec_plane .col1 .image {
position: relative;
padding-bottom: 89%;
margin-top: -115px;
overflow: hidden;
margin-left: -91px;
display: flex;
justify-content: center;
align-items: center;
}
#sec_plane .col1 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: contain;
border-radius: 10px;
z-index: -1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
/* =======future====== */
#future {
overflow: hidden;
}
#future .flexRow>.col1 {
width: 45%;
}
#future .flexRow>.col {
padding: 2rem 3rem;
flex: unset;
}
#future .image {
display: flex;
max-width: 52rem;
gap: 1rem;
}
#future .image>.fig {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 1rem;
}
#future .image>.fig:nth-child(1) {
width: 45%;
}
#future .image>.fig figure {
position: relative;
-webkit-box-shadow: 0 0.6rem 2rem -0.3rem rgb(34 34 34 / 10%);
box-shadow: 0 0.6rem 2rem -0.3rem rgb(34 34 34 / 10%);
overflow: hidden;
}
#future .image>.fig:nth-child(1) figure:nth-child(1) {
padding-bottom: 100%;
border-top-left-radius: 2rem;
}
#future .image>.fig figure>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#future .image>.fig:nth-child(1) figure:nth-child(2) {
padding-bottom: 80%;
border-bottom-left-radius: 2rem;
}
#future .image>.fig:nth-child(2) {
width: 55%;
}
#future .image>.fig:nth-child(2) figure:nth-child(1) {
padding-bottom: 100%;
border-top-right-radius: 2rem;
}
#future .image>.fig:nth-child(2) figure:nth-child(2) {
padding-bottom: 60%;
border-bottom-right-radius: 2rem;
}
#future .flexRow>.col2 {
width: 55%;
align-self: center;
}
#future .content p {
margin-bottom: 3rem;
}
/* ======= */
#extra-sec {
padding: 4rem 0;
padding-bottom: 5rem;
}
#extra-sec .flex .col2 {
width: 40%;
}
#extra-sec .flex .col1 {
width: 60%;
padding-right: 30px;
color: #fff;
align-self: center;
}
#extra-sec .back-shape {
position: absolute;
content: '';
left: 0;
top: 0;
width: 62%;
height: 100%;
background: #202735;
}
#extra-sec .col2 .image {
position: relative;
padding-bottom: 90%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border: 15px solid #fff;
border-radius: 104px 0px;
}
#extra-sec .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 87px 0 95px 0;
z-index: -1;
-webkit-border-radius: 87px 0 95px 0;
-moz-border-radius: 87px 0 95px 0;
-ms-border-radius: 87px 0 95px 0;
-o-border-radius: 87px 0 95px 0;
}
.extra_sec_top {
margin-top: 8rem;
}
.devide_two_col .col {
width: 50% !important;
}
/* ========= */
/* =====================================Direct-bit================= */
.bit-sec .frst-q {
background: transparent;
width: 90%;
box-shadow: 0 0px 12px 0 rgb(3 3 3 / 20%);
padding: 30px;
margin: 0 auto;
margin-top: 40px;
}
.bit-sec .head-qstn {
text-align: center;
}
.bit-sec .txtGrp {
margin-bottom: 0;
}
.bit-sec .flex .col {
width: 100%;
flex: unset;
margin-bottom: 25px;
}
.bit-sec fieldset:first-child {
display: block;
}
.bit-sec .quote_cntnt {
width: 80%;
margin: 0px auto;
margin-bottom: 30px;
}
.bit-sec .quote_BIT {
text-align: center;
justify-content: center;
width: 58%;
margin: auto;
margin-bottom: 26px;
}
.bit-sec textarea {
resize: none;
width: 100%;
margin-top: 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.text-center {
text-align: center;
}
.bit-sec .quote_form .inner_form_quote {
max-width: 500px;
margin: 20px auto 0px;
}
.bit-sec .lg_inner_form_quote {
max-width: 100% !important;
}
.bit-sec .inner_form_quote .flex {
justify-content: center;
}
.bit-sec .inner_form_quote .col .cmn_quote_bill {
border: 1px solid #3dac9f;
align-items: center;
padding: 13px;
cursor: pointer;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-radius: 10px;
}
.bit-sec .inner_form_quote .col .cmn_quote_bill label {
margin-bottom: 0;
}
/* .bit-sec .inner_form_quote .cmnBtn {
margin-top: 20px;
} */
.bit-sec .inner_form_quote .col .cmn_quote_bill:hover {
background: rgb(61 172 159 / 22%);
border: 1px solid #3daca5;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.bit-sec .document {
margin-top: 25px;
}
.bit-sec .document .uploadImg {
border: 2px dotted #000;
background: #fff;
padding: 60px;
border-radius: 10px;
margin-bottom: 20px;
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.bit-sec .document i {
font-size: 18px;
color: #3daca5;
}
.bit-sec .document .uploadFile {
display: none;
}
.bit-sec .margin-1 {
margin: 0 auto;
}
.hidden {
display: none !important;
}
.hidde {
display: none !important;
}
.bit-sec input[type=radio], input[type=checkbox] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 23px;
min-width: 23px;
height: 23px;
background: #fff;
color: #fff;
margin-top: 0;
border: 0.1rem solid #3daca5;
cursor: pointer;
}
.bit-sec input[type=radio] {
padding: 0.3rem;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.bit-sec input[type=radio]:checked {
background: #3dac9f;
background-clip: content-box;
border-color: #3dac9f;
}
.bit-sec .rd-1 {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.bit-sec .rd-1 label {
margin-left: 7px;
}
/* ======job_detail_banner==== */
.job_detail_banner {
background-color: #3dac9f21;
}
.job_detail_banner .cntnt {
/* max-width: 500px;
margin:0px auto; */
text-align: center;
}
.job_detail_banner .cntnt h1 {
margin-bottom: 5px;
font-size: 35px;
}
.job_detail_banner .cntnt .job_flex_title {
display: flex;
flex-wrap: wrap;
width: fit-content;
margin: 0px auto 20px;
}
.job_detail_banner .cntnt .job_flex_title .img_ico {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.job_detail_banner .cntnt .job_flex_title .img_ico img {
width: 100%;
height: 100%;
object-fit: cover;
}
.job_detail_banner .cntnt .job_flex_title .right_lst {
text-align: left;
flex: 1;
margin-left: 10px;
align-self: center;
}
.job_detail_banner .cntnt .job_flex_title .right_lst h4 {
margin-bottom: 2px;
font-size: 18px;
}
.job_detail_banner .cntnt .job_flex_title .right_lst a {
font-size: 14px;
color: var(--honey);
}
.job_detail_banner .cntnt p {
display: flex;
gap: 5px;
font-size: 14px;
justify-content: center;
}
.job_detail_banner .cntnt p i {
font-size: 16px;
align-self: center;
}
/* ===job_detail_sec== */
.job_detail_sec .cntnt .job_detail_grid_pg {
width: 80%;
margin: -95px auto 0px;
}
.company-profile-blk {
width: 80%;
margin: 0px auto 0px;
}
.company-profile-blk .bTn {
margin-top: 20px;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul {
background-color: #fff;
display: flex;
flex-wrap: wrap;
box-shadow: 10px 15px 25px rgb(0 0 0 / 5%);
border: 1px solid #eef4fd;
border-radius: 10px;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li h4 {
display: flex;
gap: 7px;
color: var(--honey);
width: fit-content;
margin: 0px 0px 5px;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li h4 i {
font-size: 16px;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li h4 span {
align-items: center;
font-size: 14px;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li p {
font-size: 14px;
margin-bottom: 0;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li {
padding: 20px;
flex: 1;
/* text-align: center; */
align-self: center;
}
.job_detail_sec .cntnt .job_detail_grid_pg>ul li .bTn {
justify-content: flex-end;
}
.job_detail_hading {
display: flex;
flex-wrap: wrap;
margin: 20px 0px;
}
.job_detail_hading h3 {
flex: 1;
margin-bottom: 0;
align-self: center;
}
.job_detail_sec {
padding: 50px 0px !important;
}
.job_detail_sec .image {
position: relative;
padding-bottom: 55%;
/* border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 14px 0px rgb(220 221 220);
-ms-border-radius: 10px;
border: 8px solid #fff;
-o-border-radius: 10px; */
margin-top: 30px;
margin-bottom: 40px;
}
.job_detail_sec .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.job_detail_sec .txtBox {
display: block;
width: 100%;
height: 46px;
background: #fefefe;
text-align: left;
padding: 6px 12px;
border: 1px solid #eee;
border-radius: 6px;
outline: none !important;
transition: all ease 0.5s;
font-size: 14px;
}
.job_detail_sec textarea.txtBox {
height: 120px;
resize: none;
}
.share_blk {
/* margin-top: 30px; */
/* border-top: 1px solid #dddddd8a; */
padding-top: 20px;
}
.share_blk span {
align-self: center;
margin-right: 10px;
}
.share_blk .social {
margin: 0px -3px -3px;
align-self: center;
}
.share_blk .social li {
padding: 3px
}
.share_blk .social li a {
display: flex !important;
align-items: center;
justify-content: center;
width: 27px;
min-width: 27px;
height: 27px;
background: var(--honey);
padding: 6px;
border-radius: 3px;
}
.share_blk .social li a>img {
filter: brightness(0) invert(1);
}
.share_blk>.flex {
flex: 1;
}
.apply_blk {
margin-top: 30px;
box-shadow: 0px 0px 14px 0px rgb(220 221 220);
padding: 20px;
border-radius: 10px;
}
.apply_blk h3 {
font-size: 20px;
margin-bottom: 20px;
}
.apply_blk .inner_apply_blk {
background: #e0d8c85e;
border: 1px solid #3dac9f33;
padding: 20px;
border-radius: 10px;
}
.apply_blk .txtBox::placeholder {
font-size: 12px;
color: rgb(148, 148, 148);
}
.fullWid .fileFlex {
background: #ffffff;
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
margin-top: 17px;
}
.fullWid .fileFlex span {
font-size: 20px;
/* margin-right: 20px; */
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #3dac9f;
color: #fff;
}
.fullWid .fileFlex h4 {
text-align: center;
align-self: center;
/* text-transform: uppercase; */
flex: 1;
margin-bottom: 0px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
border: 1px dashed #3dac9f;
cursor: pointer;
}
input[type="file"].uploadFile {
display: none;
}
/* =======uc_broker_service========= */
.uc_broker_service .sec_heading {
text-align: center;
width: 55%;
margin: 0 auto;
}
.uc_broker_service .col {
width: calc(100%/3);
padding: 10px;
flex: unset;
text-align: center;
}
.uc_broker_service .col .image {
position: relative;
padding-bottom: 75%;
overflow: hidden;
border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-ms-border-radius: 20px 20px 0px 0px;
-o-border-radius: 20px 20px 0px 0px;
}
.uc_broker_service .col .inner {
box-shadow: 0 0 25px rgb(0 0 0 / 8%);
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
padding: 4px;
height: 100%;
}
.uc_broker_service .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.uc_broker_service .col .image::after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 6%;
z-index: 11;
background: url(../images/mortage/brush.png);
}
.uc_broker_service .col .content {
padding: 20px 20px;
}
/* -=========uc_broker_choose====== */
.uc_broker_choose {
background-color: #3dac9f0f;
}
.uc_broker_choose .sec_heading {
text-align: center;
width: 55%;
margin: 0 auto;
}
.uc_broker_choose .col {
width: calc(100%/2);
padding: 10px;
flex: unset;
text-align: center;
}
.uc_broker_choose .col .content {
position: relative;
background: #fff;
padding: 22px;
}
.uc_broker_choose .col .content:before {
position: absolute;
content: '';
left: 33px;
bottom: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
border-right: 22px solid transparent;
border-bottom: 15px solid #fff;
}
/* =======sec_ucl====== */
.sec_ucl {
min-height: 500px;
}
.sec_ucl.banner::before {
opacity: 0.3;
}
/* ========.sec_living===== */
.sec_living .col2 .image {
position: relative;
padding-bottom: 63%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 14px 0px rgb(220 221 220);
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
/* .sec_living .col2 .image::before{
position: absolute;
content: '';
left: 0;
bottom: 0;
background: url(../images/ulc.jpg);
width: 100%;
height: 100%;
} */
.sec_living .flex:nth-child(even) {
flex-direction: row-reverse;
margin-top: 50px;
}
.sec_living .col {
flex: unset;
width: 50%;
}
.sec_living .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
}
.sec_living .col1 {
align-self: center;
padding-right: 50px;
}
.sec_living .flex:nth-child(even) .col1 {
align-self: center;
padding-left: 50px;
padding-right: 0;
}
.sec_living .bg-dot.primary {
background-image: radial-gradient(#3dac9f 2px, #926b6000 2.5px);
}
.sec_living .shape.rellax {
z-index: 1;
}
.sec_living .shape.rellax {
position: absolute;
}
.sec_living .bg-dot {
background-size: 0.75rem 0.75rem;
}
.sec_living .bg-dot, .h-about .bg-line {
opacity: .4;
}
.sec_living .h-20 {
height: 10rem !important;
}
.sec_living .w-16 {
width: 8rem !important;
}
.sec_living .pic {
width: 90%;
margin-left: auto;
}
.sec_living .flex:nth-child(even) .pic {
margin-left: 0;
margin-right: auto;
}
/* ======== */
.sec_green {
padding-top: 0 !important;
}
.sec_green .sec_heading {
text-align: center;
margin-bottom: 34px;
}
.sec_green .col {
width: calc(100%/3);
flex: unset;
padding: 10px;
}
.sec_green .inner {
height: 100%;
/* box-shadow: 0px 0px 14px 0px rgb(220 221 220); */
box-shadow: 0px 0px 16px 0px rgb(239 239 239 / 82%);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border: 0.5px solid #3dac9f17;
}
.sec_green .sec_content h4 {
position: relative;
padding: 22px 25px;
margin-bottom: 0;
}
.sec_green .sec_content h4::before {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 0.5px;
background: #3dac9f17;
}
.sec_green .sec_content p {
padding: 20px 25px;
}
.sec_green .cta {
margin-top: 20px;
}
/* ========sec_one======= */
.sec_one {
background: aliceblue;
}
/* .sec_one::before{
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #3dac9f;
opacity: 0.5;
} */
.sec_one .flex .col {
width: calc(100%/3);
padding: 10px;
flex: unset;
}
.sec_one .flex .col .inner {
background: #fff;
padding: 6px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
height: 100%;
}
.sec_one .flex .col .image {
position: relative;
padding-bottom: 72%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.sec_one .flex .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
}
.sec_one .col .content {
padding: 20px;
text-align: center;
}
.sec_one .sec_heading {
margin-bottom: 30px;
text-align: center;
}
/* ========sec_two========== */
.sec_two .sec_heading {
text-align: center;
}
.sec_two .sec_content {
text-align: center;
width: 46%;
margin: 0 auto;
margin-bottom: 20px;
}
.sec_two .col {
width: calc(100%/2);
padding: 20px;
flex: unset;
}
.sec_two .col .image {
position: relative;
padding-bottom: 92%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.sec_two .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 10px;
clip-path: circle(74% at 26% 50%);
}
.sec_two .col .inner {
display: flex;
align-items: center;
box-shadow: 0px 0px 11px 0px rgb(207 207 207 / 82%);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
height: 100%;
}
.sec_two .col .inner .photo {
width: 50%;
}
.sec_two .col .inner .content {
width: 50%;
padding: 23px 13px 23px 12px;
}
.sec_two .col .inner .cta a {
font-family: 'Inter SemiBold';
color: #3dac9f;
}
.sec_two {
padding-bottom: 0 !important;
}
/* =========sec_card_c======= */
.sec_card_c.banner {
background-position: center;
}
.sec_card_c.banner::before {
opacity: 0.2;
}
.sec_card_c.banner .col1 {
width: 60%;
padding: 24px 0px 73px 0px;
}
/* ==========sec_card_c_choose======== */
.sec_card_c_choose .sec_heading {
text-align: center;
margin-bottom: 30px;
}
.sec_card_c_choose .col {
width: calc(100%/4);
padding: 10px;
flex: unset;
overflow: hidden;
margin-bottom: 20px;
}
.sec_card_c_choose .inner {
position: relative;
padding: 10px;
margin-bottom: 0;
z-index: 1;
height: 100%;
}
.sec_card_c_choose .inner .content::before {
position: absolute;
left: -20px;
top: -20px;
right: 20px;
bottom: -20px;
content: "";
/* border: 2px solid #ebeef5; */
border-radius: 5px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: -1;
border: 2px solid #3dac9f;
}
.sec_card_c_choose .inner .content::after {
position: absolute;
left: -70px;
top: -110px;
height: 200px;
width: 200px;
background-color: #3dac9f;
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
content: "";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: -1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.sec_card_c_choose .inner:hover .content::before {
border: 2px solid #3dac9f;
}
.sec_card_c_choose .inner:hover .content::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.sec_card_c_choose .inner .content {
box-shadow: 0px 0px 11px 0px rgb(207 207 207 / 82%);
padding: 19px;
position: relative;
background: #fff;
height: 100%;
}
/* =========sec_card_c_service======== */
.sec_card_c_service {
padding-top: 0 !important;
}
.sec_card_c_service .col {
width: calc(100%/4);
padding: 10px;
flex: unset;
}
.sec_card_c_service .sec_heading {
text-align: center;
}
.sec_card_c_service .sec_content {
text-align: center;
width: 57%;
margin: 0 auto;
margin-bottom: 20px;
}
.sec_card_c_service .col .image {
position: relative;
padding-bottom: 92%;
}
.sec_card_c_service .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.sec_card_c_service .col .title {
position: absolute;
font-size: 13px;
top: 178px;
left: 30px;
right: 30px;
bottom: 34px;
background-color: #3dac9f;
display: flex;
align-items: center;
justify-content: center;
transform: scaleY(1);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: 2;
font-family: 'Inter SemiBold';
display: none;
}
.sec_card_c_service .col .title p {
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 12px;
margin-bottom: 0;
}
.sec_card_c_service .col .inner {
height: 100%;
background-color: white;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.sec_card_c_service .col .content {
text-align: center;
padding: 27px 10px;
text-align: center;
}
.sec_card_c_service .col .content h3 {
border-bottom: 1px solid #e3dbd8;
position: relative;
padding-bottom: 18px;
margin-bottom: 21px;
}
.sec_card_c_service .col .content h3:before {
content: "";
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
border-top: 6px solid #e3dbd8;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
/* =======sec_card_contat==== */
.sec_card_contat {
padding-top: 0 !important;
}
.sec_card_contat .col {
width: calc(100%/2);
flex: unset;
}
.sec_card_contat .col1 {
padding-right: 30px;
align-self: center;
}
.sec_card_contat .col2 {
padding-left: 40px;
}
.sec_card_contat .col2 .image {
position: relative;
padding-bottom: 50%;
}
.sec_card_contat .col2 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
/* =========sec_card_journey======== */
.sec_card_journey {
padding-top: 0 !important;
}
.sec_card_journey .col {
width: calc(100%/3);
padding: 18px;
flex: unset;
}
.sec_card_journey .col .inner {
position: relative;
}
.sec_card_journey .image {
position: relative;
padding-bottom: 80%;
}
.sec_card_journey .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.coaching-one__content {
position: absolute;
bottom: 0;
right: -20px;
left: 50px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #3dac9f;
padding: 12px 30px 16px;
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.coaching-one__shape-1 {
position: absolute;
top: 0;
left: 0;
opacity: .20;
z-index: -1;
}
.coaching-one__title {
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin-bottom: 0;
}
.coaching-one__title {
color: #fff;
}
.coaching-one__arrow-box {
position: relative;
display: block;
color: #fff;
}
.coaching-one__hover-content {
box-shadow: 0px 0px 11px 0px rgb(207 207 207 / 82%);
position: absolute;
bottom: 0;
right: -20px;
left: 50px;
background-color: #ffffff;
padding: 30px 30px 36px;
background-position: center bottom;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
transform-origin: bottom;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: 2;
}
.coaching-one__hover-shape-1 {
position: absolute;
top: 45px;
right: -20px;
width: 172px;
height: 26px;
background-image: -moz-linear-gradient(0deg, #f2edeb 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-linear-gradient(0deg, #f2edeb 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(0deg, #f2edeb 0%, rgba(255, 255, 255, 0) 100%);
}
.coaching-one__hover-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-top: 12px;
margin-bottom: 15px;
}
.coaching-one__hover-title a {
color: #000;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.coaching-one__hover-title a .coaching-one__hover-text {
font-size: 14px;
font-weight: 500;
line-height: 26px;
color: #707072;
}
.coaching-one__hover-arrow-box {
position: absolute;
right: 30px;
bottom: 30px;
color: #fff;
}
.inner:hover .coaching-one__content {
opacity: 0;
}
.inner:hover .coaching-one__hover-content {
transform: scaleY(1);
}
/* ======sec_package_price======== */
.sec_package_price {
padding-top: 5rem !important;
}
.sec_card_c_service.sec_package_price .col {
width: calc(100%/3);
}
.sec_card_c_service.sec_package_price .col .title {
font-size: 20px;
font-family: 'Inter SemiBold';
top: 260px;
left: 70px;
right: 70px;
bottom: 34px;
display: flex;
}
.sec_card_c_service.sec_package_price .sec_card_c_service .col .content h3 {
font-size: 17px;
}
.sec_card_contat ul li {
display: block;
margin: 7px 0px;
position: relative;
padding-left: 25px;
}
.sec_card_contat ul li:before {
position: absolute;
content: "\f192";
top: 0px;
left: 0px;
font-family: "FontAwesome";
font-size: 16px;
color: #3dac9f;
}
.sec_card_contat .col2 {
align-self: center;
}
.sec_package_contat.sec_card_contat .col2 .image {
padding-bottom: 80%;
}
/* =========== */
/* =====sec_why==== */
.sec_why {
padding-top: 0;
}
.sec_why .sec_heading {
width: 48%;
margin-bottom: 30px;
}
.sec_why .content {
width: 50%;
align-self: center;
margin-bottom: 30px;
}
.sec_why .col {
width: calc(100%/3);
flex: unset;
padding: 15px;
}
.sec_why .col .inner {
/* border: 1px solid #81b6395c; */
box-shadow: 0 0 20px rgb(0 0 0 / 12%);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
height: 100%;
position: relative;
z-index: 3;
overflow: hidden;
background: #fff;
}
.sec_why .col .inner:hover {
color: #fff;
}
.sec_why .col .inner .image {
position: absolute;
left: -40px;
top: -90px;
border-radius: 50%;
background-image: linear-gradient(0deg, #3dac9f 0%, #4bc2b2 100%);
width: 197px;
height: 197px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sec_why .col .inner .inside {
display: block;
padding: 132px 40px 32px;
overflow: hidden;
z-index: 1;
}
.sec_why .col .inner:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: #3dac9f;
border-radius: 10px;
transition: all 500ms ease;
transform: translate3d(0px, 100%, 0px);
z-index: -1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-transform: translate3d(0px, 100%, 0px);
-moz-transform: translate3d(0px, 100%, 0px);
-ms-transform: translate3d(0px, 100%, 0px);
-o-transform: translate3d(0px, 100%, 0px);
opacity: 0;
}
.sec_why .col .inner:hover:before {
transform: translate3d(0px, 0, 0px);
opacity: 1;
}
.feature-one__count {
position: absolute;
top: 37px;
right: 32px;
height: 84px;
width: 109px;
text-align: center;
}
.feature-one__shape {
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
transition-delay: 400ms;
transform: translateX(100%);
z-index: -1;
}
.feature-one__shape img {
width: auto;
mix-blend-mode: luminosity;
opacity: 0.07;
}
.feature-one__count p {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-text-stroke: 1px #1d243314;
color: transparent;
font-size: 74px;
line-height: 45px;
font-weight: 700;
letter-spacing: -0.02em;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.sec_why .col .inner .inside figure {
position: absolute;
width: 61px;
/* height: 51px; */
left: 71px;
top: 101px;
}
.sec_why .col .inner .inside figure img {
filter: brightness(0) invert(1);
}
.sec_why .col .inner .inside .style-me {
color: #3dac9f;
font-family: 'Inter SemiBold';
margin-top: 12px;
}
.sec_why .col .inner .inside .style-me {
color: #fff;
}
.sec_why .col .inner:hover .feature-one__shape {
transform: translateX(0%);
}
.sec_why .col .inner .style-me:hover {
transform: translate(10px, 0px);
}
/* ======sec_buy==== */
.sec_buy {
padding: 0 !important;
}
.sec_buy .col {
flex: unset;
width: calc(100%/2);
padding: 10px;
}
.sec_buy .col .inner {
background: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
position: relative;
}
.sec_buy .col .inner .image {
position: relative;
padding-bottom: 66%;
}
.sec_buy .col .inner .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sec_buy .col .inner .content {
padding-top: 20px;
}
.sec_buy .col .style-me {
font-family: 'Inter Medium';
background: #3dac9f;
font-size: 14px;
color: #fff;
padding: 4px 11px;
border-radius: 4px;
}
.sec_buy .col .style-me i {
padding-right: 5px;
}
.home_popup .crosBtn {
color: #fff;
background: #3dac9f;
border-radius: 50px;
top: 1rem;
right: 1rem;
}
@media (max-width: 512px) {
.home_popup iframe{
height: 275px;
}
}