@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
/*----------------------------------------------------*/
/*----------------------------------------------------*/
:root {
--theme-color: #6d27e5;
--theme-title-color: #171d24;
--theme-text-color: #6a737c;
--theme-border-color: #dde1e5;
--theme-dropshadow: 0 0.5px 1px 0 rgba(51, 77, 114, 0.1),
0px 1.6px 3.6px 0 rgba(51, 77, 114, 0.15);
--brand_color: #003366;
--secondary_color: var(--theme-title-color);
--p_color: #4c5267;
--gradient_bg_color1: var(--gradient_bg_color-from, #fffbf2);
--gradient_bg_color2: var(--gradient_bg_color-to, #edfffd);
--border_on_white: #e6edf0;
--border_on_highlight: #e6edf0;
--body_bg: #fff;
--bs-white: #fff;
--black_25: #f9f9f9;
--black_50: #ebebeb;
--black_100: #d6d9dc;
--black_150: #c8ccd0;
--black_200: #bbc0c4;
--black_300: #9fa6ad;
--black_350: #9199a1;
--black_400: #848d95;
--black_500: #6a737c;
--black_600: #535a60;
--black_700: #3c4146;
--black_750: #2f3337;
--black_800: #242729;
--black_850: #101010;
--black_900: #0c0d0e;
--font-color-white: #ffffff;
--font-color-gray: #6b707f;
--bs_sm: 0 1px 2px rgb(0 0 0 / 5%), 0 1px 4px rgb(0 0 0 / 5%), 0 2px 8px rgb(0 0 0 / 5%);
--bs_md: 0 1px 3px rgb(0 0 0 / 6%), 0 2px 6px rgb(0 0 0 / 6%), 0 3px 8px rgb(0 0 0 / 9%);
--bs_lg: 0 1px 4px rgb(0 0 0 / 9%), 0 3px 8px rgb(0 0 0 / 9%), 0 4px 13px rgb(0 0 0 / 13%);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f7f9fa;
}
a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
text-decoration: none;
}
button:hover {
cursor: pointer;
}
button:focus {
outline: 0;
border: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
color: var(--secondary_color);
margin-top: 0;
font-weight: 500;
line-height: 1.2;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
p {
margin: 0;
padding: 0;
}
h1 {
font-size: 50px;
line-height: 60px;
}
h2 {
font-size: 36px;
line-height: 42px;
}
h3 {
font-size: 30px;
line-height: 36px;
}
h4 {
font-size: 24px;
line-height: 30px;
}
h5 {
font-size: 20px;
}
.bg_white {
background-color: #fff !important;
}
.bg_primary {
background-color: var(--brand_color) !important;
}
.bg_disable {
background-color: #f5f7fa !important;
}
.border-start,
.border-end,
.border-bottom,
.border-top {
border-color: var(--black_50) !important;
}
*::-moz-selection {
background: var(--theme-color);
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: var(--theme-color);
color: #ffffff;
text-shadow: none;
}
::selection {
background: var(--theme-color);
color: #ffffff;
text-shadow: none;
}
input[type=number] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-check .form-check-input:checked[type=radio] {
background-color: #fff;
border-color: var(--brand_color);
}
.form-check .form-check-input:checked[type=radio] ~ .form-check-label {
color: var(--secondary_color);
}
.form-check .form-check-label {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: var(--p_color);
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%230050B2'/%3e%3c/svg%3e");
}
.form-control {
border-color: var(--black_50);
color: #a8a8b2;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.form-control:focus {
border-color: var(--brand_color);
box-shadow: none;
}
.floating-input {
position: relative;
z-index: 1;
}
.floating-input textarea.form-control {
height: inherit;
padding-top: 23px;
padding-bottom: 23px;
}
.floating-input textarea ~ label {
top: 23px;
transform: inherit;
}
.floating-input .form-control {
height: 60px;
border-radius: 4px;
border: 1px solid var(--black_50);
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 400;
background-color: transparent;
color: #848d95;
padding: 0 24px;
}
.floating-input .form-control::placeholder {
color: transparent;
}
.floating-input .form-control:not(:placeholder-shown) ~ label {
top: -1px;
color: #848d95;
background-color: #f5f7fa;
padding: 0 4px;
font-size: 12px;
left: 24px;
z-index: 1;
}
.floating-input .form-control:focus {
background-color: transparent;
border-color: var(--brand_color);
}
.floating-input .form-control:focus ~ label {
top: -1px;
color: var(--brand_color);
background-color: #f5f7fa;
padding: 0 4px;
font-size: 12px;
left: 24px;
z-index: 1;
transform: translateY(-50%);
}
.floating-input label {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #848d95;
transition: all 0.3s ease-out;
text-transform: capitalize;
z-index: -1;
}
/*  section title css */
.section-title {
text-align: center;
/*  New Version */
}
.section-title .short-title {
display: inline-block;
font-size: 14px;
color: var(--brand_color);
font-family: "Roboto", sans-serif;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
margin: 10px 0;
}
.section-title .short-title-2 {
display: inline-block;
font-family: "Poppins";
font-size: 14px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 5px;
color: #a7b4c0;
}
.section-title h1 {
font-size: 50px;
font-family: "Poppins", sans-serif;
font-weight: 700;
}
.section-title h2 {
font-size: 36px;
line-height: 46px;
color: #000;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
.h3title {
font-size: 30px;
line-height: 40px;
color: #000;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
.section-title P {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: var(--p_color);
line-height: 26px;
}
/*----------------------------------------*/
/*       New Version
/*----------------------------------------*/
.underline-shape {
position: relative;
z-index: 1;
display: inline-block;
}
.underline-shape::after {
content: "";
position: absolute;
left: -4px;
width: calc(100% + 8px);
bottom: 7px;
background-color: #72b1ff;
z-index: -1;
height: 27%;
}
.read-more-btn {
font-size: 18px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: var(--brand_color);
display: inline-block;
margin-top: 30px;
}
.read-more-btn span {
position: relative;
}
.read-more-btn span::after {
content: "";
position: absolute;
top: 100%;
width: 0px;
height: 1px;
background-color: var(--brand_color);
transition: all 0.3s ease-out;
left: 0;
}
.read-more-btn:hover span::after {
width: 100%;
}
.read-more-btn i {
font-size: 18px;
vertical-align: middle;
}
/*-------------   End    ------------------*/
/*----------------------------------------*/
/*   Back To Top Button CSS
/*----------------------------------------*/
#back-to-top {
display: inline-block;
background-color: rgba(220, 220, 220, 0.8);
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#back-to-top::after {
content: "2";
font-family: eleganticons;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #000;
}
#back-to-top:hover {
cursor: pointer;
background-color: #333;
}
#back-to-top:hover::after {
color: #fff;
}
#back-to-top:active {
background-color: #555;
}
#back-to-top.show {
opacity: 1;
visibility: visible;
}
.saas-section-title h2 {
font-size: 52px;
font-weight: 500;
line-height: 70px;
font-family: "Poppins", sans-serif;
margin-bottom: 16px;
}
.saas-section-title h2 span {
background: linear-gradient(90deg, #53DFC6 45.35%, #6299FC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.saas-section-title p {
color: #878BA9;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.text-btn {
font-size: 16px;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: #1B2A52;
position: relative;
display: inline-block;
line-height: 18px;
transition: all 0.2s linear;
}
.text-btn:before {
content: "";
height: 1px;
background: #1B2A52;
position: absolute;
left: auto;
right: 0;
bottom: 0;
width: 100%;
transition: width 0.7s linear;
}
.text-btn:after {
content: "";
display: inline-block;
width: 0;
left: 0;
height: 1px;
background: var(--brand_color);
position: absolute;
bottom: 0;
transition: all 0.6s linear;
}
.text-btn:hover {
color: var(--brand_color);
}
.text-btn:hover:before {
width: 0px;
transition: width 0.4s linear;
}
.text-btn:hover:after {
width: 100%;
}
.bank-section-title .short-title-2 {
font-size: 16px;
color: #aaa;
font-weight: 500;
margin-bottom: 12px;
}
.bank-section-title h1 {
font-weight: 500;
font-size: 52px;
margin-bottom: 30px;
}
.bank-section-title h1 .underline-shape::after {
height: 11px;
background: #F57B47;
border-radius: 2px;
}
.bank-section-title p {
font-size: 18px;
}
.bank-section-title.color-white h1 {
color: #fff;
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
.theme-btn {
font-size: 18px;
display: inline-block;
font-size: 18px;
color: #fff;
height: auto;
line-height: 23px;
border-radius: .375rem;
position: relative;
z-index: 1;
background-color: var(--brand_color);
padding: 13px 24px;
overflow: hidden;
text-align: center;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.theme-btn::before {
background-color: #ff0000;
position: absolute;
left: -1px;
top: -1px;
z-index: -1;
height: 103%;
width: 102%;
border-radius: 4px;
content: "";
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: 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);
}
.theme-btn:hover {
color: #ffffff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.theme-btn:hover::before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.theme-btn:hover i {
transform: translateY(-1px) translateX(8px);
}
.theme-btn:hover i.arrow_left {
transform: translateY(-1px) translateX(-8px);
}
.theme-btn i {
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
font-size: 18px;
display: inline-block;
vertical-align: middle;
transform: translateY(-1px) translateX(0px);
}
.theme-btn i.arrow_left {
padding-right: 5px;
}
.theme-btn.theme-btn-alt {
background-color: #fff;
color: var(--brand_color);
}
.theme-btn.theme-btn-alt:hover {
color: #fff;
}
.theme-btn.theme-btn-primary_alt {
color: var(--brand_color);
background-color: rgba(0, 80, 178, 0.05);
transition: all 0.3s ease-out;
overflow: inherit;
}
.theme-btn.theme-btn-primary_alt i {
transform: translate(0);
}
.theme-btn.theme-btn-primary_alt::before {
display: none;
}
.theme-btn.theme-btn-primary_alt:hover {
background-color: #0050b2;
color: #fff;
}
.theme-btn.theme-btn-primary_alt:hover i {
transform: translate(0);
}
.theme-btn.theme-btn-outlined {
background-color: transparent;
color: var(--brand_color);
border: 1px solid var(--brand_color);
}
.theme-btn.theme-btn-outlined::before {
display: none;
}
.theme-btn.theme-btn-outlined:hover {
background-color: var(--brand_color);
color: #fff;
}
.theme-btn.theme-btn-lg {
height: 60px;
line-height: 59px;
padding: 0 40px;
}
.theme-btn.theme-btn-outlined_alt {
background-color: #fff;
color: var(--brand_color);
border: 1px solid #fff;
}
.theme-btn.theme-btn-outlined_alt::before {
display: none;
}
.theme-btn.theme-btn-outlined_alt:hover {
background-color: transparent;
color: #fff;
}
.theme-btn.theme-btn-light {
background-color: var(--black_50);
color: var(--secondary_color);
}
.theme-btn.theme-btn-light:hover {
color: #fff;
}
.theme-btn.theme-btn-rounded {
border-radius: 25px;
}
.theme-btn.theme-btn-rounded::before {
border-radius: 25px;
}
.theme-btn.theme-btn-rounded-2 {
border-radius: 25px;
box-shadow: none;
transition: all 0.3s ease-out;
}
.theme-btn.theme-btn-rounded-2::before {
display: none;
}
.theme-btn.theme-btn-rounded-2:hover {
background-color: #171d24;
color: #fff;
box-shadow: 2px 5px 20px rgba(51, 77, 114, 0.2);
}
/*  Theme button 2 css */
.theme-btn-2 {
display: inline-block;
padding: 10px 20px 10px 14px;
border-radius: 25px;
position: relative;
z-index: 1;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: var(--theme-color);
text-transform: uppercase;
}
.theme-btn-2:hover {
color: #fff;
}
.theme-btn-2:hover::before {
left: 2px;
height: 100%;
width: 100%;
background-color: #171d24;
border-radius: 25px;
}
.theme-btn-2:hover .arrow {
margin-right: 10px;
}
.theme-btn-2:hover .arrow .horizontal-line {
width: 20px;
}
.theme-btn-2::before {
content: "";
position: absolute;
top: 0;
left: 2px;
height: 100%;
width: 44px;
background-color: var(--theme-color);
border-radius: 25px;
z-index: -1;
}
.theme-btn-2 .arrow {
position: relative;
margin-right: 30px;
margin-left: 3px;
}
.theme-btn-2 .arrow .horizontal-line {
height: 1px;
width: 0;
background-color: #fff;
display: inline-block;
margin-bottom: 5px;
position: relative;
margin-left: 10px;
}
.theme-btn-2 .arrow .horizontal-line::after {
content: "";
position: absolute;
width: 8px;
height: 1px;
left: -2px;
background-color: #fff;
transition: all 0.3s ease-in-out;
transform: rotate(45deg);
right: -2px;
left: auto;
bottom: 3px;
}
.theme-btn-2 .arrow .horizontal-line::before {
content: "";
position: absolute;
width: 8px;
height: 1px;
left: -2px;
background-color: #fff;
transition: all 0.3s ease-in-out;
transform: rotate(-45deg);
right: -2px;
left: auto;
top: 3px;
}
.theme-btn-2.theme-btn-primary::before {
background-color: transparent;
background-image: linear-gradient(to top, #0050b2 0%, #4185d9 100%);
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*  Custom  Animations CSS
/*----------------------------------------*/
@keyframes spin1 {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1.5);
}
}
@keyframes spin2 {
0% {
transform: translateY(0);
}
100% {
transform: translateY(40px);
}
}
@keyframes customUp {
0% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}
@keyframes clipInDown {
0% {
clip-path: polygon(-10% -10%, -10% -10%, 110% -10%, 110% -10%);
}
100% {
clip-path: polygon(-10% 110%, -10% -10%, 110% -10%, 110% 110%);
}
}
@keyframes moveX {
0% {
transform: translateX(0) rotate(0deg);
}
25% {
transform: translateX(70px) rotate(90deg);
}
50% {
transform: translateX(0px) rotate(170deg);
}
75% {
transform: translateX(-70px) rotate(90deg);
}
100% {
transform: translateX(0px) rotate(0deg);
}
}
@keyframes moveY {
0% {
transform: translateY(0) rotate(0deg);
}
25% {
transform: translateY(70px) rotate(90deg);
}
50% {
transform: translateY(0px) rotate(170deg);
}
75% {
transform: translateY(-70px) rotate(90deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
@keyframes floatingBubble {
0% {
transform: translate(0, 0) scale(1);
}
20% {
transform: translate(50px, -50px) scale(0.6);
}
40% {
transform: translate(100px, -80px) scale(1);
}
60% {
transform: translate(150px, -80px) scale(1.1);
}
80% {
transform: translate(200px, -70px) scale(1);
}
100% {
transform: translate(250px, -50px) scale(0.6);
}
}
@keyframes floatingBubble2 {
0% {
transform: translate(0, 0) scale(0.6);
}
20% {
transform: translate(-50px, 100px) scale(1);
}
40% {
transform: translate(-100px, 50px) scale(1.1);
}
60% {
transform: translate(0px, 50px) scale(1);
}
80% {
transform: translate(50px, -50px) scale(0.6);
}
100% {
transform: translate(100px, -100px) scale(1);
}
}
@keyframes floatingBubbles {
0% {
transform: scale(0.3);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0.4;
}
}
.floatingBubbles {
-webkit-animation-name: floatingBubbles;
animation-name: floatingBubbles;
}
@-webkit-keyframes pulsate {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(4);
transform: translate(-50%, -50%) scale(4);
}
}
@keyframes pulsate {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(4);
transform: translate(-50%, -50%) scale(4);
}
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*   Preloader CSS
/*----------------------------------------*/
#preloader {
background: #fff;
height: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#preloader .loading {
display: flex;
}
#preloader .ctn-preloader {
padding-left: 15px;
padding-right: 15px;
}
#preloader .spinner {
animation: spinner 3s infinite linear;
border-radius: 50%;
border: 3px solid #f1f6f8;
border-left-color: var(--brand_color);
border-top-color: var(--brand_color);
margin: 0 auto 0em auto;
position: absolute;
left: -40px;
right: -40px;
bottom: -40px;
top: -40px;
}
#preloader .spinner:before {
content: "";
width: 20px;
height: 20px;
border: 6px solid #fff;
box-shadow: 0 0 20px 0 rgba(4, 46, 56, 0.2);
background: var(--brand_color);
position: absolute;
right: 31px;
top: 41px;
border-radius: 50%;
}
@media (max-width: 576px) {
#preloader .spinner:before {
top: 18px;
}
}
#preloader .round_spinner {
border-width: 1px;
border-color: rgb(238, 243, 244);
border-style: solid;
border-radius: 50%;
background-color: rgb(253, 253, 253);
box-shadow: 0 0 100px 0 rgba(4, 46, 56, 0.14);
width: 248px;
height: 248px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 40px auto 80px;
}
@media (max-width: 576px) {
#preloader .round_spinner {
width: 155px;
height: 155px;
}
}
#preloader .round_spinner h4 {
font-size: 30px;
font-weight: 400;
margin-bottom: 0;
color: var(--secondary_color);
margin-top: 10px;
}
#preloader .round_spinner h4 span {
font-weight: 700;
}
#preloader .head {
color: var(--secondary_color);
display: block;
font-size: 26px;
font-weight: 700;
letter-spacing: 5.2px;
text-transform: uppercase;
text-align: center;
font-family: "Roboto", sans-serif;
margin: 5% 0 1% 0;
padding: 0;
}
#preloader p {
color: var(--p_color);
display: block;
font-size: 14px;
font-weight: 400;
text-align: center;
border: none;
margin: 0;
padding: 0;
}
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*   HEADER CSS
/*----------------------------------------*/
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9997;
}
header .header-top {
background-color: #171d24;
}
header .header-top.bg_white .header-info-left {
color: var(--p_color);
}
header .header-top.bg_white .header-info-right ul li a {
color: var(--p_color);
}
header .header-top.bg_white .header-info-right ul li i {
color: #6a737c;
}
header .header-top .header-info-left {
display: flex;
align-items: center;
color: #bbc0c4;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
header .header-top .header-info-left .language-list .nice-select {
background-color: transparent;
border: none;
padding-left: 0;
}
header .header-top .header-info-left .timestamp i {
display: block;
margin-right: 5px;
float: left;
margin-top: 2px;
}
header .header-top .header-info-right {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
header .header-top .header-info-right ul {
display: flex;
justify-content: flex-end;
align-items: center;
}
header .header-top .header-info-right ul li {
margin: 0 15px;
}
header .header-top .header-info-right ul li:last-child {
margin-right: 0;
}
header .header-top .header-info-right ul li img {
margin-right: 8px;
}
header .header-top .header-info-right ul li a {
color: #bbc0c4;
font-size: 14px;
}
header .header-top .header-info-right ul li i {
color: #bbc0c4;
font-size: 14px;
display: inline-block;
margin-right: 8px;
}
.header-menu {
z-index: 1;
background-color: transparent;
transition: all 0.2s linear;
}
.header-menu.header-menu-4 .theme-btn:hover {
background-color: var(--brand_color);
}
.header-menu.navbar_fixed {
background: var(--bs-white);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
position: fixed;
z-index: 99;
left: 0;
right: 0;
top: 0;
transition: all 0.2s, top 0.4s linear;
}
.header-menu.navbar_fixed .navbar .sticky_logo .main {
display: none;
}
.header-menu.navbar_fixed .navbar .sticky_logo .sticky {
display: block;
}
.header-menu.navbar_fixed.header-menu-1 .theme-btn, .header-menu.navbar_fixed.header-menu-3 .theme-btn, .header-menu.navbar_fixed.header-menu-4 .theme-btn {
background-color: var(--theme-color);
color: #fff;
}
.header-menu.navbar_fixed.header-menu-1 .navbar .menu > .nav-item .mobile_dropdown_icon:hover, .header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item .mobile_dropdown_icon:hover, .header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item .mobile_dropdown_icon:hover {
color: var(--theme-color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link.active, .header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link.active, .header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link.active {
color: var(--brand_color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .menu > .nav-item > .nav-link, .header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link, .header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link {
color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .menu > .nav-item > .nav-link.active, .header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link.active, .header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link.active {
color: var(--theme-color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .menu > .nav-item > .nav-link::before, .header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link::before, .header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link::before {
background-color: var(--theme-color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .navbar-toggler .hamburger span, .header-menu.navbar_fixed.header-menu-3 .navbar .navbar-toggler .hamburger span, .header-menu.navbar_fixed.header-menu-4 .navbar .navbar-toggler .hamburger span {
background-color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-1 .navbar .navbar-toggler .hamburger-cross span, .header-menu.navbar_fixed.header-menu-3 .navbar .navbar-toggler .hamburger-cross span, .header-menu.navbar_fixed.header-menu-4 .navbar .navbar-toggler .hamburger-cross span {
background-color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-3 {
background-color: var(--bs-white);
}
.header-menu.navbar_fixed.header-menu-3 .theme-btn {
background-color: var(--brand_color);
color: #fff;
border-color: transparent;
}
.header-menu.navbar_fixed.header-menu-3 .theme-btn:hover {
background-color: transparent;
border-color: var(--brand_color);
color: var(--brand_color);
transition: all 0.3s ease-in-out;
}
.header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link {
color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link.active {
color: var(--brand_color);
}
.header-menu.navbar_fixed.header-menu-3 .navbar .menu > .nav-item > .nav-link::before {
background-color: var(--brand_color);
}
.header-menu.navbar_fixed.header-menu-4 .theme-btn {
background-color: var(--brand_color);
}
.header-menu.navbar_fixed.header-menu-4 .theme-btn:hover {
background-color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link {
color: var(--secondary_color);
}
.header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link.active {
color: var(--brand_color);
}
.header-menu.navbar_fixed.header-menu-4 .navbar .menu > .nav-item > .nav-link::before {
background-color: var(--brand_color);
}
.header-menu .navbar {
padding: 0 !important;
}
.header-menu .navbar .sticky_logo .main {
display: block;
}
.header-menu .navbar .sticky_logo .sticky {
display: none;
}
.header-menu .menu > .nav-item {
padding-bottom: 25px;
padding-top: 25px;
transition: all 0.3s linear;
}
.header-menu .menu > .nav-item > .nav-link {
font-size: 14px;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: 500;
position: relative;
text-transform: uppercase;
}
.header-menu .menu > .nav-item > .nav-link.active::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
height: 5px;
width: 5px;
border-radius: 50%;
background-color: #fff;
}
.header-menu .menu > .nav-item > .nav-link::after {
display: none;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu {
margin: 0;
border-radius: 4px;
left: -26px;
min-width: max-content;
border: 1px solid var(--black_50);
background: var(--bs-white);
padding: 20px 0;
box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.1);
}
.header-menu .menu > .nav-item.submenu .dropdown-menu:before {
content: "";
width: 12px;
height: 12px;
background: var(--bs-white);
position: absolute;
top: -6px;
transform: rotate(45deg);
left: 40px;
border-left: 1px solid var(--black_50);
border-top: 1px solid var(--black_50);
}
@media (min-width: 992px) {
.header-menu .menu > .nav-item.submenu .dropdown-menu {
transform: translateY(20px);
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
display: block;
}
}
.header-menu .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item {
padding: 0 30px;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item + .nav-item {
margin-top: 8px;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link {
display: flex;
align-items: center;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link:before {
display: none;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link img {
margin-right: 20px;
width: 32px;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item {
padding: 0 40px 0 30px;
transition: all 0.3s linear;
position: relative;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item > i {
padding-right: 10px;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item + .nav-item {
margin-top: 18px;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
padding: 0;
white-space: nowrap;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: var(--p_color);
transition: color 0.2s linear;
position: relative;
display: inline-block;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link.active {
color: var(--brand_color);
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
display: none;
}
@media (min-width: 992px) {
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .dropdown-menu, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .dropdown-menu, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateX(1px) translateY(0px);
}
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: var(--brand_color);
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > i, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > i, .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > i {
color: var(--brand_color);
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
transition: all 0.3s ease-in;
}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
display: none;
}
@media (min-width: 992px) {
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
position: absolute;
left: 100%;
top: 0px;
opacity: 0;
display: block;
visibility: hidden;
transform: translateX(1px) translateY(20px);
transition: all 0.3s ease-in;
background: var(--bs-white);
padding: 20px 0;
box-shadow: none;
}
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu {
min-width: 540px;
padding: 0;
background: #4464a1;
border: 0;
max-height: 309px;
min-height: 309px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu li > div {
min-height: 309px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .nav-pills {
padding: 30px 0;
background: #fff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 100%;
margin-right: -10px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item {
padding: 0 30px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:after {
content: "5";
position: absolute;
right: 25px;
top: -1px;
font-family: "ElegantIcons";
display: block;
color: var(--theme-color);
transition: all 0.2s linear;
opacity: 0;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item .nav-link {
font-size: 14px;
color: var(--p_color);
display: inline-block;
border-radius: 0;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item .nav-link.active {
background: transparent;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item + .nav-item {
margin-top: 12px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:hover:after, .header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item.active:after {
opacity: 1;
right: 20px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:hover .nav-link, .header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item.active .nav-link {
color: var(--theme-color);
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane {
padding: 26px 10px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list {
width: 50%;
padding-bottom: 12px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list.w_100 {
width: 100%;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li {
margin-bottom: 12px;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a {
font-size: 14px;
font-weight: 400;
color: #fff;
position: relative;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a:before {
content: "";
width: 0;
height: 1px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.2s linear;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a:hover:before, .header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a.active:before {
width: 100%;
}
.header-menu .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane p {
font-size: 14px;
line-height: 30px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 0;
}
.header-menu .menu > .nav-item:hover > i {
color: var(--brand_color);
}
@media (min-width: 992px) {
.header-menu .menu > .nav-item:hover .dropdown-menu {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
}
.header-menu .theme-btn {
margin-left: 55px;
}
.header-menu.header-menu-1 .theme-btn {
background-color: #fff;
color: var(--theme-color);
}
.header-menu.header-menu-1 .theme-btn:hover {
color: #fff;
background-color: var(--secondary_color);
}
.header-menu.header-menu-2 .menu > .nav-item > .nav-link {
color: #6a737c;
}
.header-menu.header-menu-2 .menu > .nav-item > .nav-link::before {
background-color: var(--brand_color);
}
.header-menu.header-menu-2 .navbar-toggler .hamburger span {
background-color: var(--secondary_color);
}
.header-menu.header-menu-2 .navbar-toggler .hamburger-cross span {
background-color: var(--secondary_color);
}
.header-menu.header-menu-3 {
background-color: rgba(23, 29, 36, 0.5);
}
.header-menu.header-menu-3 .theme-btn-outlined {
color: #fff;
border-color: #fff;
}
.header-menu.header-menu-3 .theme-btn-outlined:hover {
color: var(--brand_color);
background-color: #fff;
}
.navbar-toggler {
padding-right: 0;
padding-left: 0;
}
.hamburger {
height: 100%;
width: 100%;
display: block;
}
.hamburger span {
width: 0%;
height: 2px;
position: relative;
top: 0;
left: 0;
margin: 4px 0;
display: block;
background: #fff;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.hamburger span:nth-child(1) {
transition-delay: 0s;
}
.hamburger span:nth-child(2) {
transition-delay: 0.125s;
}
.hamburger span:nth-child(3) {
transition-delay: 0.2s;
}
.menu_toggle {
width: 22px;
height: 22px;
position: relative;
cursor: pointer;
display: block;
}
.menu_toggle .hamburger {
position: absolute;
}
.menu_toggle .hamburger-cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
display: block;
}
.menu_toggle .hamburger-cross span {
display: block;
background: #fff;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.menu_toggle .hamburger-cross span:nth-child(1) {
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 10px;
transition-delay: 0.3s;
}
.menu_toggle .hamburger-cross span:nth-child(2) {
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 10px;
transition-delay: 0.4s;
}
.collapsed .menu_toggle .hamburger span {
width: 100%;
}
.collapsed .menu_toggle .hamburger span:nth-child(1) {
transition-delay: 0.3s;
}
.collapsed .menu_toggle .hamburger span:nth-child(2) {
transition-delay: 0.4s;
}
.collapsed .menu_toggle .hamburger span:nth-child(3) {
transition-delay: 0.5s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
height: 0%;
transition-delay: 0s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
width: 0%;
transition-delay: 0.2s;
}
.mobile_dropdown_icon {
display: none;
}
.banner-area-2 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.banner-area-2 .banner-content {
position: relative;
}
.banner-area-2 .banner-content h1 {
color: var(--secondary_color);
font-family: "Poppins", sans-serif;
font-weight: 700;
line-height: 56px;
}
.banner-area-2 .banner-content p {
font-size: 16px;
font-family: "Poppins", sans-serif;
font-weight: 400;
color: var(--p_color);
}
.banner-area-2 {
background: #F2F2F2;
}
.banner-area-2 .banner-content h1 {
color: #fff;
line-height: 65px;
font-size: 55px;
margin-bottom: 0;
font-weight: 600;
}
.banner-area-2 .banner-content p {
font-size: 18px;
color: #fff;
margin-top: 10px;
}
@media screen and (min-width: 51.25rem)
{
.banner-area-2 .banner-content h1 {
line-height: 1.2;
font-size: 2.875rem;
}
.banner-area-2 .banner-content p {
font-size: 16px;
}
}
@media screen and (min-width: 90rem)
{
.banner-area-2 .banner-content h1 {
line-height: 1.2;
font-size: 4rem;
}
}
/*----------------------------------------*/
/*  Security Tips CSS
/*----------------------------------------*/
.security-area .security-priority {
background-color: #003366;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.security-area .security-priority .shapes img {
position: absolute;
animation: pulse 1.5s ease-out infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(1) {
top: 15%;
left: 15%;
animation: floatingBubble 15s linear infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(2) {
top: 25%;
left: 40%;
animation: moveX 15s linear infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(3) {
right: 35%;
top: 15%;
animation: moveY 15s linear infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(4) {
top: 0%;
right: 10%;
}
.security-area .security-priority .shapes img:nth-child(5) {
top: 35%;
left: 60%;
animation: floatingBubble2 15s linear infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(6) {
bottom: 0%;
left: 15%;
}
.security-area .security-priority .shapes img:nth-child(7) {
bottom: 25%;
right: 10%;
animation: moveY 15s linear infinite alternate both;
}
.security-area .security-priority .shapes img:nth-child(8) {
top: 5%;
left: 0%;
opacity: 0.1;
animation: none;
}
.security-area .security-priority .shapes img:nth-child(9) {
bottom: 20%;
right: 0%;
opacity: 0.1;
animation: none;
}
.security-area .security-priority h2 {
font-size: 36px;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.security-area .security-priority p {
font-size: 18px;
color: #d8dce0;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.security-area .security-priority p a {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 18px;
color: #fff;
border-bottom: 1px solid #fff;
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*  Frequently asked questions CSS
/*----------------------------------------*/
.faq-area-2 .single-widget-one {
border: 1px solid var(--black_50);
box-shadow: none;
}
.faq-area-2 .single-widget-one:hover {
border-color: transparent;
}
.faq-widget .single-widget-one {
display: flex;
padding: 30px;
box-shadow: 0px 1.6px 3.6px 0 rgba(51, 77, 114, 0.15);
border-radius: 6px;
margin-top: 30px;
background-color: var(--bs-white);
transition: all 0.3s ease-out;
}
.faq-widget .single-widget-one:hover {
box-shadow: 0 20px 45px rgba(51, 77, 114, 0.15);
}
.faq-widget .widget-icon {
margin-right: 20px;
}
.faq-widget .widget-icon i {
font-size: 25px;
color: var(--brand_color);
display: inline-block;
margin-top: 9px;
}
.faq-widget .faq-header h4 {
color: var(--secondary_color);
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 40px;
position: relative;
cursor: pointer;
width: 100%;
padding-right: 20px;
}
.faq-widget .faq-header h4 i {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
display: none;
color: var(--secondary_color);
}
.faq-widget .faq-header h4 i + i {
display: block;
color: var(--secondary_color);
}
.faq-widget .faq-header h4.collapsed i {
display: block;
}
.faq-widget .faq-header h4.collapsed i + i {
display: none;
}
.faq-widget .faq-body p {
font-size: 16px;
color: var(--p_color);
font-family: "Roboto", sans-serif;
font-weight: 400;
margin-top: 10px;
line-height: 26px;
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*  Call To Action CSS
/*----------------------------------------*/
.cta {
background-position: center;
background-size: auto;
padding: 70px 110px 70px 100px;
border-radius: 10px;
position: absolute;
z-index: 1;
overflow: hidden;
width: auto;
bottom: 0;
transform: translateY(50%);
left: 15px;
right: 15px;
}
.cta .shapes img {
position: absolute;
animation: pulse 1.5s ease-out infinite alternate both;
}
.cta .shapes img:nth-child(1) {
right: 5%;
bottom: 10%;
animation-delay: 0.2s;
animation: moveY 15s linear infinite alternate both;
}
.cta .shapes img:nth-child(2) {
left: 25%;
bottom: 0;
animation: none;
}
.cta .shapes img:nth-child(3) {
left: 50%;
bottom: 0;
}
.cta .shapes img:nth-child(4) {
top: 0%;
right: 0;
animation-delay: 0.8s;
}
.cta .shapes img:nth-child(5) {
bottom: 0%;
left: 0;
animation-delay: 1.8s;
}
.cta .shapes img:nth-child(6) {
top: 0%;
left: 25%;
animation: none;
}
.cta .bubbles div {
height: 10px;
width: 10px;
border-radius: 50%;
position: absolute;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate;
}
.cta .bubbles div:nth-child(1) {
bottom: 20%;
left: 5%;
animation-delay: 0.5s;
animation-name: floatingBubble;
background-color: rgba(255, 255, 255, 0.5);
}
.cta .bubbles div:nth-child(2) {
bottom: 65%;
left: 20%;
animation-name: floatingBubble2;
background-color: rgba(246, 166, 9, 0.5);
}
.cta .bubbles div:nth-child(3) {
bottom: 15%;
left: 30%;
animation-delay: 1s;
animation-name: floatingBubble;
background-color: rgba(42, 199, 105, 0.5);
}
.cta .bubbles div:nth-child(4) {
bottom: 50%;
left: 40%;
animation-delay: 0.8s;
animation-name: floatingBubble2;
animation-direction: alternate-reverse;
background-color: rgba(255, 255, 255, 0.5);
}
.cta .bubbles div:nth-child(5) {
bottom: 20%;
right: 5%;
animation-delay: 0.5s;
animation-name: floatingBubble;
background-color: rgba(246, 166, 9, 0.5);
}
.cta .bubbles div:nth-child(6) {
bottom: 65%;
right: 20%;
animation-name: floatingBubble;
background-color: rgba(255, 255, 255, 0.5);
}
.cta .bubbles div:nth-child(7) {
bottom: 15%;
right: 30%;
animation-delay: 1.1s;
animation-name: floatingBubble;
background-color: rgba(42, 199, 105, 0.5);
}
.cta .bubbles div:nth-child(8) {
bottom: 50%;
right: 40%;
animation-delay: 0.2s;
animation-name: floatingBubble;
background-color: rgba(255, 255, 255, 0.5);
}
.cta a {
display: inline-block;
margin: 0 10px;
}
.cta.cta-bg-primary {
background-color: var(--brand_color);
background-image: none;
}
.cta.cta-bg-violet {
background-color: #5816c5;
}
.cta.cta-2 {
padding: 80px 70px;
background-color: var(--theme-color);
}
.cta-3 {
background-color: #d0f2ec;
position: relative;
overflow: hidden;
}
.cta-3 .img-shapes .shape {
position: absolute;
}
@keyframes WingsOne {
0% {
transform: rotate(-10deg);
}
100% {
transform: rotate(10deg);
}
}
.cta-3 .img-shapes .shape .fly-msg {
transform: rotate(-30deg);
}
.cta-3 .img-shapes .shape .fly-msg img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
animation-fill-mode: both;
animation: WingsOne 0.2s ease-in infinite alternate-reverse;
animation-delay: 0.2s;
}
.cta-3 .img-shapes .shape .fly-msg img:nth-child(3) {
position: absolute;
right: 0;
top: 0;
animation-fill-mode: both;
animation: WingsOne 0.2s ease-in infinite alternate-reverse;
}
.cta-3 .img-shapes .shape:nth-child(1) {
left: 3%;
transform-origin: left bottom;
top: 70%;
}
.cta-3 .img-shapes .shape:nth-child(2) {
left: 48%;
top: 10%;
}
.cta-3 .img-shapes .shape:nth-child(3) {
right: 21%;
bottom: 0%;
transform-origin: right bottom;
}
.cta-3 .img-shapes .shape:nth-child(4) {
right: 10%;
top: 20%;
}
.cta-3 .cta-content {
position: relative;
z-index: 1;
}
.cta-3 .cta-content h5 {
font-size: 20px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #535a60;
}
.cta-3 .cta-content h2 {
line-height: 42px;
margin-bottom: 0;
}
.cta-3 .cta-content .theme-btn {
background-color: var(--secondary_color);
height: 60px;
line-height: 57px;
padding: 0 40px;
}
.cta-3 .form-control {
border-color: #171d24;
padding: 0 20px;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: var(--p_color);
background-color: transparent;
text-transform: lowercase;
}
.cta-3 .form-control::placeholder {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: var(--p_color);
}
.cta-content.text-black h2 {
color: var(--secondary_color);
}
.cta-content.text-black p {
color: var(--p_color);
}
.cta-content h2 {
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 700;
}
.cta-content p {
color: #fff;
font-size: 18px;
font-family: "Roboto", sans-serif;
}
.cta-content .theme-btn {
font-size: 20px;
height: 66px;
line-height: 66px;
padding: 0 50px;
}
.cta-content .cta-text-violet {
color: #5816c5;
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------*/
/*  Footer CSS
/*----------------------------------------*/
.footer {
background-position: center;
background-size: cover;
background-color: #0f1123;
/* copyright*/
}
.footer .footer-top .footer-text {
color: #fff;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
line-height: 24px;
}
.footer .footer-top .social-icon a {
color: #fff;
margin: 10px;
}
.footer .footer-top .social-icon a:first-child {
margin-left: 0;
}
.footer .footer-top .footer-widget .overline {
font-size: 14px;
display: block;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #fff;
}
.footer .footer-top .footer-widget .footer-bold {
display: flex;
align-items: flex-end;
margin: 15px 0;
}
.footer .footer-top .footer-widget .footer-bold > span:nth-child(1) {
font-size: 70px;
color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin-bottom: 0;
line-height: 68px;
}
.footer .footer-top .footer-widget .footer-bold > span:nth-child(2) {
font-family: "Poppins", sans-serif;
font-size: 24px;
color: #fff;
margin-bottom: 0;
font-weight: 500;
}
.footer .footer-top .footer-widget .time {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #fff;
}
.footer .footer-top .footer-widget .f-widget-title {
margin-bottom: 20px;
}
.footer .footer-top .footer-widget .f-widget-title h5 {
font-size: 18px;
color: #000;
font-family: "Poppins", sans-serif;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 0;
}
.footer .footer-top .footer-widget .footer-link ul li a {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #333;
border-bottom: 1px solid transparent;
line-height: 40px;
}
.footer .footer-top .footer-widget .footer-link ul li a:hover {
color: #003366;
}
.footer .copyright {
color: #fff;
}
.footer .copyright .short-text a {
font-size: 14px;
}
.footer .copyright .copyright-text.short-text p {
font-size: 14px;
color: #fff;
}
.footer .copyright .copyright-text p {
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #333;
}
.footer .copyright a {
display: inline-block;
margin-left: 10px;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 400;
padding: 10px 0;
}
.footer .copyright a:hover {
color: #fff;
}
.footer .copyright a:first-child {
margin-left: 0;
}
.footer .copyright .nice-select {
background-color: transparent;
border-color: transparent;
color: #fff;
margin: auto;
padding-left: 0;
}
.footer .copyright .nice-select .list {
top: inherit;
bottom: 100%;
border: 1px solid #fff;
transform-origin: bottom center;
}
.footer .copyright .nice-select .list:hover .option:not(:hover) {
background-color: #0f1123 !important;
}
.footer .copyright .nice-select .list .option {
background-color: #0f1123;
text-transform: capitalize;
}
.footer .copyright .nice-select .list .option:hover {
background-color: #1d2038;
}
.footer .copyright .social-button a {
display: inline-block;
height: 35px;
width: 35px;
border-radius: 50%;
border: 1px solid #333;
background-color: transparent;
font-size: 16px;
color: #333;
line-height: 16px;
text-align: center;
transition: all 0.3s ease-out;
}
.footer .copyright .social-button a:hover {
background-color: #fff;
color: var(--brand_color);
}
.footer.footer-3 {
background-color: #d3d3d3;
}
.footer.footer-3 .footer-top .footer-text {
font-size: 16px;
margin-bottom: 25px;
line-height: 26px;
letter-spacing: 1px;
}
.footer.footer-3 .copyright .copyright-text {
color: #c8ccd0;
}
.footer-link li {
margin-bottom: 10px;
}
.footer-link li a {
font-size: 16px;
color: #878BA9;
font-weight: 400;
font-family: "Roboto", sans-serif;
transition: all 0.2s linear;
}
.footer-link li a:hover {
color: var(--brand_color);
}
ul.navbar-nav.menu.ms-autoo {
background: rgba(201,208,198,.24);
border-radius: 100px;
padding: 8px;
}
ul.navbar-nav.menu.ms-autoo li {
padding: 0;
}
ul.navbar-nav.menu.ms-autoo li a
{
}
a.nav-link.dropdown-toggle.active
{
background: #fff;
}
.header-menu.header-menu-2 .menu > .nav-item > .nav-link.active {
/* color: var(--brand_color); */
}
.header-menu.header-menu-2 .menu > .nav-item > .nav-link {
color: #09172399;
text-transform: inherit;
text-transform: inherit;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding: 8px 24px;
border-radius: 100px;
color: rgba(9,23,35,.6);
text-decoration: none;
font-size: 1.125rem;
line-height: 1;
}
.header-menu.header-menu-2 .menu > .nav-item > .nav-link::before
{
display: none;
}
@media (min-width: 992px)
{
.navbar-expand-lg .navbar-collapse {
justify-content: space-between;
}
}
a.navbar-brand img {
width: 120px;
object-fit: contain;
}
.navbar-brand {
margin-right: 2rem;
}
header.header {
padding: 7px 0;
}
.custom_btn {
vertical-align: middle;
padding: 0.8125rem 1.5rem;
font-weight: 500;
min-height: 2.75rem;
min-width: 2.75rem;
border: 1px solid transparent;
border-radius: 0.375rem;
text-decoration: none;
cursor: pointer;
transition: background-color .2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
letter-spacing: .02em;
border-radius: 50px;
background: #003366;
box-shadow: 0 0 20px rgb(0 0 0 / 20%);
background-color: #003366;
color: #fff;
font-size: 17px;
}
.background_banner {
background: url(../images/bannerimg.png);
padding: 16px 16px 16px 64px;
border-radius: 20px;
background-size: cover;
height: calc(100vh - 147px);
max-height: 700px;
}
@media screen and (max-width)
{
}
.section-title.text-left.pr-3 {
padding-right: 31px;
text-align: left;
margin: 0;
}
.brandcolor
{
color: #003366;
}
.separator_line {
width: 80px;
background: #003366;
height: 4px;
}
.partner_slider img {
width: 80%;
}
.banca-corporate .single-brand:hover {
box-shadow: none;
}
.footer-text p {
color: #333;
}
hr {
margin: 1rem 0 0;
color: inherit;
background-color: #0000002b;
}
.containerr {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px;
}
.content-left {
flex: 1;
max-width: 50%;
padding-right: 20px;
}
.content-left h2 {
font-size: 2rem;
margin-bottom: 10px;
}
.content-left p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 20px;
}
.exclusive-agent {
display: flex;
align-items: center;
gap: 10px;
background: white;
padding: 10px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.exclusive-agent img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.content-right {
flex: 1;
max-width: 45%;
position: relative;
}
.image-container {
position: relative;
}
.main-img {
width: auto;
border-radius: 20px;
}
.small-img-container {
position: absolute;
top: 10px;
right: 0;
text-align: center;
background: #f4f4f4;
padding: 10px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.small-img-container img {
width: 100px;
height: 50px;
display: block;
margin-bottom: 10px;
}
.content-bottom {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.phone-image img {
width: 300px;
}
.info {
flex: 1;
padding-left: 20px;
color: white;
background-color: #0d3053;
padding: 20px;
border-radius: 20px;
}
.info h2 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.info p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 20px;
}
.stats {
display: flex;
justify-content: space-between;
}
.stats p {
font-size: 1.2rem;
line-height: 1.5;
}
.stats strong {
font-size: 2rem;
}
.custom_btn:hover, .theme-btn:hover
{
background: #ff0000;
color: #fff;
}
.width48 {
width: 61%;
display: flex;
align-items: center;
position: relative;
flex-direction: column;
padding-right: 210px;
padding-bottom: 160px;
}
.width30
{
width: 23.4%;
}
.width22
{
width: 15.6%;
}
.left_sec .heading-title {
font-size: 38px;
font-weight: 700;
line-height: 48px;
padding-right: 30px;
}
.exclusiveagent {
display: flex;
justify-content: center;
gap: 0px 0px;
background-transition: 0.3s;
border-radius: 20px 20px 20px 20px;
box-shadow: -3px 15px 35px 0px rgb(0 0 0 / 8%);
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 8px;
padding-top: 25px;
padding-bottom: 85px;
padding-left: 25px;
padding-right: 25px;
position: absolute;
bottom: -60px;
right: 0;
width: 42%;
background-color: #fff;
flex-wrap: wrap;
}
.exclusiveagent h2
{
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.img_list img {
/* width: 40%; */
border-radius: 100px 100px 100px 100px;
height: 45px;
width: 100%;
/* position: absolute; */
/* left: 30px; */
z-index: 1;
position: relative;
}
.imgright img
{
border-radius: 20px;
}
.greenbox_img
{
background-color: #D3D3D3;
display: flex;
gap: 0px 0px;
background-transition: 0.3s;
border-radius: 20px 20px 20px 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.blackbox_img
{
padding: 25px 20px 30px 0;
}
.membertexttitle
{
font-size: 50px;
line-height: 60px;
font-weight: 700;
}
.membertext
{
font-size: 16px;
font-weight: 600;
}
.rowgrid {
gap: 0 25px;
display: flex;
align-items: center;
}
.writing_section {
background: #fff;
}
.width48.left_sec p {
font-weight: 400;
padding-right: 0px;
}
.blackbox_img {
background: #021930;
border-radius: 20px;
margin-top: 30px;
color: #fff;
padding: 25px;
}
.imgright img {
border-radius: 20px;
height: 623px;
width: 100%;
object-fit: cover;
}
.img_list {
display: flex;
position: absolute;
top: 70px;
}
.img_list div {
width: 40%;
position: relative;
}
.greenbox_img img {
width: 100%;
}
.blue_sectiontop
{
border-radius: 20px 20px 0 0;
margin-top: -120px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 200px;
padding-bottom: 0px;
padding-left: 50px;
padding-right: 50px;
background-color: #003366;
}
.elementor-heading-title
{
font-weight: 700;
font-size: 45px;
line-height: 55px;
color: #fff;
margin-bottom: 15px;
}
.content_blue_sectiontop {
color: #fff;
}
.imgthree {
left: 380px;
text-align: right;
top: 255px;
}
.imgfour, .imgthree, .imgtwo
{
position: absolute;
z-index: 1;
}
.imgtwo {
left: 475px;
text-align: right;
top: 140px;
}
.imgfour {
left: -10px;
text-align: right;
top: 420px;
}
.imgfour img {
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 35px 50px 0px rgb(0 0 0 / 8%);
}
.mainimgg .widget-container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 100px;
height: 100%;
}
.imgboxes
{
position: relative;
}
.content_blue_sectiontop {
color: #fff;
}
.flexitem {
display: flex;
text-align: center;
margin-top: 25px;
gap: 0 45px;
}
.titlecol {
color: #ff0000;
font-size: 50px;
font-weight: 600;
line-height: 60px;
}
.paytrust
{
background-color: #f6f6f6;
padding: 7em 0.5em 8em 0.5em;
}
.text-black
{
color: #000;
}
.imgthree  img
{
height: auto;
width: 100%;
}
.imgtwo img {
width: 100%;
height: auto;
}
.elementor-heading-titletwo {
font-weight: 700;
font-size: 36px;
line-height: 46px;
}
.colthree_boxes
{
padding: 25px 25px 25px 25px;
background-color: #fff;
border-radius: 8px 8px 8px 8px;
}
.colthree_boxes:hover
{
box-shadow: 0px 10px 40px -5px rgb(0 0 0 / 15%);
}
.colthree_boxescontent
{
display: flex;
align-items: flex-start;
flex-direction: row;
}
.colthree_boxesicon
{
margin-right: 15px;
}
.colthree_boxesicon span {
background-color: #000;
fill: #fff;
color: #fff;
border-radius: 50%;
padding: 0.5em;
line-height: 20px;
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
}
.colthree_boxesmaincontent h5
{
font-size: 23px;
line-height: 33px;
color: #000;
font-weight: 700;
margin-bottom: 0px;
}
.colthree_boxesicon img {
width: 20px;
height: 20px;
object-fit: contain;
}
.colthree_boxesmaincontent p {
padding-right: 34px;
}
.product_list
{
text-align: center;
box-shadow: 3px 8px 20px 0px rgb(27 117 107 / 24%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 30px 10px 0px 10px;
e-column-margin-right: 20px;
e-column-margin-left: 0px;
border-radius: 10px 10px 10px 10px;
padding: 40px 40px 0px 40px;
display: flex;
position: relative;
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
}
.product_img
{
margin: -80px 0px 0px 0px;
width: 100%;
}
.product_img img {
border-radius: 10px 10px 10px 10px;
width: 100%;
object-fit: cover;
}
.heading-titleproduct {
font-size: 28px;
line-height: 1.3;
font-weight: 700;
display: inline-block;
text-align: center;
width: 100%;
margin:  30px 0 15px;
}
.elementor-divider {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
display: inline-block;
}
.elementor-divider-separator {
display: inline-block;
border-top: 1px solid #e7e7e7;
width: 100%;
}
.product_ullist {
list-style: none;
margin-bottom: 0;
padding: 0;
width: 100%;
margin: 10px 0 10px;
text-align: center;
}
.product_ullist ul li
{
font-size: 16px;
}
.product_ullist ul li span
{
font-weight: 600;
}
.productbtn
{
margin:  10px 0px -24px 0px;
width: 100%;
}
ul.product_ullist li {
margin-bottom: 10px;
}
ul.product_ullist li span {
font-weight: 700;
}
.product_list p {
padding: 0 20px;
}
p.subtext_center {
width: 50%;
margin: auto;
margin-top: 5px;
}
.product_list.active_product {
background: radial-gradient(at top left, #3B6289 4%, #003366 61%);
color: #fff;
}
.product_list.active_product h2 {
color: #fff;
}
.product_list.active_product .custom_btn
{
background-color: #fff;
color: #333;
}
.product_list.active_product
{
margin:  0px 10px 30px 10px;
}
.product_paddding
{
margin:  90px 0 80px;
}
.rs-feature.feature-style2 .feature-main {
position: relative;
}
.rs-feature.feature-style2 .feature-main .multi-img {
position: absolute;
}
.rs-feature.feature-style2 .feature-main .multi-img.one {
right: -2%;
bottom: -23%;
}
.rs-feature.feature-style2 .feature-main .multi-img.two {
left: 2%;
bottom: 25%;
}
.rs-feature.feature-style2 .feature-main .multi-img.three {
left: 2%;
bottom: 9%;
}
.rs-feature.feature-style2.feature-modify1 .feature-btn-part {
display: flex;
align-items: center;
}
.rs-feature.feature-style2.feature-modify1 .feature-btn-part li {
display: inline-block;
margin-right: 26px;
}
.rs-feature.feature-style2.feature-modify1 .feature-btn-part li:last-child {
margin-right: 0;
}
.rs-feature.feature-style2.feature-modify1 .feature-img {
position: relative;
margin: 0px 0px 0px -144px;
}
.rs-feature.feature-style2.feature-modify1 .feature-img .multi-img {
position: absolute;
}
.rs-feature.feature-style2.feature-modify1 .feature-img .multi-img.middle {
left: 25%;
top: 3%;
}
.rs-feature.feature-style2.feature-modify1 .feature-img .multi-img.circle {
left: 37%;
top: 54%;
}
.rs-feature.feature-style2.feature-modify1 .features-connect .cloud-img img {
max-width: 900px;
right: -21%;
position: relative;
}
.rs-feature.feature-style2.feature-modify2 .circle-image {
position: relative;
text-align: right;
margin: 0px -110px 0px 0px;
}
.rs-feature.feature-style2.feature-modify2 .circle-image .multi-images {
position: absolute;
}
.rs-feature.feature-style2.feature-modify2 .circle-image .multi-images.one {
right: 17%;
top: -2%;
}
.rs-feature.feature-style2.feature-modify2 .circle-image .multi-images.two {
right: 20%;
top: 25%;
}
.rs-feature.feature-style2.feature-modify2 .circle-image .multi-images.three {
right: 17%;
bottom: -3.5%;
}
.rs-feature.feature-style2.feature-modify2 .circle-image2 {
position: relative;
margin: 0px 0px 0px -110px;
}
.rs-feature.feature-style2.feature-modify2 .circle-image2 .multi-images {
position: absolute;
z-index: 1;
}
.rs-feature.feature-style2.feature-modify2 .circle-image2 .multi-images.one {
right: 15%;
top: -11%;
z-index: 111;
}
.rs-feature.feature-style2.feature-modify2 .circle-image2 .multi-images.two {
right: 30%;
top: 16%;
z-index: 11;
}
.rs-feature.feature-style2.feature-modify2 .circle-image2 .multi-images.three {
bottom: -12.5%;
z-index: 111;
left: -18%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group {
position: relative;
text-align: right;
margin: 25% -68% 0% 0%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images {
position: absolute;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.img1 {
right: 18%;
top: -25%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.img2 {
left: 13.5%;
top: -25%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.circle2 {
right: 13%;
top: -36%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.group {
right: 6%;
top: 41%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.group2 {
right: 2%;
top: 70%;
}
.rs-feature.feature-style2.feature-modify3 .feature-group .multi-images.group2 img {
max-width: 96px;
}
.rs-feature.feature-style2.feature-modify4 .feature-btn-wrap .bnr-wrap {
display: flex;
align-items: center;
}
.rs-feature.feature-style2.feature-modify4 .feature-btn-wrap .bnr-wrap li {
display: inline-block;
margin-right: 10px;
}
.rs-feature.feature-style2.feature-modify4 .feature-btn-wrap .bnr-wrap li:last-child {
margin-right: 0;
}
.rs-feature.feature-style2.feature-modify4 .feature-img img {
border-radius: 45px 45px 45px 45px;
}
.rs-feature.feature-style2.feature-modify5 .main-wrap-img {
position: relative;
text-align: right;
margin: 0 -20px 0 0;
}
.rs-feature.feature-style2.feature-modify5 .main-wrap-img .multi-images {
position: absolute;
}
.rs-feature.feature-style2.feature-modify5 .main-wrap-img .multi-images.one {
left: -5%;
top: 5%;
}
.rs-feature.feature-style2.feature-modify5 .main-wrap-img .multi-images.two {
left: -5%;
top: 27%;
}
.rs-feature.feature-style2.feature-modify5 .main-wrap-img .multi-images.three {
bottom: -23%;
left: -10%;
}
.rs-feature.feature-style2.feature-modify5 .heating-online .services-list {
position: relative;
}
.rs-feature.feature-style2.feature-modify5 .heating-online .services-list .multi-images {
position: absolute;
bottom: -24%;
right: -9%;
}
.rs-feature.feature-style2.feature-modify5 .heating-online .bnr-btn-wrap {
display: flex;
align-items: center;
}
.rs-feature.feature-style2.feature-modify5 .heating-online .bnr-btn-wrap li {
display: inline-block;
margin-right: 30px;
}
.rs-feature.feature-style2.feature-modify5 .heating-online .bnr-btn-wrap li:last-child {
margin-right: 0;
}
.rs-feature.feature-style2.feature-modify6 .social-icon-img {
position: relative;
z-index: 11;
}
.rs-feature.feature-style2.feature-modify6 .social-icon-img .social-main .main-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rs-feature.feature-style2.feature-modify6 .social-icon-img .social-main .border-big {
position: absolute;
left: 7%;
top: 50%;
transform: translateY(-50%);
max-width: 470px;
z-index: -11;
}
.rs-feature.feature-style2.feature-modify6 .social-icon-img .social-main .border-small {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sec-title .title {
font-size: 50px;
font-weight: 700;
line-height: 60px;
color: #000;
margin: 0;
}
.horizontal3 {
animation-duration: 2s;
animation: horizontal3 2s alternate infinite;
-webkit-animation: horizontal3 2s alternate infinite;
}
@keyframes horizontal3 {
0% {
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
0% {
transform: translateX(20px);
-webkit-transform: translateX(20px);
}
}
.sec-title .desc {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #303030;
margin: 0;
}
.text-right {
text-align: right;
}
.bgblue
{
background-color: #003366;
}
.maintitle {
font-size: 40px;
color: #fff;
line-height: 50px;
font-weight: 600;
}
.texttitle h6
{
text-transform: uppercase;
color: #fff;
}
.text-white
{
color: #fff;
}
.features_sectioncontent h3 {
line-height: 26px;
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.features_section {
display: flex;
gap: 0 10px;
}
.features_section svg {
width: 76px;
}
.features_section {
margin-bottom: 30px;
}
.about_btn {
margin-top: 65px;
}
.features_section p {
color: #f9f9f9;
opacity: 0.9;
}
.about_btn a {
line-height: 25px;
border: 1px solid #fff;
border-radius: 25px;
padding: 12px 40px;
text-transform: uppercase;
font-size: 15px;
}
.about_btn a:hover
{
background-color: #fff;
color: #333;
}
.blueseparator {
border-top: 1px solid rgba(240,248,255,.2);
padding-top: 100px;
margin-top: 100px;
width: 100%;
}
.brand_title {
font-size: 20px;
max-width: 90%;
font-weight: 500;
margin: 0;
color: #fff !important;
line-height: 29px;
}
.partner_sliderlogowhite {
display: flex;
flex-wrap: wrap;
grid-gap: 0 60px;
justify-content: end;
}
.testimonial-section {
text-align: center;
}
.testimonial-header h2 {
font-size: 36px;
color: #1b1f2f;
}
.testimonial-header p {
/* color: #7b7f85; */
font-size: 18px;
margin: 10px 0 40px;
width: 50%;
margin: auto;
}
.testimonial-avatars {
position: relative;
margin-bottom: 50px;
}
.avatar {
border-radius: 50%;
width: 60px;
position: absolute;
}
.avatar-1 { top: -40px; left: 20%; }
.avatar-2 { top: 20px; left: 40%; }
.avatar-3 { top: -30px; left: 60%; }
.avatar-4 { top: 10px; left: 80%; }
.avatar-5 { top: 60px; left: 50%; }
.avatar-6 { top: -10px; left: 70%; }
.testimonial-box {
/* max-width: 600px; */
margin: 0px 350px 0px 350px;
padding: 30px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 24px 120px 0px rgb(127 135 158 / 12%);
}
.testimonial-box img.avatar-main {
width: 80px;
border-radius: 50%;
margin-bottom: 20px;
}
.testimonial-box blockquote {
font-size: 18px;
color: #333;
}
.testimonial-box cite {
font-size: 18px;
display: block;
font-weight: 600;
color: #003366;
margin-top: 15px;
font-style: initial;
}
.testimonial-box span {
display: block;
color: #333;
font-weight: 600;
margin-top: 6px;
}
.avatar-1 {
width: 145px;
border-style: solid;
border-width: 6px 6px 6px 6px;
border-color: #FFFFFF;
border-radius: 200px 200px 200px 200px;
box-shadow: 0px 64px 90px 0px rgb(127 135 158 / 18%);
left: 50%;
transform: translateX(-50%);
top: 40%;
}
.avatar-2 {
top: 0px;
left: 12px;
}
.avatar-3 {
top: -30px;
left: 60%;
width: 80px;
left: 165px;
top: 85px;
}
.testimonial-avatars {
padding: 100px 0;
}
.avatar-5 {
top: 254px;
left: 73px;
}
.avatar-4 {
width: 40px;
top: 131px;
left: 331px;
}
.avatar-6 {
top: 230px;
left: auto;
right: 0;
width: 80px;
}
img.avatar.avatar-9 {
right: 300px;
top: 149px;
width: 60px;
}
img.avatar.avatar-8 {
right: 40px;
top: 0px;
width: 80px;
}
img.avatar.avatar-7 {
width: 40px;
right: 200px;
top: 59px;
}
.testimonial-box i
{
color: #326AFB21;
}
blockquotee.text-center p {
font-size: 18px;
}
.testimonial-box.text-left {
text-align: left;
}
.testimonial-box.text-left i {
font-size: 30px;
margin-bottom: 20px;
display: inline-block;
}
@media screen and (min-width:  1600px)
{
.testimonial-box {
/* max-width: 600px; */
margin: 0 450px;
}
.product_list p {
padding: 0 60px;
}
}
p.linkbtnr {
padding-top: 30px;
text-align: center;
font-size: 18px;
}
p.linkbtnr a {
font-weight: 600;
color: #003366;
}
a.linkbtn i {
font-size: 13px;
}
.width48.left_sec {
display: inline-block;
padding: 0;
padding-bottom: 100px;
}
.width48.left_sec .text-left {
max-width: 60%;
text-align: left;
margin: 0;
}
.collapse {
  visibility: visible !important;
}

@media screen and (max-width:  991px)
{
	.footer.footer-3 .copyright .copyright-text {
    text-align: center;
    margin-bottom: 10px;
}
.col-lg-4.text-right.text-lg-end {
    text-align: center;
    margin-bottom: 10px;
}
}