/*
409df1
0082f7
site color
*/
/*
|----------------------------------------------------------------------
| Body Main Css
|----------------------------------------------------------------------
*/
* {
box-sizing: border-box;
}
@font-face {
font-family: "Monoton Regular";
src: url("../Monoton/Monoton-Regular.ttf");
}
@font-face {
font-family: "OpenSans Light";
src: url("../OpenSans/OpenSans-Light.ttf");
}
@font-face {
font-family: "OpenSans Italic";
src: url("../OpenSans/OpenSans-Italic.ttf");
}
@font-face {
font-family: "OpenSans Regular";
src: url("../OpenSans/OpenSans-Regular.ttf");
}
@font-face {
font-family: "OpenSans Medium";
src: url("../OpenSans/OpenSans-Medium.ttf");
}
@font-face {
font-family: "OpenSans SemiBold";
src: url("../OpenSans/OpenSans-SemiBold.ttf");
}
@font-face {
font-family: "OpenSans Bold";
src: url("../OpenSans/OpenSans-Bold.ttf");
}
.light {
font-family: "OpenSans Light" !important;
}
.italic {
font-family: "OpenSans Italic" !important;
}
.regular {
font-family: "OpenSans Regular" !important;
}
.medium {
font-family: "OpenSans Medium" !important;
}
.semi {
font-family: "OpenSans SemiBold" !important;
}
.bold {
font-family: "OpenSans Bold" !important;
}
.price {
font-family: "OpenSans 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: 16px;
font-family: "OpenSans 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: 100px;
}
::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: "OpenSans 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: 25px;
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: "OpenSans 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: 16px;
font-family: "OpenSans 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: "OpenSans 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: "OpenSans 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: "OpenSans 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: "OpenSans 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: 81%;
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: "OpenSans 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: 134px;
/* margin: -37px auto 0px; */
/* border-radius: 50%; */
height: 85px;
z-index: 1;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
margin-left: 11px;
}
.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: 85px;
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 15px;
color: #fff;
}
nav ul>li:not(.btnLi)>a {
display: flex;
align-items: center;
justify-content: center;
height: 42px;
color: #131313;
font-size: 14px;
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: 220px;
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: 14px;
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 {
min-height: 626px;
background-image: url(../images/banner-5.jpeg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-bottom: 0;
position: relative;
}
.banner::before{
position: absolute;
left: 0;
top: 0;
bottom: 0;
content: '';
background: #000;
opacity: 0.4;
width: 100%;
height: 100%;
}
.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;
}
.elementor-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
}
.elementor-shape-bottom {
bottom: -1px;
}
.elementor-shape svg {
display: block;
width: calc(100% + 1.3px);
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.elementor-101 .elementor-element.elementor-element-6c10dacd>.elementor-shape-bottom svg {
width: calc(100% + 1.3px);
height: 70px;
}
.elementor-shape .elementor-shape-fill {
fill: #fff;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
}
.elementor-101 .elementor-element.elementor-element-6c10dacd>.elementor-shape-bottom .elementor-shape-fill {
fill: #FFFFFF;
}
.elementor-background-overlay,
.elementor-background-slideshow {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.elementor-background-overlay {
background-color: #000;
opacity: 0.3;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
-webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
-moz-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
-ms-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
-o-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.banner .cta {
margin-top: 20px;
} */
/* ======================banner================= */
.banner {
padding-top: 0;
padding-bottom: 0;
min-height: 84vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.banner .item .image {
height: 84vh;
overflow: hidden;
position: relative;
}
/* .banner .item .image:before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
content: '';
background: #000;
opacity: 0.2;
width: 100%;
height: 100%;
} */
.banner .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
animation: zoom-in-zoom-out 50s ease infinite;
}
.banner .banner_cntnt {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.banner .content {
text-align: center;
max-width: 850px;
color: rgb(0, 0, 0);
margin: 0 auto;
}
.banner .content>h1 {
font-size: 54px;
line-height: 57px;
margin: 20px 0px;
text-shadow: 5px 5px 5px rgb(41 41 47 / 20%);
color: rgb(255, 255, 255);
font-family: "OpenSans SemiBold";
text-transform: capitalize;
letter-spacing: -3px;
}
.banner .content>p {
font-size: 18px;
margin-bottom: 30px;
text-shadow: 2px 2px 2px rgb(41 41 47 / 20%);
color: #ffffff;
font-family: "OpenSans Light";
}
.banner .heading {
color: #fff;
}
.banner .heading h1 {
font-size: 62px;
}
.banner .sec-cntnt {
color: #fff;
}
.banner .col {
width: 50%;
margin: 0 auto;
}
.banner .cta {
text-align: center;
}
.banner .cta a {
margin-right: 10px;
text-transform: unset;
}
.banner .owl-dots {
justify-content: center;
margin-top: -34px;
margin-bottom: 30px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
.banner .owl-carousel .owl-dots>button {
width: 10px;
height: 4px;
background-color: #fff;
margin-right: 5px;
border-radius: 5px;
text-align: center;
padding-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
z-index: 99;
}
.banner .owl-carousel .owl-dots>button.active {
background-color: #3dac9f;
width: 30px;
}
/* =======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: 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;
border: 8px solid #fff;
-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;
}
#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: 0px;
left: 0px;
font-family: "FontAwesome";
font-size: 16px;
color: #3dac9f;
}
/* =========sec_feature====== */
#sec_feature{
padding-top: 0;
}
#sec_feature .col{
width: 50%;
}
#sec_feature .col1 {
padding-right: 84px;
}
#sec_feature .col1 .image {
position: relative;
padding-bottom: 92%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
#sec_feature .col1 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: contain;
}
#sec_feature .col2 .list-me{
margin-top: 20px;
}
#sec_feature .ab-cta{
display: flex;
align-items: center;
margin-top: 25px;
width: fit-content;
}
#sec_feature .cta{
width: fit-content;
margin-left: 30px;
}
#sec_feature .cta a{
display: flex;
align-items: center;
color: #2BAAE2;
}
#sec_feature .play-b{
margin-right: 10px;
width: 38px;
border: 3px solid #2baae266;
border-radius: 50%;
}
#sec_feature .col2 .list-me li {
position: relative;
display: block;
width: 100%;
margin: 10px 0px;
}
#sec_feature .col2 .list-me li i {
font-size: 16px;
padding-right: 13px;
color: #2BAAE2;
}
/* ============sec_work====== */
#sec_work{
padding-top: 0;
}
#sec_work .col{
width: calc(100%/3);
padding: 25px;
text-align: center;
}
#sec_work .col .image {
position: relative;
padding-bottom: 92%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
#sec_work .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: contain;
}
#sec_work .col .content{
margin-top: 10px;
}
#sec_work .sec_heading{
text-align: center;
}
#sec_work .col .num{
position: absolute;
right: 21px;
top: 35px;
width: 30px;
height: 30px;
color: #fff;
padding: 3px;
border-radius: 50%;
background: #2baae2;
font-weight: 800;
}
/* ===sec_btn======== */
#sec_btn{
padding-top: 0;
}
#sec_btn .back-bg{
background-image: url(../images/btn-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
text-align: center;
padding: 6rem 0;
position: relative;
}
#sec_btn .sec_heading h6{
color: #fff;
}
#sec_btn .my-form{
width: 32%;
margin: 0 auto;
margin-top: 22px;
position: relative;
}
#sec_btn .my-form button {
position: absolute;
top: 14px;
right: 11px;
background: transparent;
font-size: 16px;
padding: 0;
line-height: 0;
border: 0;
}
#sec_btn .my-form button {
color: #269be2;
}
#sec_btn .shape{
width: 10%;
position: absolute;
top: -36px;
left: -34px;
}
#sec_btn .shape-1{
width: 10%;
position: absolute;
bottom: -55px;
right: 11px;
}
/* ========sec_tools======= */
#sec_tools {
background:rgba(43, 170, 226, 0.05);
}
#sec_tools .col{
width: 50%;
}
#sec_tools .col1{
padding-right: 30px;
}
#sec_tools .col1 .cta{
margin-top: 30px;
}
#sec_tools .col1 .cta a:nth-child(2){
margin-left: 15px;
}
#sec_tools .col2{
display: flex;
flex-wrap: wrap;
}
#sec_tools .col2 .inside{
background: #fff;
border: 1px solid #2baae2;
padding: 0 11px;
display: flex;
align-items: center;
border-radius: 8px;
width: 45%;
margin: 6px 14px;
}
#sec_tools .col2 .inside .image{
width: 47px;
margin-right: 16px;
}
#sec_tools .col2 .inside h6{
margin-bottom: 0;
align-self: center;
}
/* ======= */
#sec_btnt{
padding: 3rem 0;
background-image: url(../images/shape-9.png);
/* background-position: center; */
/* background-repeat: no-repeat; */
background-size: contain;
color: #fff;
background-color: #3daca5;
}
#sec_btnt .col2{
display: flex;
align-items: center;
justify-content: center;
}
/* =======testimonials==== */
#testimonials{
padding-top: 0;
background: #1e2534;
color: #fff;
}
#testimonials .flex{
width: 70%;
margin: 0 auto;
margin-top: 16px;
}
#testimonials .flex .col{
flex: unset;
}
#testimonials .flex .col1{
width: 40%;
background: #97b8bd;
}
#testimonials .flex .col2{
width: 60%;
}
#testimonials .sec_heading{
text-align: center;
margin-bottom: 30px;
}
#testimonials .image{
position: relative;
padding-bottom: 94%;
}
#testimonials .image img{
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
#testimonials .inner{
/* border: 1px solid #2BAAE2; */
padding: 20px;
text-align: center;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
background: #fff;
color: #000;
height: 308px;
}
#testimonials .content{
padding: 20px 17px;
}
#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: #3dac9f;
margin-bottom: 0;
}
#testimonials .name p{
font-family: "OpenSans SemiBold";
font-size: 14px;
}
#testimonials .owl-dots {
justify-content: center;
margin-top: 47px;
margin-bottom: -25px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
#testimonials .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;
}
#testimonials .owl-carousel .owl-dots > button.active {
background-color: #3dac9f;
}
#testimonials svg {
width: calc(207% + 1.3px);
height: 185px;
display: block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#testimonials .elementor-shape-fill {
fill: #fff;
transform-origin: center;
transform: rotateY(0deg);
}
/* |----------------------------------------------------------------------
| 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: "OpenSans Light";
padding-top: 80px;
overflow: hidden;
font-size: 13px;
}
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: "OpenSans 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: 13px;
}
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: 13px;
margin-bottom: 7px;
font-family: "OpenSans 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);
}
.f_logo{
width: 60%;
margin-bottom: 10px;
}
.f_logo img{
filter: brightness(0) invert(1);
-webkit-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_service {
background: aliceblue;
}
#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;
}
#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 .col .image::after {
position: absolute;
content: '';
background: #ffffff8a;
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: 'OpenSans SemiBold';
}
#sec_service .cta a i{
font-size: 11px;
padding-left: 7px;
}
#sec_service .cta a:hover{
color: #3dac9f;
}
/* ======= */
#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 {
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
color: #fff;
}
.sub_banner:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgb(37 44 58 / 57%);
}
.sub_banner .cntnt h1 {
margin-bottom: 6px;
color: #fff;
}
.sub_banner .cntnt{
width: 55%;
}
/* =============== */
#about_p .flex .col{
flex: unset;
width: calc(100%/2);
}
#about_p .flex .col1{
padding-right: 30px;
}
#about_p .image {
position: relative;
padding-bottom: 75%;
border: 0.3rem solid #3dac9f;
overflow: hidden;
}
#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;
}
/* ==================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 .inner {
width: 70%;
margin: auto;
margin-top: 37px;
text-align: center;
box-shadow: 0 3px 15px 0 rgb(0 0 0 / 9%);
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;
}
/* =========== */
#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: "\f192";
top: 0px;
left: 0px;
font-family: "FontAwesome";
font-size: 16px;
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: 'OpenSans 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: 'OpenSans 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: 'OpenSans 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: 'OpenSans 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 {
display: none;
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: OpenSans 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;
}
.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;
}
input.error {
border: 1px solid red !important;
/* border-color: Red !important;
border-style: solid;
border-width: 1px; */
}
.list-group{
z-index:10;
display:none;
position:absolute;
left: 200px;
color:red;
width: 250px;
/* overflow-y: scroll; */
}
.msg
{
position:absolute;
color:red;
}
textarea.error {
border-color: Red !important;
border-style: solid;
border-width: 1px;
}
select.error {
border-color: Red !important;
border-style: solid;
border-width: 1px;
}
label.error {
color: red;
font-size: 11px;
}
input[type="“radioâ€"].error:after,
input[type="“checkboxâ€"].error:after {
border-color: red;
}
/*_____ 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;
}
/* ======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;
background: #fff;
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: contain;
}
.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: 90%;
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;
}
/* .job_detail_sec .help_out{
width: 67%;
margin: 0 auto;
} */
.job_detail_sec .help_out .txtBox{
margin-bottom: 15px;
}
.job_detail_sec .help_out h4{
margin-bottom: 10px;
}
/* ==============sec_vid========== */
#sec_vid{
padding-top: 0;
}
/* #sec_vid .vidBlk {
position: relative;
display: block;
background: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 35%;
max-width: 1213px;
cursor: pointer;
border-radius: 7px;
-webkit-box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}
#sec_vid .vidBlk:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0px;
bottom: 0;
width: 14%;
min-width: 48px;
max-width: 77px;
background-image: url(../images/play-button.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
opacity: 0.8;
z-index: 1;
-webkit-transition: all linear 0.5s;
transition: all linear 0.5s;
-moz-transition: all linear 0.5s;
-ms-transition: all linear 0.5s;
-o-transition: all linear 0.5s;
}
#sec_vid .vidBlk:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.589);
} */
#sec_vid .back-img {
position: relative;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 8%;
max-width: 1213px;
border-radius: 7px;
-webkit-box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}
#sec_vid .back-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.589);
}
#sec_vid .content {
position: relative;
max-width: 609px;
color: #fff;
z-index: 100;
margin-top: 81px;
margin: 0 auto;
margin-top: 114px;
}
#sec_vid .content > .playBtn {
width: 80px;
min-width: 80px;
height: 80px;
background: 0;
padding: 0;
margin: 0 auto;
border: 0;
}
.videos-carousel .item{
display: flex;
justify-content: center;
}
.videos-carousel .owl-nav{
display: flex;
justify-content: center;
margin-top: 2rem;
column-gap: 1rem;
}
.videos-carousel .owl-nav button{
font-size: 2rem!important;
}
/* ====== */
.sec_gallary {
padding-top: 0 !important;
}
.sec_gallary .sec_heading{
text-align: center;
margin-bottom: 30px;
}
.sec_gallary .sec_content{
text-align: center;
width: 60%;
margin: auto;
margin-bottom: 30px;
display: none;
}
.sec_gallary .col{
width: calc(100%/4);
padding: 2px;
flex: unset;
}
.sec_gallary .col .image {
position: relative;
padding-bottom: 101%;
}
.sec_gallary .col .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.sec_gallary .cta{
margin-top: 30px;
}
/* =======sec_ucl====== */
.sec_ucl{
min-height: 500px;
}
.sec_ucl.banner::before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
content: '';
background: #000;
opacity: 0.3;
width: 100%;
height: 100%;
}
.sec_ucl.banner .col1 {
width: 48%;
}
.sec_ucl.banner .col1 h1{
color: #fff;
}
.sec_ucl.banner .cta {
text-align: left;
margin-top: 24px;
}
.sec_ucl.banner .contain{
width: 100%;
}
/* ========.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: 'OpenSans SemiBold';
color: #3dac9f;
}
.sec_two {
padding-bottom: 0 !important;
}
/* =========sec_card_c======= */
.sec_card_c.banner{
background-position: center;
}
.sec_card_c.banner::before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
content: '';
background: #000;
opacity: 0.2;
width: 100%;
height: 100%;
}
.sec_card_c.banner .col1 h1{
color: #fff;
}
.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: 'OpenSans 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: 'OpenSans SemiBold';
top: 260px;
left: 70px;
right: 70px;
bottom: 34px;
display: flex;
}
.sec_card_c_service.sec_package_price .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_advisors======= */
.sec_advisors {
padding-top: 0 !important;
}
.sec_advisors .col{
width: calc(100%/2);
flex: unset;
}
.sec_advisors .col1{
padding-right: 40px;
}
.sec_advisors .col1 .image {
box-shadow: 0 15px 38px rgb(0 0 0 / 10%);
position: relative;
padding-bottom: 150%;
overflow: hidden;
border-radius: 20px;
}
.sec_advisors .col1 .image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.home_popup .crosBtn {
color: #fff;
background: #3dac9f;
border-radius: 50px;
top: 1rem;
right: 1rem;
}
@media (max-width: 512px) {
.home_popup iframe{
height: 275px;
}
}