@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("animate.css");
@import url("swiper.min.css");
@import url("magnific.css");
@import url("linear.css");
@import url("fontawesome-free.css");
@import url("fontawesome.css");
@import url("flaticon.css");
@import url("flaticon-set-business.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");
@import url("odometer-theme-default.css");
@import url("cusor-text.css");
@import url("nice-select.css");
:root {
--theme-color-white: #ffffff;
--theme-color-white-rgb: 255, 255, 255;
--theme-color-light: #f8f5f0;
--theme-color-gray: #f6f6f6;
--theme-color-black: #000000;
--theme-color-black-rgb: 0, 0, 0;
--theme-color1: #0B4654;
--theme-color1-rgb: 34, 36, 41;
--theme-color2: #FF6D45;
--theme-color2-rgb: 255, 170, 23;
--theme-color3: #9DAAA4;
--theme-color4: #15505E;
--theme-color5: #1F5A68;
--theme-color6: #30443C;
--theme-color7: #FF853F;
--theme-color8: #F8F9F5;
--theme-bg-color1: #F0FDFE;
--bg-theme-color1: var(--theme-color1);
--bg-theme-color2: #0043B9;
--bg-theme-color3: var(--theme-color3);
--border-theme-color1: var(--theme-color1);
--border-theme-color2: #0043B9;
--border-theme-color3: var(--theme-color3);
--text-color-bg-theme-color1: #fff;
--text-color-bg-theme-color2: #0f0f0f;
--text-color-bg-theme-color3: #fff;
--gradient-1: linear-gradient(313.49deg, #FFF4DD 2.4%, #F1FFDE 49.55%, #E7FFD8 82.23%);
--gradient-2: linear-gradient(247.34deg, #B0DBE5 -0.54%, #F3FDFF 39.73%, #F1FCFE 62.81%, #C9E8EF 93.75%);
--gradient-3: linear-gradient(180deg, rgba(12, 35, 24, 0) 40%, #0B4654 100%);
--gradient-4: linear-gradient(180deg, rgba(11, 70, 84, 0) 60%, #0B4654 100%);
--gradient-5: linear-gradient(270deg, rgba(12, 35, 24, 0) 41.35rgb(5, 5, 5)654 90%);
--gradient-6: linear-gradient(180deg, rgba(12, 35, 24, 0) 30%, #0C2318 95%);
--text-color: #A8BFC4;
--heading-color: #0B4654;
--link-color: #0B4654;
--link-hover-color: #5b8c51;
--text-font:"Poppins", sans-serif;
--title-font: "Outfit", sans-serif;
--body-font-size: 16px;
--body-line-height: 28px;
--body-font-weight: 400;
--line-height-heading-h1: 1em;
--line-height-heading: 1.2em;
--line-height-heading-small: 1.4em;
--h1-font-size: 60.8px;
--h2-font-size: 48px;
--h3-font-size: 31.2px;
--h4-font-size: 23.2px;
--h5-font-size: 18px;
--h6-font-size: 14px;
--h1-font-weight: 700;
--h2-font-weight: 700;
--h3-font-weight: 700;
--h4-font-weight: 700;
--h5-font-weight: 700;
--h6-font-weight: 700;
--sec-title-subtitle-color: #0043B9;
--sec-title-subtitle-font-size: 13px;
--sec-title-subtitle-font-family: var(--text-font);
--sec-title-subtitle-font-weight: 700;
--sec-title-subtitle-line-height: 1.2em;
--sec-title-color: var(--heading-color);
--sec-title-font-size: 50px;
--sec-title-font-family: "Google Sans", sans-serif;
--sec-title-font-weight: var(--h2-font-weight);
--theme-light-background: #f8f6f1;
--theme-light-background-text-color: var(--heading-color);
--theme-black: #222429;
--container-width: 1350px;
--main-container-width: 1320px;
--small-container-width: 1000px;
--large-container-width: 1550px;
--container-pt: 120px;
--container-pb: 120px;
}
/*
* typography.scss
* -----------------------------------------------
*/
::selection {
background: #0043B9;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #0043B9; /* Firefox */
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background: #0043B9; /* Safari */
color: #fff;
text-shadow: none;
}
:active,
:focus {
outline: none !important;
}
::-webkit-input-placeholder {
color: #7c858c;
}
::-moz-input-placeholder {
color: #7c858c;
}
::-ms-input-placeholder {
color: #7c858c;
}
body {
background-color: #fff!important;
background-attachment: fixed;
-ms-word-wrap: break-word;
word-wrap: break-word;
counter-reset: my-sec-counter;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
color: var(--text-color);
font-size: var(--body-font-size);
font-family: var(--text-font);
font-weight: var(--body-font-weight);
line-height: var(--body-line-height);
}
p, .text {
color: var(--text-color);
font-size: var(--body-font-size);
font-family: var(--text-font);
font-weight: var(--body-font-weight);
line-height: var(--body-line-height);
}
.google-sans-<uniquifier> {
font-family: "Google Sans", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"GRAD" 0;
}
.poppins-thin {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}
.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}
.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}
.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}
.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}
.poppins-extrabold {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
}
.poppins-black {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: normal;
}
.poppins-thin-italic {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: italic;
}
.poppins-extralight-italic {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: italic;
}
.poppins-light-italic {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: italic;
}
.poppins-regular-italic {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}
.poppins-medium-italic {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
}
.poppins-semibold-italic {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: italic;
}
.poppins-bold-italic {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: italic;
}
.poppins-extrabold-italic {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: italic;
}
.poppins-black-italic {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: italic;
}
/* -------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
position: relative;
line-height: var(--line-height-heading-);
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
font-weight: normal;
line-height: 1;
color: var(--heading-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1rem;
}
h1 {
font-size: var(--h1-font-size);
font-weight: var(--h1-font-weight);
line-height: var(--line-height-heading-h1);
}
h2 {
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);
line-height: var(--line-height-heading);
}
h3 {
font-size: var(--h3-font-size);
font-weight: var(--h3-font-weight);
line-height: var(--line-height-heading);
}
h4 {
font-size: var(--h4-font-size);
font-weight: var(--h4-font-weight);
line-height: var(--line-height-heading-small);
}
h5 {
font-size: var(--h5-font-size);
font-weight: var(--h5-font-weight);
line-height: var(--line-height-heading-small);
}
h6 {
font-size: var(--h6-font-size);
font-weight: var(--h6-font-weight);
line-height: var(--line-height-heading-small);
}
/* -------- Body Text ---------- */
table p {
margin-bottom: 0;
}
p {
margin-bottom: 20px;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
text-decoration: underline;
}
/* -------- other ---------- */
a {
color: var(--link-color);
text-decoration: none;
font-weight: var(--body-font-weight);
cursor: pointer;
transition: all 0.3s ease;
}
a:hover, a:focus {
color: inherit;
text-decoration: none;
outline: none;
}
a b, a strong {
transition: all 0.3s ease;
}
a img {
border: none;
}
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
margin-bottom: 10px;
}
ol, ul {
list-style-position: inside;
margin: 0;
padding: 0;
}
b, strong {
color: #333;
font-weight: var(--body-font-weight-bold);
}
iframe {
border: none !important;
}
.reveal {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
visibility: hidden;
overflow: hidden;
}
.reveal img {
-o-object-fit: cover;
object-fit: cover;
-webkit-transform-origin: left;
transform-origin: left;
}
label {
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
.fade-in {
opacity: 0;
transform: translateY(50px);
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.boxs {
opacity: 0;
will-change: transform, opacity;
}
#smooth-wrapper {
overflow: hidden;
}
/*
* container.scss
* -----------------------------------------------
*/
.container .container {
width: 100%;
}
.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
section > .container,
section > .container-fluid {
padding-top: var(--container-pt);
padding-bottom: var(--container-pt);
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: var(--container-width);
}
}
/*=== Default Form ===*/
.form-control, .input-text {
height: calc(2.25rem + 27px);
padding: 14px 30px;
outline: 0;
background-color: #f4f5f8;
border: 1px solid #f4f5f8;
color: #686a6f;
font-size: 0.9rem;
width: 100%;
}
.form-control::placeholder, .input-text::placeholder {
color: #686a6f;
opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
color: #686a6f;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
color: #686a6f;
}
textarea.form-control {
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}
/*
* boxed-layout.scss
* -----------------------------------------------
*/
.tm-boxed-layout {
background-color: #0C2318;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.tm-boxed-layout.layer-overlay:before {
z-index: -1;
}
.tm-boxed-layout .page-wrapper {
margin: 0 auto;
overflow: hidden;
}
@media (min-width: 1200px) {
.tm-boxed-layout .page-wrapper {
width: 1170px;
}
}
.tm-boxed-layout .container .container {
width: 100%;
}
@media (min-width: 1200px) {
.tm-boxed-layout .container {
width: 1140px;
}
}
@media (min-width: 1000px) {
.tm-boxed-layout.tm-container-970px .page-wrapper {
width: 970px;
}
}
.tm-boxed-layout.tm-container-970px .container,
.tm-boxed-layout.tm-container-970px .container-fluid {
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-970px .container .container,
.tm-boxed-layout.tm-container-970px .container .container-fluid,
.tm-boxed-layout.tm-container-970px .container-fluid .container,
.tm-boxed-layout.tm-container-970px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1300px) {
.tm-boxed-layout.tm-container-1230px .page-wrapper {
width: 1230px;
}
}
.tm-boxed-layout.tm-container-1230px .container,
.tm-boxed-layout.tm-container-1230px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1230px .container .container,
.tm-boxed-layout.tm-container-1230px .container .container-fluid,
.tm-boxed-layout.tm-container-1230px .container-fluid .container,
.tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1400px) {
.tm-boxed-layout.tm-container-1300px .page-wrapper {
width: 1300px;
}
}
.tm-boxed-layout.tm-container-1300px .container,
.tm-boxed-layout.tm-container-1300px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1300px .container .container,
.tm-boxed-layout.tm-container-1300px .container .container-fluid,
.tm-boxed-layout.tm-container-1300px .container-fluid .container,
.tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1400px) {
.tm-boxed-layout.tm-container-1340px .page-wrapper {
width: 1340px;
}
}
.tm-boxed-layout.tm-container-1340px .container,
.tm-boxed-layout.tm-container-1340px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1340px .container .container,
.tm-boxed-layout.tm-container-1340px .container .container-fluid,
.tm-boxed-layout.tm-container-1340px .container-fluid .container,
.tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1400px) {
.tm-boxed-layout.tm-container-1440px .page-wrapper {
width: 1440px;
}
}
.tm-boxed-layout.tm-container-1440px .container,
.tm-boxed-layout.tm-container-1440px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1440px .container .container,
.tm-boxed-layout.tm-container-1440px .container .container-fluid,
.tm-boxed-layout.tm-container-1440px .container-fluid .container,
.tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1560px) {
.tm-boxed-layout.tm-container-1500px .page-wrapper {
width: 1500px;
}
}
.tm-boxed-layout.tm-container-1500px .container,
.tm-boxed-layout.tm-container-1500px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1500px .container .container,
.tm-boxed-layout.tm-container-1500px .container .container-fluid,
.tm-boxed-layout.tm-container-1500px .container-fluid .container,
.tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1660px) {
.tm-boxed-layout.tm-container-1600px .page-wrapper {
width: 1600px;
}
}
.tm-boxed-layout.tm-container-1600px .container,
.tm-boxed-layout.tm-container-1600px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.tm-boxed-layout.tm-container-1600px .container .container,
.tm-boxed-layout.tm-container-1600px .container .container-fluid,
.tm-boxed-layout.tm-container-1600px .container-fluid .container,
.tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
.tm-boxed-layout.tm-container-100pr .page-wrapper {
width: 95%;
}
.tm-boxed-layout.tm-container-100pr .page-wrapper .container,
.tm-boxed-layout.tm-container-100pr .page-wrapper .container-fluid {
width: 100%;
}
.tm-boxed-layout.container-shadow .page-wrapper {
box-shadow: 0 0 25px 0 #777;
}
.tm-boxed-layout .header,
.tm-boxed-layout section,
.tm-boxed-layout .footer {
background-color: #fff;
}
.tm-boxed-layout .header .navbar-default {
background-color: #fff;
border-color: #fff;
padding: 0;
}
.tm-boxed-layout .header .navbar-default .navbar-nav > li > a {
padding: 30px 5px;
}
.tm-boxed-layout .header .navbar-default .navbar-collapse {
background-color: #fff;
border-color: #fff;
margin-right: 30px;
}
.tm-boxed-layout .header #header-logo {
margin: 0;
padding-top: 27px;
}
.tm-boxed-layout .banner-section .slide-item {
min-height: 540px;
}
.tm-boxed-layout .banner-section .slide-item .content-box {
padding: 150px 0 220px;
}
.tm-boxed-layout .banner-section-two .content-box {
padding: 250px 0 150px;
}
.tm-boxed-layout .banner-section-three .content-box {
padding: 250px 0 150px;
}
.tm-boxed-layout .banner-section-four .content-box {
padding: 130px 0;
}
@media (max-width: 1200px) {
.tm-boxed-layout {
padding-top: 15px;
}
.tm-boxed-layout .header .navbar-default .navbar-nav > li > a {
padding: 10px;
}
.tm-boxed-layout .header .navbar-default .navbar-collapse {
margin-right: 15px;
}
.tm-boxed-layout .navbar-header {
padding: 15px 0;
}
.tm-boxed-layout .navbar-collapse .navbar-nav li a .caret {
margin-right: 0;
}
}
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
}
/***
====================================================================
Global Settings
====================================================================
***/
textarea {
overflow: hidden;
resize: none;
}
button {
outline: none;
cursor: pointer;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
.title a {
color: inherit;
}
.color1 {
color: var(--theme-color1);
}
.color2 {
color: #0043B9;
}
.color3 {
color: var(--theme-color3);
}
.bg-color3 {
background-color: var(--theme-color3);
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
z-index: 99;
background-color: #ffffff;
}
.large-container {
position: static;
max-width: var(--large-container-width);
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.auto-container {
position: static;
max-width: var(--container-width);
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.main-container {
position: static;
max-width: var(--main-container-width);
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.small-container {
position: static;
max-width: var(--small-container-width);
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.dropdown-toggle::after {
display: none;
}
/*==========================
Prelaoder
===========================*/
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
}
.preloader:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
color: var(--theme-color-black);
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
content: "Loading";
text-transform: uppercase;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.preloader .loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin: -75px 0 0 -50px;
border-radius: 50%;
border: 3px solid #41C575;
border-top-color: #0043B9;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.preloader .loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #41C575;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.preloader .loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--text-color);
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
font-size: 16px;
line-height: 40px;
color: #ffffff;
text-align: center;
cursor: pointer;
background-color: #0043B9;
z-index: 100;
display: none;
border-radius: 50%;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
background: var(--theme-color1);
color: #ffffff;
}
/*=== List Style One ===*/
.list-style-one {
position: relative;
display: flex;
padding: 10px 0;
}
.list-style-one li {
position: relative;
font-size: 13px;
line-height: 20px;
font-weight: 400;
color: #808287;
margin-right: 20px;
display: flex;
align-items: center;
}
.list-style-one li i {
margin-right: 10px;
color: #0043B9;
font-size: 14px;
line-height: 20px;
}
.list-style-one li a {
display: inline-block;
color: #808287;
transition: all 300ms ease;
}
.list-style-one li a:hover {
color: var(--theme-color1);
}
/*=== List Style Two ===*/
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: #ffffff;
padding-left: 30px;
margin-bottom: 5px;
}
.list-style-two li i {
position: absolute;
left: 0;
top: 0;
color: #0043B9;
font-size: 18px;
line-height: 30px;
}
.list-style-two li a {
display: inline-block;
color: #ffffff;
transition: all 300ms ease;
}
.list-style-two li a:hover {
color: #ffffff;
}
/*=== List Style Three ===*/
.list-style-three {
position: relative;
}
.list-style-three li {
position: relative;
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: var(--theme-color1);
padding-left: 25px;
margin-bottom: 10px;
}
.list-style-three li:before {
position: absolute;
left: 0;
top: 0;
content: "\f058";
font-weight: 900;
font-family: "Font Awesome 5 Free";
color: #0043B9;
}
.list-style-three li a {
display: inline-block;
color: #ffffff;
transition: all 300ms ease;
}
.list-style-three li a:hover {
color: #ffffff;
}
/*Social Icon One*/
.social-icon-one {
position: relative;
display: flex;
flex-wrap: wrap;
}
.social-icon-one li {
position: relative;
margin-left: 27px;
}
.social-icon-one li:first-child {
margin-left: 0;
}
.social-icon-one li a {
position: relative;
display: block;
line-height: 40px;
height: 40px;
text-align: center;
font-size: 14px;
color: var(--theme-color1);
transition: all 300ms ease;
}
.social-icon-one li a:hover {
color: #0043B9;
}
/*Social Icon Two*/
.social-icon-two {
position: relative;
display: flex;
}
.social-icon-two li {
position: relative;
display: flex;
margin-left: 10px;
}
.social-icon-two li:first-child {
margin-left: 0;
}
.social-icon-two li a {
position: relative;
display: block;
line-height: 40px;
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
font-size: 14px;
color: #ffffff;
border-radius: 50%;
background-color: #2c2e33;
transition: all 300ms ease;
}
.social-icon-two li a:hover {
color: var(--theme-color1);
background-color: var(--bg-theme-color2);
}
/*Social Icon Three*/
.social-icon-three {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.social-icon-three li {
position: relative;
margin-left: 20px;
}
.social-icon-three li a {
position: relative;
display: block;
line-height: 40px;
text-align: center;
font-size: 15px;
color: #2f3529;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-three li a:hover {
color: #0043B9;
}
/*======================
Tabs Box
======================*/
.tabs-box {
position: relative;
}
.tabs-box .tab {
display: none;
}
.tabs-box .active-tab {
display: block;
}
.styled-pagination {
position: relative;
margin: 0 auto;
width: 100%;
margin-top: 60px;
border-radius: 10px;
background-color: #f4f2f9;
}
.styled-pagination .swiper-pagination-progressbar-fill {
background: var(--bg-theme-color2);
}
.styled-pagination .swiper-pagination-progressbar-fill::before {
position: absolute;
top: -7px;
right: 0;
height: 17px;
width: 17px;
background-color: var(--bg-theme-color2);
border-radius: 50%;
content: "";
transform: none;
display: none;
}
/*======================
Owl Nav
======================*/
.default-navs .owl-nav {
display: flex;
align-items: center;
}
.default-navs .owl-next,
.default-navs .owl-prev {
display: block;
margin: 0px 5px;
height: 54px;
width: 54px;
color: #0043B9;
background-color: var(--theme-color4);
border-radius: 50%;
font-size: 16px;
line-height: 54px;
font-weight: 700;
text-align: center;
transition: all 500ms ease;
}
.default-navs .owl-next:hover,
.default-navs .owl-prev:hover {
background: #0043B9;
color: #0043B9;
}
/*======================
Media Play Button
======================*/
.play-now {
position: relative;
display: block;
z-index: 9;
transition: all 300ms ease;
}
.play-now .icon {
position: relative;
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
background-color: #ffffff;
color: var(--bg-theme-color1);
z-index: 1;
padding-left: 5px;
font-size: 14px;
display: block;
border-radius: 50%;
box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
transform-origin: center;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
transform: translate(-50%, -50%);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.play-now-two {
height: 92px;
width: 92px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 5px;
font-size: 12px;
border: 0.5px solid var(--border-theme-color1);
color: #ffffff;
transition: all 300ms ease;
animation: zoom-one 3s infinite linear;
}
.play-now-two:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 62px;
width: 62px;
border-radius: 50%;
background-color: var(--bg-theme-color1);
content: "";
}
.play-now-two i {
position: relative;
}
.play-now-two:hover {
color: #ff9205;
background-color: #ffffff;
}
/*========================
Select2 Dropdown Plugin
========================*/
.select2-results__option {
padding: 0 10px;
color: #7c858c;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #7c858c;
padding-left: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--bg-theme-color1);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
bottom: 1px;
height: auto;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #7c858c;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
position: relative;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection--single {
border-radius: 0;
}
.default-dots .owl-dots {
position: relative;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.default-dots .owl-dots .owl-dot {
height: 11px;
width: 11px;
border-radius: 50%;
background-color: #cdcbcb;
border: 2px solid #cdcbcb;
margin-left: 5px;
}
.default-dots .owl-dots .owl-dot:first-child {
margin-left: 0;
}
.default-dots .owl-dots .owl-dot.active {
border: 2px solid var(--border-theme-color2);
background-color: transparent;
}
.style-color {
background: var(--heading-color);
}
/***===========================
Main Header style one
=========================***/
.main-header {
position: relative;
top: 0;
left: 0;
z-index: 999;
transition: all 0.3s ease;
}
.main-header.header-style-one {
background-color: var(--theme-color-white);
margin: 60px 100px 0 82px;
border-radius: 20px;
}
@media only screen and (max-width: 1700px) {
.main-header.header-style-one {
margin: 0;
border-radius: 0;
}
}
.main-header .header-lower {
position: relative;
transition: all 300ms ease;
}
.main-header .header-lower .logo-box {
min-width: 280px;
padding: 15px 0 15px 50px;
position: relative;
}
.main-header.scrolled {
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.main-header {
z-index: 999;
}
.main-header .logo {
display: block;
position: relative;
}
.main-header .logo img {
max-width: 250px;
height: auto;
}
.main-header .main-box {
align-items: center;
display: flex;
justify-content: space-between;
left: 0px;
position: relative;
top: 0px;
transition: all 300ms ease;
}
.main-header .main-box .nav-outer {
position: relative;
display: flex;
align-items: center;
justify-content: end;
width: 100%!important;
gap: 200px;
}
.nav-outer{
display:flex;
justify-content:center;
align-items:center;
}
.navigation{
display:flex;
gap:30px;
}
.main-box{
display:flex;
align-items:center;
justify-content:space-between;
}
.sticky-header .nav-outer{
left:25%;
}
.nav-outer{
position:absolute;
left:50%;
transform:translateX(-50%);
}
.navigation{
display:flex;
gap:35px;
list-style:none;
margin:0;
padding:0;
}
.navigation li a{
text-decoration:none;
font-weight:600;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.main-header .main-box .nav-outer {
gap: 60px;
}
}
.main-menu {
position: relative;
}
.mega-sub-menu {
width: 900px !important;
padding: 12px 0 15px !important;
left: -240px !important;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.mega-sub-menu {
left: -68px !important;
}
}
.mega-sub-menu .mega-menu {
display: flex;
align-items: center;
justify-content: space-between;
}
.mega-sub-menu .mega-menu .mega-site-menu {
display: flex;
align-items: center;
justify-content: center;
}
.mega-sub-menu .mega-menu .mega-munu-bx li {
position: relative;
width: 100%;
}
.mega-sub-menu .mega-menu .mega-munu-bx li a {
position: relative;
display: block;
padding: 12px 0px;
line-height: 1;
font-weight: 500;
font-size: 18px;
color: var(--bg-theme-color1);
text-align: left;
margin: 0 30px;
text-transform: capitalize;
transition: all 200ms ease;
font-family: "Google Sans", sans-serif;
}
.mega-sub-menu .mega-menu .mega-munu-bx li a:hover {
color: #0043B9;
}
.main-menu .navbar-header {
display: none;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
margin: 0px;
position: relative;
}
.main-menu .navigation > li {
float: left;
margin-right: 35px;
padding: 31px 20px 31px 0px;
position: relative;
transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
margin-right: 0;
}
.main-menu .navigation > li > a {
color: var(--link-color);
display: flex;
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
opacity: 1;
padding: 0;
position: relative;
text-align: center;
transition: all 300ms ease;
}
.main-menu .navigation > li > a .icon {
position: relative;
font-size: 22px;
line-height: 24px;
margin-left: 10px;
}
.main-menu .navigation > li > a:hover {
color: #0043B9;
}
.main-menu .navigation > li.current > a {
color: #0043B9;
font-weight: 700;
}
.main-menu .navigation > li.dropdown > a {
margin-right: -14px;
padding-right: 14px;
}
.main-menu .navigation > li.dropdown > a:after {
content: "\f107";
display: block;
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 900;
height: 20px;
line-height: 24px;
margin-top: 0;
position: absolute;
right: -16px;
top: 45%;
transform: translateY(-50%);
width: 30px;
z-index: 5;
}
.main-menu .navigation > li.dropdown:hover > ul {
margin-top: 0;
opacity: 1;
top: 100%;
transition: all 300ms ease;
visibility: visible;
}
.main-menu .navigation > li > ul {
background-color: var(--theme-color-white);
border-top: 2px solid #37B550;
border-bottom: 2px solid #37B550;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
display: none;
left: 0px;
margin-top: 30px;
opacity: 0;
padding: 10px 0 0;
position: absolute;
top: 100%;
width: 280px;
z-index: 100;
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px dashed #0043B9;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 15px 0px;
line-height: 16px;
font-weight: 400;
font-size: 15px;
color:#2a2a2a;
text-align: left;
margin: 0 30px;
text-transform: uppercase;
transition: all 200ms ease;
font-family: "Poppins", sans-serif;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #0043B9;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
position: absolute;
right: 0;
top: 11px;
display: block;
line-height: 24px;
font-size: 11px;
font-weight: 900;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0px;
margin-top: 20px;
transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul {
background-color: var(--theme-color-white);
border-top: 2px solid#37B550;
border-bottom: 2px solid#37B550;
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
display: none;
left: 100%;
margin-top: 10px;
opacity: 0;
padding: 15px 0 0;
position: absolute;
top: 0px;
transform: translateY(-32px);
width: 260px;
z-index: 100;
}
.main-menu .navigation > li > ul > li > ul > li {
border-bottom: 1px dashed #0043B9;
position: relative;
width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
color: var(--theme-color1);
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1;
margin: 0 30px;
padding: 10px 0 15px;
position: relative;
text-align: left;
text-transform: capitalize;
transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
color: #0043B9;
}
.main-menu .navigation li.dropdown .dropdown-btn {
border: 1px solid #ffffff;
color: #ffffff;
cursor: pointer;
display: none;
font-size: 16px;
height: 30px;
line-height: 26px;
position: absolute;
right: 10px;
text-align: center;
top: 8px;
width: 34px;
z-index: 5;
}
.main-header .header-lower .outer-box {
align-items: center;
display: flex;
height: 100%;
justify-content: flex-end;
padding: 10px 50px 10px 0;
position: relative;
}
@media only screen and (max-width: 1700px) {
.main-header .header-lower .outer-box {
padding: 10px 0px 10px 0;
}
}
.main-header .header-lower .outer-box .theme-btn {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background: var(--theme-color1);
padding: 11px 26px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
margin-right: 30px;
}
.main-header .header-lower .outer-box .theme-btn::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 135px;
top: 20px;
}
.main-header .header-lower .outer-box .theme-btn::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.main-header .header-lower .outer-box .theme-btn span i {
display: inline-block;
margin-left: 18px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.main-header .header-lower .outer-box .theme-btn:hover::after {
width: 101%;
left: 0;
}
.main-header .header-lower .outer-box .menubars-text a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
color: var(--heading-color);
}
.main-header .header-lower .outer-box .menubars {
width: 25px;
line-height: 8px;
text-align: right;
background: transparent;
position: relative;
z-index: 1;
top: -7px;
right: -10px;
}
.main-header .header-lower .outer-box .menubars span {
display: inline-block;
width: 18px;
height: 2px;
background-color: var(--theme-black);
transition: all 300ms ease;
}
.main-header .header-lower .outer-box .menubars span:nth-child(2) {
width: 28px;
text-align: left;
}
.main-header .header-lower .outer-box .menubars span:nth-child(3) {
width: 18px;
text-align: right;
}
.main-header .header-lower .outer-box .ui-btn-outer {
align-items: center;
border-right: 1px solid #e6e8ed;
display: flex;
justify-content: flex-end;
margin-right: 30px;
padding: 6px 0;
padding-right: 30px;
}
.main-header .ui-btn {
background: none;
color: var(--theme-color1);
display: block;
font-size: 26px;
line-height: 30px;
height: 30px;
margin-left: 26px;
position: relative;
text-align: center;
transition: all 300ms ease;
width: 30px;
}
.main-header .ui-btn:hover {
color: #0043B9;
}
.main-header .info-btn {
color: var(--theme-color1);
display: block;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: 8px 0;
padding-left: 54px;
position: relative;
text-align: left;
}
.main-header .info-btn small {
color: #808287;
font-size: 12px;
font-weight: 400;
}
.main-header .info-btn i {
background-color: var(--bg-theme-color1);
border-radius: 50%;
color: #fff;
font-size: 18px;
height: 44px;
left: 0;
line-height: 44px;
margin-top: -22px;
position: absolute;
text-align: center;
top: 50%;
width: 44px;
}
.main-header .info-btn:hover {
color: var(--bg-theme-color2);
}
.main-header .info-btn-two {
background-color: #0043B9;
color: var(--text-color-bg-theme-color2);
display: block;
font-size: 16px;
font-weight: 700;
line-height: 20px;
padding: 10px 25px 9px 65px;
position: relative;
text-align: left;
}
.main-header .info-btn-two small {
color: #000;
font-size: 14px;
font-weight: 400;
}
.main-header .info-btn-two i {
color: var(--theme-color4);
font-size: 24px;
left: 23px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
/***===========================
Main Header style two
=========================***/
.header-style-two {
position: relative;
z-index: 3;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.header-style-two .main-menu .navigation > li > a {
color: var(--theme-color-white);
}
.header-style-two .main-box {
display: flex;
transition: all 300ms ease;
}
.header-style-two .main-box .nav-outer {
position: relative;
display: flex;
align-items: center;
justify-content: end;
width: 100%;
gap: 90px;
}
.header-style-two .main-box .nav-outer .outer-box {
padding: 10px 0px 10px 0;
}
.header-style-two .main-box .nav-outer .outer-box .theme-btn {
background: rgba(255, 255, 255, 0.1);
}
.header-style-two .main-box .nav-outer .menubars {
position: relative;
z-index: 1;
width: 12px;
height: 2px;
right: 0;
top: -20px;
}
.header-style-two .main-box .nav-outer .menubars::before {
position: absolute;
z-index: -1;
content: "";
width: 48px;
height: 48px;
line-height: 48px;
background: #0043B9;
border-radius: 50%;
top: -8px;
left: -18px;
}
.header-style-two .main-box .nav-outer .menubars span {
display: inline-block;
background: var(--theme-color-white);
width: 12px;
}
.header-style-two .main-box .nav-outer .menubars span:nth-child(2) {
width: 17px;
position: relative;
right: 3px;
top: -3px;
}
.header-style-two .main-box .nav-outer .menubars span:nth-child(3) {
width: 12px;
position: relative;
top: -5px;
}
/***===========================
Main Header solor
=========================***/
.header-home2-renewable .main-box {
align-items: center;
display: flex;
left: 0px;
position: relative;
top: 35px;
transition: all 300ms ease;
padding: 0 60px 0 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable .main-box {
top: 0px;
padding: 0 40px 0 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable .main-box {
top: 0px;
padding: 0 10px 0 10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.header-home2-renewable .main-box {
top: 0px;
padding: 0 10px 0 10px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.header-home2-renewable .main-box {
top: 0px;
padding: 0 10px 0 10px;
}
}
.header-home2-renewable .main-box .nav-outer {
gap: 245px;
}
@media only screen and (max-width: 1700px) {
.header-home2-renewable .main-box .nav-outer {
gap: 0px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable .main-box .nav-outer {
gap: 0px;
justify-content: center;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable .main-box .nav-outer {
gap: 0px;
justify-content: left !important;
}
}
.header-home2-renewable .header-lower .outer-box .theme-btn {
background: #0043B9;
margin: 0 10px 0 16px;
}
.header-home2-renewable .header-lower .outer-box .theme-btn::after {
background: var(--heading-color);
}
.header-home2-renewable .header-lower .outer-box .menubars {
position: relative;
z-index: 1;
}
.header-home2-renewable .header-lower .outer-box .menubars span {
background: var(--theme-color-white);
position: relative;
top: 2px;
left: 8px;
}
.header-home2-renewable .header-lower .outer-box .menubars span:nth-child(2) {
position: relative;
top: 0px;
left: 6px;
}
.header-home2-renewable .header-lower .outer-box .menubars span:nth-child(3) {
position: relative;
top: -2px;
}
.header-home2-renewable .header-lower .outer-box .menubars::before {
position: absolute;
content: "";
width: 48px;
height: 48px;
background: var(--heading-color);
border-radius: 50%;
left: -2px;
top: -4px;
}
.header-home2-renewable .header-lower .outer-box .header-src-btn {
display: inline-block;
}
@media only screen and (max-width: 1700px) {
.header-home2-renewable .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
.header-home2-renewable .header-lower .outer-box .header-src-btn .search-box-btn.search-box-outer i {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 500ms ease;
font-size: 16px;
text-transform: uppercase;
color: var(--heading-color);
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(30, 30, 30, 0.1);
}
/***===========================
Main Header home2 classic
=========================***/
.header-home2-renewable-classic .main-box {
align-items: center;
display: flex;
left: 0px;
position: relative;
top: 8px;
transition: all 300ms ease;
padding: 0 60px 0 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable-classic .main-box {
top: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable-classic .main-box {
top: 0px;
padding: 0 10px 0 10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.header-home2-renewable-classic .main-box {
top: 0px;
padding: 0 10px 0 10px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.header-home2-renewable-classic .main-box {
top: 0px;
padding: 0 10px 0 10px !important;
}
}
.header-home2-renewable-classic .main-box .nav-outer {
gap: 245px;
}
@media only screen and (max-width: 1700px) {
.header-home2-renewable-classic .main-box .nav-outer {
gap: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable-classic .main-box .nav-outer {
gap: 0px;
justify-content: center;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable-classic .main-box .nav-outer {
gap: 0px;
justify-content: left !important;
}
}
.header-home2-renewable-classic .main-box .main-menu .navigation > li > a {
color: var(--theme-color-white);
}
@media only screen and (max-width: 1700px) {
.header-home2-renewable-classic .main-box {
padding: 0 40px 0 0px;
justify-content: left;
}
}
.header-home2-renewable-classic .header-lower .outer-box .theme-btn {
background: #0043B9;
margin: 0 10px 0 16px;
}
.header-home2-renewable-classic .header-lower .outer-box .theme-btn::after {
background:#37B550;
}
.header-home2-renewable-classic .header-lower .outer-box .menubars {
position: relative;
z-index: 1;
}
.header-home2-renewable-classic .header-lower .outer-box .menubars span {
background: var(--theme-color-white);
position: relative;
top: 2px;
left: 8px;
}
.header-home2-renewable-classic .header-lower .outer-box .menubars span:nth-child(2) {
position: relative;
top: 0px;
left: 6px;
}
.header-home2-renewable-classic .header-lower .outer-box .menubars span:nth-child(3) {
position: relative;
top: -2px;
}
.header-home2-renewable-classic .header-lower .outer-box .menubars::before {
position: absolute;
content: "";
width: 48px;
height: 48px;
background: var(--heading-color);
border-radius: 50%;
left: -2px;
top: -4px;
}
.header-home2-renewable-classic .header-lower .outer-box .header-src-btn {
display: inline-block;
}
@media only screen and (max-width: 1700px) {
.header-home2-renewable-classic .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home2-renewable-classic .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home2-renewable-classic .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
.header-home2-renewable-classic .header-lower .outer-box .header-src-btn .search-box-btn.search-box-outer i {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 500ms ease;
font-size: 16px;
text-transform: uppercase;
color: var(--theme-color-white);
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(12, 35, 24, 0.1);
}
/***===========================
Main Header home3
=========================***/
.header-home3 {
background: #eeeeee;
}
.header-home3 .main-box {
align-items: center;
display: flex;
left: 0px;
position: relative;
top: 0;
transition: all 300ms ease;
padding: 0 60px 0 30px;
}
@media only screen and (max-width: 1700px) {
.header-home3 .main-box {
padding: 0 10px 0 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home3 .main-box {
padding: 0 10px 0 10px;
}
}
.header-home3 .main-box .nav-outer {
gap: 80px!important;
}
@media only screen and (max-width: 1700px) {
.header-home3 .main-box .nav-outer {
gap: 0px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home3 .main-box .nav-outer {
gap: 0px;
justify-content: center;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home3 .main-box .nav-outer {
gap: 0px;
justify-content: left !important;
}
}
.header-home3 .main-box .main-menu .navigation > li {
margin-right: 0px;
padding: 20px 20px 20px 0px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home3 .main-box .main-menu .navigation > li {
padding: 35px 0px 35px 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home3 .main-box .main-menu .navigation > li {
padding: 35px 0px 35px 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.header-home3 .main-box .main-menu .navigation > li {
padding: 35px 0px 35px 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.header-home3 .main-box .main-menu .navigation > li {
padding: 35px 0px 35px 0px;
}
}
.header-home3 .main-box .main-menu .navigation > li > a {
color: #000;
}
.header-home3 .header-lower .outer-box .theme-btn {
background:#0043B9;
margin: 0 10px 0 16px;
}
.header-home3 .header-lower .outer-box .theme-btn::after {
background: #37B550;
}
.header-home3 .header-lower .outer-box .menubars {
position: relative;
z-index: 1;
}
.header-home3 .header-lower .outer-box .menubars span {
background: var(--theme-color-white);
position: relative;
top: 2px;
left: 8px;
}
.header-home3 .header-lower .outer-box .menubars span:nth-child(2) {
position: relative;
top: 0px;
left: 6px;
}
.header-home3 .header-lower .outer-box .menubars span:nth-child(3) {
position: relative;
top: -2px;
}
.header-home3 .header-lower .outer-box .menubars::before {
position: absolute;
content: "";
width: 48px;
height: 48px;
background: #37B550;
border-radius: 50%;
left: -2px;
top: -4px;
}
.header-home3 .header-lower .outer-box .header-src-btn {
display: inline-block;
}
@media only screen and (max-width: 1700px) {
.header-home3 .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-home3 .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-home3 .header-lower .outer-box .header-src-btn {
margin-left: 10px;
}
}
.header-home3 .header-lower .outer-box .header-src-btn .search-box-btn.search-box-outer i {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 500ms ease;
font-size: 16px;
text-transform: uppercase;
color: var(--theme-color-white);
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(12, 35, 24, 0.1);
}
/***============================
Sticky Header
================================***/
.sticky-header {
background: #eeeeee;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
left: 0px;
opacity: 0;
padding: 0px 0px;
position: fixed;
top: 0px;
visibility: hidden;
width: 100%;
z-index: 99999;
}
.sticky-header.fixed-header {
opacity: 1;
visibility: visible;
z-index: 9999;
}
.sticky-header .logo {
padding: 10px 0;
}
.sticky-header .logo img {
max-height: 40px;
}
.sticky-header .nav-outer {
background: none;
position: relative;
}
.sticky-header .inner-container {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
}
.sticky-header .main-menu .navigation > li {
margin: 0;
padding: 20px 20px;
}
.sticky-header .main-menu .navigation > li > a {
color: #2a2a2a;
}
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
color: #0043B9;
}
.sticky-header .main-menu .navigation > li:before {
display: none;
}
.sticky-header .outer-box,
.sticky-header .navbar-header {
display: none;
}
.sticky-header .mobile-nav-toggler {
color: var(--theme-color1);
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.mobile-nav-toggler {
position: relative;
font-size: 24px;
line-height: 20px;
cursor: pointer;
color: var(--theme-color1);
display: none;
top: 0px;
margin-left: 25px;
order: 8;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
}
.mobile-menu .upper-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 20px 20px;
}
.mobile-menu .close-btn {
position: relative;
top: -10px;
text-align: center;
font-size: 18px;
color: var(--theme-color3);
cursor: pointer;
z-index: 10;
transition: all 0.5s ease;
transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
opacity: 0.5;
}
.mobile-menu .nav-logo {
position: relative;
text-align: left;
width: 100%;
}
.mobile-menu .nav-logo img {
max-height: 40px;
}
.mobile-menu .menu-box {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #49494A;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
transform: translateX(101%);
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
transition: all 0.4s ease 200ms;
transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn {
transform: translateY(0px);
}
.mobile-menu-visible .scroll-to-top {
opacity: 0;
visibility: hidden;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 16px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
color: #0043B9;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #ffffff;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: "";
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
content: "\f106";
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
display: none;
}
.mobile-menu .navigation li > ul > li {
padding-left: 20px;
}
.contact-list-one {
position: relative;
padding: 30px 20px 20px;
}
.contact-list-one li {
position: relative;
margin-bottom: 20px;
}
.contact-list-one li:last-child {
margin-right: 0;
}
.contact-list-one li .contact-info-box {
position: relative;
padding-left: 54px;
font-size: 14px;
line-height: 24px;
color: #ffffff;
}
.contact-list-one li .contact-info-box a {
color: #ffffff;
transition: all 300ms ease;
}
.contact-list-one li .contact-info-box .icon {
position: absolute;
left: 0;
top: 0;
font-size: 34px;
line-height: 50px;
color: #afafaf;
}
.contact-list-one li .contact-info-box .title {
display: block;
font-size: 12px;
color: #b2c1c0;
font-weight: 400;
text-transform: uppercase;
}
.mobile-menu .social-links {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background: #49494a;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: auto;
}
.mobile-menu .social-links li {
position: relative;
text-align: center;
width: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .social-links li a {
position: relative;
display: block;
line-height: 50px;
height: 50px;
font-size: 14px;
text-align: center;
color: var(--theme-color3);
transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
color: #0043B9;
}
.sidebar-area {
background-color: #021942;
}
.offcanvas-header img{
max-width: 250px
}
.sidebar-area .offcanvas-header .btn-close {
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
-webkit-transition: transition(all 300ms ease);
transition: all 300ms ease;
font-size: 22px;
color: var(--theme-color-light);
background-color: transparent;
opacity: 1;
background-image: none;
transition: transition(all 300ms ease);
border: 1px solid var(--theme-color-white);
}
.sidebar-area .offcanvas-header .btn-close:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sidebar-area .sidebar__body {
margin-top: 30px;
}
.sidebar-area .sidebar__body .text-white {
color: var(--theme-color-white);
margin-bottom: 20px;
}
.sidebar-area .sidebar__body .sidebar__text {
color: var(--theme-color-white);
}
.sidebar-area .sidebar__body .sidebar__contact-info li {
list-style: none;
}
.sidebar-area .sidebar__body .sidebar__contact-info li:not(:last-child) {
margin-bottom: 10px;
}
.sidebar-area .sidebar__body .sidebar__contact-info li i {
display: inline-block;
margin-right: 10px;
color: var(--theme-color-white);
}
.sidebar-area .sidebar__body .sidebar__contact-info li a {
display: inline-block;
color: var(--theme-color-white);
}
.sidebar-area .sidebar__body .sidebar__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.sidebar-area .sidebar__body .sidebar__btns a {
display: inline-block;
padding: 6px 16px;
border-radius: 8px;
color: var(--theme-color-white);
border: 1px solid var(--theme-color-white);
}
.sidebar-area .sidebar__body .sidebar__btns a:hover {
background-color: #0043B9;
}
.sidebar-area .sidebar__body .sidebar__socials ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.sidebar__socials i{
color: #fff;
}
.sidebar-area .sidebar__body .sidebar__socials ul li {
width: 40px;
height: 40px;
line-height: 35px;
text-align: center;
border-radius: 50%;
transition: all 300ms ease;
border: 1px solid var(--theme-color-white);
}
.sidebar-area .sidebar__body .sidebar__socials ul li a {
display: inline-block;
transition: all 300ms ease;
}
.sidebar-area .sidebar__body .sidebar__socials ul li:hover {
background-color: #0043B9;
}
/***
==============================
Section Title
==============================
***/
.sec-title {
margin-bottom: 50px;
}
.sec-title .section-sub-title .sub-title {
display: inline-block;
background-color:#0043B9;
font-family: "Google Sans", sans-serif;
color: #fff;
border-radius: 30px;
font-weight: 500;
font-size: 16px;
padding: 5px 19px;
}
.sec-title .section-sub-title .sub-title img {
margin-right: 10px;
position: relative;
top: -2px;
}
.sec-title .section-title .title {
color: #2a2a2a;
font-family: "Google Sans", sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 58px;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sec-title .section-title .title {
font-size: 45px;
line-height: 52px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.sec-title .section-title .title {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.sec-title .section-title .title {
font-size: 35px;
line-height: 45px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sec-title .section-title .title {
font-size: 30px;
line-height: 40px;
}
}
.sec-title .section-desc p {
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%;
margin: 23px 0 35px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.sec-title .section-desc p {
width: 100%;
}
}
/*** =============================
Banner Section one
==================================***/
.banner-section-one {
background-color: var(--theme-color1);
border-radius: 0 0 30px 30px;
position: relative;
margin-top: -165px;
padding: 45px 30px 28px 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-one {
background-color: transparent;
border-radius: 0;
margin-top: 0;
padding: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-one {
background-color: transparent;
border-radius: 0;
margin-top: 0;
padding: 0;
}
}
.banner-section-one .banner-wrapper {
background: url(../images/main-home/banner-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 1;
border-radius: 20px;
padding: 230px 0 88px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-one .banner-wrapper {
padding: 341px 0 135px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-one .banner-wrapper {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-one .banner-wrapper {
display: none;
}
}
.banner-section-one .banner-wrapper .banner-thumb {
text-align: center;
position: relative;
z-index: 1;
}
.banner-section-one .banner-wrapper .banner-shape1 {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-wrapper .banner-shape1 {
display: none;
}
}
.banner-section-one .banner-wrapper .banner-shape2 {
position: absolute;
bottom: 184px;
left: 59px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-wrapper .banner-shape2 {
display: none;
}
}
.banner-section-one .banner-wrapper .safly-list {
margin-left: 170px;
margin-top: 45px;
}
.banner-section-one .banner-wrapper .safly-list h4 {
display: inline-block;
background: rgba(11, 70, 84, 0.0509803922);
font-weight: 500;
font-size: 22px;
padding: 20px 50px 20px 25px;
border-radius: 10px;
}
.banner-section-one .banner-wrapper .safly-list h4 i {
color: #FF6D45;
margin-right: 10px;
font-size: 25px;
}
.banner-section-one .banner-content-wrap {
background: url(../images/main-home/banner-conent-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
padding: 220px 98px 80px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-content-wrap {
padding: 285px 30px 80px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-one .banner-content-wrap {
padding: 120px 50px 80px;
border-radius: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-one .banner-content-wrap {
padding: 120px 50px 80px;
border-radius: 0;
}
}
.banner-section-one .banner-content-wrap .banner-title h1 {
color: var(--theme-color-white);
font-family: var(--theme-color-white);
font-weight: 600;
font-size: 70px;
line-height: 78px;
margin: 0;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-content-wrap .banner-title h1 {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-one .banner-content-wrap .banner-title h1 {
font-size: 35px;
line-height: 46px;
}
}
.banner-section-one .banner-content-wrap .banner-title h1 span {
color: #0043B9;
}
.banner-section-one .banner-content-wrap .banner-info-box {
display: flex;
gap: 33px;
margin: 42px 0 0px;
padding: 0 0 122px;
border-bottom: 1px solid rgba(168, 191, 196, 0.5098039216);
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 15px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 30px;
background-color: var(--heading-color);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 20px;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: var(--theme-color-black);
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-call-info .call-text {
color: rgba(255, 255, 255, 0.7019607843);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 10px;
}
.banner-section-one .banner-content-wrap .banner-info-box .banner-call-info .call-number {
color: var(--theme-color-white);
font-family: Outfit;
font-weight: 500;
font-size: 22px;
}
.banner-section-one .banner-content-wrap .banner-botton-since {
display: grid;
grid-gap: 185px;
grid-auto-flow: column;
padding-top: 22px;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-content-wrap .banner-botton-since {
grid-gap: 70px;
}
}
.banner-section-one .banner-content-wrap .banner-botton-since .since-title h4 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
margin-bottom: 5px;
}
.banner-section-one .banner-content-wrap .banner-botton-since .since-title h4 span {
display: inline-block;
color: #0043B9;
}
.banner-section-one .banner-content-wrap .banner-botton-since .since-title h5 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
}
.banner-section-one .banner-content-wrap .banner-botton-since .banner-desc p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--text-color);
}
.banner-section-one .banner-content-wrap .banner-shape5 {
position: absolute;
top: 0;
left: 0;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-content-wrap .banner-shape5 {
display: none;
}
}
.banner-section-one .banner-content-wrap .banner-shape6 {
position: absolute;
top: 67%;
right: 90px;
z-index: -1;
animation: upDown 1.1s ease-in-out 1.1s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.banner-section-one .banner-content-wrap .banner-shape6 {
display: none;
}
}
/*** =====================================
Banner Section  main-home classic
=======================================***/
.banner-section-classic {
background-image: url(../images/transport-classic/slider-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
margin-top: -92px;
height: 950px;
}
.banner-section-classic .banner-content-wrap {
margin-top: 210px;
}
.banner-section-classic .banner-content-wrap .banner-title h1 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 74px;
line-height: 78px;
margin: 0;
}
.banner-section-classic .banner-content-wrap .banner-title h1 span {
display: inline-block;
color: #0043B9;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-classic .banner-content-wrap .banner-title h1 {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-classic .banner-content-wrap .banner-title h1 {
font-size: 40px;
line-height: 45px;
}
}
.banner-section-classic .banner-content-wrap .banner-info-box {
display: flex;
gap: 33px;
margin: 47px 0 0px;
padding: 0 0 150px;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 30px;
background-color: var(--heading-color);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 26px;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: var(--theme-color-white);
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a:hover {
color: var(--theme-color-black);
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-btn a:hover::before {
background: var(--theme-color-black);
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-call-info .call-text {
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 10px;
}
.banner-section-classic .banner-content-wrap .banner-info-box .banner-call-info .call-number {
color: var(--theme-color-white);
font-weight: 500;
font-size: 22px;
}
.banner-section-classic .banner-content-wrap .banner-botton-since {
display: flex;
gap: 20px;
padding-top: 22px;
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since {
display: block;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since {
display: block;
}
}
.banner-section-classic .banner-content-wrap .banner-botton-since::before {
position: absolute;
content: "";
width: 715px;
height: 1px;
background: rgba(255, 255, 255, 0.15);
left: 0;
top: 0;
}
.since-icon img {
height: 50px;
width: 50px;
object-fit: cover;
}
.banner-section-classic .banner-content-wrap .banner-botton-since .since-icon {
position: relative;
top: 12px;
}
.banner-section-classic .banner-content-wrap .banner-botton-since .since-icon img {
display: block;
animation: rotateme 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.banner-section-classic .banner-content-wrap .banner-botton-since .since-icon {
top: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since .since-title {
margin-top: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since .since-title {
margin-top: 20px;
}
}
.banner-section-classic .banner-content-wrap .banner-botton-since .since-title h4 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
margin-bottom: 5px;
}
.banner-section-classic .banner-content-wrap .banner-botton-since .since-title h4 span {
display: inline-block;
color: #0043B9;
}
.banner-section-classic .banner-content-wrap .banner-botton-since .since-title h5 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
}
.banner-section-classic .banner-content-wrap .banner-botton-since .banner-desc p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--theme-color-white);
margin: 0 0 0 115px;
width: 40%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since .banner-desc p {
margin: 0;
width: 60%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-classic .banner-content-wrap .banner-botton-since .banner-desc p {
margin: 0;
width: 75%;
}
}
.banner-section-classic .banner-shape1 {
position: absolute;
z-index: 1;
top: 29%;
right: 12%;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.banner-section-classic .banner-shape1 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.banner-section-classic .banner-shape1 {
display: none;
}
}
.banner-classic-active {
position: relative;
z-index: 1;
}
.banner-classic-active .loginet-banner-arrow-box {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.banner-classic-active .loginet-banner-arrow-box .slider-prev {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: 60px;
top: 0;
z-index: 5;
border: 0;
}
.banner-classic-active .loginet-banner-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
}
.banner-classic-active .loginet-banner-arrow-box .slider-prev:hover {
background: #0043B9;
}
@media only screen and (max-width: 1700px) {
.banner-classic-active .loginet-banner-arrow-box .slider-prev {
display: none;
}
}
.banner-classic-active .loginet-banner-arrow-box .slider-next {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
position: absolute;
right: 60px;
top: 0;
z-index: 5;
border: 0;
}
.banner-classic-active .loginet-banner-arrow-box .slider-next:hover {
background: #0043B9;
}
.banner-classic-active .loginet-banner-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.banner-classic-active .loginet-banner-arrow-box .slider-next {
display: none;
}
}
/*** =============================
Banner Section home2
==================================***/
.banner-section-home2 {
background-image: url(../images/home2/banner.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
margin: -60px 30px 0px;
padding: 235px 0 138px;
border-radius: 30px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home2 {
margin: -90px 0px 0px;
border-radius: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home2 {
margin: -90px 0px 0px;
border-radius: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2 {
margin: -90px 0px 0px;
border-radius: 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2 {
margin: -90px 0px 0px;
border-radius: 0px;
}
}
.banner-section-home2 .banner-content-wrap .banner-title h2 {
color: var(--heading-color);
font-weight: 600;
font-size: 74px;
line-height: 88px;
margin: 0;
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch {
position: relative;
display: inline-block;
width: 100px;
height: 56px;
border-radius: 50px;
background-color: #ffffff;
border: 1px solid #0043B9;
margin: 0 25px 0 12px;
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch input {
opacity: 0;
width: 0;
height: 0;
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch input:checked + .slider {
background-color: #fff;
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch input:checked + .slider:before {
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch .slider.round:before {
border-radius: 50%;
}
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch .slider:before {
position: absolute;
content: "";
left: 10px;
top: 10px;
-webkit-transition: 0.4s;
width: 38px;
height: 38px;
background: #0043B9;
transition: 0.4s;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 .switch {
display: none;
}
}
.banner-section-home2 .banner-content-wrap .banner-title h2 img {
margin-right: 7px;
position: relative;
top: -5px;
animation: rotateme 18s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2 .banner-content-wrap .banner-title h2 {
font-size: 40px;
line-height: 50px;
}
}
.banner-section-home2 .banner-content-wrap .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
margin-top: 35px;
}
.banner-section-home2 .banner-content-wrap .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-home2 .banner-content-wrap .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 26px;
}
.banner-section-home2 .banner-content-wrap .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: var(--heading-color);
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-home2 .banner-content-wrap .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info {
padding-top: 60px;
position: relative;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .autor-desc {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 18px 0 0;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .autor-img-box {
display: flex;
margin-left: 15px;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .autor-img-box .author-image {
margin-left: -15px;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: var(--heading-color);
border-radius: 50%;
margin-left: -15px;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc {
display: flex;
align-items: self-start;
gap: 20px;
padding-top: 7px;
position: absolute;
bottom: 0;
left: 325px;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc .banner-icon {
position: relative;
top: 5px;
}
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc p {
color: var(--heading-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 50%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc p {
width: 80%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc p {
width: 85%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc {
position: relative;
left: 0;
width: 80%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2 .banner-content-wrap .banner-autor-info .banner-autor-desc {
position: relative;
left: 0;
width: 85%;
}
}
/*** =============================
Banner Section home2 classic
==================================***/
.banner-section-home2-classic {
background-image: url(../images/home2-classic/banner-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
margin: -100px 0px 0px;
}
.banner-section-home2-classic.two {
background-image: url(../images/home2-classic/banner-two.html);
}
.banner-section-home2-classic.dark {
background-image: url(../images/home2-dark/banner-home2-classic-dark.html);
}
.banner-section-home2-classic .banner-content-wrap {
padding: 245px 0 138px;
}
.banner-section-home2-classic .banner-content-wrap .banner-title h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 74px;
line-height: 88px;
margin: 0;
}
.banner-section-home2-classic .banner-content-wrap .banner-title h2 span {
display: inline-block;
}
.banner-section-home2-classic .banner-content-wrap .banner-title h2 span img {
margin: 0 12px;
}
.banner-section-home2-classic .banner-content-wrap .banner-title h2 > img {
margin-right: 7px;
position: relative;
top: -5px;
animation: rotateme 18s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home2-classic .banner-content-wrap .banner-title h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home2-classic .banner-content-wrap .banner-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home2-classic .banner-content-wrap .banner-title h2 {
font-size: 40px;
line-height: 50px;
}
}
.banner-section-home2-classic .banner-content-wrap .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
margin-top: 35px;
}
.banner-section-home2-classic .banner-content-wrap .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-home2-classic .banner-content-wrap .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 26px;
}
.banner-section-home2-classic .banner-content-wrap .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background:#37B550;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-home2-classic .banner-content-wrap .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-home2-classic .banner-content-wrap .banner-autor-info {
padding-top: 112px;
position: relative;
}
.banner-section-home2-classic .banner-content-wrap .banner-autor-info .autor-desc {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 18px 0 0;
}
.banner-section-home2-classic .banner-content-wrap .banner-autor-info .autor-img-box {
display: flex;
margin-left: 15px;
}
.banner-section-home2-classic .banner-content-wrap .banner-autor-info .autor-img-box .author-image {
margin-left: -15px;
}
.banner-section-home2-classic .banner-content-wrap .banner-autor-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color:#37B550;
border-radius: 50%;
margin-left: -15px;
}
.loginet-banner-arrow-box2 .slider-prev {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: 60px;
transform: translateY(-50%);
top: 50%;
z-index: 5;
border: 0;
}
.loginet-banner-arrow-box2 .slider-prev i {
display: inline-block;
font-weight: 400;
}
.loginet-banner-arrow-box2 .slider-prev:hover {
background: #0043B9;
}
@media only screen and (max-width: 1700px) {
.loginet-banner-arrow-box2 .slider-prev {
display: none;
}
}
.loginet-banner-arrow-box2 .slider-next {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: #0043B9;
position: absolute;
right: 60px;
transform: translateY(-50%);
top: 50%;
z-index: 5;
border: 0;
}
.loginet-banner-arrow-box2 .slider-next i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.loginet-banner-arrow-box2 .slider-next {
display: none;
}
}
/*** =============================
Banner Section home3
==================================***/
.banner-section-home3 {
background: var(--heading-color);
position: relative;
padding: 60px 0px 0px;
margin: 20px 0px 0px 0px;
}
.banner-section-home3::before {
position: absolute;
z-index: 1;
content: "";
width: 1845px;
height: 850px;
left: 30px;
top: 0;
background-image: url(../img/banner-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 30px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3::before {
left: 0px;
border-radius: 0px;
}
}
.banner-section-home3 .banner-content-wrap {
position: relative;
z-index: 1;
}
.banner-section-home3 .banner-content-wrap .banner-title h1 {
display: inline-block;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
position: relative;
z-index: 1;
padding-left: 25px;
margin-bottom: 32px;
}
.banner-section-home3 .banner-content-wrap .banner-title h1::before {
position: absolute;
z-index: -1;
content: "";
width: 300px;
height: 40px;
background-image: url(../images/home3/banner-sub.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
left: 0;
top: -7px;
}
.banner-section-home3 .banner-content-wrap .banner-title h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 45px;
line-height: 60px;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3 .banner-content-wrap .banner-title h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home3 .banner-content-wrap .banner-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home3 .banner-content-wrap .banner-title h2 {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3 .banner-content-wrap .banner-title h2 {
font-size: 35px;
line-height: 45px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3 .banner-content-wrap .banner-btn {
margin-bottom: 30px;
}
}
.banner-section-home3 .banner-content-wrap .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
}
.banner-section-home3 .banner-content-wrap .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-home3 .banner-content-wrap .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 155px;
top: 23px;
}
.banner-section-home3 .banner-content-wrap .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #37B550;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-home3 .banner-content-wrap .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info {
padding-top: 50px;
position: relative;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info {
display: flex;
align-items: center;
gap: 40px;
padding-bottom: 80px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info {
display: block;
}
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-desc {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 18px 0 0;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-desc span {
display: block;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-img-box {
display: flex;
margin-left: 15px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .author-image {
margin-left: -15px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color:#37B550;
border-radius: 50%;
margin-left: -15px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .autor-desc {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 0 0 0 20px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc {
display: flex;
align-items: self-start;
gap: 20px;
padding-top: 7px;
position: absolute;
bottom: 0;
left: 325px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc .banner-icon {
position: relative;
top: 5px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc p {
color: var(--heading-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 50%;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since {
display: flex;
gap: 20px;
padding-top: 22px;
position: relative;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since::before {
position: absolute;
content: "";
width: 715px;
height: 1px;
background: rgba(255, 255, 255, 0.15);
left: 0;
top: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since::before {
width: 540px;
}
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h3 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
margin-bottom: 5px;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h3 span {
display: inline-block;
color: #37B550;
}
.banner-section-home3 .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h4 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
}
.banner-section-home3 .banner-thumb-wrapper {
position: relative;
z-index: 1;
}
.banner-section-home3 .banner-thumb-wrapper .banner-thumb {
position: relative;
right: -100px;
bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3 .banner-thumb-wrapper .banner-thumb {
right: 0px;
bottom: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home3 .banner-thumb-wrapper .banner-thumb {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home3 .banner-thumb-wrapper .banner-thumb {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3 .banner-thumb-wrapper .banner-thumb {
display: none;
}
}
.banner-section-home3 .banner-thumb-wrapper .banner-thu-shape {
position: absolute;
z-index: -1;
top: -50px;
right: -25px;
animation: rotateme 18s linear infinite;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3 .banner-thumb-wrapper .banner-thu-shape {
top: -45px;
right: 30px;
}
}
.banner-section-home3 .banner-shape1 {
position: absolute;
z-index: 1;
top: 115px;
right: 190px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.banner-section-home3 .banner-shape1 {
display: none;
}
}
.banner-section-home3 .banner-shape2 {
position: absolute;
z-index: 1;
bottom: 0;
left: 15px;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.banner-section-home3 .banner-shape2 {
display: none;
}
}
/*** =============================
Banner Section home3 classic
==================================***/
.banner-section-home3-classic {
background: url(../images/home3-classic/banner-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
padding: 120px 27px 105px;
margin: 0 30px 0;
border-radius: 20px;
}
.banner-section-home3-classic.dark::before {
position: absolute;
z-index: 1;
content: "";
width: 1845px;
height: 850px;
left: 30px;
top: 0;
background-image: url(../images/home3-classic/banner-home3-classic-dark.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 30px;
}
@media only screen and (max-width: 1700px) {
.banner-section-home3-classic.dark::before {
left: -30px;
border-radius: 0px;
}
}
.banner-section-home3-classic.two {
background: url(../images/home3-classic/banner-bg2.png);
}
.banner-section-home3-classic .banner-content-wrap {
position: relative;
z-index: 1;
}
.banner-section-home3-classic .banner-content-wrap .banner-title h1 {
display: inline-block;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
position: relative;
z-index: 1;
padding-left: 25px;
margin-bottom: 32px;
}
.banner-section-home3-classic .banner-content-wrap .banner-title h1::before {
position: absolute;
z-index: -1;
content: "";
width: 240px;
height: 40px;
background-image: url(../images/home3/banner-sub.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
left: 0;
top: -7px;
}
.banner-section-home3-classic .banner-content-wrap .banner-title h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 74px;
line-height: 78px;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-title h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-title h2 {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-title h2 {
font-size: 35px;
line-height: 45px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-btn {
margin-bottom: 30px;
}
}
.banner-section-home3-classic .banner-content-wrap .banner-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
}
.banner-section-home3-classic .banner-content-wrap .banner-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.banner-section-home3-classic .banner-content-wrap .banner-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 145px;
top: 26px;
}
.banner-section-home3-classic .banner-content-wrap .banner-btn a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background:#37B550;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.banner-section-home3-classic .banner-content-wrap .banner-btn a:hover::after {
width: 100%;
left: 0;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info {
padding-top: 50px;
position: relative;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info {
display: flex;
align-items: center;
gap: 40px;
padding-bottom: 120px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info {
display: block;
}
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-desc {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 18px 0 0;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-desc span {
display: block;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-img-box {
display: flex;
margin-left: 15px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .author-image {
margin-left: -15px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color:#37B550;
border-radius: 50%;
margin-left: -15px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .autor-img-box .autor-desc {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin: 0 0 0 20px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc {
display: flex;
align-items: self-start;
gap: 20px;
padding-top: 7px;
position: absolute;
bottom: 0;
left: 325px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc .banner-icon {
position: relative;
top: 5px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .auto-info .banner-autor-desc p {
color: var(--heading-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 50%;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since {
display: flex;
gap: 20px;
padding-top: 22px;
position: relative;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since::before {
position: absolute;
content: "";
width: 715px;
height: 1px;
background: rgba(255, 255, 255, 0.15);
left: 0;
top: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since::before {
width: 540px;
}
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h3 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
margin-bottom: 5px;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h3 span {
display: inline-block;
color: #0043B9;
}
.banner-section-home3-classic .banner-content-wrap .banner-autor-info .banner-botton-since .since-title h4 {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 600;
font-size: 18px;
}
.loginet-banner-arrow-box-three .slider-prev {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: 60px;
transform: translateY(-50%);
top: 50%;
z-index: 5;
border: 0;
}
.loginet-banner-arrow-box-three .slider-prev i {
display: inline-block;
font-weight: 400;
}
.loginet-banner-arrow-box-three .slider-prev:hover {
background: #0043B9;
}
@media only screen and (max-width: 1700px) {
.loginet-banner-arrow-box-three .slider-prev {
display: none;
}
}
.loginet-banner-arrow-box-three .slider-next {
font-size: 24px;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: #0043B9;
position: absolute;
right: 60px;
transform: translateY(-50%);
top: 50%;
z-index: 5;
border: 0;
}
.loginet-banner-arrow-box-three .slider-next i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.loginet-banner-arrow-box-three .slider-next {
display: none;
}
}
.services-section-one {
padding: 120px 120px 100px 102px;
background-color: var(--theme-bg-color1);
border-radius: 0 0 50px 50px;
position: relative;
}
@media only screen and (max-width: 1700px) {
.services-section-one {
padding: 120px 20px 100px 20px;
}
}
.services-section-one .single-service-box {
position: relative;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020.227C0%208.71359%209.69642%20-0.422315%2021.1894%200.262405L312.144%2017.5966C321.428%2018.1498%20329.106%2025.0308%20330.67%2034.1999L335.733%2063.8969C337.103%2071.9335%20343.214%2078.3341%20351.179%2080.0745L386.27%2087.7423C395.453%2089.7491%20402%2097.8808%20402%20107.281V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V20.227Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
border-radius: 20px;
margin-bottom: 30px;
transition: all 300ms ease;
background-size: cover;
transition: all 300ms ease;
}
.services-section-one .single-service-box::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020.227C0%208.71359%209.69642%20-0.422315%2021.1894%200.262405L312.144%2017.5966C321.428%2018.1498%20329.106%2025.0308%20330.67%2034.1999L335.733%2063.8969C337.103%2071.9335%20343.214%2078.3341%20351.179%2080.0745L386.27%2087.7423C395.453%2089.7491%20402%2097.8808%20402%20107.281V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V20.227Z%22%20fill%3D%22%23FF6D45%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.services-section-one .single-service-box:hover::before {
width: 100%;
left: 0;
}
.services-section-one .single-service-box.two {
position: relative;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2047.2288C0%2036.8996%207.86575%2028.2695%2018.1507%2027.3145L309.549%200.254611C319.959%20-0.712061%20329.357%206.50172%20331.114%2016.8076L335.733%2043.8969C337.103%2051.9335%20343.214%2058.3341%20351.179%2060.0745L386.27%2067.7423C395.453%2069.749%20402%2077.8807%20402%2087.2812V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V47.2288Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
border-radius: 20px;
transition: all 300ms ease;
}
.services-section-one .single-service-box.two::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2047.2288C0%2036.8996%207.86575%2028.2695%2018.1507%2027.3145L309.549%200.254611C319.959%20-0.712061%20329.357%206.50172%20331.114%2016.8076L335.733%2043.8969C337.103%2051.9335%20343.214%2058.3341%20351.179%2060.0745L386.27%2067.7423C395.453%2069.749%20402%2077.8807%20402%2087.2812V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V47.2288Z%22%20fill%3D%22%23FF6D45%22%2F%3E%3C%2Fsvg%3E");
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.services-section-one .single-service-box.two .service-icon {
top: 0;
}
@media only screen and (max-width: 1700px) {
.services-section-one .single-service-box.two .service-icon {
top: 5px;
right: 5px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.services-section-one .single-service-box.two .service-icon {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.services-section-one .single-service-box.two .service-icon {
display: none;
}
}
.services-section-one .single-service-box.two:hover::before {
width: 99.8%;
left: 0;
}
.services-section-one .single-service-box .service-icon {
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
background-color: var(--theme-color-white);
border-radius: 50%;
position: absolute;
z-index: 1;
right: 0;
top: 20px;
transition: all 300ms ease;
}
@media only screen and (max-width: 1700px) {
.services-section-one .single-service-box .service-icon {
display: none;
}
}
.services-section-one .single-service-box .service-content .service-title {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 36px;
padding: 48px 0 0 40px;
margin-bottom: 36px;
transition: all 300ms ease;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.services-section-one .single-service-box .service-content .service-title {
padding: 48px 0 0 20px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-section-one .single-service-box .service-content .service-title {
padding: 48px 0 0 20px;
}
}
.services-section-one .single-service-box .service-thumb {
position: relative;
overflow: hidden;
}
.services-section-one .single-service-box .service-thumb::before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
z-index: 1;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 300ms ease;
}
.services-section-one .single-service-box .service-thumb figure {
margin: 0;
}
@media only screen and (max-width: 1700px) {
.services-section-one .single-service-box .service-thumb figure {
width: 100%;
}
}
@media only screen and (max-width: 1700px) {
.services-section-one .single-service-box .service-thumb figure img {
width: 100%;
}
}
.services-section-one .single-service-box .service-thumb figure.reveal {
display: block;
}
.services-section-one .single-service-box:hover .service-title {
color: var(--theme-color-white);
}
.services-section-one .single-service-box:hover .service-icon {
background-color: #0043B9;
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.services-section-one .single-service-box:hover .service-icon svg {
filter: brightness(0) invert(1);
}
.services-section-one .single-service-box:hover .service-thumb::before {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.services-section-one .service-shape1 {
position: absolute;
top: 133px;
left: 285px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.services-section-one .service-shape1 {
display: none;
}
}
.services-section-one .service-shape2 {
position: absolute;
top: 135px;
right: 250px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.services-section-one .service-shape2 {
display: none;
}
}
.service-section-classic {
background-image: url(../images/transport-classic/service-bg-classic.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
padding: 120px 0 116px;
}
.service-section-classic .section-title .title {
font-weight: 600;
}
.service-section-classic .section-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .section-desc p {
width: 100%;
}
}
.service-section-classic .service-classic-active {
overflow: hidden;
padding-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-classic .service-classic-active {
margin-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .service-classic-active {
margin-top: 30px;
}
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--heading-color);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 372px;
top: 180px;
z-index: 5;
}
@media only screen and (max-width: 1700px) {
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-prev {
right: 150px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-prev {
display: none;
}
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-prev:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--heading-color);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 300px;
top: 180px;
z-index: 5;
}
@media only screen and (max-width: 1700px) {
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-next {
right: 70px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-next {
display: none;
}
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-next:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.service-section-classic .service-classic-active .loginet-banner-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
}
.service-section-classic .single-service-box .service-thumb {
position: relative;
z-index: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .single-service-box .service-thumb {
width: 100%;
}
}
.service-section-classic .single-service-box .service-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.service-section-classic .single-service-box .service-thumb figure {
width: 100%;
}
.service-section-classic .single-service-box .service-thumb figure img {
border-radius: 20px;
width: 100%;
}
.service-section-classic .single-service-box .service-thumb .service-content {
position: absolute;
z-index: 1;
width: 385px;
height: 142px;
right: 0;
bottom: -68px;
background: var(--theme-color-white);
border-radius: 20px;
padding: 35px 0px 0 35px;
transition: 0.5s;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-classic .single-service-box .service-thumb .service-content {
width: 350px;
right: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-classic .single-service-box .service-thumb .service-content {
width: 350px;
right: 0;
}
}
.service-section-classic .single-service-box .service-thumb .service-content::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0%;
width: 100%;
background: #1F5A68;
transition: 0.5s;
z-index: -1;
border-radius: 20px;
top: auto;
}
.service-section-classic .single-service-box .service-thumb .service-content .service-icon {
float: right;
width: 70px;
height: 70px;
line-height: 70px;
background: #0043B9;
text-align: center;
border-radius: 10px 0px 0px 10px;
margin-top: -70px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.service-section-classic .single-service-box .service-thumb .service-content .service-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 10px 0px 0px 10px;
background-color:#37B550;
transition: all 300ms ease;
}
.service-section-classic .single-service-box .service-thumb .service-content .service-title {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
}
.service-section-classic .single-service-box:hover .service-content::before {
height: 100%;
top: 0;
bottom: auto;
}
.service-section-classic .single-service-box:hover .service-content .service-title {
color: var(--theme-color-white);
}
.service-section-classic .single-service-box:hover .service-content .service-icon::before {
transform: scale(1);
}
.service-section-classic .single-service-box:hover .service-thumb::before {
height: 100%;
transition: all 600ms linear;
background-color: transparent;
}
.service-section-home2 {
background: var(--heading-color);
padding: 120px 0 100px;
margin: 0 120px;
position: relative;
}
@media only screen and (max-width: 1700px) {
.service-section-home2 {
margin: 0 20px;
}
}
.service-section-home2 .service-home2-active {
overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-home2 .service-home2-active {
margin-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-home2 .service-home2-active {
margin-top: 30px;
}
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 250px;
top: 180px;
z-index: 5;
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-prev:hover {
border: 1px dashed #0043B9;
color: #0043B9;
}
@media only screen and (max-width: 1700px) {
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-prev {
right: 150px;
}
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 178px;
top: 180px;
z-index: 5;
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-next:hover {
border: 1px dashed #0043B9;
color: #0043B9;
}
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
@media only screen and (max-width: 1700px) {
.service-section-home2 .service-home2-active .loginet-service-arrow-box .slider-next {
right: 70px;
}
}
.service-section-home2 .sec-title {
margin-bottom: 60px;
}
.service-section-home2 .section-desc P {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
.service-section-home2 .single-service-box {
background: var(--theme-color4);
border-radius: 20px;
padding: 20px 20px 20px;
margin-bottom: 20px;
}
.service-section-home2 .single-service-box .service-thumb {
position: relative;
z-index: 1;
}
.service-section-home2 .single-service-box .service-thumb::before {
position: absolute;
z-index: -1;
content: "";
width: 100%;
height: 96%;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22362%22%20height%3D%22255%22%20viewBox%3D%220%200%20362%20255%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.95431%208.9543%200%2020%200H342C353.046%200%20362%208.9543%20362%2020V234.607C362%20246.544%20351.611%20255.823%20339.749%20254.48L17.7492%20218.01C7.63905%20216.865%200%20208.312%200%20198.137V20Z%22%20fill%3D%22%23FF853F%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
top: 0;
left: 0;
border-radius: 20px;
transform: translateY(0px);
transition: 0.5s;
}
.service-section-home2 .single-service-box .service-thumb figure {
margin: 0;
width: 100%;
}
.service-section-home2 .single-service-box .service-thumb figure img {
width: 100%;
}
.service-section-home2 .single-service-box .service-thumb .service-icon {
width: 74px;
height: 74px;
line-height: 74px;
background:#37B550;
text-align: center;
border-radius: 14px;
position: absolute;
bottom: -12px;
left: 20px;
transition: 0.5s;
}
.service-section-home2 .single-service-box .service-thumb .service-icon img {
transition: 0.5s;
}
.service-section-home2 .single-service-box .service-thumb .service-icon.two {
background: #0043B9;
}
.service-section-home2 .single-service-box .service-content {
padding: 40px 20px 20px;
}
.service-section-home2 .single-service-box .service-content .service-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 28px;
transition: 0.5s;
}
.service-section-home2 .single-service-box .service-content p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 36px;
}
.service-section-home2 .single-service-box .service-content .service-btn {
display: flex;
justify-content: space-between;
color: var(--theme-color-white);
border: 1px solid rgba(255, 255, 255, 0.15);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
padding: 10px 30px;
border-radius: 40px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.service-section-home2 .single-service-box .service-content .service-btn::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.service-section-home2 .single-service-box .service-content .service-btn.two::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.service-section-home2 .single-service-box:hover .service-thumb::before {
transform: translateY(15px);
}
.service-section-home2 .single-service-box:hover .service-thumb::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.service-section-home2 .single-service-box:hover .service-title {
color:#37B550;
}
.service-section-home2 .single-service-box:hover .service-title.two {
color: #0043B9;
}
.service-section-home2 .single-service-box:hover .service-btn::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.service-section-home2 .single-service-box:hover .service-btn.two::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.service-section-home2 .single-service-box:hover .service-icon img {
animation: bd-bounce 800ms ease-out alternate;
-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.service-section-home2-classic {
background-image: url(../images/home2-classic/service-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 120px 100px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1700px) {
.service-section-home2-classic {
padding: 120px 20px 100px;
}
}
.service-section-home2-classic .service-home2-classic-active {
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-home2-classic .service-home2-classic-active {
margin-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-home2-classic .service-home2-classic-active {
margin-top: 30px;
}
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(12, 35, 24, 0.5);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 355px;
top: 180px;
z-index: 5;
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev:hover {
border: 1px dashed #0043B9;
background: #0043B9;
color: var(--theme-color-white);
}
@media only screen and (max-width: 1700px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev {
right: 150px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-prev {
display: none;
}
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(12, 35, 24, 0.5);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 283px;
top: 180px;
z-index: 5;
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next:hover {
border: 1px dashed #0043B9;
background: #0043B9;
color: var(--theme-color-white);
}
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
@media only screen and (max-width: 1700px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next {
right: 70px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.service-section-home2-classic .service-home2-classic-active .loginet-service-arrow-box .slider-next {
display: none;
}
}
.service-section-home2-classic .sec-title {
margin-bottom: 60px;
}
.service-section-home2-classic .sec-title .section-title h1 {
font-weight: 600;
}
.service-section-home2-classic .section-desc P {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
.service-section-home2-classic .single-service-box {
background: var(--theme-color-white);
border-radius: 20px;
padding: 20px 20px 20px;
margin-bottom: 20px;
}
.service-section-home2-classic .single-service-box .service-thumb {
position: relative;
z-index: 1;
}
.service-section-home2-classic .single-service-box .service-thumb::after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.service-section-home2-classic .single-service-box .service-thumb figure {
margin: 0;
width: 100%;
}
.service-section-home2-classic .single-service-box .service-thumb figure img {
width: 100%;
border-radius: 20px;
}
.service-section-home2-classic .single-service-box .service-thumb .service-icon {
width: 74px;
height: 74px;
line-height: 74px;
background:#37B550;
text-align: center;
border-radius: 14px;
position: absolute;
bottom: -12px;
left: 20px;
transition: 0.5s;
}
.service-section-home2-classic .single-service-box .service-thumb .service-icon img {
transition: 0.5s;
}
.service-section-home2-classic .single-service-box .service-thumb .service-icon.two {
background: #0043B9;
}
.service-section-home2-classic .single-service-box .service-content {
padding: 40px 20px 20px;
}
.service-section-home2-classic .single-service-box .service-content .service-title {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
transition: 0.5s;
}
.service-section-home2-classic .single-service-box .service-content .service-title a {
display: inline-block;
transition: 0.5s;
}
.service-section-home2-classic .single-service-box .service-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 36px;
}
.service-section-home2-classic .single-service-box .service-content .service-btn {
display: flex;
justify-content: space-between;
color: var(--heading-color);
border: 1px solid rgba(12, 35, 24, 0.15);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
padding: 10px 30px;
border-radius: 40px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.service-section-home2-classic .single-service-box .service-content .service-btn::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.service-section-home2-classic .single-service-box .service-content .service-btn.two::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.service-section-home2-classic .single-service-box:hover .service-thumb::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.service-section-home2-classic .single-service-box:hover .service-title {
color:#37B550;
}
.service-section-home2-classic .single-service-box:hover .service-title.two {
color: #0043B9;
}
.service-section-home2-classic .single-service-box:hover .service-btn::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.service-section-home2-classic .single-service-box:hover .service-btn {
color: var(--theme-color-white);
}
.service-section-home2-classic .single-service-box:hover .service-btn.two::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.service-section-home2-classic .single-service-box:hover .service-icon img {
animation: bd-bounce 800ms ease-out alternate;
-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.about-section-one {
padding: 120px 0 95px;
position: relative;
background: var(--theme-color-white);
border-radius: 0 0 50px 50px;
z-index: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-one {
border-radius: 0;
}
}
.about-section-one .about-sec {
position: relative;
padding-bottom: 53px;
}
.about-section-one .about-sec .about-shape1 {
position: absolute;
left: 412px;
bottom: 80px;
animation: bounceleft 5s linear infinite;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.about-section-one .about-sec .about-shape1 {
display: none;
}
}
.about-section-one .section-desc p {
color: var(--text-color);
}
.about-section-one .about-thumb {
position: relative;
overflow: hidden;
}
.about-section-one .about-thumb figure img {
width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-one .about-thumb figure {
width: 100%;
}
}
.about-section-one .about-thumb::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
content: "";
opacity: 0.3;
left: -100%;
pointer-events: none;
z-index: 1;
transition: all 300ms ease;
}
.about-section-one .about-thumb:hover::before {
left: 100%;
transition: all 300ms ease;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.about-section-one .about-autor-box {
background: var(--theme-color4);
border-radius: 20px;
padding: 35px 60px 32px 55px;
position: relative;
}
.about-section-one .about-autor-box .autor-img-box {
display: flex;
}
.about-section-one .about-autor-box .autor-img-box .author-image {
margin-left: -15px;
}
.about-section-one .about-autor-box .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #0043B9;
border-radius: 50%;
margin-left: -15px;
}
.about-section-one .about-autor-box .autor-desc p {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 17px 0 0;
}
.about-section-one .about-autor-box .about-counter {
position: absolute;
top: 30px;
right: 60px;
}
.about-section-one .about-autor-box .about-counter h2 {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
margin: 0;
}
.about-section-one .about-autor-box .about-counter span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-size: 50px;
line-height: 1;
font-weight: 600;
}
.about-section-one .about-autor-box .about-counter p {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
}
.about-section-one .about-autor-box .about-arrow {
position: absolute;
top: 40px;
right: 220px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.about-section-one .about-autor-box .about-arrow {
display: none;
}
}
.about-section-one .single-about-box {
position: relative;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22424%22%20height%3D%22252%22%20viewBox%3D%220%200%20424%20252%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.9543%200%2020%200H341.925C351.539%200%20359.792%206.84021%20361.577%2016.2869L366.208%2040.7962C367.74%2048.9062%20374.097%2055.242%20382.212%2056.7475L407.648%2061.4664C417.125%2063.2246%20424%2071.4921%20424%2081.1309V232C424%20243.046%20415.046%20252%20404%20252H20C8.9543%20252%200%20243.046%200%20232V20Z%22%20fill%3D%22url(%23paint0_linear_6232_208)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6232_208%22%20x1%3D%22416%22%20y1%3D%22-16%22%20x2%3D%2216%22%20y2%3D%22265%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B0DBE5%22%2F%3E%3Cstop%20offset%3D%220.405133%22%20stop-color%3D%22%23F3FDFF%22%2F%3E%3Cstop%20offset%3D%220.63738%22%20stop-color%3D%22%23F1FCFE%22%2F%3E%3Cstop%20offset%3D%220.948648%22%20stop-color%3D%22%23C9E8EF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
padding: 50px 50px 50px 40px;
margin-bottom: 20px;
transition: all 300ms ease;
}
.about-section-one .single-about-box::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22424%22%20height%3D%22252%22%20viewBox%3D%220%200%20424%20252%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.9543%200%2020%200H341.925C351.539%200%20359.792%206.84021%20361.577%2016.2869L366.208%2040.7962C367.74%2048.9062%20374.097%2055.242%20382.212%2056.7475L407.648%2061.4664C417.125%2063.2246%20424%2071.4921%20424%2081.1309V232C424%20243.046%20415.046%20252%20404%20252H20C8.9543%20252%200%20243.046%200%20232V20Z%22%20fill%3D%22%23FF6D45%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.about-section-one .single-about-box:hover::before {
width: 100%;
left: 0;
}
.about-section-one .single-about-box:hover .about-icon img {
filter: brightness(0) invert(1);
}
.about-section-one .single-about-box .about-title h1 {
display: inline-block;
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 20px 0 0;
transition: all 300ms ease;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-one .single-about-box .about-title h1 {
font-size: 20px;
line-height: 28px;
}
}
.about-section-one .single-about-box:hover .about-title h1 {
color: var(--theme-color-white);
}
.about-section-one .single-about-box .about-arrow {
width: 50px;
height: 50px;
line-height: 42px;
text-align: center;
background: var(--gradient-2);
border-radius: 50%;
position: absolute;
z-index: 1;
right: 0;
top: 0px;
transition: all 300ms ease;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-one .single-about-box .about-arrow {
top: 30px;
right: 35px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-one .single-about-box .about-arrow {
top: 20px;
right: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-one .single-about-box .about-arrow {
top: 20px;
right: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-one .single-about-box .about-arrow {
top: 0px;
right: 110px;
}
}
.about-section-one .single-about-box:hover .about-arrow {
background: #0043B9;
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.about-section-one .single-about-box:hover .about-arrow svg {
filter: brightness(0) invert(1);
}
.about-section-classic {
padding: 120px 0 95px;
position: relative;
background: var(--theme-color-white);
z-index: 1;
}
.about-section-classic .sec-title {
margin-left: 53px;
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-classic .sec-title {
margin-left: 0px;
}
}
@media (max-width: 1199.98px) {
.about-section-classic .sec-title {
margin-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-classic .sec-title {
margin-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-classic .sec-title {
margin-top: 30px;
}
}
.about-section-classic .section-desc p {
color: var(--text-color);
}
.about-section-classic .about-sec {
position: relative;
padding-bottom: 80px;
}
.about-section-classic .about-thumb {
position: relative;
overflow: hidden;
}
.about-section-classic .about-thumb figure img {
width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-classic .about-thumb figure {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-classic .about-thumb figure {
width: 100%;
}
}
.about-section-classic .about-thumb::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
content: "";
opacity: 0.3;
left: -100%;
pointer-events: none;
z-index: 1;
transition: all 300ms ease;
}
.about-section-classic .about-thumb:hover::before {
left: 100%;
transition: all 300ms ease;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.about-section-classic .about-autor-box {
background: var(--theme-color4);
border-radius: 20px;
padding: 35px 60px 32px 55px;
position: relative;
}
.about-section-classic .about-autor-box .autor-img-box {
display: flex;
}
.about-section-classic .about-autor-box .autor-img-box .author-image {
margin-left: -15px;
}
.about-section-classic .about-autor-box .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #0043B9;
border-radius: 50%;
margin-left: -15px;
}
.about-section-classic .about-autor-box .autor-desc p {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 17px 0 0;
}
.about-section-classic .about-autor-box .about-counter {
position: absolute;
top: 30px;
right: 60px;
}
.about-section-classic .about-autor-box .about-counter h2 {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
margin: 0;
}
.about-section-classic .about-autor-box .about-counter span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-size: 50px;
line-height: 1;
font-weight: 600;
}
.about-section-classic .about-autor-box .about-counter p {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
}
.about-section-classic .about-autor-box .about-arrow {
position: absolute;
top: 40px;
right: 220px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.about-section-classic .about-autor-box .about-arrow {
display: none;
}
}
.about-section-classic .single-about-box {
position: relative;
z-index: 1;
background: linear-gradient(247.34deg, #B0DBE5 -0.54%, #F3FDFF 39.73%, #F1FCFE 62.81%, #C9E8EF 93.75%);
border-radius: 20px;
padding: 50px 50px 50px 40px;
margin-bottom: 20px;
transition: all 300ms ease;
}
.about-section-classic .single-about-box::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background: #0043B9;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.about-section-classic .single-about-box:hover::before {
width: 100%;
left: 0;
}
.about-section-classic .single-about-box:hover .about-icon img {
filter: brightness(0) invert(1);
}
.about-section-classic .single-about-box .about-title h1 {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 20px 0 0;
transition: all 300ms ease;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-classic .single-about-box .about-title h1 {
font-size: 20px;
line-height: 28px;
}
}
.about-section-classic .single-about-box:hover .about-title h1 {
color: var(--theme-color-white);
}
.about-section-classic .single-about-box .about-arrow {
width: 50px;
height: 50px;
line-height: 42px;
text-align: center;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50%;
position: absolute;
z-index: 1;
right: 30px;
top: 30px;
transition: all 300ms ease;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-classic .single-about-box .about-arrow {
top: 30px;
right: 35px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-classic .single-about-box .about-arrow {
top: 20px;
right: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-classic .single-about-box .about-arrow {
top: 20px;
right: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-classic .single-about-box .about-arrow {
top: 30px;
right: 50px;
}
}
.about-section-classic .single-about-box:hover .about-arrow {
background: var(--theme-color-white);
border: 1px solid var(--theme-color-white);
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.about-section-classic .single-about-box:hover .about-arrow svg {
filter: brightness(1) invert(0);
}
.about-section-classic .about-shape1 {
position: absolute;
top: 26%;
right: -83px;
animation: bounceleft 5s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-classic .about-shape1 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.about-section-classic .about-shape1 {
display: none;
}
}
.about-section-home2 {
padding: 60px 0 60px;
border-radius: 30px;
margin:0px 0px;
}
.about-section-home2.inner {
background: #fbfbfb;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2 {
margin: 0 0px;
border-radius: 0px;
}
}
.about-section-home2 .about-thumb {
margin-left: 0px;
margin-right: 0px;
}
.reveal img {
border-radius: 0px 20px 20px 0px;
}
.about-section-home2 .about-counter-wrapper {
display: flex;
gap: 25px!important;
}
.about-section-home2 .about-counter-wrapper .about-counter {
background-image: url(../img/about-shape01.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
padding: 32px 60px 10px 40px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2 .about-counter-wrapper .about-counter {
padding: 32px 10px 10px 10px;
}
}
.about-section-home2 .about-counter-wrapper .about-counter::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.about-section-home2 .about-counter-wrapper .about-counter:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.about-section-home2 .about-counter-wrapper .about-counter.two {
background-image: url(../img/about-shape02.png);
padding: 32px 90px 10px 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2 .about-counter-wrapper .about-counter.two {
padding: 32px 10px 10px 10px;
}
}
.about-section-home2 .about-counter-wrapper .about-counter .counter {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
margin-bottom: 20px;
}
.about-section-home2 .about-counter-wrapper .about-counter span {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
}
.about-section-home2 .about-counter-wrapper .about-counter p {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}
.about-section-home2 .about-item-box .single-about-box {
display: flex;
border-bottom: 1px solid rgba(12, 35, 24, 0.15);
padding: 60px 0 12px;
}
.about-section-home2 .about-item-box .single-about-box.two {
padding: 33px 0 30px;
border: none;
}
.about-section-home2 .about-item-box .single-about-box .about-wrap {
width: 90%;
}
.about-section-home2 .about-item-box .single-about-box .about-wrap .about-icon {
display: inline-block;
width: 76px;
height: 76px;
line-height: 76px;
background: #0043B9;
border-radius: 50%;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
z-index: 1;
}
.about-section-home2 .about-item-box .single-about-box .about-wrap .about-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
@media only screen and (max-width: 1700px) {
.about-section-home2 .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 15px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2 .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 5px;
}
}
.about-section-home2 .about-item-box .single-about-box .about-wrap .title h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2 .about-item-box .single-about-box .about-wrap .title h2 {
font-size: 20px;
}
}
.about-section-home2 .about-item-box .single-about-box .about-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 86%;
float: right;
}
.about-section-home2 .about-item-box .single-about-box:hover .about-icon::before {
transform: scale(1);
}
/*.about-section-home2 .about-item-box .about-info-box {
display: flex;
gap: 30px;
}*/
.about-item-box p{
color: #000;
}
.about-section-home2 .about-item-box .about-info-box .about-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.about-section-home2 .about-item-box .about-info-box .about-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 166px;
top: 24px;
}
.about-section-home2 .about-item-box .about-info-box .about-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.about-section-home2 .about-item-box .about-info-box .about-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--heading-color);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.about-section-home2 .about-item-box .about-info-box .about-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.about-section-home2 .about-item-box .about-info-box .about-call-info .call-text {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 8px;
}
.about-section-home2 .about-item-box .about-info-box .about-call-info .call-number {
color: var(--heading-color);
font-weight: 500;
font-size: 22px;
}
.about-section-home2 .about-shape-gif {
position: absolute;
bottom: 0;
right: 80px;
}
@media only screen and (max-width: 1700px) {
.about-section-home2 .about-shape-gif {
display: none;
}
}
.about-section-home2-classic {
background: var(--theme-color-white);
padding: 120px 0 100px;
position: relative;
overflow: hidden;
}
.about-section-home2-classic .about-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.about-section-home2-classic .about-thumb img {
border-radius: 30px;
}
.about-section-home2-classic .about-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.about-section-home2-classic .about-thumb:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.about-section-home2-classic .about-counter-wrapper {
display: flex;
gap: 25px;
}
.about-section-home2-classic .about-counter-wrapper .about-counter {
background-image: url(../images/home2-classic/about-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
padding: 32px 60px 10px 40px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2-classic .about-counter-wrapper .about-counter {
padding: 32px 10px 10px 10px;
}
}
.about-section-home2-classic .about-counter-wrapper .about-counter::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.about-section-home2-classic .about-counter-wrapper .about-counter:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.about-section-home2-classic .about-counter-wrapper .about-counter.two {
background-image: url(../images/home2-classic/about-bg2.html);
padding: 32px 90px 10px 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2-classic .about-counter-wrapper .about-counter.two {
padding: 32px 10px 10px 10px;
}
}
.about-section-home2-classic .about-counter-wrapper .about-counter .counter {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
margin-bottom: 20px;
}
.about-section-home2-classic .about-counter-wrapper .about-counter span {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 50px;
}
.about-section-home2-classic .about-counter-wrapper .about-counter p {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}
.about-section-home2-classic .about-item-box .single-about-box {
display: flex;
border-bottom: 1px solid rgba(12, 35, 24, 0.15);
padding: 60px 0 12px;
}
.about-section-home2-classic .about-item-box .single-about-box.two {
padding: 33px 0 30px;
border: none;
}
.about-section-home2-classic .about-item-box .single-about-box .about-wrap {
width: 90%;
}
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .about-icon {
display: inline-block;
width: 76px;
height: 76px;
line-height: 76px;
background: #0043B9;
border-radius: 50%;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
z-index: 1;
}
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .about-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
@media only screen and (max-width: 1700px) {
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 15px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 5px;
}
}
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .title h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home2-classic .about-item-box .single-about-box .about-wrap .title h2 {
font-size: 20px;
}
}
.about-section-home2-classic .about-item-box .single-about-box .about-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 86%;
float: right;
}
.about-section-home2-classic .about-item-box .single-about-box:hover .about-icon::before {
transform: scale(1);
}
.about-section-home2-classic .about-item-box .about-info-box {
display: flex;
gap: 30px;
}
.about-section-home2-classic .about-item-box .about-info-box .about-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.about-section-home2-classic .about-item-box .about-info-box .about-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 166px;
top: 24px;
}
.about-section-home2-classic .about-item-box .about-info-box .about-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.about-section-home2-classic .about-item-box .about-info-box .about-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--heading-color);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.about-section-home2-classic .about-item-box .about-info-box .about-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.about-section-home2-classic .about-item-box .about-info-box .about-call-info .call-text {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 8px;
}
.about-section-home2-classic .about-item-box .about-info-box .about-call-info .call-number {
color: var(--heading-color);
font-weight: 500;
font-size: 22px;
}
.about-section-home2-classic .about-shape-gif {
position: absolute;
bottom: -15px;
right: -140px;
}
.about-section-home2-classic .about-shape-gif img {
width: 72%;
}
@media only screen and (max-width: 1700px) {
.about-section-home2-classic .about-shape-gif {
display: none;
}
}
.about-section-home3 {
background: var(--theme-color-white);
padding: 180px 0 95px;
position: relative;
overflow: hidden;
}
.about-section-home3.about-dark {
overflow: visible;
}
.about-section-home3.about-dark::before {
position: absolute;
content: "";
z-index: 2;
left: 0;
height: 100px;
width: 100%;
bottom: -49px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background: url(../images/home3/feature-bg-shape.html);
}
.about-section-home3 .sec-title {
margin-bottom: 0;
}
.about-section-home3 .about-thumb-wrapper {
position: relative;
margin-left: -60px;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-thumb-wrapper {
margin-left: 0px;
}
}
.about-section-home3 .about-thumb-wrapper .about-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-thumb-wrapper .about-thumb {
width: 100%;
}
}
.about-section-home3 .about-thumb-wrapper .about-thumb img {
border-radius: 30px;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-thumb-wrapper .about-thumb img {
width: 100%;
}
}
.about-section-home3 .about-thumb-wrapper .about-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.about-section-home3 .about-thumb-wrapper .about-thumb:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.about-section-home3 .about-thumb-wrapper .about-counter {
position: absolute;
bottom: 55px;
left: 50px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3 .about-thumb-wrapper .about-counter {
left: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3 .about-thumb-wrapper .about-counter {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3 .about-thumb-wrapper .about-counter {
display: none;
}
}
.about-section-home3 .about-thumb-wrapper .about-counter .counter {
color: #0043B9;
font-weight: 600;
font-size: 74px;
}
.about-section-home3 .about-thumb-wrapper .about-counter p {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
}
.about-section-home3 .about-thumb-wrapper .about-shape-dot {
position: absolute;
top: 10px;
right: 130px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-thumb-wrapper .about-shape-dot {
display: none;
}
}
.about-section-home3 .about-thumb-wrapper .about-shape-arrow {
position: absolute;
bottom: 180px;
left: -20px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-thumb-wrapper .about-shape-arrow {
display: none;
}
}
.about-section-home3 .about-item-box .single-about-box {
display: flex;
border-bottom: 1px solid rgba(12, 35, 24, 0.15);
padding: 40px 0 12px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3 .about-item-box .single-about-box {
padding: 0px 0 12px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-home3 .about-item-box .single-about-box {
padding: 0px 0 12px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3 .about-item-box .single-about-box {
padding: 0px 0 12px;
}
}
.about-section-home3 .about-item-box .single-about-box.two {
padding: 33px 0 30px;
border: none;
}
.about-section-home3 .about-item-box .single-about-box .about-wrap {
width: 90%;
}
.about-section-home3 .about-item-box .single-about-box .about-wrap .about-icon {
display: inline-block;
width: 76px;
height: 76px;
line-height: 76px;
background: #0043B9;
border-radius: 50%;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3 .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 10px;
}
}
.about-section-home3 .about-item-box .single-about-box .about-wrap .about-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
.about-section-home3 .about-item-box .single-about-box .about-wrap .title h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3 .about-item-box .single-about-box .about-wrap .title h2 {
font-size: 20px;
}
}
.about-section-home3 .about-item-box .single-about-box .about-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 86%;
float: right;
}
.about-section-home3 .about-item-box .single-about-box:hover .about-icon::before {
transform: scale(1);
}
.about-section-home3 .about-item-box .about-info-box {
display: flex;
gap: 30px;
}
.about-section-home3 .about-item-box .about-info-box .about-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.about-section-home3 .about-item-box .about-info-box .about-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 166px;
top: 24px;
}
.about-section-home3 .about-item-box .about-info-box .about-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.about-section-home3 .about-item-box .about-info-box .about-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.about-section-home3 .about-item-box .about-info-box .about-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.about-section-home3 .about-item-box .about-info-box .about-call-info .call-text {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 8px;
}
.about-section-home3 .about-item-box .about-info-box .about-call-info .call-number {
color: var(--heading-color);
font-weight: 500;
font-size: 22px;
}
.about-section-home3 .about-shape1 {
position: absolute;
z-index: 1;
left: -15px;
top: 30px;
opacity: 0.2;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-shape1 {
display: none;
}
}
.about-section-home3 .about-shape2 {
position: absolute;
right: 0;
bottom: 47px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-shape2 {
display: none;
}
}
.about-section-home3 .about-shape3 {
position: absolute;
right: 115px;
top: 135px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3 .about-shape3 {
display: none;
}
}
.about-section-home3-classic {
background: var(--theme-color-white);
padding: 60px 0 60px;
position: relative;
overflow: hidden;
}
.about-section-home3-classic .sec-title {
margin-bottom: 0px;
}
.about-section-home3-classic .about-thumb-wrapper {
position: relative;
margin-left: -60px;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-thumb-wrapper {
margin-left: 0px;
}
}
.about-section-home3-classic .about-thumb-wrapper .about-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-thumb-wrapper .about-thumb {
width: 100%;
}
}
.about-section-home3-classic .about-thumb-wrapper .about-thumb img {
border-radius: 30px;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-thumb-wrapper .about-thumb img {
width: 100%;
}
}
.about-section-home3-classic .about-thumb-wrapper .about-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.about-section-home3-classic .about-thumb-wrapper .about-thumb:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.about-section-home3-classic .about-thumb-wrapper .about-counter {
position: absolute;
bottom: 55px;
left: 50px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3-classic .about-thumb-wrapper .about-counter {
left: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3-classic .about-thumb-wrapper .about-counter {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3-classic .about-thumb-wrapper .about-counter {
display: none;
}
}
.about-section-home3-classic .about-thumb-wrapper .about-counter .counter {
color: #0043B9;
font-weight: 600;
font-size: 74px;
}
.about-section-home3-classic .about-thumb-wrapper .about-counter p {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
}
.about-section-home3-classic .about-thumb-wrapper .about-shape-dot {
position: absolute;
top: 10px;
right: 130px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-thumb-wrapper .about-shape-dot {
display: none;
}
}
.about-section-home3-classic .about-thumb-wrapper .about-shape-arrow {
position: absolute;
bottom: 180px;
left: -20px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-thumb-wrapper .about-shape-arrow {
display: none;
}
}
.about-section-home3-classic .about-item-box .single-about-box {
display: flex;
border-bottom: 1px solid rgba(12, 35, 24, 0.15);
padding: 40px 0 12px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3-classic .about-item-box .single-about-box {
padding: 0px 0 12px;
display: block;
border: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-home3-classic .about-item-box .single-about-box {
padding: 0px 0 12px;
display: block;
border: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3-classic .about-item-box .single-about-box {
padding: 0px 0 12px;
display: block;
border: 0;
}
}
.about-section-home3-classic .about-item-box .single-about-box.two {
padding: 33px 0 30px;
border: none;
}
.about-section-home3-classic .about-item-box .single-about-box .about-wrap {
width: 100%;
}
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon {
display: inline-block;
width: 76px;
height: 76px;
line-height: 76px;
background: #0043B9;
border-radius: 50%;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon {
margin-right: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon {
float: inherit;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon {
float: inherit;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon {
float: inherit;
}
}
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .about-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .title h2 {
color:#2a2a2a;
font-weight: 500;
font-size: 20px;
line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-wrap .title h2 {
font-size: 20px;
}
}
.about-section-home3-classic .about-item-box .single-about-box .about-desc p {
color: #2a2a2a;
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 100%;
float: right;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-desc p {
float: left;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-desc p {
float: left;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3-classic .about-item-box .single-about-box .about-desc p {
float: left;
}
}
.about-section-home3-classic .about-item-box .single-about-box:hover .about-icon::before {
transform: scale(1);
}
.about-section-home3-classic .about-item-box .about-info-box {
display: flex;
gap: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.about-section-home3-classic .about-item-box .about-info-box {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-section-home3-classic .about-item-box .about-info-box {
display: block;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.about-section-home3-classic .about-item-box .about-info-box {
display: block;
}
}
.about-section-home3-classic .about-item-box .about-info-box .about-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 16px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.about-section-home3-classic .about-item-box .about-info-box .about-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 166px;
top: 24px;
}
.about-section-home3-classic .about-item-box .about-info-box .about-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.about-section-home3-classic .about-item-box .about-info-box .about-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.about-section-home3-classic .about-item-box .about-info-box .about-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.about-section-home3-classic .about-item-box .about-info-box .about-call-info .call-text {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 8px;
}
.about-section-home3-classic .about-item-box .about-info-box .about-call-info .call-number {
color: var(--heading-color);
font-weight: 500;
font-size: 22px;
}
.about-section-home3-classic .about-shape1 {
position: absolute;
z-index: 1;
left: -15px;
top: -75px;
opacity: 0.2;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-shape1 {
display: none;
}
}
.about-section-home3-classic .about-shape2 {
position: absolute;
right: 0;
bottom: 36px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-shape2 {
display: none;
}
}
.about-section-home3-classic .about-shape3 {
position: absolute;
right: 115px;
top: 135px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.about-section-home3-classic .about-shape3 {
display: none;
}
}
.loginet-button a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 12px 37px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 300ms ease;
}
.loginet-button a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 165px;
top: 20px;
}
.loginet-button a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.loginet-button a span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 30px;
background-color: #1e1e1e;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.loginet-button a:hover span {
width: 500px;
height: 500px;
}
.why-choose-section-one {
background: var(--heading-color);
position: relative;
margin-top: -50px;
padding: 170px 0 345px;
overflow: hidden;
}
.why-choose-section-one.classic {
padding: 120px 0 100px;
margin: 0;
}
.why-choose-section-one .sec-title {
margin-bottom: 60px;
}
.why-choose-section-one .why-choose-wrapper {
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.why-choose-section-one .why-choose-wrapper {
text-align: center;
margin-bottom: 30px;
}
}
.why-choose-section-one .why-choose-wrapper .why-choose-thumb {
position: relative;
border-radius: 20px;
}
.why-choose-section-one .why-choose-wrapper .why-choose-thumb figure img {
border-radius: 20px;
}
.why-choose-section-one .why-choose-wrapper .why-choose-counter {
position: absolute;
background-image: url(../images/main-home/choose-skill-bg.html);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
left: -100px;
bottom: 82px;
border-radius: 20px;
text-align: center;
padding: 30px 48px 35px;
animation: down-up 3s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-one .why-choose-wrapper .why-choose-counter {
left: 130px;
}
}
.why-choose-section-one .why-choose-wrapper .why-choose-counter .icon i {
font-size: 40px;
line-height: 60px;
color: var(--theme-color-white);
}
.why-choose-section-one .why-choose-wrapper .why-choose-counter h2 {
display: inline-block;
color: var(--theme-color-white);
font-weight: 600;
font-size: 70px;
margin-bottom: 8px;
}
.why-choose-section-one .why-choose-wrapper .why-choose-counter span {
display: inline-block;
color: var(--theme-color-white);
font-weight: 600;
font-size: 70px;
line-height: 1;
}
.why-choose-section-one .why-choose-wrapper .why-choose-counter p {
color: var(--theme-color-white);
font-family: var(-title-font);
font-weight: 500;
font-size: 22px;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.why-choose-section-one .why-choose-wrapper {
text-align: center;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-wrapper {
margin-bottom: 30px;
}
}
.why-choose-section-one .why-choose-box .choose-wrap {
width: 82%;
}
.why-choose-section-one .why-choose-box .choose-title {
margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.why-choose-section-one .why-choose-box .choose-title {
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.why-choose-section-one .why-choose-box .choose-title {
text-align: left;
}
}
.why-choose-section-one .why-choose-box .choose-title h1 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-box .choose-title h1 {
font-size: 25px;
line-height: 25px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-box .choose-title h1 {
font-size: 25px;
line-height: 25px;
text-align: center;
}
}
.why-choose-section-one .why-choose-box .single-choose-box {
display: flex;
border-top: 1px solid rgba(255, 255, 255, 0.15);
padding: 40px 0 20px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-box .single-choose-box {
display: inherit;
border: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-box .single-choose-box {
display: inherit;
border: 0;
}
}
.why-choose-section-one .why-choose-box .single-choose-box:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-box .single-choose-box:last-child {
border: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-box .single-choose-box:last-child {
border: 0;
}
}
.why-choose-section-one .why-choose-box .single-choose-box .choose-icon {
display: inline-block;
width: 76px;
height: 76px;
line-height: 70px;
background: #0043B9;
border-radius: 50%;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-icon {
float: inherit;
margin-bottom: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-icon {
float: inherit;
margin-bottom: 20px;
}
}
.why-choose-section-one .why-choose-box .single-choose-box .choose-icon.active {
background:#37B550;
}
.why-choose-section-one .why-choose-box .single-choose-box .choose-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
.why-choose-section-one .why-choose-box .single-choose-box .title h2 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 82%;
float: right;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
width: 82%;
float: left;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
float: left;
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
float: left;
width: 100%;
}
}
.why-choose-section-one .why-choose-box .single-choose-box:hover .choose-icon::before {
transform: scale(1);
}
.why-choose-section-one .why-choose-shape1 {
position: absolute;
top: 18%;
left: -6%;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
@media (min-width: 576px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-shape1 {
display: none;
}
}
.why-choose-section-one .why-choose-shape2 {
position: absolute;
top: 137px;
right: -55px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-one .why-choose-shape2 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1399.98px) {
.why-choose-section-one .why-choose-shape2 {
display: none;
}
}
.why-choose-section-home2 {
background-image: url(../images/home2/about-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0 100px;
border-radius: 30px;
margin: 0 30px;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-home2 {
margin: 0;
border-radius: 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.why-choose-section-home2 {
margin: 0;
border-radius: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.why-choose-section-home2 {
margin: 0;
border-radius: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.why-choose-section-home2 {
margin: 0;
border-radius: 0;
}
}
.why-choose-section-home2 .sec-title {
margin-bottom: 60px;
}
.why-choose-section-home2 .choose-box-wrapper {
margin-top: 37px;
}
.why-choose-section-home2 .choose-box {
background: rgba(255, 255, 255, 0.6);
border-radius: 70px;
margin-bottom: 22px;
box-shadow: 0px 5px 40px 10px rgba(65, 197, 117, 0.1019607843);
height: 100px;
width: 395px;
line-height: 100px;
padding: 0 20px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.why-choose-section-home2 .choose-box.box-2 .loginet-hover-box {
background:#37B550;
}
.why-choose-section-home2 .choose-box.box-3 .loginet-hover-box {
background: var(--heading-color);
}
.why-choose-section-home2 .choose-box .choose-icon {
display: inline-block;
margin-right: 12px;
}
.why-choose-section-home2 .choose-box .choose-icon span {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
background: #0043B9;
border-radius: 50%;
text-align: center;
transition: 0.5s;
}
.why-choose-section-home2 .choose-box .choose-icon span img {
transition: 0.5s;
}
.why-choose-section-home2 .choose-box .choose-icon.two span {
background:#37B550;
}
.why-choose-section-home2 .choose-box .choose-icon.three span {
background: var(--heading-color);
}
.why-choose-section-home2 .choose-box .choose-title {
display: inline-block;
}
.why-choose-section-home2 .choose-box .choose-title h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
transition: 0.5s;
}
.why-choose-section-home2 .choose-box .loginet-hover-box {
background-color: #0043B9;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.why-choose-section-home2 .choose-box .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 70px 0px 0px 70px;
}
.why-choose-section-home2 .choose-box .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.why-choose-section-home2 .choose-box .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.why-choose-section-home2 .choose-box .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 70px 70px 0px;
}
.why-choose-section-home2 .choose-box:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.why-choose-section-home2 .choose-box:hover .choose-icon span {
background: var(--theme-color-white);
}
.why-choose-section-home2 .choose-box:hover .choose-icon span img {
filter: brightness(1) invert(1);
animation: bd-bounce 800ms ease-out alternate;
-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.why-choose-section-home2 .choose-box:hover .choose-title h2 {
color: var(--theme-color-white);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-home2 .choose-box {
width: 350px;
}
}
.why-choose-section-home2 .why-choose-thumb {
position: absolute;
z-index: 1;
bottom: -112px;
margin-left: -15px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-home2 .why-choose-thumb {
position: relative;
bottom: 0px;
}
}
.why-choose-section-home2 .why-choose-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.why-choose-section-home2 .why-choose-thumb:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.why-choose-section-home2 .choose-shape1 {
position: absolute;
top: 160px;
left: 380px;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2 .choose-shape1 {
display: none;
}
}
.why-choose-section-home2 .choose-shape2 {
position: absolute;
top: 170px;
right: 370px;
animation: rotateme 18s linear infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2 .choose-shape2 {
display: none;
}
}
.why-choose-section-home2 .choose-shape3 {
position: absolute;
bottom: 45px;
left: 35px;
animation: down-up 5s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2 .choose-shape3 {
display: none;
}
}
.why-choose-section-home2 .choose-shape4 {
position: absolute;
bottom: 35px;
right: 30px;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2 .choose-shape4 {
display: none;
}
}
.why-choose-section-home2-classic {
background: var(--heading-color);
padding: 120px 0 100px;
position: relative;
z-index: 1;
}
.why-choose-section-home2-classic .sec-title {
margin-bottom: 60px;
}
.why-choose-section-home2-classic .choose-box-wrapper {
margin-top: 37px;
}
.why-choose-section-home2-classic .choose-box {
background: var(--theme-color5);
border-radius: 70px;
margin-bottom: 22px;
height: 100px;
width: 395px;
line-height: 100px;
padding: 0 20px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.why-choose-section-home2-classic .choose-box.box-2 .loginet-hover-box {
background:#37B550;
}
.why-choose-section-home2-classic .choose-box.box-3 .loginet-hover-box {
background: var(--heading-color);
}
.why-choose-section-home2-classic .choose-box .choose-icon {
display: inline-block;
margin-right: 12px;
}
.why-choose-section-home2-classic .choose-box .choose-icon span {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
background: #0043B9;
border-radius: 50%;
text-align: center;
transition: 0.5s;
}
.why-choose-section-home2-classic .choose-box .choose-icon span img {
transition: 0.5s;
}
.why-choose-section-home2-classic .choose-box .choose-icon.two span {
background:#37B550;
}
.why-choose-section-home2-classic .choose-box .choose-icon.three span {
background: var(--heading-color);
}
.why-choose-section-home2-classic .choose-box .choose-title {
display: inline-block;
}
.why-choose-section-home2-classic .choose-box .choose-title h2 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
transition: 0.5s;
}
.why-choose-section-home2-classic .choose-box .loginet-hover-box {
background-color: #0043B9;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.why-choose-section-home2-classic .choose-box .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 70px 0px 0px 70px;
}
.why-choose-section-home2-classic .choose-box .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.why-choose-section-home2-classic .choose-box .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.why-choose-section-home2-classic .choose-box .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 70px 70px 0px;
}
.why-choose-section-home2-classic .choose-box:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.why-choose-section-home2-classic .choose-box:hover .choose-icon span {
background: var(--theme-color-white);
}
.why-choose-section-home2-classic .choose-box:hover .choose-icon span img {
filter: brightness(1) invert(1);
animation: bd-bounce 800ms ease-out alternate;
-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.why-choose-section-home2-classic .choose-box:hover .choose-title h4 {
color: var(--theme-color-white);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-home2-classic .choose-box {
width: 350px;
}
}
.why-choose-section-home2-classic .why-choose-thumb {
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.why-choose-section-home2-classic .why-choose-thumb {
position: inherit;
}
}
.why-choose-section-home2-classic .choose-shape1 {
position: absolute;
top: 160px;
left: 380px;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2-classic .choose-shape1 {
display: none;
}
}
.why-choose-section-home2-classic .choose-shape2 {
position: absolute;
top: 170px;
right: 370px;
animation: rotateme 18s linear infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2-classic .choose-shape2 {
display: none;
}
}
.why-choose-section-home2-classic .choose-shape3 {
position: absolute;
bottom: 45px;
left: 35px;
animation: down-up 5s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2-classic .choose-shape3 {
display: none;
}
}
.why-choose-section-home2-classic .choose-shape4 {
position: absolute;
bottom: 35px;
right: 30px;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.why-choose-section-home2-classic .choose-shape4 {
display: none;
}
}
.project-section-one {
padding: 120px 0 110px;
background-image: url(../images/main-home/project-bg.html);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 0 0 20px 20px;
position: relative;
margin: -245px 30px 30px 30px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.project-section-one {
border-radius: 0 0 0px 0px;
margin: -245px 0px 30px 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.project-section-one {
border-radius: 0 0 0px 0px;
margin: -245px 0px 30px 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-one {
border-radius: 0 0 0px 0px;
margin: -245px 0px 30px 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.project-section-one {
border-radius: 0 0 0px 0px;
margin: -245px 0px 30px 0px;
}
}
.project-section-one::before {
position: absolute;
z-index: -1;
content: "";
background: #F0FDFE;
width: 1920px;
height: 3130px;
top: 244px;
left: -26px;
}
.project-section-one .sec-title {
margin-bottom: 60px;
}
.project-section-one .project-box {
position: relative;
}
.project-section-one .project-box .project-box-item {
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-one .project-box .project-box-item {
transform: translate(0px, 0px);
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.project-section-one .project-box .project-box-item {
transform: translate(0px, 0px);
}
}
.project-section-one .project-box .project-box-item .project-thumb {
position: relative;
transition: 0.5s;
}
.project-section-one .project-box .project-box-item .project-thumb:before {
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.project-section-one .project-box .project-box-item .project-thumb:hover:before {
animation: shine 800ms;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box {
position: absolute;
top: 90px;
right: 80px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22456%22%20height%3D%22442%22%20viewBox%3D%220%200%20456%20442%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.95431%200%2020%200H436C447.046%200%20456%208.95431%20456%2020V365.171C456%20376.217%20447.046%20385.171%20436%20385.171H408C396.954%20385.171%20388%20394.126%20388%20405.171V422C388%20433.046%20379.046%20442%20368%20442H20C8.95431%20442%200%20433.046%200%20422V20Z%22%20fill%3D%22url(%23paint0_linear_6252_273)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6252_273%22%20x1%3D%22447.396%22%20y1%3D%22-28.0635%22%20x2%3D%22-94.5401%22%20y2%3D%22205.375%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B0DBE5%22%2F%3E%3Cstop%20offset%3D%220.405133%22%20stop-color%3D%22%23F3FDFF%22%2F%3E%3Cstop%20offset%3D%220.63738%22%20stop-color%3D%22%23F1FCFE%22%2F%3E%3Cstop%20offset%3D%220.948648%22%20stop-color%3D%22%23C9E8EF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
border-radius: 20px;
padding: 60px 50px 60px;
width: 456px;
height: 442px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.project-section-one .project-box .project-box-item .project-thumb .project-box {
top: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.project-section-one .project-box .project-box-item .project-thumb .project-box {
top: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-one .project-box .project-box-item .project-thumb .project-box {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.project-section-one .project-box .project-box-item .project-thumb .project-box {
display: none;
}
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-icon {
position: absolute;
top: 40px;
right: 40px;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-icon span {
display: inline-block;
color: var(--theme-color-white);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background: #0043B9;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-content h2 {
display: inline-block;
color: var(--heading-color);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
padding: 7px 28px;
border-radius: 20px;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-content h3 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 0;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: 17px 0 40px;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-btn .button {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
border-radius: 45px;
color: var(--theme-color-white);
background-color: var(--heading-color);
padding: 11px 39px;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-btn .button i {
margin-left: 11px;
position: relative;
top: 2px;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-btn .button span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 45px;
background-color: #0043B9;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-btn .button:hover span {
width: 500px;
height: 500px;
}
.project-section-one .project-box .project-box-item .project-thumb .project-box .project-btn .button:hover {
color: var(--theme-color-white);
}
.project-section-one .project-box .project-box-item .project-thumb .project-box.two {
left: 80px;
}
.project-section-one .project-shape1 {
position: absolute;
top: 100px;
left: 320px;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.project-section-one .project-shape1 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.project-section-one .project-shape1 {
display: none;
}
}
.project-section-one .project-shape2 {
position: absolute;
top: 70px;
right: 0;
animation: upDown 1.1s ease-in-out 1.1s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.project-section-one .project-shape2 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.project-section-one .project-shape2 {
display: none;
}
}
.project-section-classic {
padding: 120px 0 105px;
position: relative;
overflow: hidden;
}
.project-section-classic .sec-title {
margin-bottom: 60px;
}
.project-section-classic .project-box-item {
margin-bottom: 10px;
}
.project-section-classic .project-box-item .project-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-section-classic .project-box-item .project-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.project-section-classic .project-box-item .project-thumb figure {
margin: 0;
}
.project-section-classic .project-box-item .project-thumb figure img {
border-radius: 30px;
}
.project-section-classic .project-box-item .project-thumb .project-content {
position: absolute;
z-index: 1;
bottom: 56px;
left: 0;
right: 0;
width: 360px;
height: 164px;
line-height: 164px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
margin: 0 auto;
padding: 38px 30px;
transform: translateY(200px);
opacity: 0;
transition: 0.5s;
}
.project-section-classic .project-box-item .project-thumb .project-content h2 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
margin: 0;
background: #0043B9;
width: 122px;
height: 38px;
line-height: 38px;
border-radius: 20px;
text-align: center;
margin-bottom: 20px;
}
.project-section-classic .project-box-item .project-thumb .project-content h3 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 32px;
}
.project-section-classic .project-box-item:hover .project-content {
opacity: 1;
transform: translateY(7px);
}
.project-section-classic .project-box-item:hover .project-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.project-section-classic .project-shape1 {
position: absolute;
top: 100px;
left: 300px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.project-section-classic .project-shape1 {
display: none;
}
}
.project-section-classic .project-shape2 {
position: absolute;
top: 100px;
right: 300px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.project-section-classic .project-shape2 {
display: none;
}
}
.project-section-home2 {
padding: 60px 0 120px;
position: relative;
z-index: 1;
}
.project-section-home2 .sec-title {
margin-top: 60px;
}
.project-section-home2 .loginet-button {
float: right;
}
.project-section-home2 .loginet-button a {
padding: 16px 37px;
}
.project-section-home2 .loginet-button a::before {
left: 157px;
top: 23px;
}
.project-section-home2 .loginet-button a span {
background-color:#37B550;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-home2 .loginet-button {
float: left;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.project-section-home2 .loginet-button {
float: left;
margin-bottom: 30px;
}
}
.project-section-home2 .project-box {
background: var(--theme-color4);
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
}
.project-section-home2 .project-box::before {
position: absolute;
z-index: -1;
content: "";
width: 575px;
height: 35px;
background-image: url(../images/home2/shape.html);
background-repeat: no-repeat;
background-position: center center;
left: 0;
right: 0;
bottom: 0px;
margin: 0 auto;
transform: translateY(0px);
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.project-section-home2 .project-box::before {
display: none;
}
}
.project-section-home2 .project-box:hover::before {
transform: translateY(10px);
}
.project-section-home2 .project-box .project-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-section-home2 .project-box .project-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.project-section-home2 .project-box .project-thumb figure {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-home2 .project-box .project-thumb figure {
width: 100%;
}
}
.project-section-home2 .project-box .project-thumb figure img {
width: 100%;
}
.project-section-home2 .project-box .project-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 37px 25px 0px;
}
.project-section-home2 .project-box .project-content .project-title h2 {
display: inline-block;
color: #0043B9;
background: var(--theme-color5);
font-weight: 500;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 20px;
}
.project-section-home2 .project-box .project-content .project-title h3 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 32px;
}
.project-section-home2 .project-box .project-content .project-title h3 a {
display: block;
transition: 0.5s;
}
.project-section-home2 .project-box .project-content .project-title h3 a:hover {
color:#37B550;
}
.project-section-home2 .project-box .project-content .project-btn a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: #0043B9;
background: var(--theme-color5);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
}
.project-section-home2 .project-box .project-content .project-btn a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.project-section-home2 .project-box:hover .project-btn a::before {
transform: scale(1);
}
.project-section-home2 .project-box:hover .project-btn a {
color: var(--theme-color-white);
}
.project-section-home2 .project-box:hover .project-thumb::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.project-section-home2 .project-shape1 {
position: absolute;
top: 90px;
right: 510px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.project-section-home2 .project-shape1 {
display: none;
}
}
.project-section-home2 .project-shape2 {
position: absolute;
top: 170px;
right: 560px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.project-section-home2 .project-shape2 {
display: none;
}
}
.project-section-home2-classic {
background: var(--theme-color-white);
padding: 60px 0 120px;
position: relative;
z-index: 1;
}
.project-section-home2-classic .sec-title {
margin-top: 60px;
}
.project-section-home2-classic .loginet-button {
float: right;
}
.project-section-home2-classic .loginet-button a {
padding: 16px 37px;
}
.project-section-home2-classic .loginet-button a::before {
left: 157px;
top: 23px;
}
.project-section-home2-classic .loginet-button a span {
background-color:#37B550;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-home2-classic .loginet-button {
float: left;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.project-section-home2-classic .loginet-button {
float: left;
margin-bottom: 30px;
}
}
.project-section-home2-classic .project-box {
background: var(--theme-color8);
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
}
.project-section-home2-classic .project-box .project-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-section-home2-classic .project-box .project-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.project-section-home2-classic .project-box .project-thumb figure {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-home2-classic .project-box .project-thumb figure {
width: 100%;
}
}
.project-section-home2-classic .project-box .project-thumb figure img {
width: 100%;
border-radius: 14px;
}
.project-section-home2-classic .project-box .project-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 37px 25px 0px;
}
.project-section-home2-classic .project-box .project-content .project-title h2 {
display: inline-block;
color: #0043B9;
border: 1px solid rgba(12, 35, 24, 0.1);
font-weight: 500;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 20px;
}
.project-section-home2-classic .project-box .project-content .project-title h3 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
}
.project-section-home2-classic .project-box .project-content .project-title h3 a {
display: block;
transition: 0.5s;
}
.project-section-home2-classic .project-box .project-content .project-btn a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: #0043B9;
border: 1px solid rgba(12, 35, 24, 0.1);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
}
.project-section-home2-classic .project-box .project-content .project-btn a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.project-section-home2-classic .project-box:hover .project-btn a::before {
transform: scale(1);
}
.project-section-home2-classic .project-box:hover .project-btn a {
color: var(--theme-color-white);
}
.project-section-home2-classic .project-box:hover .project-title h3 a {
color: #0043B9;
}
.project-section-home2-classic .project-box:hover .project-thumb::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.project-section-home2-classic .project-shape1 {
position: absolute;
top: 90px;
right: 510px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.project-section-home2-classic .project-shape1 {
display: none;
}
}
.project-section-home2-classic .project-shape2 {
position: absolute;
top: 170px;
right: 560px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.project-section-home2-classic .project-shape2 {
display: none;
}
}
.project-section-home3 {
background: var(--theme-bg-color1);
padding: 280px 0 120px;
position: relative;
z-index: 1;
margin-top: -220px;
}
.project-section-home3 .sec-title {
margin-top: 60px;
}
.project-section-home3 .loginet-button {
float: right;
}
.project-section-home3 .loginet-button a {
padding: 16px 37px;
}
.project-section-home3 .loginet-button a::before {
left: 157px;
top: 23px;
}
.project-section-home3 .loginet-button a span {
background-color:#37B550;
}
.project-section-home3 .project-box {
background: var(--theme-color-white);
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
transition: 0.5s;
}
.project-section-home3 .project-box .project-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-section-home3 .project-box .project-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.project-section-home3 .project-box .project-thumb figure {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-section-home3 .project-box .project-thumb figure {
width: 100%;
}
}
.project-section-home3 .project-box .project-thumb figure img {
width: 100%;
border-radius: 14px;
}
.project-section-home3 .project-box .project-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 37px 25px 0px;
}
.project-section-home3 .project-box .project-content .project-title h2 {
display: inline-block;
color: #0043B9;
border: 1px solid rgba(12, 35, 24, 0.1);
font-weight: 500;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 20px;
}
.project-section-home3 .project-box .project-content .project-title h3 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
}
.project-section-home3 .project-box .project-content .project-title h3 a {
display: block;
transition: 0.5s;
}
.project-section-home3 .project-box .project-content .project-btn a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: #0043B9;
border: 1px solid rgba(12, 35, 24, 0.1);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
}
.project-section-home3 .project-box .project-content .project-btn a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.project-section-home3 .project-box:hover .project-btn a::before {
transform: scale(1);
}
.project-section-home3 .project-box:hover .project-btn a {
color: var(--theme-color-white);
}
.project-section-home3 .project-box:hover .project-title h3 a {
color: #0043B9;
}
.project-section-home3 .project-box:hover .project-thumb::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.project-section-home3 .project-box:hover {
border: 1px solid #0043B9;
}
.project-section-home3 .project-shape1 {
position: absolute;
top: 90px;
right: 510px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
.project-section-home3 .project-shape2 {
position: absolute;
top: 170px;
right: 560px;
animation: bounceleft 6s linear infinite;
}
.work-process-section-one {
padding:60px 0 60px;
background-color: #49494A;
border-radius: 20px;
margin: 60px 30px 60px 30px;
position: relative;
z-index: 2;
overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-one {
border-radius: 0px;
margin: 0 0px 0 0px;
}
}
.work-process-section-one .sec-title {
margin-bottom:30px;
}
.work-process-section-one .working-process-box {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.work-process-section-one .working-process-box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 150px;
top: 45px;
background: url(../images/main-home/process-border.html);
background-repeat: no-repeat;
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .working-process-box::before {
display: none;
}
}
.work-process-section-one .working-process-box::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: -255px;
top: 66px;
background: url(../images/main-home/process-border.html);
background-repeat: no-repeat;
transform: rotate(20deg);
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .working-process-box::after {
display: none;
}
}
.work-process-section-one .working-process-box .before-transprent::before {
background: transparent;
}
.work-process-section-one .working-process-box .process-icon {
width: 100px;
height: 100px;
line-height: 100px;
background-color: #0043B9;
border-radius: 50%;
text-align: center;
margin: auto;
position: relative;
z-index: 1;
}
.work-process-section-one .working-process-box .process-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #37B550;
transition: all 300ms ease;
}
.work-process-section-one .working-process-box .process-icon .process-shape {
position: absolute;
top: -53px;
left: -30px;
z-index: -1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-one .working-process-box .process-icon .process-shape {
display: none;
}
}
.work-process-section-one .working-process-box .process-icon .process-shape.last {
top: -53px;
right: -160px;
transform: rotate(90deg);
}
.work-process-section-one .working-process-box:hover .process-icon::before {
transform: scale(1);
}
.work-process-section-one .working-process-box:hover .process-icon > img {
filter: brightness(0) invert(1);
}
.work-process-section-one .working-process-box .process-content h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 25px;
line-height: 40px;
margin: 22px 0 15px;
}
.work-process-section-one .working-process-box .process-content p {
color: #cfcfcf;
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%!important;
margin: 0 auto;
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .working-process-box .process-content p {
width: 100%;
}
}
.work-process-section-one .working-process-box.first {
margin-top: 65px;
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .working-process-box.first {
margin-top: 0px;
}
}
.work-process-section-one .working-process-box.first::before {
background: transparent;
}
.work-process-section-one .working-process-box.first::after {
background: transparent;
}
.work-process-section-one .work-process-shape1 {
position: absolute;
top: 26%;
left: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .work-process-shape1 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.work-process-section-one .work-process-shape1 {
display: none;
}
}
.work-process-section-one .work-process-shape2 {
position: absolute;
top: 0;
right: -70px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-one .work-process-shape2 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.work-process-section-one .work-process-shape2 {
display: none;
}
}
.work-process-section-classic {
padding: 120px 0 100px;
background-image: url(../images/transport-classic/work-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 2;
overflow: hidden;
}
.work-process-section-classic .worksp {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.work-process-section-classic .sec-title {
margin-bottom: 80px;
}
.work-process-section-classic .working-process-box {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.work-process-section-classic .working-process-box .before-transprent::before {
background: transparent;
}
.work-process-section-classic .working-process-box .process-icon {
width: 130px;
height: 130px;
line-height: 130px;
background-color: #FAF0ED;
border-radius: 50%;
text-align: center;
margin: auto;
position: relative;
z-index: 1;
}
.work-process-section-classic .working-process-box .process-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.work-process-section-classic .working-process-box .process-icon .process-shape {
position: absolute;
top: -53px;
left: -42px;
z-index: -1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-classic .working-process-box .process-icon .process-shape {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-classic .working-process-box .process-icon .process-shape {
display: none;
}
}
.work-process-section-classic .working-process-box .process-icon .process-shape.last {
top: -53px;
right: -190px;
transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-classic .working-process-box .process-icon .process-shape.last {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-classic .working-process-box .process-icon .process-shape.last {
display: none;
}
}
.work-process-section-classic .working-process-box:hover .process-icon::before {
transform: scale(1);
}
.work-process-section-classic .working-process-box:hover .process-icon > img {
filter: brightness(0) invert(1);
}
.work-process-section-classic .working-process-box .process-content h2 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 22px 0 15px;
}
.work-process-section-classic .working-process-box .process-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%;
margin: 0 auto;
}
@media (max-width: 1199.98px) {
.work-process-section-classic .working-process-box .process-content p {
width: 100%;
}
}
.work-process-section-classic .working-process-box.first {
margin-top: 65px;
}
@media only screen and (max-width: 1700px) {
.work-process-section-classic .working-process-box.first {
margin-top: 0px;
}
}
.work-process-section-classic .working-process-box.first::before {
background: transparent;
}
.work-process-section-classic .working-process-box.first::after {
background: transparent;
}
.work-process-section-classic .work-process-shape1 {
position: absolute;
top: 0;
left: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.work-process-section-classic .work-process-shape1 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.work-process-section-classic .work-process-shape1 {
display: none;
}
}
.work-process-section-classic .work-process-shape2 {
position: absolute;
top: 45px;
right: 100px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-classic .work-process-shape2 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.work-process-section-classic .work-process-shape2 {
display: none;
}
}
.work-process-section-home2 {
padding: 120px 0 100px;
background-image: url(../images/home2/prosess-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 2;
overflow: hidden;
margin: 0 30px 0;
border-radius: 30px 30px 0px 0px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-home2 {
margin: 0 0px 0;
border-radius: 0px 0px 0px 0px;
}
}
.work-process-section-home2 .sec-title {
margin-bottom: 80px;
}
.work-process-section-home2 .working-process-box {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.work-process-section-home2 .working-process-box .before-transprent::before {
background: transparent;
}
.work-process-section-home2 .working-process-box .process-icon {
width: 130px;
height: 130px;
line-height: 130px;
background-color: #FAF0ED;
border-radius: 50%;
text-align: center;
margin: auto;
position: relative;
z-index: 1;
}
.work-process-section-home2 .working-process-box .process-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.work-process-section-home2 .working-process-box .process-icon .process-shape {
position: absolute;
top: -53px;
left: -42px;
z-index: -1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-home2 .working-process-box .process-icon .process-shape {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-home2 .working-process-box .process-icon .process-shape {
display: none;
}
}
.work-process-section-home2 .working-process-box .process-icon .process-shape.last {
top: -53px;
right: -190px;
transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-home2 .working-process-box .process-icon .process-shape.last {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-home2 .working-process-box .process-icon .process-shape.last {
display: none;
}
}
.work-process-section-home2 .working-process-box:hover .process-icon::before {
transform: scale(1);
}
.work-process-section-home2 .working-process-box:hover .process-icon > img {
filter: brightness(0) invert(1);
}
.work-process-section-home2 .working-process-box .process-content h2 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 22px 0 15px;
}
.work-process-section-home2 .working-process-box .process-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.work-process-section-home2 .working-process-box .process-content p {
width: 100%;
}
}
.work-process-section-home2 .working-process-box.first {
margin-top: 65px;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2 .working-process-box.first {
margin-top: 0px;
}
}
.work-process-section-home2 .working-process-box.first::before {
background: transparent;
}
.work-process-section-home2 .working-process-box.first::after {
background: transparent;
}
.work-process-section-home2 .work-process-shape1 {
position: absolute;
top: 0;
left: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
.work-process-section-home2 .work-process-shape2 {
position: absolute;
top: 45px;
right: 100px;
animation: bounceleft 8s linear infinite;
}
.work-process-section-home2 .work-shap {
position: absolute;
top: 17%;
right: 15%;
animation: down-up 5s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2 .work-shap {
display: none;
}
}
.work-process-section-home2 .work-shape2 {
position: absolute;
left: 14%;
top: 23%;
animation: down-up 6s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2 .work-shape2 {
display: none;
}
}
.work-process-section-home2-classic {
padding: 120px 0 100px;
background-image: url(../images/home2-classic/process-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 1;
overflow: hidden;
}
.work-process-section-home2-classic .sec-title {
margin-bottom: 80px;
}
.work-process-section-home2-classic .working-process-box {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.work-process-section-home2-classic .working-process-box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 150px;
top: 45px;
background: url(../images/home2-classic/process-border.html);
background-repeat: no-repeat;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .working-process-box::before {
display: none;
}
}
.work-process-section-home2-classic .working-process-box::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: -252px;
top: 69px;
background: url(../images/home2-classic/process-border.html);
background-repeat: no-repeat;
transform: rotate(21deg);
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .working-process-box::after {
display: none;
}
}
.work-process-section-home2-classic .working-process-box .before-transprent::before {
background: transparent;
}
.work-process-section-home2-classic .working-process-box .process-icon {
width: 130px;
height: 130px;
line-height: 130px;
background-color: var(--theme-color-white);
border: 2px solid #0043B9;
border-radius: 50%;
text-align: center;
margin: auto;
position: relative;
z-index: 1;
}
.work-process-section-home2-classic .working-process-box .process-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.work-process-section-home2-classic .working-process-box .process-icon .process-shape {
position: absolute;
top: -53px;
left: -42px;
z-index: -1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-home2-classic .working-process-box .process-icon .process-shape {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-home2-classic .working-process-box .process-icon .process-shape {
display: none;
}
}
.work-process-section-home2-classic .working-process-box .process-icon .process-shape.last {
top: -53px;
right: -190px;
transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.work-process-section-home2-classic .working-process-box .process-icon .process-shape.last {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.work-process-section-home2-classic .working-process-box .process-icon .process-shape.last {
display: none;
}
}
.work-process-section-home2-classic .working-process-box:hover .process-icon::before {
transform: scale(1);
}
.work-process-section-home2-classic .working-process-box:hover .process-icon > img {
filter: brightness(0) invert(1);
}
.work-process-section-home2-classic .working-process-box .process-content h2 {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 22px 0 15px;
}
.work-process-section-home2-classic .working-process-box .process-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.work-process-section-home2-classic .working-process-box .process-content p {
width: 100%;
}
}
.work-process-section-home2-classic .working-process-box.first {
margin-top: 65px;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .working-process-box.first {
margin-top: 0px;
}
}
.work-process-section-home2-classic .working-process-box.first::before {
background: transparent;
}
.work-process-section-home2-classic .working-process-box.first::after {
background: transparent;
}
.work-process-section-home2-classic .work-process-shape1 {
position: absolute;
top: 0;
left: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .work-process-shape1 {
display: none;
}
}
.work-process-section-home2-classic .work-process-shape2 {
position: absolute;
top: 45px;
right: 100px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .work-process-shape2 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.work-process-section-home2-classic .work-process-shape2 {
display: none;
}
}
.work-process-section-home2-classic .work-shap {
position: absolute;
right: 14%;
top: 16%;
animation: down-up 5s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .work-shap {
display: none;
}
}
.work-process-section-home2-classic .work-shape2 {
position: absolute;
left: 14%;
top: 16%;
animation: down-up 4s ease-in-out infinite;
}
@media only screen and (max-width: 1700px) {
.work-process-section-home2-classic .work-shape2 {
display: none;
}
}
.marquee-section-one {
position: relative;
padding: 56px 0 22px;
z-index: 1;
background-color: #0043B9;
margin: -15px 30px 0 30px;
border-radius: 0 0px 20px 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.marquee-section-one {
border-radius: 0px;
margin: 0 0px 0 0px;
}
}
.marquee-section-one.classic {
margin: 0;
border-radius: 0;
padding: 40px 0 22px;
}
.marquee-section-one .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 0px;
}
.marquee-section-one .marquee .marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-section-one .marquee .marquee-block h3 {
font-size: 36px;
text-transform: uppercase;
color: var(--theme-color-white);
font-weight: 600;
}
.marquee-section-one .marquee .marquee-block h3 span {
display: inline-block;
margin: 0 40px 0 45px;
transition: 0.5s;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
.marquee-section-home2 {
position: relative;
padding: 40px 0 22px;
z-index: 1;
background-color: #0043B9;
margin: 0px 30px 0 30px;
border-radius: 0 0px 20px 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.marquee-section-home2 {
margin: 0px 0px 0 0px;
border-radius: 0 0px 0px 0px;
}
}
.marquee-section-home2.classic {
margin: 0;
border-radius: 0;
padding: 40px 0 22px;
}
.marquee-section-home2 .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 0px;
}
.marquee-section-home2 .marquee .marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-section-home2 .marquee .marquee-block h3 {
font-size: 36px;
text-transform: uppercase;
color: var(--theme-color-white);
font-weight: 600;
}
.marquee-section-home2 .marquee .marquee-block h3 span {
display: inline-block;
margin: 0 40px 0 45px;
transition: 0.5s;
animation: rotateme 18s linear infinite;
}
.marquee-section-home2-classic {
position: relative;
padding: 40px 0 22px;
z-index: 1;
background-color: #0043B9;
}
.marquee-section-home2-classic .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 0px;
}
.marquee-section-home2-classic .marquee .marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-section-home2-classic .marquee .marquee-block h3 {
font-size: 36px;
text-transform: uppercase;
color: var(--theme-color-white);
font-weight: 600;
}
.marquee-section-home2-classic .marquee .marquee-block h3 span {
display: inline-block;
margin: 0 40px 0 45px;
transition: 0.5s;
animation: rotateme 18s linear infinite;
}
.marquee-section-home3 {
position: relative;
padding: 40px 0 55px;
z-index: 1;
background-color: #0043B9;
}
.marquee-section-home3.classic {
padding: 40px 0 20px;
}
.marquee-section-home3 .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 0px;
}
.marquee-section-home3 .marquee .marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-section-home3 .marquee .marquee-block h3 {
font-size: 36px;
text-transform: uppercase;
color: var(--theme-color-white);
font-weight: 600;
}
.marquee-section-home3 .marquee .marquee-block h3 span {
display: inline-block;
margin: 0 40px 0 45px;
transition: 0.5s;
animation: rotateme 18s linear infinite;
}
.team-section-one {
background: #F0FDFE;
padding: 120px 105px 100px 105px;
border-radius: 0 0 50px 50px;
position: relative;
z-index: 1;
}
.team-section-one.two {
border-radius: 0;
padding: 120px 0 110px;
}
@media only screen and (max-width: 1700px) {
.team-section-one {
padding: 120px 20px 80px 20px;
border-radius: 0 0 30px 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-one {
padding: 120px 20px 80px 20px;
border-radius: 0 0 0px 0px;
}
}
.team-section-one .sec-title {
margin-bottom: 30px;
}
.team-section-one .section-desc p {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 40%;
margin: 20px auto 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.team-section-one .section-desc p {
width: 55%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-section-one .section-desc p {
width: 70%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-one .section-desc p {
width: 95%;
}
}
.team-section-one .team-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
border-radius: 45px;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 13px 36px;
position: relative;
overflow: hidden;
z-index: 1;
transition: all 300ms ease;
}
.team-section-one .team-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 146px;
top: 22px;
transition: all 300ms ease;
}
.team-section-one .team-btn a i {
margin-left: 22px;
position: relative;
top: 2px;
}
.team-section-one .team-btn a span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 45px;
background-color: var(--theme-color1);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
transition: all 300ms ease;
}
.team-section-one .team-btn a:hover span {
width: 500px;
height: 500px;
}
.team-section-one .team-btn a:hover {
color: var(--theme-color-white);
}
.team-section-one .single-team-box {
margin-bottom: 20px;
transition: all 300ms ease;
overflow: hidden;
}
.team-section-one .single-team-box.upp {
transform: translateY(-90px);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.team-section-one .single-team-box.upp {
transform: translateY(0px);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-section-one .single-team-box.upp {
transform: translateY(0px);
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-one .single-team-box.upp {
transform: translateY(0px);
}
}
.team-section-one .single-team-box .team-thumb {
position: relative;
border-radius: 20px;
}
.team-section-one .single-team-box .team-thumb::before {
position: absolute;
z-index: 1;
content: "";
height: 0;
width: 100%;
left: 0;
bottom: 0;
background: var(--gradient-4);
border-radius: 20px;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
bottom: 0;
background: var(--gradient-3);
border-radius: 20px;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb:hover::before {
height: 100%;
}
.team-section-one .single-team-box .team-thumb figure {
margin: 0;
width: 100%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-one .single-team-box .team-thumb figure {
width: 100%;
}
}
.team-section-one .single-team-box .team-thumb figure img {
width: 100%;
}
.team-section-one .single-team-box .team-thumb .team-icon a {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
color: #0043B9;
border: 1px solid #0043B9;
text-align: center;
border-radius: 50%;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-icon a i {
transform: rotate(-45deg);
}
.team-section-one .single-team-box .team-thumb .team-icon a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
text-align: center;
transform: translateY(10px);
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content .title {
font-size: 32px;
font-weight: 600;
color: var(--theme-color-white);
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content .designation {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 5px 22px;
filter: blur(0px);
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content .team-social {
opacity: 0;
margin-top: 11px;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content .team-social li {
display: inline-block;
margin: 0 3px;
}
.team-section-one .single-team-box .team-thumb .team-content .team-social li a {
display: inline-block;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
font-size: 13px;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
}
.team-section-one .single-team-box .team-thumb .team-content .team-social li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.team-section-one .single-team-box .team-thumb .team-content .team-social li a:hover::before {
transform: scale(1);
}
.team-section-one .single-team-box .team-thumb:hover .team-social {
opacity: 1;
}
.team-section-one .single-team-box:hover .team-content {
transform: translateY(-50px);
}
.team-section-one .single-team-box:hover .team-icon a::before {
transform: scale(1);
}
.team-section-one .single-team-box:hover .team-icon a {
color: var(--theme-color-white);
}
.team-section-home3-classic {
padding: 460px 0 100px;
position: relative;
background: #fff;
}
.team-section-home3-classic.inner {
padding: 100px 0 0px;
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-section-home3-classic {
padding: 100px 0 100px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-home3-classic {
padding: 100px 0 100px;
}
}
.team-section-home3-classic .sec-title {
margin-bottom: 60px;
}
.team-section-home3-classic .loginet-button {
float: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-section-home3-classic .loginet-button {
float: left;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-section-home3-classic .loginet-button {
float: left;
margin-bottom: 30px;
}
}
.team-section-home3-classic .loginet-button a {
background: var(--heading-color);
padding: 14px 35px;
}
.team-section-home3-classic .loginet-button a::before {
left: 170px;
top: 21px;
}
.team-section-home3-classic .loginet-button a span {
background: #0043B9;
}
.team-section-home3-classic .single-team-box {
margin-bottom: 20px;
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb {
position: relative;
}
.team-section-home3-classic .single-team-box .team-thumb::before {
position: absolute;
z-index: 1;
content: "";
height: 100%;
width: 100%;
left: 0;
bottom: 0;
background: var(--gradient-6);
border-radius: 20px;
transition: all 300ms ease;
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb figure {
margin: 0;
width: 100%;
}
.team-section-home3-classic .single-team-box .team-thumb figure img {
width: 100%;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
text-align: center;
transform: translateY(10px);
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .title {
font-size: 32px;
font-weight: 600;
color: var(--theme-color-white);
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .designation {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 5px 22px;
transition: all 300ms ease;
backdrop-filter: blur(10px);
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .team-social {
opacity: 0;
margin-top: 7px;
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .team-social li {
display: inline-block;
margin: 0 3px;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .team-social li a {
display: inline-block;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
backdrop-filter: blur(10px);
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .team-social li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.team-section-home3-classic .single-team-box .team-thumb .team-content .team-social li a:hover::before {
transform: scale(1);
}
.team-section-home3-classic .single-team-box .team-thumb:hover .team-social {
opacity: 1;
}
.team-section-home3-classic .single-team-box:hover .team-content {
transform: translateY(-30px);
}
.team-section-home3-classic .team-shape1 {
position: absolute;
bottom: -50px;
left: 0;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.team-section-home3-classic .team-shape1 {
display: none;
}
}
.team-section-home3-classic .team-shape2 {
position: absolute;
top: 490px;
right: 750px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.team-section-home3-classic .team-shape2 {
display: none;
}
}
.testimonial-section-one {
background: var(--heading-color);
padding: 165px 0 440px;
position: relative;
margin-top: -45px;
}
.testimonial-section-one::before {
position: absolute;
z-index: 1;
content: "";
width: 1920px;
height: 1130px;
background: var(--theme-bg-color1);
left: 0;
bottom: -1130px;
border-radius: 0 0 50px 35px;
}
.testimonial-section-one .single-testi-box {
background: var(--theme-color4);
border-radius: 20px;
padding: 45px 60px 35px 40px;
margin-bottom: 25px;
position: relative;
}
.testimonial-section-one .single-testi-box .testi-ratting ul li {
display: inline-block;
color:#37B550;
letter-spacing: 2px;
}
.testimonial-section-one .single-testi-box .testi-desc p {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 400;
font-size: 28px;
line-height: 40px;
margin: 20px 0 35px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.testimonial-section-one .single-testi-box .testi-desc p {
font-size: 24px;
line-height: 36px;
}
}
.testimonial-section-one .single-testi-box .testi-autor-box {
display: flex;
gap: 20px;
}
.testi-autor img{
width:70px;
height:70px;
object-position: center;
object-fit: cover;
}
.testimonial-section-one .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
color: var(--theme-color-white);
margin-bottom: 5px;
}
.testimonial-section-one .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
color: var(--theme-color3);
}
.testimonial-section-one .single-testi-box .testi-autor-box .testi-autor-content .autor-desi span {
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
color: var(--theme-color-white);
}
.testimonial-section-one .testimonial-wrapper {
position: relative;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb {
position: relative;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb::before {
position: absolute;
z-index: 1;
content: "";
width: 40px;
height: 40px;
clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
background: var(--heading-color);
right: 82px;
transform: rotate(189deg);
top: -13px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb::after {
position: absolute;
z-index: 1;
content: "";
width: 50px;
height: 50px;
clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
background: var(--heading-color);
right: 0px;
transform: rotate(187deg);
top: 46px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-one .testimonial-wrapper .testi-thumb figure {
width: 100%;
}
}
.testimonial-section-one .testimonial-wrapper .testi-thumb figure img {
border-radius: 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-one .testimonial-wrapper .testi-thumb figure img {
width: 100%;
}
}
.testimonial-section-one .testimonial-wrapper .testi-thumb span {
width: 85px;
height: 70px;
background: var(--heading-color);
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 45px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 250px;
height: 260px;
background: #0B4654;
text-align: center;
border-radius: 0 30px 0 0px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box::before {
position: absolute;
z-index: -1;
content: "";
width: 220px;
height: 230px;
background: #0043B9;
left: 0px;
bottom: 0px;
border-radius: 30px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-img-box {
display: flex;
padding: 68px 0 30px 56px;
position: relative;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-img-box::before {
position: absolute;
z-index: 1;
content: "";
width: 100px;
height: 100px;
clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
background: var(--heading-color);
left: -2px;
transform: rotate(2deg);
bottom: 82px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-img-box::after {
position: absolute;
z-index: 1;
content: "";
width: 100px;
height: 100px;
clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
background: var(--heading-color);
right: -95px;
transform: rotate(5deg);
bottom: -178px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-img-box .author-image {
margin-left: -15px;
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-img-box .autor-number {
font-size: 18px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border: 2px solid var(--theme-color-white);
background: #0043B9;
margin-left: -15px;
border-radius: 50%;
color: var(--theme-color-white);
}
.testimonial-section-one .testimonial-wrapper .testi-thumb .autor-box .autor-desc p {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
line-height: 32px;
padding-right: 30px;
}
.testimonial-section-one .testi-shape1 {
position: absolute;
top: 44px;
left: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-one .testi-shape1 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.testimonial-section-one .testi-shape1 {
display: none;
}
}
.testimonial-section-one .testi-shape2 {
position: absolute;
top: 100px;
right: 180px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-one .testi-shape2 {
display: none;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.testimonial-section-one .testi-shape2 {
display: none;
}
}
.testimonial-section-classic {
background: var(--heading-color);
padding: 120px 0 120px;
position: relative;
overflow: hidden;
}
.testimonial-section-classic .sec-title {
margin-bottom: 60px;
}
.testimonial-section-classic .section-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
.testimonial-section-classic .testi-classic-active {
overflow-x: hidden;
}
@media (max-width: 1199.98px) {
.testimonial-section-classic .testi-classic-active {
margin-top: 30px;
}
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 375px;
top: 185px;
z-index: 5;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-prev {
right: 150px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-prev {
display: none;
}
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-prev:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 303px;
top: 185px;
z-index: 5;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-next {
right: 70px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-next {
display: none;
}
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-next:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.testimonial-section-classic .testi-classic-active .loginet-banner-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
}
.testimonial-section-classic .single-testi-box {
background: var(--theme-color4);
border-radius: 20px;
padding: 40px 40px 30px;
}
@media (max-width: 1199.98px) {
.testimonial-section-classic .single-testi-box {
padding: 40px 20px 30px;
}
}
.testimonial-section-classic .single-testi-box .testi-autor-box .testi-autor {
float: left;
margin-right: 23px;
}
.testimonial-section-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
}
.testimonial-section-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial-section-classic .single-testi-box .testi-ratting {
display: flex;
align-items: center;
justify-content: space-between;
background: #1F5A68;
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-section-classic .single-testi-box .testi-ratting::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-section-classic .single-testi-box .testi-ratting .testi-number span {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 32px;
transition: 0.5s;
}
.testimonial-section-classic .single-testi-box .testi-ratting .ratting ul li {
display: inline-block;
color:#37B550;
transition: 0.5s;
}
.testimonial-section-classic .single-testi-box .testi-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-section-classic .single-testi-box:hover .testi-ratting::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-section-classic .single-testi-box:hover .testi-number span {
color: var(--theme-color-white);
}
.testimonial-section-classic .single-testi-box:hover .ratting ul li {
color: var(--theme-color-white);
}
.testimonial-section-classic .testi-shape1 {
position: absolute;
top: 0px;
left: -50px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-classic .testi-shape1 {
display: none;
}
}
.testimonial-section-classic .testi-shape2 {
position: absolute;
top: -30px;
right: 110px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-classic .testi-shape2 {
display: none;
}
}
.testimonial-section-home2 {
background: #fbfbfb;
padding: 60px 0 60px;
position: relative;
overflow: hidden;
}
.testimonial-section-home2 .sec-title {
margin-bottom: 60px;
}
.testimonial-section-home2 .section-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2 .section-desc p {
margin: 0px 0 0;
width: 80%;
}
}
.testimonial-section-home2 .testi-home2-active {
overflow-x: hidden;
margin-left: 295px;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2 .testi-home2-active {
margin: 0 20px;
}
}
.testimonial-section-home2 .testi-home2-active .swiper-slide {
width: 540px !important;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2 .testi-home2-active .swiper-slide {
width: 600px !important;
}
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgb(0 0 0 / 50%);
position: absolute;
right: 375px;
top: 166px;
z-index: 5;
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
font-size: 20px;
color: #2a2a2a
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev {
right: 150px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-prev {
display: none;
}
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border:1px dashed rgb(0 0 0 / 50%);
position: absolute;
right: 303px;
top: 166px;
z-index: 5;
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
font-size: 20px;
color: #2a2a2a
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next {
right: 70px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2 .testi-home2-active .loginet-home2-arrow-box .slider-next {
display: none;
}
}
.testimonial-section-home2 .single-testi-box {
background:#49494A;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 20px;
padding: 40px 40px 30px;
position: relative;
z-index: 1;
}
.testimonial-section-home2 .single-testi-box::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url(../images/home2/testi-box.html);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.testimonial-section-home2 .single-testi-box .testi-autor-box .testi-autor {
float: left;
margin-right: 23px;
}
.testimonial-section-home2 .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
}
.testimonial-section-home2 .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial-section-home2 .single-testi-box .testi-autor-box .testi-autor-content .autor-desi span {
display: inline-block;
color: var(--theme-color-white);
}
.testimonial-section-home2 .single-testi-box .testi-ratting {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--theme-color5);
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-section-home2 .single-testi-box .testi-ratting::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: rgba(255, 255, 255, 0.1);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-section-home2 .single-testi-box .testi-ratting .testi-number span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 32px;
transition: 0.5s;
}
.testimonial-section-home2 .single-testi-box .testi-ratting .ratting ul li {
display: inline-block;
color:#37B550;
transition: 0.5s;
}
.testimonial-section-home2 .single-testi-box .testi-desc p {
color: #dedada;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-section-home2 .single-testi-box:hover .testi-ratting::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-section-home2 .single-testi-box:hover::before {
width: 100%;
left: 0;
}
.testimonial-section-home2 .testi-shape {
position: absolute;
bottom: 50px;
left: 60px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2 .testi-shape {
display: none;
}
}
.testimonial-section-home2-classic {
background-image: url(../images/home2-classic/test-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 105px 0 120px;
position: relative;
overflow: hidden;
}
.testimonial-section-home2-classic .sec-title {
margin-bottom: 60px;
}
.testimonial-section-home2-classic .section-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2-classic .section-desc p {
margin: 0px 0 0;
width: 80%;
}
}
.testimonial-section-home2-classic .testi-home2-classic-active {
overflow: hidden;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2-classic .testi-home2-classic-active {
margin: 0 20px;
}
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--heading-color);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 375px;
top: 166px;
z-index: 5;
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev {
right: 150px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-prev {
display: none;
}
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--heading-color);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 303px;
top: 166px;
z-index: 5;
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
font-size: 20px;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next {
right: 70px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.testimonial-section-home2-classic .testi-home2-classic-active .loginet-home2-arrow-box .slider-next {
display: none;
}
}
.testimonial-section-home2-classic .single-testi-box {
background: var(--theme-color-white);
box-shadow: 0px 10px 40px 0px rgba(12, 35, 24, 0.031372549);
border-radius: 20px;
padding: 40px 40px 30px;
position: relative;
z-index: 1;
}
.testimonial-section-home2-classic .single-testi-box .testi-autor-box .testi-autor {
float: left;
margin-right: 23px;
}
.testimonial-section-home2-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
}
.testimonial-section-home2-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
}
.testimonial-section-home2-classic .single-testi-box .testi-ratting {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--theme-color8);
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-section-home2-classic .single-testi-box .testi-ratting::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-section-home2-classic .single-testi-box .testi-ratting .testi-number span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 32px;
transition: 0.5s;
}
.testimonial-section-home2-classic .single-testi-box .testi-ratting .ratting ul li {
display: inline-block;
color:#37B550;
transition: 0.5s;
}
.testimonial-section-home2-classic .single-testi-box .testi-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-section-home2-classic .single-testi-box:hover .testi-ratting::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-section-home2-classic .single-testi-box:hover .testi-number span {
color: var(--theme-color-white);
}
.testimonial-section-home2-classic .single-testi-box:hover .ratting ul li {
color: var(--theme-color-white);
}
.testimonial-section-home2-classic .testi-shape {
position: absolute;
bottom: 50px;
left: 60px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home2-classic .testi-shape {
display: none;
}
}
.testimonial-section-home3 {
background-image: url(../images/home3/home3-testi-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 165px 0 310px;
position: relative;
z-index: 1;
overflow: hidden;
}
.testimonial-section-home3 .sec-title {
margin-bottom: 60px;
}
.testimonial-section-home3 .testi-home3-active {
overflow-x: hidden;
margin-left: 295px;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3 .testi-home3-active {
margin-left: 0px;
}
}
.testimonial-section-home3 .testi-home3-active .swiper-slide {
width: 540px !important;
}
.testimonial-section-home3 .single-testi-box {
background-image: url(../images/home3/home3-testi-box-bg.html);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 20px;
padding: 40px 40px 30px;
position: relative;
z-index: 1;
}
.testimonial-section-home3 .single-testi-box::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url(../images/home3/home3-testi-box-hover-bg.html);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.testimonial-section-home3 .single-testi-box .testi-autor-box .testi-autor {
float: left;
margin-right: 23px;
}
.testimonial-section-home3 .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
}
.testimonial-section-home3 .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial-section-home3 .single-testi-box .testi-autor-box .testi-autor-content .autor-desi span {
display: inline-block;
color: var(--theme-color-white);
}
.testimonial-section-home3 .single-testi-box .testi-ratting {
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-section-home3 .single-testi-box .testi-ratting .testi-number span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 32px;
transition: 0.5s;
}
.testimonial-section-home3 .single-testi-box .testi-ratting .ratting ul li {
display: inline-block;
color:#37B550;
transition: 0.5s;
}
.testimonial-section-home3 .single-testi-box .testi-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-section-home3 .single-testi-box:hover::before {
width: 100%;
left: 0;
}
.testimonial-section-home3 .testi-shape {
position: absolute;
left: 375px;
top: 170px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3 .testi-shape {
display: none;
}
}
.testimonial-section-home3 .testi-shape2 {
position: absolute;
right: 370px;
top: 170px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3 .testi-shape2 {
display: none;
}
}
.testimonial-section-home3-classic {
background-image: url(../images/home3-classic/testimonial-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0 350px;
position: relative;
overflow: hidden;
}
.testimonial-section-home3-classic.inner {
padding: 120px 0 100px;
}
.testimonial-section-home3-classic .sec-title {
margin-bottom: 60px;
}
.testimonial-section-home3-classic .section-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
.testimonial-section-home3-classic .testi-home3-classic-active {
overflow: hidden;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3-classic .testi-home3-classic-active {
margin-left: 0px;
}
}
.testimonial-section-home3-classic .single-testi-box {
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 40px 40px 30px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.testimonial-section-home3-classic .single-testi-box .testi-autor-box .testi-autor {
float: left;
margin-right: 23px;
}
.testimonial-section-home3-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
}
.testimonial-section-home3-classic .single-testi-box .testi-autor-box .testi-autor-content .autor-desi {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial-section-home3-classic .single-testi-box .testi-ratting {
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-section-home3-classic .single-testi-box .testi-ratting::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-section-home3-classic .single-testi-box .testi-ratting .testi-number span {
display: inline-block;
color: #0043B9;
font-family: "Google Sans", sans-serif;
font-weight: 600;
font-size: 32px;
transition: 0.5s;
}
.testimonial-section-home3-classic .single-testi-box .testi-ratting .ratting ul li {
display: inline-block;
color:#37B550;
transition: 0.5s;
}
.testimonial-section-home3-classic .single-testi-box .testi-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-section-home3-classic .single-testi-box:hover .testi-ratting::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-section-home3-classic .single-testi-box:hover .testi-number span {
color: var(--theme-color-white);
}
.testimonial-section-home3-classic .single-testi-box:hover .ratting ul li {
color: var(--theme-color-white);
}
.testimonial-section-home3-classic .single-testi-box:hover {
border: 1px solid #0043B9;
box-shadow: 0px 10px 40px 0px rgba(12, 35, 24, 0.031372549);
}
.testimonial-section-home3-classic .testi-shape {
position: absolute;
top: 140px;
left: 390px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3-classic .testi-shape {
display: none;
}
}
.testimonial-section-home3-classic .testi-shape2 {
position: absolute;
top: 140px;
right: 355px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.testimonial-section-home3-classic .testi-shape2 {
display: none;
}
}
.latest-blog-section-one {
padding: 120px 0 105px;
background-image: url(../images/main-home/blog-bg1.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 1;
margin: -335px 30px 0 30px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-one {
margin: -335px 0px 0 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-one {
margin: -335px 0px 0 0px;
padding: 120px 0 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-one {
margin: -335px 0px 0 0px;
padding: 120px 0 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-one {
margin: -335px 0px 0 0px;
padding: 120px 0 0px;
}
}
.latest-blog-section-one .sec-title {
margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-one .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-one .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-one .single-blog-box {
margin-bottom: 30px;
}
}
.latest-blog-section-one .single-blog-box .blog-thumb {
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-one .single-blog-box .blog-thumb {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-one .single-blog-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-one .single-blog-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-one .single-blog-box .blog-thumb img {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-one .single-blog-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-one .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-one .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 15px;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 44px;
padding: 20px 30px 28px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
margin: 0 0 5px 0;
transition: 0.5s;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-one .single-blog-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.latest-blog-section-one .blog-single-box {
display: flex;
gap: 30px;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-one .blog-single-box {
gap: 15px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-one .blog-single-box {
display: block;
}
}
.latest-blog-section-one .blog-single-box .blog-thumb {
flex-shrink: 0;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-one .blog-single-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-one .blog-single-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-one .blog-single-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-one .blog-single-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-one .blog-single-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 18px;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
padding: 18px 55px 22px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-one .blog-single-box .blog-content .blog-title a {
font-size: 20px;
padding: 18px 0px 16px 0px;
}
}
.latest-blog-section-one .blog-single-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-one .blog-single-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.latest-blog-section-classic {
padding: 120px 0 100px;
}
.latest-blog-section-classic .sec-title {
margin-bottom: 60px;
}
.latest-blog-section-classic .single-blog-box {
margin-bottom: 20px;
}
.latest-blog-section-classic .single-blog-box .blog-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-classic .single-blog-box .blog-thumb {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-classic .single-blog-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-classic .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-classic .single-blog-box .blog-thumb img {
border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-classic .single-blog-box .blog-thumb img {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-classic .single-blog-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-meta a {
color: var(--theme-color-white);
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
border-radius: 40px;
padding: 0px 19px;
margin-top: 20px;
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-title {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
margin: 12px 0 15px 0;
transition: 0.5s;
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-title a {
display: inline-block;
transition: 0.5s;
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-autor a {
color: var(--heading-color);
display: inline-block;
font-weight: 400;
font-size: 16px;
}
.latest-blog-section-classic .single-blog-box .blog-content .blog-autor a span {
display: inline-block;
color: #0043B9;
}
.latest-blog-section-classic .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home2 {
background: var(--theme-color-white);
padding: 120px 0 105px;
border-radius: 30px;
margin: 0 30px;
}
@media only screen and (max-width: 1700px) {
.latest-blog-section-home2 {
margin: 0 0px;
border-radius: 0px;
}
}
.latest-blog-section-home2 .sec-title {
margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home2 .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home2 .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home2 .single-blog-box {
margin-bottom: 30px;
}
}
.latest-blog-section-home2 .single-blog-box .blog-thumb {
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home2 .single-blog-box .blog-thumb {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home2 .single-blog-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-home2 .single-blog-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home2 .single-blog-box .blog-thumb img {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home2 .single-blog-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-home2 .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-home2 .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 15px;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 44px;
padding: 20px 30px 28px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
margin: 0 0 5px 0;
transition: 0.5s;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-home2 .single-blog-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.latest-blog-section-home2 .blog-single-box {
display: flex;
gap: 30px;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-home2 .blog-single-box {
gap: 15px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home2 .blog-single-box {
display: block;
}
}
.latest-blog-section-home2 .blog-single-box .blog-thumb {
flex-shrink: 0;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home2 .blog-single-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-home2 .blog-single-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home2 .blog-single-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-home2 .blog-single-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-home2 .blog-single-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 18px;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
padding: 18px 20px 22px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
transition: 0.5s;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-title a:hover {
color: #0043B9;
}
@media only screen and (max-width: 1700px) {
.latest-blog-section-home2 .blog-single-box .blog-content .blog-title a {
padding: 18px 0px 16px 0px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-home2 .blog-single-box .blog-content .blog-title a {
font-size: 20px;
}
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-home2 .blog-single-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.latest-blog-section-home2-classic {
background: #F0FDFE;
padding: 60px 0 60px;
}
.latest-blog-section-home2-classic .sec-title {
margin-bottom: 60px;
}
.latest-blog-section-home2-classic .single-blog-box {
margin-bottom: 20px;
}
.latest-blog-section-home2-classic .single-blog-box .blog-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.latest-blog-section-home2-classic .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-home2-classic .single-blog-box .blog-thumb img {
border-radius: 10px;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-meta a {
color: #fff;
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #37B550;
border-radius: 40px;
padding: 0px 19px;
margin-top: 20px;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-title {
color: #2a2a2a;
font-weight: 500;
font-size: 24px;
line-height: 32px;
margin: 12px 0 15px 0;
transition: 0.5s;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-title a {
display: inline-block;
transition: 0.5s;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-autor a {
color: var(--heading-color);
display: inline-block;
font-weight: 400;
font-size: 16px;
}
.latest-blog-section-home2-classic .single-blog-box .blog-content .blog-autor a span {
display: inline-block;
color: #0043B9;
}
.latest-blog-section-home2-classic .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home3 {
background: var(--theme-bg-color1);
padding: 490px 0 105px;
position: relative;
margin-top: -370px;
}
.latest-blog-section-home3 .sec-title {
margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home3 .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home3 .single-blog-box {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home3 .single-blog-box {
margin-bottom: 30px;
}
}
.latest-blog-section-home3 .single-blog-box .blog-thumb {
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home3 .single-blog-box .blog-thumb {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home3 .single-blog-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-home3 .single-blog-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.latest-blog-section-home3 .single-blog-box .blog-thumb img {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.latest-blog-section-home3 .single-blog-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-home3 .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-home3 .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 15px;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 44px;
padding: 20px 30px 28px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
margin: 0 0 5px 0;
transition: 0.5s;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-home3 .single-blog-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.latest-blog-section-home3 .blog-single-box {
display: flex;
gap: 30px;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-home3 .blog-single-box {
gap: 15px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home3 .blog-single-box {
display: block;
}
}
.latest-blog-section-home3 .blog-single-box .blog-thumb {
flex-shrink: 0;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home3 .blog-single-box .blog-thumb {
width: 100%;
}
}
.latest-blog-section-home3 .blog-single-box .blog-thumb img {
border-radius: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.latest-blog-section-home3 .blog-single-box .blog-thumb img {
width: 100%;
}
}
.latest-blog-section-home3 .blog-single-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.latest-blog-section-home3 .blog-single-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-meta {
display: flex;
align-items: center;
gap: 18px;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-meta a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
color: var(--theme-color-white);
padding: 2px 22px;
border-radius: 20px;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-meta p {
font-weight: 400;
font-size: 16px;
color: var(--text-color);
margin: 0;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-title a {
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
padding: 18px 20px 16px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
margin: 0 0 5px 0;
transition: 0.5s;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-title a:hover {
color: #0043B9;
}
@media only screen and (max-width: 1700px) {
.latest-blog-section-home3 .blog-single-box .blog-content .blog-title a {
padding: 18px 0px 16px 0px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.latest-blog-section-home3 .blog-single-box .blog-content .blog-title a {
font-size: 20px;
}
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-btn a {
display: inline-block;
color: var(--link-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-btn a i {
display: inline-block;
margin-left: 10px;
}
.latest-blog-section-home3 .blog-single-box .blog-content .blog-btn a:hover {
color: #0043B9;
}
.brand-area-one {
padding: 60px 0;
background: var(--theme-bg-color1);
}
.brand-area-one .band-active {
overflow-x: hidden;
}
.brand-area-one .band-active .brand-box {
width: 244px;
height: 120px;
line-height: 120px;
border-radius: 16px;
text-align: center;
background: var(--theme-color-white);
}
.brand-area-classic {
padding: 80px 0;
background: var(--theme-bg-color1);
}
.brand-area-classic .band-active {
overflow-x: hidden;
}
.brand-area-classic .band-active .brand-box {
width: 244px;
height: 120px;
line-height: 120px;
border-radius: 16px;
text-align: center;
background: var(--theme-color-white);
}
.main-footer-one {
background: #15505E;
padding: 150px 0 70px;
position: relative;
margin-top: -30px;
}
.main-footer-one.classic {
margin: 0;
background: url(../images/transport-classic/footer-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0 60px;
}
.main-footer-one.classic .main-footer-section::before {
position: absolute;
z-index: -1;
content: "";
background: var(--theme-color4);
border-top: 10px solid #0043B9;
border-radius: 0;
width: 1965px;
height: 612px;
left: -350px;
top: 0;
}
.main-footer-one.inner {
margin-top: 0;
}
.main-footer-one .footer-top-section {
position: relative;
padding-bottom: 60px;
}
.main-footer-one .footer-top-section .footer-shape3 {
position: absolute;
top: 67px;
left: 42%;
right: 0;
text-align: center;
animation: bounceleft 6s linear infinite;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.main-footer-one .footer-top-section .footer-shape3 {
display: none;
}
}
@media only screen and (max-width: 1700px) {
.main-footer-one .footer-top-section .footer-shape3 {
display: none;
}
}
.main-footer-one .footer-circle {
position: relative;
text-align: right;
margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-one .footer-circle {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-one .footer-circle {
display: none;
}
}
.main-footer-one .footer-circle .circle-icon a {
display: inline-block;
background: #0043B9;
width: 200px;
height: 200px;
line-height: 175px;
border-radius: 50%;
text-align: center;
}
.main-footer-one .footer-circle .circle-icon a img {
transform: rotate(-45deg);
position: relative;
cursor: pointer;
z-index: 1;
top: 10px;
}
.main-footer-one .footer-circle .circle-text {
position: absolute;
bottom: 22px;
right: 20px;
animation: rotateme 18s linear infinite;
}
.main-footer-one .main-footer-section {
position: relative;
z-index: 1;
padding: 110px 0 82px;
}
.main-footer-one .main-footer-section .footer-shape2 {
position: absolute;
bottom: -15%;
left: -21%;
z-index: -1;
}
.main-footer-one .main-footer-section::before {
position: absolute;
z-index: -1;
content: "";
background: #0B4654;
border-top: 10px solid #0043B9;
border-radius: 50px;
width: 1850px;
height: 612px;
left: -265px;
top: 0;
}
.main-footer-one .main-footer-section .footer-widget-content {
padding-right: 45px;
}
.footer-widget-content img{
width: 250px
}
.main-footer-one .main-footer-section .footer-widget-content .footer-desc {
color: var(--theme-color-white);
font-weight: 400;
font-size: 16px;
line-height: 26px;
padding: 32px 0 40px;
}
.main-footer-one .main-footer-section .footer-widget-content.social {
padding-right: 0px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.main-footer-one .main-footer-section .footer-widget-content.social {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-one .main-footer-section .footer-widget-content.social {
margin-bottom: 30px;
}
}
.main-footer-one .main-footer-section .footer-widget-content .footer-social li {
display: inline-block;
display: inline-block;
margin-right: 7px;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-social li a {
display: inline-block;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-social li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-social li a:hover::before {
transform: scale(1);
}
.main-footer-one .main-footer-section .footer-widget-content .footer-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 28px;
margin: 10px 0 45px;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-menu li a {
display: flex;
justify-content: space-between;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 13px;
margin-bottom: 14px;
transition: 0.5s;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-menu li a i {
display: inline-block;
font-weight: 400;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-menu li a:hover {
color: #0043B9;
}
.main-footer-one .main-footer-section .footer-widget-content .location {
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
line-height: 28px;
padding-bottom: 30px;
}
.main-footer-one .main-footer-section .footer-widget-content .location span {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-one .main-footer-section .footer-widget-content .contact-info .email-text a {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-one .main-footer-section .footer-widget-content .contact-info .email-address a {
display: inline-block;
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
}
.main-footer-one .main-footer-section .footer-shape {
position: absolute;
top: 0;
right: -295px;
z-index: revert-layer;
}
.main-footer-one .footer-bottom {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
z-index: 1;
padding: 38px 0 0;
}
.main-footer-one .footer-bottom .copyright-text {
color: var(--theme-color-white);
font-weight: 400;
font-size: 16px;
}
.main-footer-one .footer-bottom .copyright-text a {
display: inline-block;
color: #0043B9;
}
.main-footer-one .footer-bottom .footer-bottom-menu {
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-one .footer-bottom .footer-bottom-menu {
text-align: left;
margin-top: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-one .footer-bottom .footer-bottom-menu {
text-align: left;
margin-top: 20px;
}
}
.main-footer-one .footer-bottom .footer-bottom-menu ul li {
display: inline-block;
margin-left: 43px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-one .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-one .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0;
}
}
.main-footer-one .footer-bottom .footer-bottom-menu ul li a {
color: var(--theme-color-white);
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
transition: 0.5s;
}
.main-footer-one .footer-bottom .footer-bottom-menu ul li a:hover {
color: #0043B9;
}
.sign-up-section-home2 {
background-image: url(../images/home2/sign-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 30px;
margin: 30px 30px 0 30px;
padding: 60px 0 56px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sign-up-section-home2 {
margin: 0px 0px 0 0px;
border-radius: 0px;
}
}
.sign-up-section-home2.classic {
margin: 0;
border-radius: 0;
background-image: url(../images/home2-classic/news-bg.html);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sign-up-section-home2.classic span {
right: 290px;
}
}
.sign-up-section-home2 .sign-up-title h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 50px;
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx {
position: relative;
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx input {
background: transparent;
width: 424px;
height: 60px;
border-radius: 50px;
border: 2px solid rgba(255, 255, 255, 0.15);
padding: 0 0 0 35px;
color: var(--theme-color-white);
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx input::placeholder {
color: var(--theme-bg-color1);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 17px;
}
@media only screen and (max-width: 1700px) {
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx input {
width: 410px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx input {
width: 300px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx input {
margin-bottom: 30px;
}
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx span {
display: inline-block;
color: #0043B9;
position: absolute;
right: 255px;
top: 15px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx span {
right: 290px;
}
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx button {
color: var(--theme-color8);
font-family: "Google Sans", sans-serif;
background: #0043B9;
font-weight: 400;
font-size: 17px;
border-radius: 50px;
padding: 17px 46px;
margin-left: 10px;
position: relative;
z-index: 1;
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx button::before {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 50px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx button i {
display: inline-block;
margin-left: 8px;
transform: rotate(-45deg);
}
.sign-up-section-home2 .sign-up .sign-up-form .form-input-bx button:hover::before {
width: 100%;
}
.main-footer-home2 {
background: #263133;
position: relative;
padding: 120px 0 36px;
}
.main-footer-home2 .main-footer-section {
position: relative;
z-index: 1;
padding-bottom: 86px;
}
.main-footer-home2 .main-footer-section .footer-widget-content {
padding-right: 45px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-desc {
color: var(--theme-color-white);
font-weight: 400;
font-size: 16px;
line-height: 26px;
padding: 32px 0 40px;
}
.main-footer-home2 .main-footer-section .footer-widget-content.social {
padding-right: 0px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-social li {
display: inline-block;
display: inline-block;
margin-right: 7px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-social li a {
display: inline-block;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-social li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-social li a:hover::before {
transform: scale(1);
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 28px;
margin: 10px 0 45px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-menu li a {
display: flex;
justify-content: space-between;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 13px;
margin-bottom: 14px;
transition: 0.5s;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-menu li a i {
display: inline-block;
font-weight: 400;
}
.main-footer-home2 .main-footer-section .footer-widget-content .footer-menu li a:hover {
color: #0043B9;
}
.main-footer-home2 .main-footer-section .footer-widget-content .location {
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
line-height: 28px;
padding-bottom: 30px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .location span {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .contact-info .email-text a {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-home2 .main-footer-section .footer-widget-content .contact-info .email-address a {
display: inline-block;
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
}
.main-footer-home2 .main-footer-section .footer-shape {
position: absolute;
top: 10px;
right: -265px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
.main-footer-home2 .main-footer-section .footer-shape2 {
position: absolute;
bottom: -40px;
left: -220px;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
.main-footer-home2 .footer-bottom {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
z-index: 1;
padding: 38px 0 0;
}
.main-footer-home2 .footer-bottom .copyright-text {
color: var(--theme-color-white);
font-weight: 400;
font-size: 16px;
}
.main-footer-home2 .footer-bottom .copyright-text a {
display: inline-block;
color: #0043B9;
}
.main-footer-home2 .footer-bottom .footer-bottom-menu {
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-home2 .footer-bottom .footer-bottom-menu {
margin-top: 20px;
float: left;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-home2 .footer-bottom .footer-bottom-menu {
margin-top: 20px;
float: left;
}
}
.main-footer-home2 .footer-bottom .footer-bottom-menu ul li {
display: inline-block;
margin-left: 43px;
}
.main-footer-home2 .footer-bottom .footer-bottom-menu ul li a {
color: var(--theme-color-white);
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
transition: 0.5s;
}
.main-footer-home2 .footer-bottom .footer-bottom-menu ul li a:hover {
color: #0043B9;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-home2 .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-home2 .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0;
}
}
.main-footer-home2 .footer-shape1 {
position: absolute;
bottom: 120px;
right: 75px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.main-footer-home2 .footer-shape1 {
display: block;
}
}
.main-footer-home2 .footer-shape2 {
position: absolute;
bottom: 100px;
left: 261px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.main-footer-home2 .footer-shape2 {
display: block;
}
}
.sign-up-section-home3 {
background-image: url(../images/home3/news-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 60px 0 56px;
}
.sign-up-section-home3 .sign-up-title h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 50px;
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx {
position: relative;
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx input {
background: transparent;
width: 424px;
height: 60px;
border-radius: 50px;
border: 2px solid rgba(255, 255, 255, 0.15);
padding: 0 0 0 35px;
color: var(--theme-color-white);
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx input::placeholder {
color: var(--theme-bg-color1);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 17px;
}
@media only screen and (max-width: 1700px) {
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx input {
width: 410px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx input {
width: 300px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx input {
margin-bottom: 30px;
}
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx span {
display: inline-block;
color: #0043B9;
position: absolute;
right: 255px;
top: 15px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx span {
right: 290px;
}
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx button {
color: var(--theme-color8);
font-family: "Google Sans", sans-serif;
background: #0043B9;
font-weight: 400;
font-size: 17px;
border-radius: 50px;
padding: 17px 46px;
margin-left: 10px;
position: relative;
z-index: 1;
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx button::before {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 50px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx button i {
display: inline-block;
margin-left: 8px;
transform: rotate(-45deg);
}
.sign-up-section-home3 .sign-up .sign-up-form .form-input-bx button:hover::before {
width: 100%;
}
.main-footer-home3 {
padding:  60px 0 15px;;
}
.main-footer-home3 .footer-shape1 {
position: absolute;
bottom: 120px;
right: 0;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.main-footer-home3 .footer-shape1 {
display: block;
}
}
.main-footer-home3 .main-footer-section {
position: relative;
z-index: 1;
padding-bottom:30px;
}
.main-footer-home3 .main-footer-section .footer-widget-content {
padding-right: 45px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-desc {
color: #fff;
font-weight: 400;
font-size: 15px;
line-height: 26px;
padding: 20px 0 30px;
}
.main-footer-home3 .main-footer-section .footer-widget-content.social {
padding-right: 0px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-social li {
display: inline-block;
display: inline-block;
margin-right: 7px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-social li a {
display: inline-block;
color: var(--theme-color-white);
background: rgba(255, 255, 255, 0.1);
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-social li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-social li a:hover::before {
transform: scale(1);
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-title {
color: #fff;
font-weight: 500;
font-size: 25px;
margin: 0px 0 30px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-menu li a {
display: flex;
justify-content: space-between;
color: #fff;
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 13px;
margin-bottom: 14px;
transition: 0.5s;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-menu li a i {
display: inline-block;
font-weight: 400;
}
.main-footer-home3 .main-footer-section .footer-widget-content .footer-menu li a:hover {
color: #0043B9;
}
.main-footer-home3 .main-footer-section .footer-widget-content .location {
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
line-height: 28px;
padding-bottom: 10px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .location span {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .contact-info .email-text a {
display: block;
color: var(--theme-color3);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
}
.main-footer-home3 .main-footer-section .footer-widget-content .contact-info .email-address a {
display: inline-block;
color: var(--theme-color-white);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
}
.main-footer-home3 .main-footer-section .footer-shape {
position: absolute;
top: 10px;
right: -265px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
}
.main-footer-home3 .main-footer-section .footer-shape2 {
position: absolute;
bottom: -40px;
left: -220px;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
.main-footer-home3 .footer-bottom {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
z-index: 1;
padding: 10px 0 0;
}
.main-footer-home3 .footer-bottom .copyright-text {
color:#fbfbfb;
font-weight: 400;
font-size: 13px;
font-family: "Poppins", sans-serif;
}
.main-footer-home3 .footer-bottom .copyright-text a {
display: inline-block;
color: #fbfbfb;
font-family: "Poppins", sans-serif;
}
.main-footer-home3 .footer-bottom .footer-bottom-menu {
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-home3 .footer-bottom .footer-bottom-menu {
text-align: left;
margin-top: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-home3 .footer-bottom .footer-bottom-menu {
text-align: left;
margin-top: 20px;
}
}
.main-footer-home3 .footer-bottom .footer-bottom-menu ul li {
display: inline-block;
margin-left: 43px;
}
.main-footer-home3 .footer-bottom .footer-bottom-menu ul li a {
color: var(--theme-color-white);
display: inline-block;
font-weight: 500;
font-size: 14px;
transition: 0.5s;
font-family: "Poppins", sans-serif;
}
.main-footer-home3 .footer-bottom .footer-bottom-menu ul li a:hover {
color: #0043B9;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-footer-home3 .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.main-footer-home3 .footer-bottom .footer-bottom-menu ul li:first-child {
margin-left: 0px;
}
}
.donations-section-classic {
padding: 120px 0 100px;
}
.donations-section-classic .sec-title {
margin-bottom: 60px;
}
.donations-section-classic .single-donations-box {
background: var(--theme-bg-color1);
border-radius: 30px;
margin-bottom: 20px;
}
.donations-section-classic .single-donations-box .donations-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.donations-section-classic .single-donations-box .donations-thumb {
width: 100%;
}
}
.donations-section-classic .single-donations-box .donations-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.donations-section-classic .single-donations-box .donations-thumb figure {
margin: 0;
width: 100%;
}
.donations-section-classic .single-donations-box .donations-thumb figure img {
border-radius: 30px 30px 0 0;
width: 100%;
}
.donations-section-classic .single-donations-box .donations-thumb .donations-tag {
position: absolute;
left: 30px;
bottom: 30px;
}
.donations-section-classic .single-donations-box .donations-thumb .donations-tag h5 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 5px 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.donations-section-classic .single-donations-box .donations-thumb .donations-tag h5::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-classic .single-donations-box .donations-content {
padding: 35px 40px 42px 40px;
}
.donations-section-classic .single-donations-box .donations-content h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin-bottom: 50px;
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.donations-section-classic .single-donations-box .donations-content h2 {
font-size: 25px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.donations-section-classic .single-donations-box .donations-content h2 {
font-size: 25px;
}
}
.donations-section-classic .single-donations-box .donations-content h2:hover {
color: #0043B9;
}
.donations-section-classic .single-donations-box .donations-content .skill-item {
position: relative;
}
.donations-section-classic .single-donations-box .donations-content .skill-item .skill-bar {
position: relative;
width: 100%;
height: 13px;
border-radius: 5px;
}
.donations-section-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 5px;
background: rgba(65, 197, 117, 0.3);
border-radius: 20px;
}
.donations-section-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
border-radius: 20px;
background-color: #0043B9;
}
.donations-section-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar .skill-percentage {
position: absolute;
right: 0;
bottom: 100%;
font-size: 16px;
font-weight: 400;
color: #0043B9;
line-height: 25px;
margin-bottom: 12px;
}
.donations-section-classic .single-donations-box .donations-content .donate-detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 2px 0 30px;
}
.donations-section-classic .single-donations-box .donations-content .donate-detail .donate-item .donate-name {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-section-classic .single-donations-box .donations-content .donate-detail .donate-item .donate-price {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-section-classic .single-donations-box .donations-content .donations-btn a {
color: var(--heading-color);
display: flex;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding: 11px 30px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.donations-section-classic .single-donations-box .donations-content .donations-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-classic .single-donations-box:hover .donations-content .donations-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-classic .single-donations-box:hover .donations-content .donations-btn a {
color: var(--theme-color-white);
}
.donations-section-classic .single-donations-box:hover .donations-tag h5::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-classic .single-donations-box:hover .donations-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.donations-section-home3 {
background-image: url(../images/home3/donations-bg.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 150px 0 0px;
position: relative;
}
.donations-section-home3::before {
position: absolute;
z-index: 1;
content: "";
width: 100%;
height: 120px;
left: 0;
bottom: 50px;
background-image: url(../images/home3/mission-bg-shape.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.donations-section-home3 .sec-title {
margin-bottom: 60px;
}
.donations-section-home3 .single-donations-box {
background: var(--theme-color-white);
border-radius: 30px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.donations-section-home3 .single-donations-box .donations-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.donations-section-home3 .single-donations-box .donations-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.donations-section-home3 .single-donations-box .donations-thumb figure {
margin: 0;
}
.donations-section-home3 .single-donations-box .donations-thumb figure img {
border-radius: 30px 30px 0 0;
}
.donations-section-home3 .single-donations-box .donations-thumb .donations-tag {
position: absolute;
left: 30px;
bottom: 30px;
}
.donations-section-home3 .single-donations-box .donations-thumb .donations-tag h2 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 5px 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.donations-section-home3 .single-donations-box .donations-thumb .donations-tag h2::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-home3 .single-donations-box .donations-content {
padding: 30px 40px 42px 40px;
}
.donations-section-home3 .single-donations-box .donations-content .des {
margin: 0 0 30px;
color: #6E8287;
}
.donations-section-home3 .single-donations-box .donations-content h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin-bottom: 12px;
transition: 0.5s;
}
.donations-section-home3 .single-donations-box .donations-content h2:hover {
color: #0043B9;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item {
position: relative;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item .donation-skill-title h5 {
font-size: 18px;
font-weight: 500;
color: var(--heading-color);
margin-bottom: 10px;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item .skill-bar {
position: relative;
width: 100%;
height: 13px;
border-radius: 5px;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 5px;
background: rgba(65, 197, 117, 0.3);
border-radius: 20px;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
border-radius: 20px;
background-color: #0043B9;
}
.donations-section-home3 .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar .skill-percentage {
position: absolute;
right: 0;
bottom: 100%;
font-size: 16px;
font-weight: 400;
color: #0043B9;
line-height: 25px;
margin-bottom: 12px;
}
.donations-section-home3 .single-donations-box .donations-content .donate-detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 2px 0 30px;
}
.donations-section-home3 .single-donations-box .donations-content .donate-detail .donate-item .donate-name {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-section-home3 .single-donations-box .donations-content .donate-detail .donate-item .donate-price {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-section-home3 .single-donations-box .donations-content .donations-btn a {
color: var(--heading-color);
display: flex;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding: 11px 30px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.donations-section-home3 .single-donations-box .donations-content .donations-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-home3 .single-donations-box:hover .donations-content .donations-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-home3 .single-donations-box:hover .donations-content .donations-btn a {
color: var(--theme-color-white);
}
.donations-section-home3 .single-donations-box:hover .donations-tag h5::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-home3 .single-donations-box:hover .donations-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.donations-section-home3 .donation-shape1 {
position: absolute;
top: 175px;
left: 0;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.donations-section-home3 .donation-shape1 {
display: none;
}
}
.donations-section-home3 .donation-shape2 {
position: absolute;
top: 130px;
right: 380px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.donations-section-home3 .donation-shape2 {
display: none;
}
}
.donate-love-section-home3 {
position: relative;
z-index: 2;
margin-top: -232px;
}
.donate-love-section-home3::before {
position: absolute;
z-index: -1;
content: "";
width: 100%;
height: 120px;
left: 0;
top: 130px;
background-image: url(../images/home3/feature-bg-shape.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.donate-love-section-home3 .donate-love-thumb {
position: relative;
overflow: hidden;
}
.donate-love-section-home3 .donate-love-thumb::before {
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.donate-love-section-home3 .donate-love-thumb:hover::before {
animation: shine 800ms;
}
.donate-love-section-home3 .donate-love-thumb img {
width: 100%;
border-radius: 30px;
}
.donate-love-section-home3 .donate-love-thumb .donation-video-icon a {
position: absolute;
display: inline-block;
font-size: 20px;
color: #0043B9;
top: 34%;
left: 51%;
transform: translate(-50%, 50%);
width: 64px;
height: 64px;
line-height: 64px;
border-radius: 32px;
background-color: var(--theme-color-white);
text-align: center;
webkit-animation: ripple-white 1s linear infinite;
animation: ripple-blue 1s linear infinite;
-webkit-transition: 0.5s;
}
.donate-love-section-home3 .donate-love-thumb .donation-video-icon a::before {
position: absolute;
content: "";
width: 86px;
height: 86px;
border-radius: 43px;
background-color: rgba(255, 255, 255, 0.3019607843);
left: -11px;
top: -11px;
}
.donate-love-section-home3 .donate-love-thumb .donation-video-icon a::after {
position: absolute;
content: "";
width: 122px;
height: 122px;
border-radius: 61px;
background-color: rgba(255, 255, 255, 0);
border: 2px solid rgba(255, 255, 255, 0.3);
left: -30px;
top: -30px;
}
.donate-love-section-home3 .single-donate-love-box {
background-image: url(../images/home3/donation-love2.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 30px;
padding: 65px 50px 53px;
position: relative;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.donate-love-section-home3 .single-donate-love-box {
padding: 50px 20px 50px;
}
}
.donate-love-section-home3 .single-donate-love-box::before {
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.donate-love-section-home3 .single-donate-love-box:hover::before {
animation: shine 800ms;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content h1 {
color: #0043B9;
font-weight: 500;
font-size: 18px;
margin-bottom: 8px;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content h2 {
color: var(--theme-color-white);
font-weight: 600;
font-size: 38px;
line-height: 46px;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.donate-love-section-home3 .single-donate-love-box .donate-love-content h2 {
font-size: 25px;
line-height: 32px;
}
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content .donate-love-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 12px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
margin-top: 50px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content .donate-love-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 146px;
top: 20px;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content .donate-love-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content .donate-love-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.donate-love-section-home3 .single-donate-love-box .donate-love-content .donate-love-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.give-daonation-section-home3 {
padding: 170px 0 0px;
background-image: url(../images/home3/home3-donation-form-bg..html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 1;
height: 820px;
margin-top: -55px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3 {
height: 100%;
margin-top: -65px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.give-daonation-section-home3 {
height: 100%;
margin-top: -70px;
}
}
.give-daonation-section-home3 .sec-title {
margin-bottom: 100px;
}
.give-daonation-section-home3 .donation-form-bg {
background: var(--theme-bg-color1);
border-radius: 30px;
position: relative;
z-index: 1;
}
.give-daonation-section-home3 .donation-form-bg::before {
position: absolute;
z-index: -1;
content: "";
width: 1280px;
height: 300px;
background: #0043B9;
border-radius: 30px;
top: -20px;
left: 20px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.give-daonation-section-home3 .donation-form-bg::before {
width: 1110px;
}
}
@media (max-width: 991.98px) {
.give-daonation-section-home3 .donation-form-bg::before {
display: none;
}
}
.give-daonation-section-home3 .donation-form-bg::after {
position: absolute;
z-index: -1;
content: "";
width: 1240px;
height: 300px;
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
top: -40px;
left: 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.give-daonation-section-home3 .donation-form-bg::after {
width: 1070px;
}
}
@media (max-width: 991.98px) {
.give-daonation-section-home3 .donation-form-bg::after {
display: none;
}
}
.give-daonation-section-home3 .donation-form-bg .donation-form-thumb figure {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3 .donation-form-bg .donation-form-thumb figure {
width: 100%;
}
}
.give-daonation-section-home3 .donation-form-bg .donation-form-thumb figure img {
width: 100%;
height: 670px;
object-fit: cover;
border-radius: 30px 0 0 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3 .donation-form-bg .donation-form-thumb figure img {
width: 100%;
}
}
.give-daonation-section-home3 .donation-form-bg .donation-form {
padding: 70px 60px 70px 65px;
background: var(--theme-bg-color1);
border-radius: 0px 30px 30px 0px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .form-title {
color: var(--heading-color);
font-weight: 600;
font-size: 36px;
line-height: 44px;
margin-bottom: 42px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form > label {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
display: block;
margin-bottom: 23px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donation-input {
position: relative;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donation-input .dollar-sign {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 40px;
background: #0043B9;
border-radius: 50%;
text-align: center;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donation-input input {
width: 100%;
padding: 15px 15px 15px 70px;
border-radius: 70px;
border: 1px solid rgba(12, 35, 24, 0.1019607843);
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 22px;
outline: none;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .preset-buttons {
margin: 22px 0 52px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .preset-buttons .amount {
padding: 4px 30px 3px;
border: 1px solid rgba(12, 35, 24, 0.1);
background: transparent;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .preset-buttons .amount.active, .give-daonation-section-home3 .donation-form-bg .donation-form .preset-buttons .amount:hover {
background: var(--theme-color-white);
color: #0043B9;
border-color: #0043B9;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .title-payment {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 24px;
margin-bottom: 23px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods {
display: flex;
gap: 15px;
margin-bottom: 45px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label {
display: flex;
align-items: center;
gap: 5px;
color: var(--heading-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
cursor: pointer;
position: relative;
padding-left: 30px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label input[type=radio] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid rgba(12, 35, 24, 0.2);
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
outline: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label input[type=radio]:checked {
border: 1px solid #0043B9;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label input[type=radio]::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 17%;
left: 18%;
border-radius: 50%;
transition: 0.2s;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label input[type=radio]:after {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
border-radius: 50%;
transition: 0.2s;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .payment-methods label input[type=radio]:checked:after {
transform: translate(-50%, -50%) scale(1);
background: #0043B9;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donate-button {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background: #0043B9;
padding: 12px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donate-button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donate-button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 146px;
top: 20px;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donate-button::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.give-daonation-section-home3 .donation-form-bg .donation-form .donate-button:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.give-daonation-section-home3 .form-box {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.give-daonation-section-home3 .form-box input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.14);
background: #FFFFFF;
border-radius: 50px;
padding: 0 35px 0 30px;
}
.give-daonation-section-home3 .form-box input::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.give-daonation-section-home3 .form-box i {
display: inline-block;
position: relative;
left: -40px;
color: #0043B9;
}
.give-daonation-section-home3 .form-box .option-box {
width: 100%;
}
.give-daonation-section-home3 .form-box .option-box .wide {
color: #0043B9;
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 50px;
}
.give-daonation-section-home3 .form-box .option-box select {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50px;
padding: 0 35px 0 30px;
background: transparent;
}
.give-daonation-section-home3 .form-box textarea {
width: 99%;
height: 150px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 30px;
padding: 35px;
background: #fff;
outline: 0;
}
.give-daonation-section-home3 .form-box textarea::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.give-daonation-section-home3 .contact-form button {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
display: inline-block;
color: var(--theme-color-white);
background: #0043B9;
border-radius: 45px;
padding: 15px 35px;
position: relative;
z-index: 1;
margin-top: 10px;
}
.give-daonation-section-home3 .contact-form button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.give-daonation-section-home3 .contact-form button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 160px;
top: 23px;
}
.give-daonation-section-home3 .contact-form button::after {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 45px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.give-daonation-section-home3 .contact-form button:hover::after {
width: 100%;
}
.give-daonation-section-home3 .give-donation-shape {
position: absolute;
top: 200px;
right: 390px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.give-daonation-section-home3 .give-donation-shape {
display: none;
}
}
.give-daonation-section-home3 .give-donation-shape2 {
position: absolute;
top: 180px;
left: 405px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.give-daonation-section-home3 .give-donation-shape2 {
display: none;
}
}
.donations-section-home3-classic {
background-image: url(../img/services-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding:60px 0 60px;
position: relative;
}
.donations-section-home3-classic .sec-title {
margin-bottom: 60px;
}
.donations-section-home3-classic .single-donations-box {
background: var(--theme-color-white);
border-radius: 30px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.donations-section-home3-classic .single-donations-box .donations-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.donations-section-home3-classic .single-donations-box .donations-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.donations-section-home3-classic .single-donations-box .donations-thumb figure {
margin: 0;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.donations-section-home3-classic .single-donations-box .donations-thumb figure {
width: 100%;
}
}
.donations-section-home3-classic .single-donations-box .donations-thumb figure img {
border-radius: 30px 30px 0 0;
height: 200px;
width: 100%;
object-fit: cover;
object-position: top;
}
.donations-section-home3-classic .single-donations-box .donations-thumb .donations-tag {
position: absolute;
left: 30px;
bottom: 30px;
}
.donations-section-home3-classic .single-donations-box .donations-thumb .donations-tag h2 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 5px 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.donations-section-home3-classic .single-donations-box .donations-thumb .donations-tag h2::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-home3-classic .single-donations-box .donations-content {
padding: 10px 20px 20px 20px;
}
.donations-section-home3-classic .single-donations-box .donations-content h2 {
color:#0043B9;
font-weight: 500;
font-size: 25px;
line-height: 36px;
margin-bottom: 10px;
transition: 0.5s;
}
.donations-section-home3-classic .single-donations-box .donations-content h2:hover {
color: #0043B9;
}
.donations-section-home3-classic .single-donations-box .donations-content .des {
margin: 0 0 20px;
color: #2a2a2a;
font-size: 15px;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item {
position: relative;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item .donation-skill-title h5 {
font-size: 18px;
font-weight: 500;
color: var(--heading-color);
margin-bottom: 10px;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item .skill-bar {
position: relative;
width: 100%;
height: 13px;
border-radius: 5px;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 5px;
background: rgba(65, 197, 117, 0.3);
border-radius: 20px;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
border-radius: 20px;
background-color: #0043B9;
}
.donations-section-home3-classic .single-donations-box .donations-content .skill-item .skill-bar .bar-inner .bar .skill-percentage {
position: absolute;
right: 0;
bottom: 100%;
font-size: 16px;
font-weight: 400;
color: #0043B9;
line-height: 25px;
margin-bottom: 12px;
}
.donations-section-home3-classic .single-donations-box .donations-content .donate-detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 2px 0 30px;
}
.donations-section-home3-classic .single-donations-box .donations-content .donate-detail .donate-item .donate-name {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-section-home3-classic .single-donations-box .donations-content .donate-detail .donate-item .donate-price {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
}
.donations-btn i{
margin-left: 10px;
}
.donations-section-home3-classic .single-donations-box .donations-content .donations-btn a {
color:#2a2a2a;
display: flex;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding: 11px 30px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
display: block;
text-align: center;
margin: 0px auto;
width: 55%;
}
.donations-section-home3-classic .single-donations-box .donations-content .donations-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #0043B9;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donations-section-home3-classic .single-donations-box:hover .donations-content .donations-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-home3-classic .single-donations-box:hover .donations-content .donations-btn a {
color: var(--theme-color-white);
}
.donations-section-home3-classic .single-donations-box:hover .donations-tag h5::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.donations-section-home3-classic .single-donations-box:hover .donations-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.donations-section-home3-classic .donation-shape1 {
position: absolute;
top: 115px;
left: 360px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.donations-section-home3-classic .donation-shape1 {
display: none;
}
}
.donations-section-home3-classic .donation-shape2 {
position: absolute;
top: 130px;
right: 380px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.donations-section-home3-classic .donation-shape2 {
display: none;
}
}
.give-daonation-section-home3-classic {
padding: 60px 0 0px;
background-color: #f9fffb;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 2;
height: 720px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3-classic {
height: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.give-daonation-section-home3-classic {
height: 100%;
}
}
.give-daonation-section-home3-classic .sec-title {
margin-bottom: 100px;
}
.give-daonation-section-home3-classic .donation-form-bg {
background: var(--theme-bg-color1);
border-radius: 30px;
position: relative;
z-index: 1;
}
.give-daonation-section-home3-classic .donation-form-bg::before {
position: absolute;
z-index: -1;
content: "";
width: 1280px;
height: 300px;
background: #0043B9;
border-radius: 30px;
top: -20px;
left: 20px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.give-daonation-section-home3-classic .donation-form-bg::before {
width: 1110px;
}
}
@media (max-width: 1199.98px) {
.give-daonation-section-home3-classic .donation-form-bg::before {
display: none;
}
}
.give-daonation-section-home3-classic .donation-form-bg::after {
position: absolute;
z-index: -1;
content: "";
width: 1240px;
height: 300px;
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
top: -40px;
left: 40px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.give-daonation-section-home3-classic .donation-form-bg::after {
width: 1070px;
}
}
@media (max-width: 1199.98px) {
.give-daonation-section-home3-classic .donation-form-bg::after {
display: none;
}
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form-thumb figure {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3-classic .donation-form-bg .donation-form-thumb figure {
width: 100%;
}
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form-thumb figure img {
width: 100%;
height: 670px;
object-fit: cover;
border-radius: 30px 0 0 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3-classic .donation-form-bg .donation-form-thumb figure img {
width: 100%;
}
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form {
padding: 70px 60px 70px 65px;
background: var(--theme-bg-color1);
border-radius: 0px 30px 30px 0px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.give-daonation-section-home3-classic .donation-form-bg .donation-form {
padding: 70px 20px 70px 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.give-daonation-section-home3-classic .donation-form-bg .donation-form {
padding: 50px 20px 50px 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.give-daonation-section-home3-classic .donation-form-bg .donation-form {
padding: 40px 10px 40px 10px;
}
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .form-title {
color: var(--heading-color);
font-weight: 600;
font-size: 36px;
line-height: 44px;
margin-bottom: 42px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form > label {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
display: block;
margin-bottom: 23px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donation-input {
position: relative;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donation-input .dollar-sign {
display: inline-block;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 40px;
background: #0043B9;
border-radius: 50%;
text-align: center;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donation-input input {
width: 100%;
padding: 15px 15px 15px 70px;
border-radius: 70px;
border: 1px solid rgba(12, 35, 24, 0.1019607843);
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 22px;
outline: none;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .preset-buttons {
margin: 22px 0 52px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .preset-buttons .amount {
padding: 4px 30px 3px;
border: 1px solid rgba(12, 35, 24, 0.1);
background: transparent;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .preset-buttons .amount.active, .give-daonation-section-home3-classic .donation-form-bg .donation-form .preset-buttons .amount:hover {
background: var(--theme-color-white);
color: #0043B9;
border-color: #0043B9;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .title-payment {
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 400;
font-size: 24px;
margin-bottom: 23px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods {
display: flex;
gap: 15px;
margin-bottom: 45px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label {
display: flex;
align-items: center;
gap: 5px;
color: var(--heading-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
cursor: pointer;
position: relative;
padding-left: 30px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label input[type=radio] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid rgba(12, 35, 24, 0.2);
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
outline: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label input[type=radio]:checked {
border: 1px solid #0043B9;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label input[type=radio]::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 17%;
left: 18%;
border-radius: 50%;
transition: 0.2s;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label input[type=radio]:after {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
border-radius: 50%;
transition: 0.2s;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .payment-methods label input[type=radio]:checked:after {
transform: translate(-50%, -50%) scale(1);
background: #0043B9;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donate-button {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background: #0043B9;
padding: 12px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donate-button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donate-button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 146px;
top: 20px;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donate-button::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.give-daonation-section-home3-classic .donation-form-bg .donation-form .donate-button:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.give-daonation-section-home3-classic .form-box {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.give-daonation-section-home3-classic .form-box input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.14);
background: #FFFFFF;
border-radius: 50px;
padding: 0 35px 0 30px;
}
.give-daonation-section-home3-classic .form-box input::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.give-daonation-section-home3-classic .form-box i {
display: inline-block;
position: relative;
left: -40px;
color: #0043B9;
}
.give-daonation-section-home3-classic .form-box .option-box {
width: 100%;
}
.give-daonation-section-home3-classic .form-box .option-box .wide {
color: #0043B9;
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 50px;
}
.give-daonation-section-home3-classic .form-box .option-box select {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50px;
padding: 0 35px 0 30px;
background: transparent;
}
.give-daonation-section-home3-classic .form-box textarea {
width: 99%;
height: 150px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 30px;
padding: 35px;
background: #fff;
outline: 0;
}
.give-daonation-section-home3-classic .form-box textarea::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.give-daonation-section-home3-classic .contact-form button {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
display: inline-block;
color: var(--theme-color-white);
background: #0043B9;
border-radius: 45px;
padding: 15px 35px;
position: relative;
z-index: 1;
margin-top: 10px;
}
.give-daonation-section-home3-classic .contact-form button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.give-daonation-section-home3-classic .contact-form button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 160px;
top: 23px;
}
.give-daonation-section-home3-classic .contact-form button::after {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 45px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.give-daonation-section-home3-classic .contact-form button:hover::after {
width: 100%;
}
.give-daonation-section-home3-classic .give-donation-shape {
position: absolute;
top: 130px;
right: 390px;
animation: wooo 3.5s infinite;
}
@media only screen and (max-width: 1700px) {
.give-daonation-section-home3-classic .give-donation-shape {
display: none;
}
}
.give-daonation-section-home3-classic .give-donation-shape2 {
position: absolute;
top: 145px;
left: 405px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.give-daonation-section-home3-classic .give-donation-shape2 {
display: none;
}
}
/*==========================================
educate Search Popup Css
=========================================*/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: #0043B9;
-webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
backdrop-filter: blur(5px);
}
.search-popup {
width: 100%;
}
.search-active .search-popup {
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background: #0043B9;
width: 70px;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border-bottom: 3px solid #0043B9;
border-left: 3px solid #393939;
border-top: 3px solid #fff;
border-right: 3px solid #393939;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
height: 70px;
line-height: 70px;
text-align: center;
}
.search-popup .close-search i {
position: relative;
font-size: 30px;
color: #fff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: transparent;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
padding: 10px 30px;
padding-right: 100px;
background-color: #fff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input::placeholder {
font-size: 18px;
font-family: "Montserrat", sans-serif;
}
.search-popup .form-group input[type=submit],
.search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
border: none;
transition: 0.5s;
}
.search-popup .form-group button i {
transition: 0.5s;
}
.search-popup .form-group button:hover i {
color: #f00;
}
.search-popup .form-group input {
border-radius: 5px;
border: 2px solid #f5f5f5;
}
.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
color: #000000;
}
.search-popup .close-search.style-two {
position: absolute;
right: 25px;
left: auto;
color: #fff;
width: auto;
height: auto;
top: 25px;
margin: 0px;
border: none;
background: none;
box-shadow: none;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .close-search.style-two i {
font-size: 20px;
color: #181d4e;
transition: 0.5s;
}
.search-popup .close-search.style-two i:hover {
color: #f00;
}
.search-box-btn.search-box-outer i {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 500ms ease;
font-size: 16px;
text-transform: uppercase;
color: var(--title-color);
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 23px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(30, 30, 30, 0.15);
}
.feature-section-home2 {
background: var(--heading-color);
position: relative;
padding: 120px 0 116px;
}
.feature-section-home2 .sec-title {
margin-bottom: 60px;
}
.feature-section-home2 .section-title .title {
font-weight: 600;
}
.feature-section-home2 .section-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: -40px 0 0;
width: 60%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.feature-section-home2 .section-desc p {
width: 60%;
}
}
.feature-section-home2 .feature-home2-active {
overflow: hidden;
padding-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.feature-section-home2 .feature-home2-active {
margin-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.feature-section-home2 .feature-home2-active {
margin-top: 30px;
}
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-prev {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 372px;
top: 180px;
z-index: 5;
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-prev:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
@media only screen and (max-width: 1700px) {
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-prev {
right: 150px;
}
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-next {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
right: 300px;
top: 180px;
z-index: 5;
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-next:hover {
background: #0043B9;
border: 1px dashed #0043B9;
color: var(--theme-color-white);
}
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.feature-section-home2 .feature-home2-active .loginet-feature-arrow-box .slider-next {
right: 70px;
}
}
.feature-section-home2 .single-feature-box .feature-thumb {
position: relative;
z-index: 1;
}
.feature-section-home2 .single-feature-box .feature-thumb figure {
width: 100%;
}
.feature-section-home2 .single-feature-box .feature-thumb figure img {
border-radius: 20px;
width: 100%;
}
.feature-section-home2 .single-feature-box .feature-thumb .feature-content {
position: absolute;
z-index: 1;
width: 385px;
height: 142px;
right: 0;
bottom: -68px;
background: #1F5A68;
border-radius: 20px;
padding: 35px 0px 0 35px;
transition: 0.5s;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.feature-section-home2 .single-feature-box .feature-thumb .feature-content {
width: 345px;
}
}
.feature-section-home2 .single-feature-box .feature-thumb .feature-content::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0%;
width: 100%;
background: var(--theme-color5);
transition: 0.5s;
z-index: -1;
border-radius: 20px;
top: auto;
}
.feature-section-home2 .single-feature-box .feature-thumb .feature-content .feature-icon {
float: right;
width: 70px;
height: 70px;
line-height: 70px;
background: #0043B9;
text-align: center;
border-radius: 10px 0px 0px 10px;
margin-top: -70px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.feature-section-home2 .single-feature-box .feature-thumb .feature-content .feature-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 10px 0px 0px 10px;
background-color:#37B550;
transition: all 300ms ease;
}
.feature-section-home2 .single-feature-box .feature-thumb .feature-content .feature-title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 28px;
line-height: 36px;
}
.feature-section-home2 .single-feature-box:hover .feature-content::before {
height: 100%;
top: 0;
bottom: auto;
}
.feature-section-home2 .single-feature-box:hover .feature-content .feature-icon::before {
transform: scale(1);
}
.feature-section-home3 {
padding: 170px 0 105px;
background: var(--heading-color);
position: relative;
}
.feature-section-home3::before {
position: absolute;
z-index: 1;
content: "";
width: 1900px;
height: 120px;
left: 0;
bottom: -60px;
background-image: url(../images/home3/feature-bg-shape.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.feature-section-home3 .single-feature-box {
background-image: url(../images/home3/feature-box.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
padding: 54px 48px 48px;
transition: 0.5s;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.feature-section-home3 .single-feature-box {
padding: 54px 15px 48px;
}
}
.feature-section-home3 .single-feature-box .feature-icon {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background: #0043B9;
border-radius: 50%;
flex-shrink: 0;
margin-right: 25px;
transition: 0.5s;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.feature-section-home3 .single-feature-box .feature-icon {
margin-right: 15px;
}
}
.feature-section-home3 .single-feature-box .feature-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color:#37B550;
transition: all 300ms ease;
}
.feature-section-home3 .single-feature-box .feature-title .title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 28px;
line-height: 36px;
}
.feature-section-home3 .single-feature-box .loginet-hover-box {
background-color: #0043B9;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.feature-section-home3 .single-feature-box .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 20px 0px 0px 20px;
}
.feature-section-home3 .single-feature-box .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-section-home3 .single-feature-box .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-section-home3 .single-feature-box .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 20px 20px 0px;
}
.feature-section-home3 .single-feature-box:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-section-home3 .single-feature-box:hover .feature-icon::before {
transform: scale(1);
}
.feature-section-home3-classic {
padding:60px 0 60px;
background: var(--heading-color);
position: relative;
}
.feature-section-home3-classic .single-feature-box {
background: var(--theme-color4);
display: flex;
align-items: center;
padding: 54px 48px 48px;
border-radius: 23px;
transition: 0.5s;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.feature-section-home3-classic .single-feature-box {
padding: 54px 15px 48px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.feature-section-home3-classic .single-feature-box {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.feature-section-home3-classic .single-feature-box {
margin-bottom: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.feature-section-home3-classic .single-feature-box {
margin-bottom: 20px;
}
}
.feature-section-home3-classic .single-feature-box .feature-icon {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background:#37B550;
border-radius: 50%;
flex-shrink: 0;
margin-right: 25px;
transition: 0.5s;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.feature-section-home3-classic .single-feature-box .feature-icon {
margin-right: 15px;
}
}
.feature-section-home3-classic .single-feature-box .feature-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #0043B9;
transition: all 300ms ease;
border:1px solid #fff;
}
.feature-section-home3-classic .single-feature-box .feature-title .title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 25px;
line-height: 36px;
}
.feature-section-home3-classic .single-feature-box .loginet-hover-box {
background-color: #0043b9;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.feature-section-home3-classic .single-feature-box .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 20px 0px 0px 20px;
}
.feature-section-home3-classic .single-feature-box .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-section-home3-classic .single-feature-box .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-section-home3-classic .single-feature-box .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 20px 20px 0px;
}
.feature-section-home3-classic .single-feature-box:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-section-home3-classic .single-feature-box:hover .feature-icon::before {
transform: scale(1);
}
.contact-section-home2 {
padding: 25px 0 0px;
margin: 0 30px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.contact-section-home2 {
margin: 0;
}
}
.contact-section-home2 .sec-title {
margin-bottom: 40px;
}
.contact-section-home2 .contact-thumb {
position: relative;
}
.contact-section-home2 .contact-thumb figure {
margin: 0;
}
@media only screen and (max-width: 1700px) {
.contact-section-home2 .contact-thumb figure {
height: 770px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.contact-section-home2 .contact-thumb figure {
height: 625px;
}
}
.contact-section-home2 .contact-thumb figure img {
width: 100%;
}
.contact-section-home2 .contact-thumb .contact-autor-info {
position: absolute;
right: 0;
bottom: 15px;
width: 220px;
height: 220px;
text-align: center;
background: var(--theme-color5);
border-radius: 30px;
padding: 42px 0;
}
.contact-section-home2 .contact-thumb .contact-autor-info .autor-img-box {
display: flex;
justify-content: center;
margin-left: 15px;
}
.contact-section-home2 .contact-thumb .contact-autor-info .autor-img-box .author-image {
margin-left: -15px;
}
.contact-section-home2 .contact-thumb .contact-autor-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color:#37B550;
border-radius: 50%;
margin-left: -15px;
}
.contact-section-home2 .contact-thumb .contact-autor-info .autor-desc {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
text-align: center;
padding-top: 30px;
}
.contact-section-home2 .contact-form-box {
background-image: url(../images/home2/about-bg.html);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 80px 80px 80px;
border-radius: 30px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.contact-section-home2 .contact-form-box {
padding: 40px 20px 40px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.contact-section-home2 .contact-form-box {
padding: 40px 20px 40px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.contact-section-home2 .contact-form-box {
padding: 30px 15px 30px;
border-radius: 0px;
}
}
.contact-section-home2 .contact-form-box .form-box {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.contact-section-home2 .contact-form-box .form-box input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
border-radius: 50px;
padding: 0 35px 0 30px;
}
.contact-section-home2 .contact-form-box .form-box input::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.contact-section-home2 .contact-form-box .form-box i {
display: inline-block;
position: relative;
left: -40px;
color: #0043B9;
}
.contact-section-home2 .contact-form-box .form-box .option-box {
width: 100%;
}
.contact-section-home2 .contact-form-box .form-box .option-box .wide {
color: #0043B9;
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 50px;
}
.contact-section-home2 .contact-form-box .form-box .option-box select {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50px;
padding: 0 35px 0 30px;
background: transparent;
}
.contact-section-home2 .contact-form-box .form-box textarea {
width: 99%;
height: 150px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 30px;
padding: 35px;
background: transparent;
outline: 0;
}
.contact-section-home2 .contact-form-box .form-box textarea::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.contact-section-home2 .contact-form-box .contact-form button {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
display: inline-block;
color: var(--theme-color-white);
background: #0043B9;
border-radius: 45px;
padding: 15px 35px;
position: relative;
z-index: 1;
margin-top: 10px;
}
.contact-section-home2 .contact-form-box .contact-form button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.contact-section-home2 .contact-form-box .contact-form button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 160px;
top: 23px;
}
.contact-section-home2 .contact-form-box .contact-form button::after {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 45px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.contact-section-home2 .contact-form-box .contact-form button:hover::after {
width: 100%;
}
.contact-section-home2-classic {
padding: 0 0 0;
}
.contact-section-home2-classic.inner {
padding: 60px 0 60px;
background: #fff;
}
.contact-section-home2-classic .sec-title {
margin-bottom: 40px;
}
.contact-section-home2-classic .contact-thumb {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 0 -8px;
}
.contact-section-home2-classic .contact-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.contact-section-home2-classic .contact-thumb:hover::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.contact-section-home2-classic .contact-thumb figure {
margin: 0;
width: 100%;
}
@media only screen and (max-width: 1700px) {
.contact-section-home2-classic .contact-thumb figure {
height: 695px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.contact-section-home2-classic .contact-thumb figure {
height: 612px;
}
}
.contact-section-home2-classic .contact-thumb figure img {
width: 100%;
}
.contact-section-home2-classic .contact-thumb .contact-autor-info {
position: absolute;
right: 40px;
bottom: 60px;
width: 220px;
height: 220px;
text-align: center;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 30px;
padding: 42px 0;
animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
.contact-section-home2-classic .contact-thumb .contact-autor-info .autor-img-box {
display: flex;
justify-content: center;
margin-left: 15px;
}
.contact-section-home2-classic .contact-thumb .contact-autor-info .autor-img-box .author-image {
margin-left: -15px;
}
.contact-section-home2-classic .contact-thumb .contact-autor-info .autor-img-box .autor-number {
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color:#37B550;
border-radius: 50%;
margin-left: -15px;
}
.contact-section-home2-classic .contact-thumb .contact-autor-info .autor-desc {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
text-align: center;
padding-top: 30px;
}
.contact-section-home2-classic .contact-form-box {
background: var(--theme-color-white);
padding: 76px 80px 75px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.contact-section-home2-classic .contact-form-box {
padding: 40px 20px 40px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.contact-section-home2-classic .contact-form-box {
padding: 40px 20px 40px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.contact-section-home2-classic .contact-form-box {
padding: 30px 15px 30px;
border-radius: 0px;
}
}
.contact-section-home2-classic .contact-form-box .form-box {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.contact-section-home2-classic .contact-form-box .form-box input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
border-radius:10px;
padding: 0 35px 0 30px;
}
.contact-section-home2-classic .contact-form-box .form-box input::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.contact-section-home2-classic .contact-form-box .form-box i {
display: inline-block;
position: relative;
left: -40px;
color: #0043B9;
}
.contact-section-home2-classic .contact-form-box .form-box .option-box {
width: 100%;
}
.contact-section-home2-classic .contact-form-box .form-box .option-box .wide {
color: #0043B9;
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 50px;
}
.contact-section-home2-classic .contact-form-box .form-box .option-box select {
transition: 0.3s;
outline: 0;
width: 100%;
height: 58px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50px;
padding: 0 35px 0 30px;
background: transparent;
}
.contact-section-home2-classic .contact-form-box .form-box textarea {
width: 99%;
height: 150px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 10px;
padding: 35px;
background: transparent;
outline: 0;
}
.contact-section-home2-classic .contact-form-box .form-box textarea::placeholder {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
}
.contact-section-home2-classic .contact-form-box .contact-form button {
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
display: inline-block;
color: var(--theme-color-white);
background: #0043B9;
border-radius: 45px;
padding: 15px 35px;
position: relative;
z-index: 1;
margin-top: 10px;
}
.contact-section-home2-classic .contact-form-box .contact-form button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.contact-section-home2-classic .contact-form-box .contact-form button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 160px;
top: 23px;
}
.contact-section-home2-classic .contact-form-box .contact-form button::after {
position: absolute;
content: "";
height: 100%;
width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#37B550;
border-radius: 45px;
margin: auto;
z-index: -1;
transition: 0.5s;
}
.contact-section-home2-classic .contact-form-box .contact-form button:hover::after {
width: 100%;
}
.contact-section-home3 {
position: relative;
z-index: 1;
}
.contact-section-home3 .contact-bg {
background-image: url(../images/home3/contact-bg2.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 30px;
position: relative;
margin-top: -190px;
}
.contact-section-home3 .contact-bg.classic {
margin-top: -230px;
}
.contact-section-home3 .contact-bg .contact-form-box {
padding: 90px 70px 25px;
}
.contact-section-home3 .contact-bg .contact-form-box .section-desc p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 45%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.contact-section-home3 .contact-bg .contact-form-box .section-desc p {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.contact-section-home3 .contact-bg .contact-form-box .section-desc p {
width: 100%;
}
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box {
display: flex;
gap: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box {
display: block;
}
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-btn a {
display: inline-block;
font-family: "Google Sans", sans-serif;
color: var(--theme-color-white);
background-color: #0043B9;
padding: 14px 37px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-btn a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-btn a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 24px;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-btn a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-call-info {
display: flex;
align-items: center;
gap: 20px;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-call-info .call-icon {
display: inline-block;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
background:#37B550;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-call-info .call-icon span i {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
border: 1px solid var(--theme-color-white);
color: var(--theme-color-white);
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-call-info .call-text {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 15px;
margin-bottom: 8px;
}
.contact-section-home3 .contact-bg .contact-form-box .contact-info-box .contact-call-info .call-number {
color: var(--heading-color);
font-weight: 500;
font-size: 22px;
}
.mission-vission-section-home3 {
padding: 215px 0 370px;
background: #0B4654;
position: relative;
z-index: 1;
margin-top: -115px;
overflow: hidden;
/* === mission Tab === */
}
.mission-vission-section-home3 .sec-title {
margin-bottom: 40px;
}
.mission-vission-section-home3 .tab {
position: relative;
-webkit-font-smoothing: antialiased;
}
.mission-vission-section-home3 .tab .tabs {
display: inline-block;
}
.mission-vission-section-home3 .tab .tabs li {
display: inline-block;
}
.mission-vission-section-home3 .tab .tabs li a {
outline: none;
padding: 8px 30px;
transition: all 0.2s ease-in-out;
display: inline-block;
margin: 0 7px;
color: var(--theme-color-white);
background: rgba(24, 47, 36, 0.15);
font-family: "Google Sans", sans-serif;
border: 1.5px solid rgba(255, 255, 255, 0.15);
border-radius: 45px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
}
.mission-vission-section-home3 .tab .tabs li.current a {
color: var(--theme-color-white);
border-radius: 45px;
background: #0043B9;
}
.mission-vission-section-home3 .tab .tab_content .tabs_item {
display: none;
padding: 8px 0 0;
}
.mission-vission-section-home3 .tab .tab_content .tabs_item .mision-vission-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 90%;
margin: 20px 0 26px;
}
.mission-vission-section-home3 .tab .tab_content .tabs_item:first-child {
display: block;
}
.mission-vission-section-home3 .mission-vission-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 26px;
}
.mission-vission-section-home3 .mission-vission-list li {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin-bottom: 13px;
}
.mission-vission-section-home3 .mission-vission-list li span {
display: inline-block;
width: 22px;
height: 22px;
line-height: 20px;
background: #0043B9;
border-radius: 50%;
margin-right: 13px;
text-align: center;
}
.mission-vission-section-home3 .mission-vission-list li span svg {
font-size: 13px;
}
.mission-vission-section-home3 .mission-vission-list li span.two {
background:#37B550;
}
.mission-vission-section-home3 .circle-progress-box {
display: flex;
align-items: center;
gap: 100px;
padding: 40px 0 0;
}
.mission-vission-section-home3 .circle-progress-box .circle-progress {
position: relative;
}
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer {
display: flex;
align-items: center;
gap: 25px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer {
gap: 15px;
}
}
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer .count-box {
position: absolute;
left: -85px;
top: 0px;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
line-height: 28px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer .count-box {
left: -195px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer .count-box {
left: -326px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer .count-box {
left: -230px;
}
}
.mission-vission-section-home3 .circle-progress-box .circle-progress .circle-outer .title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 22px;
line-height: 30px;
}
.mission-vission-section-home3 .mission-vission-thumb-wrapper {
position: relative;
margin-left: 105px;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper {
margin-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper {
text-align: center;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper {
display: none;
}
}
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-vission-thumb2 {
position: absolute;
z-index: 1;
top: 265px;
left: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-vission-thumb2 {
top: 115px;
left: 45px;
}
}
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-vission-thumb3 {
position: absolute;
right: -90px;
top: 130px;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-vission-thumb3 {
right: 0px;
}
}
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-shape {
position: absolute;
top: 25px;
right: 50px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-shape {
display: none;
}
}
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-dot-shape {
position: absolute;
bottom: -240px;
right: 30px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3 .mission-vission-thumb-wrapper .mission-dot-shape {
display: none;
}
}
.mission-vission-section-home3 .mission-shape1 {
position: absolute;
top: -210px;
left: -20px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3 .mission-shape1 {
display: none;
}
}
.mission-vission-section-home3-classic {
padding: 130px 0 370px;
background: var(--heading-color);
position: relative;
overflow: hidden;
/* === mission Tab === */
}
.mission-vission-section-home3-classic .sec-title {
margin-bottom: 40px;
}
.mission-vission-section-home3-classic .tab {
position: relative;
-webkit-font-smoothing: antialiased;
}
.mission-vission-section-home3-classic .tab .tabs {
display: inline-block;
}
.mission-vission-section-home3-classic .tab .tabs li {
display: inline-block;
}
.mission-vission-section-home3-classic .tab .tabs li a {
outline: none;
padding: 8px 30px;
transition: all 0.2s ease-in-out;
display: inline-block;
margin: 0 7px;
color: var(--theme-color-white);
background: rgba(24, 47, 36, 0.15);
font-family: "Google Sans", sans-serif;
border: 1.5px solid rgba(255, 255, 255, 0.15);
border-radius: 45px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
}
.mission-vission-section-home3-classic .tab .tabs li.current a {
color: var(--theme-color-white);
border-radius: 45px;
background: #0043B9;
}
.mission-vission-section-home3-classic .tab .tab_content .tabs_item {
display: none;
padding: 8px 0 0;
}
.mission-vission-section-home3-classic .tab .tab_content .tabs_item .mision-vission-desc p {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 90%;
margin: 20px 0 26px;
}
.mission-vission-section-home3-classic .tab .tab_content .tabs_item:first-child {
display: block;
}
.mission-vission-section-home3-classic .mission-vission-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 26px;
}
.mission-vission-section-home3-classic .mission-vission-list li {
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
margin-bottom: 13px;
}
.mission-vission-section-home3-classic .mission-vission-list li span {
display: inline-block;
width: 22px;
height: 22px;
line-height: 20px;
background: #0043B9;
border-radius: 50%;
margin-right: 13px;
text-align: center;
}
.mission-vission-section-home3-classic .mission-vission-list li span svg {
font-size: 13px;
}
.mission-vission-section-home3-classic .mission-vission-list li span.two {
background:#37B550;
}
.mission-vission-section-home3-classic .circle-progress-box {
display: flex;
align-items: center;
gap: 100px;
padding: 40px 0 0;
}
.mission-vission-section-home3-classic .circle-progress-box .circle-progress {
position: relative;
}
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer {
display: flex;
align-items: center;
gap: 25px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer {
gap: 15px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer {
display: block;
}
}
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer .count-box {
position: absolute;
left: -85px;
top: 0px;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: var(--theme-color-white);
font-family: "Google Sans", sans-serif;
font-weight: 500;
line-height: 28px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer .count-box {
left: -85px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer .count-box {
left: -35px;
top: -40px;
}
}
.mission-vission-section-home3-classic .circle-progress-box .circle-progress .circle-outer .title {
color: var(--theme-color-white);
font-weight: 500;
font-size: 22px;
line-height: 30px;
}
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper {
position: relative;
margin-left: 105px;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper {
margin-left: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper {
display: none;
}
}
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-vission-thumb2 {
position: absolute;
z-index: 1;
top: 265px;
left: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-vission-thumb2 {
top: 115px;
left: 45px;
}
}
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-vission-thumb3 {
position: absolute;
right: -90px;
top: 130px;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-vission-thumb3 {
right: 0px;
}
}
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-shape {
position: absolute;
top: 25px;
right: 50px;
animation: bounceleft 6s linear infinite;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-shape {
display: none;
}
}
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-dot-shape {
position: absolute;
bottom: -240px;
right: 30px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3-classic .mission-vission-thumb-wrapper .mission-dot-shape {
display: none;
}
}
.mission-vission-section-home3-classic .mission-shape1 {
position: absolute;
top: -210px;
left: -20px;
animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (max-width: 1700px) {
.mission-vission-section-home3-classic .mission-shape1 {
display: none;
}
}
.joint-event-section-home3 {
padding: 410px 0 90px;
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 {
padding: 100px 0 90px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 {
padding: 100px 0 90px;
}
}
.joint-event-section-home3 .sec-title {
margin-bottom: 60px;
}
.joint-event-section-home3 .loginet-button {
float: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 .loginet-button {
float: left;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 .loginet-button {
float: left;
margin-bottom: 30px;
}
}
.joint-event-section-home3 .loginet-button a {
padding: 14px 36px;
background: var(--heading-color);
}
.joint-event-section-home3 .loginet-button a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 180px;
top: 22px;
}
.joint-event-section-home3 .loginet-button a span {
display: inline-block;
background: #0043B9;
}
.joint-event-section-home3 .joint-event-box {
display: grid;
grid-gap: 0px;
background: #F8F9F5;
border-radius: 20px;
padding: 55px 35px 45px 50px;
grid-template-columns: 250px 2fr 2fr 200px;
align-items: self-start;
position: relative;
margin-bottom: 25px;
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.joint-event-section-home3 .joint-event-box {
padding: 55px 20px 45px 20px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.joint-event-section-home3 .joint-event-box {
grid-template-columns: 180px 2fr 2fr 200px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 .joint-event-box {
display: block;
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 .joint-event-box {
display: block;
margin-bottom: 30px;
}
}
.joint-event-section-home3 .joint-event-box.active::before {
width: 280px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 .joint-event-box.active::before {
top: 80px;
left: 390px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 .joint-event-box.active::before {
display: none;
}
}
.joint-event-section-home3 .joint-event-box.active .joint-event-btn a {
background:#37B550;
color: var(--theme-color-white);
}
.joint-event-section-home3 .joint-event-box.active {
background: var(--heading-color);
}
.joint-event-section-home3 .joint-event-box.active .event-title h3 {
color: var(--theme-color-white);
}
.joint-event-section-home3 .joint-event-box.active .event-location li {
color: var(--theme-color3);
}
.joint-event-section-home3 .joint-event-box.active .event-location li img {
filter: invert(59%) sepia(64%) saturate(1044%) hue-rotate(332deg) brightness(102%) contrast(95%);
}
.joint-event-section-home3 .joint-event-box::before {
position: absolute;
content: "";
width: 0;
height: 300px;
left: 70%;
top: -60px;
background: url(../images/home3/home3-event-img.html);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
transition: 0.5s;
z-index: 1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 .joint-event-box .event-inner-box {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 .joint-event-box .event-inner-box {
margin-bottom: 30px;
}
}
.joint-event-section-home3 .joint-event-box .event-inner-box.first {
display: flex;
align-items: anchor-center;
gap: 16px;
}
.joint-event-section-home3 .joint-event-box .event-inner-box .joint-event-date h1 {
color: #0043B9;
font-weight: 600;
font-size: 74px;
margin: 0;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .event-inner-box .joint-event-month h2 {
color: var(--heading-color);
font-weight: 500;
font-size: 18px;
margin: 0;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .event-inner-box .joint-event-month p {
color: var(--heading-color);
font-weight: 500;
font-size: 18px;
margin: 0;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .event-title h3 {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 0;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .event-title h3 a {
display: inline-block;
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.joint-event-section-home3 .joint-event-box .event-title h3 {
font-size: 24px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.joint-event-section-home3 .joint-event-box .event-title h3 {
font-size: 20px;
line-height: 30px;
}
}
.joint-event-section-home3 .joint-event-box .event-location {
text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.joint-event-section-home3 .joint-event-box .event-location {
text-align: left;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.joint-event-section-home3 .joint-event-box .event-location {
text-align: left;
}
}
.joint-event-section-home3 .joint-event-box .event-location li {
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 12px;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .event-location li img {
margin-right: 10px;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .joint-event-btn a {
display: inline-block;
color: var(--heading-color);
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 18px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 45px;
padding: 10px 33px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
top: 8px;
}
.joint-event-section-home3 .joint-event-box .joint-event-btn a i {
display: inline-block;
margin-left: 10px;
transition: 0.5s;
}
.joint-event-section-home3 .joint-event-box .joint-event-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background:#37B550;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.joint-event-section-home3 .joint-event-box:hover .joint-event-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.joint-event-section-home3 .joint-event-box:hover .joint-event-btn a {
color: var(--theme-color-white);
}
.joint-event-section-home3 .joint-event-box:hover {
background: var(--heading-color);
}
.joint-event-section-home3 .joint-event-box:hover .joint-event-date h1 {
color:#37B550;
}
.joint-event-section-home3 .joint-event-box:hover .joint-event-month h2 {
color: var(--theme-color3);
}
.joint-event-section-home3 .joint-event-box:hover .joint-event-month p {
color: var(--theme-color3);
}
.joint-event-section-home3 .joint-event-box:hover .event-title h3 a {
color: var(--theme-color-white);
}
.joint-event-section-home3 .joint-event-box:hover .event-location li {
color: var(--theme-color3);
}
.joint-event-section-home3 .joint-event-box:hover .event-location li img {
filter: invert(59%) sepia(64%) saturate(1044%) hue-rotate(332deg) brightness(102%) contrast(95%);
}
.joint-event-section-home3 .joint-event-box.active .joint-event-date h1 {
color:#37B550;
}
.joint-event-section-home3 .joint-event-box.active .joint-event-month h2 {
color: var(--theme-color3);
}
.joint-event-section-home3 .joint-event-box.active .joint-event-month p {
color: var(--theme-color3);
}
.joint-event-section-home3 .event-shape {
position: absolute;
left: 0;
bottom: 0;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.joint-event-section-home3 .event-shape {
display: none;
}
}
.joint-event-section-home3 .event-shape2 {
position: absolute;
right: 750px;
top: 450px;
animation: bounceleft 8s linear infinite;
}
@media only screen and (max-width: 1700px) {
.joint-event-section-home3 .event-shape2 {
display: none;
}
}
.breadcumb-area {
position: relative;
background-image: url(../img/breadcumbimg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding:50px 0 50px;
z-index: 1;
}
.breadcumb-area::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Overlay color */
background:rgb(0 0 0 / 70%);
z-index: -1;
}
.breadcumb-area .breadcumb-content .breadcumb-title h4 {
font-size: 46px;
font-weight: 800;
color: var(--theme-color-white);
margin: 0;
}
.breadcumb-area .breadcumb-content ul li {
display: inline-block;
margin: 0 19px;
color: var(--theme-color-white);
}
.breadcumb-area .breadcumb-content ul li a {
display: inline-block;
font-size: 16px;
color: var(--theme-color-white);
font-weight: 500;
position: relative;
}
.breadcumb-area .breadcumb-content ul li a::before {
position: absolute;
content: "";
width: 17px;
height: 2px;
right: -30px;
top: 13px;
background: var(--theme-color-white);
}
.services-details-area {
padding: 60px 0 60px;
background: #fff
/*widget-sidber scss*/
/*sidber contact*/
}
.services-details-area .services-details-thumb img {
width: 100%;
height: 400px;
object-position:center;
object-fit: cover;
border-radius:10px;
}
.services-details-area .services-details-content {
padding-top: 18px;
}
.services-details-area .services-details-content .services-details-title {
font-size: 25px;
margin-bottom: 10px;
font-weight: 600;
color: #000
}
.services-details-area .services-details-content .services-details-desc {
font-size: 16px;
margin-top: 24px;
color: #000
}
.services-details-area .service-details-icon-box {
background: var(--theme-color8);
padding: 32px 27px 18px;
margin-top: 27px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.services-details-area .service-details-icon-box {
padding: 32px 10px 18px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .service-details-icon-box {
padding: 32px 5px 18px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.services-details-area .service-details-icon-box {
padding: 32px 5px 18px;
}
}
.services-details-area .service-details-icon-box .service-details-icon-thumb {
float: left;
margin-right: 25px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.services-details-area .service-details-icon-box .service-details-icon-thumb {
margin-right: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .service-details-icon-box .service-details-icon-thumb {
margin-right: 8px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.services-details-area .service-details-icon-box .service-details-icon-thumb {
margin-right: 8px;
}
}
.services-details-area .service-details-icon-box .service-details-box-content h3 {
font-size: 22px;
font-weight: 600;
margin: 0 0 11px;
}
.services-details-area .service-details-icon-box P {
display: flex;
}
.services-details-area .services-details-text {
background: #0043B9;
display: flex;
align-items: center;
padding: 32px 39px;
gap: 65px;
border-radius: 5px;
margin-top: 55px;
margin-bottom: 41px;
}
.services-details-area .services-details-text .service-details-text-icon {
position: relative;
}
.services-details-area .services-details-text .service-details-text-icon::before {
position: absolute;
content: "";
width: 2px;
height: 49px;
right: -29px;
top: 1px;
background: rgba(246, 246, 238, 0.3803921569);
}
.services-details-area .services-details-text .service-details-text-content p {
font-size: 22px;
line-height: 30px;
color: var(--theme-color-white);
font-weight: 400;
font-style: italic;
width: 90%;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .services-details-text .service-details-text-content p {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.services-details-area .services-details-text .service-details-text-content p {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.services-details-area .services-details-text .service-details-text-content p {
width: 100%;
}
}
.services-details-area .services-details-title {
font-size: 36px;
margin-bottom: 10px;
font-weight: 600;
}
.services-details-area .services-details-desc {
font-size: 17px;
margin-top: 24px;
}
.services-details-area .single-benifits-box {
margin-top: 22px;
}
.services-details-area .single-benifits-box .benifits-thumb img {
width: 100%;
}
.services-details-area .single-benifits-box .benifits-content {
border-radius: 5px;
filter: drop-shadow(0px 5px 30px rgba(117, 117, 117, 0.1));
background-color: var(--theme-color-white);
padding: 30px 31px 23px;
width: 92%;
margin: auto;
margin-top: -28px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .single-benifits-box .benifits-content {
padding: 30px 20px 23px;
width: 100%;
}
}
.services-details-area .single-benifits-box .benifits-content h4 {
font-size: 22px;
margin: 0;
margin-bottom: 14px;
font-weight: 500;
}
.services-details-area .single-benifits-box .benifits-content ul li {
line-height: 32px;
}
.services-details-area .single-benifits-box .benifits-content ul li i {
display: inline-block;
color: #0043B9;
font-size: 18px;
position: relative;
top: 2px;
margin-right: 8px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.services-details-area .single-benifits-box {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.services-details-area .single-benifits-box {
margin-bottom: 30px;
}
}
.services-details-area .widget-sidber {
border-radius: 5px;
background-color: var(--theme-color8);
padding: 32px 41px 29px;
margin-bottom: 27px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .widget-sidber {
padding: 32px 10px 29px;
}
}
.services-details-area .widget-sidber .widget-sidber-content h4 {
font-size: 24px;
font-weight: 600;
margin: 0 0 46px;
position: relative;
}
.services-details-area .widget-sidber .widget-sidber-content h4::before {
position: absolute;
content: "";
width: 29px;
height: 2px;
left: 0;
bottom: -8px;
background: #0043B9;
}
.services-details-area .widget-sidber .widget-category ul li a {
background: var(--theme-color-white);
padding: 14px 26px;
width: 100%;
display: inline-block;
margin-bottom: 14px;
color: var(--heading-color);
font-weight: 500;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.services-details-area .widget-sidber .widget-category ul li a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
z-index: -1;
border-radius: 5px;
transition: 0.5s;
}
.services-details-area .widget-sidber .widget-category ul li a img {
margin-right: 12px;
transition: 0.5s;
}
.services-details-area .widget-sidber .widget-category ul li a:hover img {
filter: brightness(0) invert(1);
}
.services-details-area .widget-sidber .widget-category ul li a:hover {
color: var(--theme-color-white);
}
.services-details-area .widget-sidber .widget-category ul li a:hover::before {
width: 100%;
left: 0;
}
.services-details-area .widget-sidber .widget-category ul li a:hover i {
opacity: 1;
color: var(--theme-color-white);
}
.services-details-area .widget-sidber .widget-category ul li a i {
color: var(--heading-color);
display: inline-block;
float: right;
font-size: 17px;
opacity: 0;
transition: 0.5s;
}
.services-details-area .widget-sidber .widget-sidber-download-button a {
display: inline-block;
background: var(--heading-color);
width: 100%;
color: var(--theme-color-white);
padding: 15px 23px;
border-radius: 5px;
margin-bottom: 18px;
}
.services-details-area .widget-sidber .widget-sidber-download-button a.active {
background: #0043B9;
}
.services-details-area .widget-sidber .widget-sidber-download-button a.active i {
color: var(--theme-color-white);
}
.services-details-area .widget-sidber .widget-sidber-download-button a.active span i {
color: var(--theme-color-white);
}
.services-details-area .widget-sidber .widget-sidber-download-button a i {
color: #0043B9;
display: inline-block;
font-size: 22px;
margin-right: 9px;
position: relative;
top: 3px;
}
.services-details-area .widget-sidber .widget-sidber-download-button a span i {
float: right;
display: inline-block;
font-size: 16px;
}
.services-details-area .widget-sidber-contact-box {
background-image: url(../img/contact-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 5px;
padding: 48px 43px 48px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .widget-sidber-contact-box {
padding: 48px 10px 48px;
}
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-text {
font-size: 18px;
color: var(--theme-color-white);
font-weight: 500;
margin: 0;
padding: 25px 0 13px;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-number {
font-size: 24px;
color: var(--theme-color-white);
font-weight: 600;
margin: 0 0 14px;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-gmail {
font-size: 16px;
color: var(--theme-color-white);
font-weight: 400;
margin: 0;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-gmail i {
display: inline-block;
font-size: 17px;
color: #0043B9;
position: relative;
top: 2px;
margin-right: 6px;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
display: inline-block;
font-size: 16px;
color: var(--theme-color-white);
font-weight: 400;
font-family: "Inter";
text-decoration: none;
background: #0043B9;
padding: 16px 98px 15px;
border-radius: 5px;
margin-top: 55px;
transition: 0.5s;
border: 2px solid #0043B9;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a:hover {
background: transparent;
color: #0043B9;
}
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a i {
display: inline-block;
font-size: 18px;
position: relative;
top: 2px;
margin-left: 10px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
padding: 16px 70px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
padding: 16px 80px 15px;
}
}
.project-details-area {
padding: 100px 0 0px;
/*sidber contact*/
}
.project-details-area .project-details-thumb img {
width: 100%;
}
.project-details-area .project-details-content h4 {
font-size: 36px;
margin-bottom: 17px;
margin-top: 12px;
font-weight: 600;
}
.project-details-area .project-details-content p {
font-size: 17px;
margin-bottom: 27px;
}
.project-details-area .project-details-content h3 {
font-size: 28px;
margin-bottom: 20px;
margin-top: 54px;
}
.project-details-area .project-details-content .project-details-item-images img {
width: 100%;
}
.project-details-area .project-details-content .project-details-list-item h4 {
font-size: 28px;
margin-bottom: 17px;
}
.project-details-area .project-details-content .project-details-list-item ul li {
font-size: 17px;
line-height: 39px;
}
.project-details-area .project-details-content .project-details-list-item ul li i {
display: inline-block;
color: #0043B9;
font-size: 19px;
margin-right: 11px;
position: relative;
top: 2px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.project-details-area .project-details-content .project-details-list-item ul li {
display: flex;
}
}
.project-details-area .project-details-content .project-details-text {
display: inline-block;
font-size: 28px;
line-height: 38px;
color: #0043B9;
font-weight: 600;
margin-top: 50px;
margin-bottom: 19px;
}
.project-details-area .project-details-right {
background: var(--theme-color8);
padding: 29px 41px 30px;
border-radius: 5px;
margin-top: 50px;
}
.project-details-area .project-details-right .project-details-info {
border-bottom: 1px solid rgba(134, 134, 129, 0.3215686275);
padding-bottom: 10px;
padding-top: 9px;
}
.project-details-area .project-details-right .project-details-info p {
margin-bottom: 0;
}
.project-details-area .project-details-right .project-details-info h4 {
font-size: 18px;
font-weight: 600;
margin-top: 6px;
}
.project-details-area .widget-sidber-contact-box {
background-image: url(../images/inner-image/sidber-contact.html);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 5px;
padding: 48px 43px 48px;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-text {
font-size: 18px;
color: var(--theme-color-white);
font-weight: 500;
margin: 0;
padding: 25px 0 13px;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-number {
font-size: 24px;
color: var(--theme-color-white);
font-weight: 600;
margin: 0 0 14px;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-gmail {
font-size: 16px;
color: var(--theme-color-white);
font-weight: 400;
margin: 0;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-gmail i {
display: inline-block;
font-size: 17px;
color: #0043B9;
position: relative;
top: 2px;
margin-right: 6px;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
display: inline-block;
font-size: 16px;
color: var(--theme-color-white);
font-weight: 400;
font-family: "Inter";
text-decoration: none;
background: #0043B9;
padding: 16px 98px 15px;
border-radius: 5px;
margin-top: 55px;
transition: 0.5s;
border: 2px solid #0043B9;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a:hover {
background: transparent;
color: #0043B9;
}
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a i {
display: inline-block;
font-size: 18px;
position: relative;
top: 2px;
margin-left: 10px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
padding: 16px 80px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
padding: 16px 50px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.project-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
padding: 16px 70px 15px;
}
}
.team-details-area {
padding: 120px 0 100px;
}
.team-details-area .team-details-right .team-details-content .team-member-title h4 {
font-size: 36px;
margin: 0;
}
.team-details-area .team-details-right .team-details-content .team-member-title p {
margin-bottom: 45px;
}
.team-details-area .team-details-right .contact-info-box {
background: var(--theme-color8);
padding: 29px 25px 27px;
border-radius: 10px;
display: flex;
align-items: center;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
gap: 11px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.team-details-area .team-details-right .contact-info-box {
padding: 29px 10px 27px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.team-details-area .team-details-right .contact-info-box {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-details-area .team-details-right .contact-info-box {
margin-bottom: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-details-area .team-details-right .contact-info-box {
margin-bottom: 20px;
}
}
.team-details-area .team-details-right .contact-info-box .contact-info-icon i {
display: inline-block;
color: #0043B9;
border: 2px solid #0043B9;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
line-height: 56px;
font-size: 22px;
transition: 0.5s;
}
.team-details-area .team-details-right .contact-info-box .contact-info-content h4 {
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 0 0 11px 0;
transition: 0.5s;
}
.team-details-area .team-details-right .contact-info-box .contact-info-content p {
font-size: 22px;
color: #0043B9;
font-weight: 600;
margin: 0;
padding: 0;
transition: 0.5s;
}
.team-details-area .team-details-right .team-details-social-icon ul li {
font-size: 22px;
color: var(--heading-color);
font-weight: 600;
margin-top: 49px;
display: inline-block;
}
.team-details-area .team-details-right .team-details-social-icon ul li a i {
background: var(--theme-color8);
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
line-height: 38px;
color: var(--heading-color);
font-size: 14px;
margin-left: 7px;
transition: 0.5s;
}
.team-details-area .team-details-right .team-details-social-icon ul li a i:hover {
background: #0043B9;
color: var(--theme-color-white);
}
.team-details-area .team-details-right .team-details-location-box {
display: flex;
align-items: center;
gap: 16px;
margin-top: 46px;
}
.team-details-area .team-details-right .team-details-location-box .contact-info-icon i {
display: inline-block;
color: #0043B9;
border: 2px solid #0043B9;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
line-height: 56px;
font-size: 22px;
transition: 0.5s;
}
.team-details-area .team-details-right .team-details-location-box .contact-info-content h4 {
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 0 0 11px 0;
transition: 0.5s;
}
.team-details-area .team-details-right .team-details-location-box .contact-info-content p {
font-size: 17px;
color: #0043B9;
font-weight: 600;
margin: 0;
padding: 0;
transition: 0.5s;
}
.team-details-area .team-details-skills {
margin-top: 90px;
}
.team-details-area .team-details-skills h4 {
font-size: 36px;
margin: 0 0 35px;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item {
position: relative;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item .donation-skill-title h5 {
font-size: 18px;
font-weight: 500;
color: var(--heading-color);
margin-bottom: 10px;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item .skill-bar {
position: relative;
width: 85%;
height: 45px;
border-radius: 5px;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 7px;
background: var(--heading-color);
border-radius: 20px;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 7px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
border-radius: 20px;
background-color: #0043B9;
}
.team-details-area .team-details-skills .wrapper .skills .skill-item .skill-bar .bar-inner .bar .skill-percentage {
position: absolute;
right: 0;
bottom: 100%;
font-size: 16px;
font-weight: 400;
color: #0043B9;
line-height: 25px;
margin-bottom: 12px;
}
.blog-list-area {
padding: 120px 0 100px;
}
.blog-list-area .single-blog-box {
margin-bottom: 20px;
}
.blog-list-area .single-blog-box .blog-thumb {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
}
.blog-list-area .single-blog-box .blog-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.blog-list-area .single-blog-box .blog-thumb img {
width: 100%;
border-radius: 10px;
}
.blog-list-area .single-blog-box .blog-content .blog-meta a {
color: var(--theme-color-white);
display: inline-block;
font-family: "Google Sans", sans-serif;
font-weight: 500;
font-size: 14px;
background: #0043B9;
border-radius: 40px;
padding: 0px 19px;
margin-top: 20px;
}
.blog-list-area .single-blog-box .blog-content .blog-title {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
margin: 12px 0 15px 0;
transition: 0.5s;
}
.blog-list-area .single-blog-box .blog-content .blog-title a {
display: inline-block;
transition: 0.5s;
}
.blog-list-area .single-blog-box .blog-content .blog-title a:hover {
color: #0043B9;
}
.blog-list-area .single-blog-box .blog-content .blog-autor a {
color: var(--heading-color);
display: inline-block;
font-weight: 400;
font-size: 16px;
}
.blog-list-area .single-blog-box .blog-content .blog-autor a span {
display: inline-block;
color: #0043B9;
}
.blog-list-area .single-blog-box:hover .blog-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.blog-list-area .widget-sidber {
border-radius: 5px;
background-color: var(--theme-color8);
padding: 32px 41px 29px;
margin-bottom: 27px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-list-area .widget-sidber {
padding: 32px 20px 29px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-list-area .widget-sidber {
padding: 32px 15px 29px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-list-area .widget-sidber {
padding: 32px 10px 29px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-list-area .widget-sidber {
padding: 32px 10px 29px;
}
}
.blog-list-area .widget-sidber .widget_search {
position: relative;
}
.blog-list-area .widget-sidber .widget_search input {
border-radius: 4px;
padding-left: 20px;
height: 60px;
width: 100%;
position: relative;
color: var(--heading-color);
outline: 0;
border: transparent;
}
.blog-list-area .widget-sidber .widget_search button {
border: 0;
font-size: 16px;
position: absolute;
right: 14px;
top: 20px;
color: var(--heading-color);
background: transparent;
opacity: 0.7;
}
.blog-list-area .widget-sidber .widget-sidber-content h4 {
font-size: 24px;
font-weight: 600;
margin: 0 0 46px;
position: relative;
}
.blog-list-area .widget-sidber .widget-sidber-content h4::before {
position: absolute;
content: "";
width: 29px;
height: 2px;
left: 0;
bottom: -8px;
background: #0043B9;
}
.blog-list-area .widget-sidber .widget-category ul li a {
background: var(--theme-color-white);
padding: 14px 26px;
width: 100%;
display: inline-block;
margin-bottom: 14px;
color: var(--heading-color);
font-weight: 500;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.blog-list-area .widget-sidber .widget-category ul li a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
z-index: -1;
border-radius: 5px;
transition: 0.5s;
}
.blog-list-area .widget-sidber .widget-category ul li a img {
margin-right: 12px;
transition: 0.5s;
}
.blog-list-area .widget-sidber .widget-category ul li a:hover img {
filter: brightness(0) invert(1);
}
.blog-list-area .widget-sidber .widget-category ul li a:hover {
color: var(--theme-color-white);
}
.blog-list-area .widget-sidber .widget-category ul li a:hover::before {
width: 100%;
left: 0;
}
.blog-list-area .widget-sidber .widget-category ul li a:hover i {
opacity: 1;
color: var(--theme-color-white);
}
.blog-list-area .widget-sidber .widget-category ul li a i {
color: var(--heading-color);
display: inline-block;
float: right;
font-size: 17px;
opacity: 0;
transition: 0.5s;
}
.blog-list-area .widget-sidber .sidber-widget-recent-post {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 19px;
}
.blog-list-area .widget-sidber .sidber-widget-recent-post .recent-widget-thumb {
flex-shrink: 0;
}
.blog-list-area .widget-sidber .sidber-widget-recent-post .recent-widget-content a {
transition: 0.5s;
color: var(--heading-color);
font-weight: 500;
font-size: 18px;
line-height: 26px;
width: 95%;
display: inline-block;
}
.blog-list-area .widget-sidber .sidber-widget-recent-post .recent-widget-content a:hover {
color: #0043B9;
}
.blog-list-area .widget-sidber .sidber-widget-recent-post .recent-widget-content p {
font-size: 14px;
margin: 0;
color: #0043B9;
}
.blog-list-area .widget-sidber .widget-catefories-tags a {
display: inline-block;
color: var(--heading-color);
font-weight: 500;
background: var(--theme-color-white);
padding: 6px 19px;
margin: 6px 3px;
position: relative;
z-index: 1;
font-size: 15px;
}
.blog-list-area .widget-sidber .widget-catefories-tags a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
transition: 0.5s;
z-index: -1;
}
.blog-list-area .widget-sidber .widget-catefories-tags a:hover::before {
width: 100%;
left: 0;
}
.blog-list-area .widget-sidber .widget-catefories-tags a:hover {
color: var(--theme-color-white);
}
.blog-details-area {
padding: 60px 0 60px;
position: relative;
background: #fff
}
.blog-details-area .blog-details-thumb {
overflow: hidden;
}
.blog-details-area .blog-details-thumb img {
width: 100%;
height: 400px;
object-fit: cover;
object-position: top;
transition: 0.5s;
}
.blog-details-area .blog-details-thumb img:hover {
transform: scale(1.2) skew(-10deg);
}
.blog-details-area .blog-details-content {
padding: 27px 36px 20px;
border: 1px solid rgba(34, 34, 34, 0.1333333333);
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .blog-details-content {
padding: 27px 10px 20px;
}
}
.blog-details-area .blog-details-content .meta-blog .mate-text {
padding-left: 36px;
position: relative;
}
.blog-details-area .blog-details-content .meta-blog .mate-text::before {
position: absolute;
content: "";
width: 20px;
height: 2px;
left: 5px;
top: 11px;
background: #0043B9;
}
.blog-details-area .blog-details-content .meta-blog > span {
display: inline-block;
margin-right: 28px;
font-weight: 500;
color: #2a2a2a
}
.blog-details-area .blog-details-content .meta-blog > span i {
display: inline-block;
color: #0043B9;
padding-right: 9px;
}
.blog-details-area .blog-details-content .meta-blog > span img {
margin-right: 8px;
position: relative;
top: -1px;
}
.blog-details-area .blog-details-content .blog-details-title {
font-size: 32px;
margin: 12px 0 19px;
color: #000
}
.blog-details-area .blog-details-content .blog-details-desc {
font-size: 17px;
margin-bottom: 25px;
}
.blog-details-area .blog-details-content .blog-details-author-talk {
display: flex;
gap: 26px;
background: var(--theme-color8);
padding: 41px 51px 40px;
margin-top: 48px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-details-area .blog-details-content .blog-details-author-talk {
padding: 41px 20px 40px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-area .blog-details-content .blog-details-author-talk {
padding: 41px 15px 40px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-area .blog-details-content .blog-details-author-talk {
padding: 41px 10px 40px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .blog-details-content .blog-details-author-talk {
padding: 41px 10px 40px;
}
}
.blog-details-area .blog-details-content .blog-details-author-talk .blog-details-quote img {
position: relative;
top: 8px;
color: var(--heading-color);
}
.blog-details-area .blog-details-content .blog-details-author-talk .blog-details-author-title p {
font-size: 20px;
font-style: italic;
line-height: 30px;
color: var(--heading-color);
}
.blog-details-area .blog-details-content .blog-details-author-talk .blog-details-author-title span {
margin-left: 58px;
display: inline-block;
color: var(--heading-color);
position: relative;
}
.blog-details-area .blog-details-content .blog-details-author-talk .blog-details-author-title span::before {
position: absolute;
content: "";
width: 50px;
height: 2px;
left: -58px;
top: 12px;
background: #0043B9;
}
.blog-details-area .blog-details-content .blog-details-title {
font-size: 28px;
margin: 30px 0 15px;
}
.blog-details-area .blog-details-content .blog-details-desc {
font-size: 17px;
margin-bottom: 25px;
}
.blog-details-area .blog-details-content .blog-details-desc.two {
width: 95%;
}
.blog-details-area .blog-details-content .blog-details-list-item {
margin-bottom: 40px;
}
.blog-details-area .blog-details-content .blog-details-list-item ul li {
margin-bottom: 10px;
font-size: 17px;
}
.blog-details-area .blog-details-content .blog-details-list-item ul li i {
display: inline-block;
color: #0043B9;
font-size: 18px;
margin-right: 16px;
}
.blog-details-area .blog-details-content .blog-details-title.two {
font-size: 28px;
margin: 38px 0 16px;
}
.blog-details-area .blog-details-content .blog-details-desc {
font-size: 17px;
margin-bottom: 25px;
color: #000
}
.blog-details-area .blog-details-content .blog-details-desc.three {
width: 100%;
}
.blog-details-area .blog-details-socila-box {
border: 1px solid rgba(34, 34, 34, 0.1333333333);
border-top: transparent;
padding: 19px 35px 18px;
border-radius: 0 0 5px 5px;
}
.blog-details-area .blog-details-socila-box .blog-details-category span a {
display: inline-block;
background: #F6F6EE;
padding: 6px 16px;
font-weight: 500;
color: var(--heading-color);
border-radius: 3px;
margin-right: 7px;
transition: 0.5s;
}
.blog-details-area .blog-details-socila-box .blog-details-category span a.active-class {
background: #0043B9;
color: var(--theme-color-white);
}
.blog-details-area .blog-details-socila-box .blog-details-category span a:hover {
background: #0043B9;
color: var(--theme-color-white);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-area .blog-details-socila-box .blog-details-category span a {
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-area .blog-details-socila-box .blog-details-category span a {
margin-bottom: 10px;
}
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon {
text-align: right;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .blog-details-socila-box .blog-details-social-icon {
text-align: left;
margin-top: 10px;
}
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon ul li {
display: inline-block;
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon ul li a i {
display: inline-block;
background: #0043B9;
color: var(--theme-color-white);
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
font-size: 13px;
margin-left: 5px;
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon ul li:nth-child(2) i {
background: #00AAE8;
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon ul li:nth-child(3) i {
background: #016EAF;
}
.blog-details-area .blog-details-socila-box .blog-details-social-icon ul li:nth-child(4) i {
background: #B7071C;
}
.blog-details-area .blog-details-post {
margin-top: 40px;
}
.blog-details-area .blog-details-post .swiper.blog-details-active {
overflow: hidden;
position: relative;
}
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-prev {
color: #0043B9;
background: transparent;
display: inline-block;
font-size: 13px;
transition: all 0.3s ease 0s;
position: absolute;
left: 70px;
top: 35px;
z-index: 5;
border: 0;
}
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-prev i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-prev {
display: block;
}
}
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-next {
display: inline-block;
font-size: 13px;
transition: all 0.3s ease 0s;
color: #0043B9;
background: transparent;
position: absolute;
right: 70px;
top: 35px;
z-index: 5;
border: 0;
}
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-next i {
display: inline-block;
font-weight: 400;
}
@media only screen and (max-width: 1700px) {
.blog-details-area .blog-details-post .swiper.blog-details-active .loginet-blog-details-arrow-box .slider-next {
display: block;
}
}
.blog-details-area .blog-details-post .swiper.blog-details-active .blog-nav-buttons button#prevBtn {
color: var(--heading-color);
background: transparent;
font-size: 18px;
border: none;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
position: absolute;
z-index: 1;
top: 36px;
left: 90px;
}
.blog-details-area .blog-details-post .swiper.blog-details-active .blog-nav-buttons button#nextBtn {
color: var(--heading-color);
background: transparent;
font-size: 18px;
border: none;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
position: absolute;
z-index: 1;
top: 36px;
right: 90px;
}
.blog-details-area .blog-details-post .blog-post-box {
display: flex;
background: var(--theme-color8);
align-items: center;
padding: 84px 21px 31px 43px;
gap: 23px;
margin: 0 13px;
}
.blog-details-area .blog-details-post .blog-post-box.style-two {
text-align: right;
padding: 85px 49px 31px 21px;
}
.blog-details-area .blog-details-post .blog-post-box .blog-post-thumb {
flex-shrink: 0;
}
.blog-details-area .blog-details-post .blog-post-box .blog-post-content a {
display: inline-block;
font-size: 20px;
line-height: 26px;
color: var(--heading-color);
font-weight: 600;
transition: 0.5s;
}
.blog-details-area .blog-details-post .blog-post-box .blog-post-content p {
font-size: 14px;
margin: 0;
color: #0043B9;
}
.blog-details-area .single-comment-area {
background: var(--theme-color8);
padding: 49px 41px 56px;
margin-top: 61px;
border-radius: 5px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .single-comment-area {
padding: 49px 10px 56px;
}
}
.blog-details-area .single-comment-area .blog-details-comment-title h4 {
font-size: 28px;
margin: 0 0 28px;
}
.blog-details-area .single-comment-area .blog-details-comment {
margin-bottom: 19px;
position: relative;
border: 1px solid rgba(34, 34, 34, 0.0784313725);
padding: 29px 29px 25px;
}
.blog-details-area .single-comment-area .blog-details-comment.style-two {
margin-left: 105px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-area .single-comment-area .blog-details-comment.style-two {
margin-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-area .single-comment-area .blog-details-comment.style-two {
margin-left: 0px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .single-comment-area .blog-details-comment.style-two {
margin-left: 0px;
}
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-reply {
position: absolute;
right: 22px;
top: 21px;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-reply a {
background: #0043B9;
padding: 3px 20px;
font-size: 14px;
font-weight: 600;
color: var(--theme-color-white);
border-radius: 2px;
display: inline-block;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-thumb {
float: left;
margin-right: 30px;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-content {
overflow: hidden;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-content h2 {
font-size: 20px;
margin-top: 0;
display: inline-block;
font-weight: 700;
margin-right: 30px;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-content p {
font-size: 15px;
margin: 13px 0 0;
}
.blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-content.style-two {
margin-left: 105px;
}
.blog-details-area .blog-details-contact .blog-details-contact-title h2 {
font-size: 23px;
font-weight: 600;
padding-bottom: 31px;
}
.blog-details-area .blog-details-contact .contact-input-box input {
background: var(--theme-color-white);
border: transparent;
width: 100%;
height: 60px;
padding: 22px;
outline: 0;
margin-bottom: 11px;
}
.blog-details-area .blog-details-contact .contact-input-box textarea {
background: var(--theme-color-white);
border: transparent;
width: 100%;
height: 170px;
padding: 12px 22px 0;
outline: 0;
margin-top: 11px;
margin-bottom: 20px;
}
.blog-details-area .blog-details-contact .input-check-box input span {
font-size: 15px;
margin-left: 7px;
}
.blog-details-area .blog-details-contact .blog-details-submi-button button {
background: #0043B9;
color: var(--theme-color-white);
text-transform: uppercase;
border: transparent;
padding: 12px 26px;
font-size: 15px;
margin-top: 34px;
position: relative;
z-index: 1;
transition: 0.5s;
border: 2px solid #0043B9;
border-radius: 5px;
font-weight: 500;
}
.blog-details-area .blog-details-contact .blog-details-submi-button button::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: var(--theme-color-white);
transition: 0.5s;
z-index: -1;
border-radius: 5px;
}
.blog-details-area .blog-details-contact .blog-details-submi-button button:hover {
color: #0043B9;
}
.blog-details-area .blog-details-contact .blog-details-submi-button button:hover::before {
width: 100%;
left: 0;
}
.blog-details-area .widget-sidber {
border-radius: 5px;
background-color: var(--theme-color8);
padding: 32px 41px 29px;
margin-bottom: 27px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-details-area .widget-sidber {
padding: 32px 20px 29px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-area .widget-sidber {
padding: 32px 15px 29px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-area .widget-sidber {
padding: 32px 10px 29px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-details-area .widget-sidber {
padding: 32px 10px 29px;
}
}
.blog-details-area .widget-sidber .widget_search {
position: relative;
}
.blog-details-area .widget-sidber .widget_search input {
border-radius: 4px;
padding-left: 20px;
height: 60px;
width: 100%;
position: relative;
color: var(--heading-color);
outline: 0;
border: transparent;
}
.blog-details-area .widget-sidber .widget_search button {
border: 0;
font-size: 16px;
position: absolute;
right: 14px;
top: 20px;
color: var(--heading-color);
background: transparent;
opacity: 0.7;
}
.blog-details-area .widget-sidber .widget-sidber-content h2 {
font-size: 24px;
font-weight: 600;
margin: 0 0 46px;
position: relative;
}
.blog-details-area .widget-sidber .widget-sidber-content h2::before {
position: absolute;
content: "";
width: 29px;
height: 2px;
left: 0;
bottom: -8px;
background: #0043B9;
}
.blog-details-area .widget-sidber .widget-category ul li a {
background: var(--theme-color-white);
padding: 14px 26px;
width: 100%;
display: inline-block;
margin-bottom: 14px;
color: var(--heading-color);
font-weight: 500;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.blog-details-area .widget-sidber .widget-category ul li a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
z-index: -1;
border-radius: 5px;
transition: 0.5s;
}
.blog-details-area .widget-sidber .widget-category ul li a img {
margin-right: 12px;
transition: 0.5s;
}
.blog-details-area .widget-sidber .widget-category ul li a:hover img {
filter: brightness(0) invert(1);
}
.blog-details-area .widget-sidber .widget-category ul li a:hover {
color: var(--theme-color-white);
}
.blog-details-area .widget-sidber .widget-category ul li a:hover::before {
width: 100%;
left: 0;
}
.blog-details-area .widget-sidber .widget-category ul li a:hover i {
opacity: 1;
color: var(--theme-color-white);
}
.blog-details-area .widget-sidber .widget-category ul li a i {
color: var(--heading-color);
display: inline-block;
float: right;
font-size: 17px;
opacity: 0;
transition: 0.5s;
}
.blog-details-area .widget-sidber .sidber-widget-recent-post {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 19px;
}
.blog-details-area .widget-sidber .sidber-widget-recent-post .recent-widget-thumb {
flex-shrink: 0;
}
.recent-widget-thumb img{
height: 80px;
width:80px;
object-fit: cover;
object-position: top;
border-radius: 5px;
}
.blog-details-area .widget-sidber .sidber-widget-recent-post .recent-widget-content a {
transition: 0.5s;
color:#000;
font-weight: 500;
font-size: 16px;
line-height: 26px;
width: 95%;
display: inline-block;
}
.blog-details-area .widget-sidber .sidber-widget-recent-post .recent-widget-content a:hover {
color: #0043B9;
}
.blog-details-area .widget-sidber .sidber-widget-recent-post .recent-widget-content p {
font-size: 14px;
margin: 0;
color: #0043B9;
}
.blog-details-area .widget-sidber .widget-catefories-tags a {
display: inline-block;
color: var(--heading-color);
font-weight: 500;
background: var(--theme-color-white);
padding: 6px 19px;
margin: 6px 3px;
position: relative;
z-index: 1;
font-size: 15px;
}
.blog-details-area .widget-sidber .widget-catefories-tags a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0043B9;
transition: 0.5s;
z-index: -1;
}
.blog-details-area .widget-sidber .widget-catefories-tags a:hover::before {
width: 100%;
left: 0;
}
.blog-details-area .widget-sidber .widget-catefories-tags a:hover {
color: var(--theme-color-white);
}
.service-menu li.active a{
color:#37B550!important;
font-weight:600;
}
.service-menu li.active i{
color:#37B550!important;
}
.about_img {
height: 500px;
width: 600px;
object-fit: cover!important;
}

.conditions {
  padding-top: 50px;
  padding-bottom: 50px;
}

.conditions{
background: #fbfbfb;
}
.conditions h1 {
color: #2a2a2a;
font-family: "Google Sans", sans-serif;
font-size: 25px;
}
.conditions h3{
color: #2a2a2a;
font-family: "Google Sans", sans-serif;
font-size: 20px;
font-weight: 500;
}
.conditions p{
color: #000
}

.conditions  li{
margin-bottom:8px;
color:#555;
}

.conditions{
    list-style: none;
    padding-left: 0;
}

.conditions li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.conditions li::before{
    content: "\f058"; /* Font Awesome check icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #007bff;
}

.whatsapp-btn{
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #25D366;
    color: white;
    width:50px;
    height:50px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

.whatsapp-btn:hover{
    background-color: #1ebe5d;
    transform: scale(1.1);
}