/*
|----------------------------------------------------------------------
| 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");
}
@font-face {
font-family: "futura";
src: url("../fonts/futura-now-text-blk.otf");
}
@font-face {
font-family: "Tropica";
src: url("../fonts/Tropica Script.otf");
}
: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;
}
body {
position: relative;
min-height: 100%;
/*background-color: #f5f6f8;
*/
background-color: #fff;
color: #000000;
font-size: 16px;
font-family: 'Inter Regular';
margin: 0;
padding: 0;
line-height: 1.6;
word-break: break-word;
overflow-x: hidden;
transition: all .5s ease;
}
body {
display: flex;
flex-flow: column;
}
body.flow {
overflow: hidden !important;
}
body>main {
flex: 1;
overflow: hidden;
margin-top: -60px;
}
::selection {
background: #ff580e;
color: #fff;
}
::-moz-selection {
background: #8d92ec;
color: #fff;
}
body a {
color: #080a0f;
word-break: break-word;
}
body a,
body span {
display: inline-block;
text-decoration: none;
}
body a:hover {
color: #1b8f84;
}
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 Medium";
line-height: 1.2;
margin: 0 0 10px;
}
p {
margin: 0 0 15px;
}
p:nth-last-child(1) {
margin: 0;
}
p>a {
color: #000;
}
p>a:hover {
color: #000;
}
.relative {
position: relative;
}
.tableDv {
display: table;
width: 100%;
height: 100%;
}
.tableCell {
display: table-cell;
vertical-align: middle;
}
.toggle {
position: absolute;
top: 20px;
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: #188189;
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: #ff580e;
}
.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: 149px;
height: 50px;
background: linear-gradient(90deg, #0b4c7c 0%, #1668a0 100%) !important;
color: #fff !important;
color: #FFF !important;
font-size: 18px;
font-family: "Inter Regular";
text-align: center;
padding: 0 20px;
white-space: nowrap;
text-transform: capitalize;
border: 0;
outline: none !important;
border-radius: 46px;
-webkit-border-radius: 45px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
overflow: hidden;
}
/*
.webBtn:hover,
.webBtn:focus {
background: transparent !important;
border: 1px solid #0b4c7a;
color: #0b4c7a !important;
} */
.webBtn i {
font-size: 19px !important;
transform: rotate(45deg);
padding-left: 13px;
margin-top: -10px;
margin-right: -1px !important;
}
.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: linear-gradient(90deg, #DED1FA 0%, #FBD0D8 100%);
color: #7312d3 !important;
}
.colorBtn:hover {
box-shadow: 0 9px 15px -16px #7312d3;
}
.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: 33px;
}
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-weight: normal;
color: #185682;
}
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: 1140px;
padding: 0 15px;
margin: auto;
min-height: 1px;
z-index: 3;
}
.contain-fluid {
max-width: 1700px;
}
.contain:before,
.contain:after,
.contain-fluid:before,
.contain-fluid:after {
content: "";
display: table;
}
.contain:after,
.contain-fluid:after {
clear: both;
}
section {
position: relative;
padding: 4rem 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: 100000;
}
.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
|----------------------------------------------------------------------
*/
header {
position: fixed;
top: 0px;
left: 0;
right: 0;
background: transparent;
z-index: 500;
}
header.fix {
background-color: #fff;
box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
}
.logo {
/* height: 93px; */
z-index: 66;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 0;
width: 107px;
}
header .header_shape {
display: none;
}
.page-template-front-page header .header_shape {
width: 162%;
display: block;
position: absolute;
left: 0;
top: -88%;
z-index: -1;
}
.page-template-front-page header.fix .header_shape {
display: none;
}
.logo>a {
display: block;
/* height: 100%; */
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.logo a h1 {
font-family: "Tropica";
/* color: #0c4d7b; */
color: #fff;
line-height: 22px;
text-align: center;
margin-top: 10px;
}
header.fix .logo a h1 {
color: #0c4d7b;
}
.logo a h1 span, .logo a h1 strong {
font-family: 'Inter Light';
font-size: 15px;
color: #fff;
/* color: #333; */
line-height: 10px;
}
header.fix .logo a h1 span, header.fix .logo a h1 strong {
color: #333;
}
.logo>a>img {
display: block;
width: auto;
/*height: 100%;
*/
max-width: 100%;
object-fit: contain;
object-position: left center;
transition: inherit;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
header.fix .logo>a>img {
filter: none;
-webkit-filter: none;
}
nav {
display: flex;
align-items: center;
height: 80px;
justify-content: center;
gap: 400px;
position: absolute;
top: 0;
/* left: 0; */
right: 0px;
}
#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: #fff;
font-size: 15px;
text-align: center;
/*text-transform: uppercase;
*/
position: relative;
font-family: 'Inter Regular';
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;
}
.light-mode header nav ul>li:not(.btnLi)>a {
color: #000;
}
header.fix nav ul>li:not(.btnLi)>a {
color: #000;
}
nav ul>li:not(.btnLi)>a i {
margin-right: 10px;
font-size: 20px;
}
header.fix nav ul>li a::before, header.fix nav ul>li a.active::before {
border-bottom: 4px solid #d9618c;
}
/* nav ul>li a::before, nav ul>li .active::before {
content: "";
position: absolute;
bottom: 3px;
left: 50%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 4px solid #ff580e;
transform: translateX(-50%);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
} */
header.fix nav ul>li:hover>a, header.fix nav ul li .active {
color: #d9618c !important;
}
nav ul>li:hover>a::before, nav ul>li .active::before {
opacity: 1;
}
nav ul>li:hover a.active::before {
opacity: 1;
}
.eduact-btn__curve {
position: absolute;
right: -15px;
top: 0;
width: 33px;
height: 100%;
background: #f6f5f5;
opacity: 0.2;
z-index: 0;
-webkit-transform: skewX(-22deg);
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.webBtn:hover .eduact-btn__curve {
right: 0;
width: 100%;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
.header_bg {
/* background: #fff; */
padding: 0 11px;
border-radius: 10px;
position: relative;
}
/* |----------------------------------------------------------------------
| Footer
|---------------------------------------------------------------------- */
.txtBox {
display: block;
width: 100%;
height: 46px;
background: #fff;
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: #0c4d7e;
padding-top: 80px;
overflow: hidden;
font-size: 13px;
color: #fff;
}
footer .my_style {
border-radius: 27px;
border-bottom-left-radius: 29px;
position: absolute;
top: 6px;
right: 5px;
background: #d9618c;
color: #fff;
border: none;
/* padding: 12px; */
min-width: 100px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
footer .logo a h1 {
color: #fff;
}
footer .logo a h1 span, footer .logo a h1 strong {
color: #fff;
}
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 Medium';
padding-bottom: 10px;
font-size: 17px;
}
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 i {
color: #d9618c;
}
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: "Inter Regular";
}
footer .social {
margin: 10px -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: #124f7b; */
padding: 11px;
border-radius: 75%;
}
footer .social>li>a:hover {
background: #d9618c;
}
footer .social>li>a:hover img {
filter: brightness(0) invert(1);
}
/* footer .social>li>a>img {
filter: brightness(0) invert(1);
} */
/*_____ Copyright _____*/
.copyright {
padding: 25px 0;
margin-top: 60px;
z-index: 1;
border-top: 1px solid #eeeeee3b;
}
.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: #d9618c;
font-family: 'Inter Medium';
}
.copyright p>a:hover {
color: #fff;
}
/*=========================== testimonials ===================*/
.sppb-shape-container.sppb-top-shape {
top: 0px;
}
.sppb-shape-container {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
z-index: 2;
}
.sppb-shape-container svg {
display: block;
width: 100%;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sppb-shape-container.sppb-top-shape.sppb-shape-flip svg {
transform: rotateY(180deg) translateX(50%);
}
.sppb-shape-container.sppb-top-shape>svg {
width: 100%;
max-width: 100%;
height: 100px;
}
.sppb-shape-container.sppb-bottom-shape {
bottom: -1px;
}
.sppb-shape-container.sppb-bottom-shape>svg {
width: 200%;
max-width: 200%;
height: 100px;
}
.sppb-shape-container.sppb-bottom-shape>svg path, .sppb-shape-container.sppb-bottom-shape>svg polygon {
fill: #fff;
}
.testimonials .sppb-shape-container.sppb-top-shape>svg path, .testimonials .sppb-shape-container.sppb-top-shape>svg polygon {
fill: #fff;
}
.sppb-shape-container.sppb-bottom-shape.sppb-shape-flip svg {
transform: rotate(180deg) translateX(50%);
}
.sppb-shape-container.sppb-bottom-shape svg {
transform: rotateX(180deg) translateX(-50%);
}
.testimonials {
color: #fff;
background-image: url(../images/bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.testimonials::before {
position: absolute;
content: '';
left: 0;
top: 0;
background: #0c4d7e;
opacity: 0.9;
width: 100%;
height: 100%;
}
.testimonials .se_heading {
text-align: center;
padding-top: 31px;
}
.testimonials .sec_heading span {
color: #f3ab21;
}
.testimonials .item {
padding-top: 25px;
max-width: 700px;
margin: auto;
position: relative;
}
.testimonials .inner {
position: relative;
background: #ffffff1f;
box-shadow: 0 3px 15px 0 rgb(0 0 0 / 5%);
padding: 30px;
display: flex;
border-radius: 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;
font-family: "Inter Light";
}
.testimonials .item a:hover {
color: #fff;
}
.testimonials .inner .lower {
display: flex;
margin-top: 18px;
}
.testimonials .inner .lower .name {
display: block;
}
.testimonials .inner .lower-cntnt {
align-self: center;
padding-left: 20px;
width: 45%;
}
.testimonials .inner .lower-cntnt .scale {
color: #d0d0d0;
font-size: 11px;
}
.testimonials a:hover .inner .lower-cntnt .scale {
color: #ffff;
}
.testimonials .lower .icon img {
filter: brightness(0) invert(1);
}
.testimonials .inner .icon i {
font-size: 50px;
margin-left: 79px;
color: #002d6b;
}
.testimonials .inner .image {
height: 56px;
width: 66px;
position: relative;
}
.testimonials .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;
}
.testimonials .inner .name-profession {
display: flex;
flex-direction: column;
}
.testimonials ul li .img {
width: 20px;
}
.testimonials a:hover .inner ul li img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.testimonials .lower .icon {
width: 53px;
margin-left: 70px;
}
.testimonials .lower .icon {
width: 53px;
margin-left: 70px;
}
.testimonials a:hover .lower .icon img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
body span {
display: inline-block;
text-decoration: none;
}
.testimonials .inner .name-profession .name {
font-size: 14px;
font-family: 'Inter Medium';
}
.testimonials .inner .name-profession .profession {
margin-top: 8px;
}
.owl-dots {
justify-content: center;
margin-top: 28px;
margin-bottom: 0px;
padding-right: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
}
.owl-dots button span {
width: 10px;
height: 10px;
background: #fff;
border-radius: 2px;
margin: 5px;
position: relative;
}
.owl-dots button span::before {
position: absolute;
content: '';
left: -3px;
top: -3px;
background: transparent;
border: 1px solid #eee;
width: 155%;
height: 158%;
border-radius: 2px;
}
.owl-dots button.active span {
background: #d9618c;
}
.owl-dots button.active span::before {
border: 1px solid #d9618c;
}
/* ======contact-page====== */
#contact_sec .se_heading {
text-align: center;
}
#contact_sec .content {
width: 50%;
align-self: center;
}
#contact_sec .flex .col {
width: calc(100%/3);
padding: 15px;
padding-bottom: 0;
margin-top: 30px;
}
#contact_sec .flex .col .inner {
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
border-left: 3px solid #0c4d7e;
padding: 26px;
text-align: center;
}
#contact_sec .flex .col .inner .image {
width: 70px;
background: #fff;
height: 70px;
box-shadow: 0 0 0 5px #18537d29;
border-radius: 10px 30px 10px 10px;
margin: auto;
margin-bottom: 20px;
padding: 18px;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
position: relative;
}
#contact_sec .col .image::before {
position: absolute;
left: -6px;
bottom: -6px;
background: #0044cc;
background: #d9618c;
content: "";
width: 100%;
height: 100%;
border-radius: 10px;
z-index: -1;
}
/* #contact_sec .flex .col .inner .image img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
} */
#contact_sec {
padding-top: 2rem;
}
/* ===== .contact-form===== */
.contact-form {
padding-top: 0;
}
.contact-form .wpcf7-spinner {
display: none;
}
.contact-form:after {
content: '';
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../images/feedback-bg.png);
background-position: left;
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
}
.contact-form .se_heading {
text-align: center;
}
.contact-form .txtGrp {
position: relative;
padding-bottom: 23px;
}
.txtBox {
display: block;
width: 100%;
height: 54px;
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;
box-shadow: 0px 13px 25px 0px rgb(77 54 206 / 5%);
}
.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;
box-shadow: 0px 13px 25px 0px rgb(77 54 206 / 5%);
}
.contact-form .inner {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
padding: 38px;
width: 62%;
margin: auto;
margin-top: 37px;
text-align: center;
}
.contact-form .inner h2 {
margin-bottom: 20px;
}
/* =====small_links==== */
.small_links .inner {
padding-top: 150px;
position: relative;
}
.small_links .sppb-shape-container.sppb-top-shape>svg {
height: 220px;
z-index: -1;
}
.small_links .sppb-shape-container.sppb-top-shape>svg path {
fill: #0c4d7e;
}
.small_links .inner a {
color: #0c4d7e;
font-family: 'Inter Medium';
}
/* ======================= */
.about-page .col1 {
align-self: center;
}
.about-page .flex {
margin-top: 30px;
}
.about-page .flex:nth-child(odd) {
flex-direction: row-reverse;
}
.about-page .flex:nth-child(odd) .col2 {
padding-left: 0;
padding-right: 30px;
align-self: center;
}
.about-page .flex:nth-child(even) .col2 {
padding-right: 0;
padding-left: 30px;
align-self: center;
}
.about-page .flex:nth-child(odd) .col1 {
padding-right: 0;
padding-left: 20px;
}
.about-page .flex:nth-child(even) .col1 {
padding-right: 20px;
padding-left: 0px;
}
.about-page .flex .image img {
object-fit: cover;
border-radius: 10px 100px 10px;
-webkit-border-radius: 10px 100px 10px;
-moz-border-radius: 10px 100px 10px;
-ms-border-radius: 10px 100px 10px;
-o-border-radius: 10px 100px 10px;
}
.sec_about.about-page:before {
top: 57%;
width: 38%;
}
/* ============= intro ============ */
#intro {
padding-top: 0rem !important;
padding-bottom: 3rem;
}
.left_text {
max-width: 650px;
margin: 0 auto 50px;
}
#intro .left_text h5 {
color: #f1a615;
text-transform: uppercase;
font-family: "Poppins Medium";
}
#intro .flex {
margin: 0 -10px;
}
#intro .col {
width: calc(100% / 5);
padding: 0 10px;
}
#intro .col:nth-child(even) {
margin-top: 50px;
}
#intro .col .inner {
background-color: #fff;
box-shadow: 0px 2px 60px 0px rgb(0 0 0 / 10%);
padding: 40px 16px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
/* height: 100%; */
}
#intro .col .inner .cntnt {
text-align: center;
}
#intro .col .inner .cntnt p {
margin-top: 10px;
}
#intro .col .inner .icon {
width: 69px;
margin: 0 auto 10px;
}
#intro .col:nth-child(2) .inner {
background-color: #d9628d;
color: #fff;
}
#intro .col:nth-last-child(2) .inner {
background-color: #1b8f84;
color: #fff;
}
#intro .col h4 {
margin-bottom: 0;
font-size: 18px;
}
#intro .se_heading {
width: 55%;
margin: 0 auto;
margin-bottom: 26px;
}
#intro .col:nth-child(2) .inner .icon,
#intro .col:nth-last-child(2) .inner .icon {
filter: brightness(0) invert(1);
}
.line {
width: 30%;
margin: 0 auto;
background-color: #d6608b;
min-height: 2px;
}
#intro .col:nth-child(2) .inner .line {
background-color: #fff;
}
#intro h5 {
color: #16294c;
margin-bottom: 30px;
}
#intro .sec_heading {
width: 53%;
margin: 0 auto;
}
/* ====two_cols=== */
.two_cols .cols {
width: 50%;
}
/* ======banner====== */
#banner {
padding-top: 0;
/* height: 100vh; */
display: flex;
align-items: center;
padding-bottom: 0;
}
#banner .shape {
position: absolute;
width: 100%;
top: 0;
}
#banner .flex {
padding-top: 100px;
}
#banner h1 {
font-family: "futura";
/* font-size: 48px; */
margin-bottom: 20px;
}
#banner .cta {
margin-top: 20px;
}
#banner .image {
position: relative;
padding-bottom: 79%;
}
#banner .col1 {
align-self: center;
padding-right: 20px;
}
#banner .col2 {
align-self: center;
}
#banner .image>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: contain;
transition: all linear 0.5s;
}
/* ===== */
.se_heading h2 {
font-family: 'futura';
font-size: 40px;
}
.sec_works .shape {
position: absolute;
left: 5%;
top: -10%;
}
.sec_works {
padding-top: 1rem;
}
.sec_works .se_heading {
text-align: center;
width: 66%;
margin: 0 auto;
}
.sec_works .sec_content {
width: 55%;
text-align: center;
margin: 0 auto;
}
.sec_works .flex {
position: relative;
margin-top: 30px;
}
.sec_works .flex .shape {
position: absolute;
top: -51%;
width: 94%;
left: 2%;
z-index: -1;
transform: rotate(4deg);
}
.sec_works .cols {
width: calc(100%/3);
}
.sec_works .cols .image {
width: 65px;
height: 65px;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
background: #fff;
position: relative;
border-radius: 10px 30px 10px 10px;
padding: 12px;
margin: 0 auto;
margin-bottom: 30px;
-webkit-border-radius: 10px 30px 10px 10px;
-moz-border-radius: 10px 30px 10px 10px;
-ms-border-radius: 10px 30px 10px 10px;
-o-border-radius: 10px 30px 10px 10px;
}
.sec_works .cols .image::before {
position: absolute;
left: -10px;
bottom: -10px;
background: #1b8f84;
content: "";
width: 100%;
height: 100%;
border-radius: 10px;
z-index: -1;
}
.sec_works .cols .image .num {
position: absolute;
right: -8px;
top: -6px;
text-align: center;
background: #d9618c;
color: #fff;
width: 25px;
height: 24px;
border-radius: 100%;
font-size: 12px;
font-family: 'futura';
padding-top: 2px;
}
.sec_works .cols .inner {
text-align: center;
padding: 0 48px;
font-family: 'Inter Light';
}
/* =====sec_quality===== */
.sec_quality {
padding-top: 0;
}
.sec_quality .cta {
margin-top: 30px;
}
.sec_quality::before {
content: '';
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../images/about-bg-left.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
}
.sec_quality::after {
content: '';
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-image: url(../images/about-bg-right.png);
background-position: right;
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
}
.sec_quality .col1 {
width: 30%;
align-self: center;
padding: 10px;
}
.sec_quality .col2 {
width: 40%;
}
.sec_quality .se_heading {
text-align: center;
}
.sec_quality .sec_content {
width: 44%;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
}
.sec_quality .image {
position: relative;
padding-bottom: 100%;
}
.sec_quality .image>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: contain;
transition: all linear 0.5s;
}
.sec_quality .inner ul li {
position: relative;
padding-left: 22px;
width: 100%;
margin-bottom: 4px;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
padding: 16px 20px;
border-radius: 7px;
margin-bottom: 15px;
padding-left: 33px;
background: #fff;
}
.sec_quality .inner ul li:before {
position: absolute;
/* content: "\f101"; */
content: "\f046";
font-family: 'FontAwesome';
left: 12px;
top: 17px;
color: #d8618b;
}
/* ===========sec_deals====== */
#sec_deals .se_heading {
text-align: center;
margin-bottom: 30px;
}
#sec_deals .inner {
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
font-family: "Inter Light";
}
/* #sec_deals .span-it{
position: absolute;
z-index: 11;
color: #fff;
right: 23px;
top: 16px;
height: 30px;
padding: 13px;
width: 47px;
background: #edac13;
border-radius: 3px;
display: none;
} */
#sec_deals .image {
margin-top: 20px;
position: relative;
padding-bottom: 70%;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
#sec_deals .image>img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
transition: all .3s linear;
-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_deals .col:hover .image>img {
-webkit-transform: rotate(3deg) scale(1.08);
-ms-transform: rotate(3deg) scale(1.08);
-o-transform: rotate(3deg) scale(1.08);
transform: rotate(3deg) scale(1.08);
}
#sec_deals .text {
margin: auto;
text-align: center;
width: 490px;
margin-bottom: 30px;
}
#sec_deals .title-white {
margin: auto;
margin-bottom: 14px;
}
#sec_deals .col {
width: calc(100%/3);
padding: 10px;
flex: unset;
padding-bottom: 0;
}
#sec_deals .col .inner {
background: #fff;
padding: 15px;
border-radius: 10px;
}
/* #sec_deals .col .content {
margin-top: 25px;
} */
#sec_deals .col .logo-1 {
width: 50px;
height: 50px;
background: #16294c;
border-radius: 100%;
border: 1px solid #16294c;
}
#sec_deals .col .logo-1 img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100%;
}
#sec_deals .col:hover a {
color: #098d43
}
#sec_deals .col .prc {
align-self: center;
margin-left: 20px;
}
#sec_deals .col .prc span {
display: block;
}
#sec_deals .col .prc .price {
font-weight: 900;
}
#sec_deals .col .cta {
margin-bottom: 20px;
}
#sec_deals .gal-product {
position: absolute;
right: 56px;
top: 22px;
}
#sec_deals .gal-product a {
width: 50px;
display: block;
padding: 2px 4px 0px 6px;
height: 50px;
/* background: #509087; */
/* border: 1px solid #fff; */
margin-bottom: 6px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
transform: translatex(100%);
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
-ms-transform: translatex(100%);
-o-transform: translatex(100%);
}
#sec_deals .gal-product a i {
color: #fff;
}
#sec_deals .gal-product span {
position: absolute;
right: 32%;
top: 7px;
height: 30px;
bottom: 0;
/* line-height: 3rem; */
align-items: center;
display: flex;
font-weight: 300;
font-size: 1.1rem;
white-space: nowrap;
letter-spacing: 0;
min-width: 100px;
padding-left: 1.8rem;
padding-right: 4.4rem;
color: #098d43;
-webkit-transition: all .35s ease;
transition: all .35s ease;
opacity: 0;
visibility: hidden;
background: #fff;
border-top-left-radius: 30px;
border-bottom-left-radius: 24px;
border-radius: 28px;
-webkit-transform: translateX(15px);
transform: translateX(15px);
z-index: -1;
}
#sec_deals .col:hover .gal-product a span {
opacity: 1;
visibility: visible;
transform: translateX(10px);
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
}
#sec_deals {
padding-top: 0;
background-image: url(../images/gl-bg.svg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
/* ======sec_about==== */
/* .sec_about:before {
content: '';
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../images/download-shape-left.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
} */
.sec_about:after {
content: '';
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-image: url(../images/download-shape-rightt.png);
background-position: right;
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
}
.sec_about .image {
position: relative;
padding-bottom: 79%;
}
.sec_about .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 118px 10px;
-webkit-border-radius: 10px 118px 10px;
-moz-border-radius: 10px 118px 10px;
-ms-border-radius: 10px 118px 10px;
-o-border-radius: 10px 118px 10px;
}
.sec_about .se_heading {
margin-bottom: 20px;
}
.sec_about .cta {
margin-top: 20px;
}
.sec_about .col2 {
padding-left: 30px;
align-self: center;
}
.sec_about .col1 {
padding-right: 20px;
}
/* =======contact_area====== */
.contact_area {
padding-top: 1rem;
}
.contact_area .col1 {
padding-right: 30px;
align-self: center;
font-family: "Inter Light";
}
.contact_area .image {
position: relative;
padding-bottom: 79%;
}
.contact_area .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.contact_area h6 {
color: #0d5182;
font-family: 'Inter Bold';
margin-bottom: 20px;
}
.contact_area .social>li>a {
display: flex !important;
align-items: center;
justify-content: center;
width: 38px;
min-width: 38px;
height: 38px;
background: #fff;
/*background: #124f7b;
*/
padding: 11px;
border-radius: 10px 30px 10px 10px;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
position: relative;
-webkit-border-radius: 10px 30px 10px 10px;
-moz-border-radius: 10px 30px 10px 10px;
-ms-border-radius: 10px 30px 10px 10px;
-o-border-radius: 10px 30px 10px 10px;
}
.contact_area .social>li {
padding-right: 15px;
}
.contact_area .social>li>a::before {
position: absolute;
content: '';
left: -5px;
bottom: -5px;
background: #d9618c;
width: 100%;
height: 100%;
border-radius: 10px 30px 10px 10px;
-webkit-border-radius: 10px 30px 10px 10px;
-moz-border-radius: 10px 30px 10px 10px;
-ms-border-radius: 10px 30px 10px 10px;
-o-border-radius: 10px 30px 10px 10px;
z-index: -1;
}
.contact_area .cta {
margin-top: 25px;
}
/* ===== */
.product .image {
position: relative;
padding-bottom: 89%;
}
.product:after {
content: '';
width: 70%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-image: url(../images/begin-shape.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
background-position: right bottom;
}
.product::before {
content: '';
width: 20%;
height: 30%;
position: absolute;
right: 0;
top: 0;
background-image: url(../images/about-bg-right.png);
background-position: right;
background-size: contain;
background-repeat: no-repeat;
z-index: -9;
}
.product .cols.col1 {
align-self: center;
padding-right: 20px;
}
.product .cols.col2 {
align-self: center;
}
.product .cols ul {
padding-bottom: 15px;
}
.product .cols ul li {
position: relative;
width: 100%;
padding-left: 25px;
font-family: "Inter Regular";
}
.product .cols ul li:before {
position: absolute;
content: "\f046";
font-family: 'FontAwesome';
left: 0px;
top: 0px;
color: #1b9384;
}
.product .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;
}
.product .ckEditor h5 {
display: inline-block;
padding-right: 10px;
}
.product .inner h3 {
font-family: "futura";
margin-bottom: 20px;
margin-top: 20px;
}
/* =====sec_cta ====== */
.sec_cta {
background-image: url(../images/shape-bg.png);
background-size: cover;
background-position: center;
background-color: #15659c;
color: #fff;
}
.sec_cta .col2 {
display: flex;
justify-content: end;
align-items: center;
}
.sec_cta .col2 .webBtn {
background: #fff !important;
color: #0b4c7c !important;
}
.sec_cta h2 {
font-family: 'futura';
font-size: 29px;
}
.sec_cta .eduact-btn__curve {
background: #1b8d82;
}
.new_banner {
background: url(../images/14.jpg) right no-repeat !important;
background-size: cover !important;
position: relative;
padding: 12rem 0;
margin-bottom: 4rem;
}
.new_banner:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(90deg, #eee 0%, #f0f0f0 43.53%, rgb(240 240 240 / 78%) 56.67%, rgba(255, 255, 255, 0.00) 100%);
}
.new_banner .cntnt {
max-width: 33rem;
position: relative;
}
.new_banner .cntnt h2 {
color: #1b8f84;
display: flex;
}
.new_banner .cntnt h2 em {
font-style: normal;
width: fit-content;
align-self: center;
}
.new_banner .cntnt h2 img {
width: 3rem;
height: 3rem;
display: block;
}
/* / ============ / */
.sec_p_one .image {
position: relative;
padding-bottom: 80%;
margin-top: -50px;
}
.sec_p_one .col2 {
position: relative;
}
.sec_p_one .image>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: contain;
transition: all linear 0.5s;
object-position: top;
z-index: 2;
}
.sec_p_one .cols h3 {
font-family: 'futura';
font-size: 30px;
text-transform: capitalize;
}
.sec_p_one .col1 {
align-self: center;
}
.sec_p_one .col2 .image:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
content: "";
background: linear-gradient(244.29deg, #ee6b984d .85%, #0c4d7f12 67.15%);
transform: rotate(0deg);
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
z-index: -1;
width: 80%;
height: 83%;
margin: auto;
z-index: -1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
/* / ====sec_p_two====== / */
.sec_p_two {
position: relative;
/* background-image: url(../images/14.png);
background-position: center;
background-size: cover; */
}
.sec_p_two .shape {
position: absolute;
left: 0;
right: 0;
width: 100%;
top: -146px;
}
.sec_p_two .flex {
flex-direction: row-reverse;
padding: 0 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.sec_p_two.sec_p_one .col1 {
padding-left: 60px;
}
.sec_p_two .image {
padding-bottom: 72%;
}
.sec_p_two .image>img {
border-radius: 20px;
}
.sec_p_two .cols .image::after {
position: absolute;
right: 0;
bottom: 1px;
left: 0;
content: "";
background: linear-gradient(244.29deg, #ee6b984d .85%, #0c4d7f12 67.15%);
transform: rotate(0deg);
border-radius: 12px;
-webkit-border-radius: 19px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
z-index: -1;
width: 104%;
height: 100%;
margin: auto;
z-index: -1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
/* .sec_p_two .col1::after {
position: absolute;
top: -6%;
left: 0px;
content: " ";
width: 100%;
height: 110%;
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
background: #fff;
z-index: -1;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
} */
/* .sec_p_two .col1::before {
position: absolute;
top: 100%;
left: 0px;
content: " ";
width: 0;
height: 0;
border-style: solid;
z-index: 3;
border-width: 10px 0px 10px 10px;
border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
} */
/* =====sec_p_three====== */
.sec_p_three {
background: #fff;
}
.sec_p_three .image::after {
display: none;
}
.sec_p_three .shape_bg {
position: absolute;
right: 0;
top: -50%;
}
/* ========= */
.sec_plist .col1 {
width: 30%;
align-self: center;
padding-right: 15px;
}
.sec_plist h3, .sec_plist h6 {
font-family: 'futura';
}
.sec_plist .col2 {
width: 40%;
}
.sec_plist .col1 {
width: 30%;
align-self: center;
padding: 10px;
}
.sec_plist .inner ul li {
position: relative;
width: 100%;
margin-bottom: 4px;
box-shadow: none;
margin-bottom: 25px;
}
.sec_plist .inner ul {
margin-top: 30px;
}
.sec_plist .inner ul li .img {
width: 80px;
height: 80px;
padding: 10px;
padding-left: 15px;
margin-bottom: 35px;
}
.sec_plist .inner ul li .img .back_bg {
position: absolute;
top: -5px;
z-index: -1;
left: 0;
}
.sec_plist .inner ul li .img .back_bg img {
filter: hue-rotate(-190deg);
opacity: 0.2;
}
.sec_plist .col2 {
padding: 0 25px;
align-self: center;
}
/* ====product==== */
.product {
padding-top: 0;
}
.product .slide-carousel {
box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
padding: 19px;
border-radius: 12px;
background: #1b93840d;
text-align: left;
}
.product .owl-dots button span {
background: #1b9384;
}
.sec_plist .cta {
width: 100%;
}