/* Root Styles */
:root {
--bs-primary: #57B957;
--bs-bg: #F8F9FA;
--bs-headings: #181C31;
--bs-paragraph: #3b3b3b;
--bs-primary-font: 'Raleway';
--bs-secondary-font: 'Josefin Sans';
/*
Layout Spacing Tokens (From Image Specification)
Formula: px / 16 = rem
------------------------------------------------------------- */
--space-5: 0.3125rem;
/* 5px */
--space-10: 0.625rem;
/* 10px */
--space-15: 0.9375rem;
/* 15px */
--space-16: 1rem;
/* 16px */
--space-20: 1.25rem;
/* 20px */
--space-24: 1.5rem;
/* 24px */
--space-25: 1.5625rem;
/* 25px */
--space-30: 1.875rem;
/* 30px */
--space-32: 2rem;
/* 32px */
--space-35: 2.1875rem;
/* 35px */
--space-40: 2.5rem;
/* 40px */
--space-45: 2.8125rem;
/* 45px */
--space-48: 3rem;
/* 48px */
--space-50: 3.125rem;
/* 50px */
--space-55: 3.4375rem;
/* 55px */
--space-60: 3.75rem;
/* 60px */
--space-65: 4.0625rem;
/* 65px */
--space-70: 4.375rem;
/* 70px */
--space-75: 4.6875rem;
/* 75px */
--space-80: 5rem;
/* 80px */
--space-85: 5.3125rem;
/* 85px */
--space-90: 5.625rem;
/* 90px */
--space-95: 5.9375rem;
/* 95px */
--space-100: 6.25rem;
/* 100px */
--space-105: 6.5625rem;
/* 105px */
--space-110: 6.875rem;
/* 110px */
--space-115: 7.1875rem;
/* 115px */
--space-120: 7.5rem;
/* 120px */
--space-125: 7.8125rem;
/* 125px */
--space-130: 8.125rem;
/* 130px */
--space-135: 8.4375rem;
/* 135px */
--space-140: 8.75rem;
/* 140px */
--space-145: 9.0625rem;
/* 145px */
--space-150: 9.375rem;
/* 150px */
--space-155: 9.6875rem;
/* 155px */
--space-160: 10rem;
/* 160px */
--space-165: 10.3125rem;
/* 165px */
--space-170: 10.625rem;
/* 170px */
--space-175: 10.9375rem;
/* 175px */
--space-180: 11.25rem;
/* 180px */
--space-185: 11.5625rem;
/* 185px */
--space-190: 11.875rem;
/* 190px */
--space-195: 12.1875rem;
/* 195px */
--space-200: 12.5rem;
/* 200px */
}
.header-2 .home-slider-1 footer>* {
color: #fff;
}
body.body-wrapper__msas {
background-color: unset !important;
font-size: 1.125rem;
/* 13.5pt yields exactly (18px) */
font-weight: 400;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
body.body-wrapper__msas .node__content {
font-size: inherit;
}
#page_content {
overflow: hidden;
}
/* Global Styles */
h1,
h2,
.h2 {
font-family: var(--bs-primary-font), sans-serif;
color: var(--bs-headings);
font-optical-sizing: auto;
font-style: normal;
}
h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-headings);
font-optical-sizing: auto;
font-style: normal;
}
h1 {
font-size: 3.41rem;
/* ~41pt */
line-height: 1.2;
font-weight: 800;
}
h2,
.h2 {
font-size: 2.83rem;
/* ~34pt */
line-height: 1.25;
font-weight: 700;
}
.alert-wrapper h2.alert-heading,
h3,
.h3 {
font-size: 2.33rem;
/* ~28pt */
line-height: 1.3;
font-weight: 500;
}
h4,
.h4 {
font-size: 1.83rem;
/* ~22pt */
line-height: 1.35;
font-weight: 300;
}
h5,
h6,
.h5,
.h6 {
font-size: 1.33rem;
/* ~16pt */
line-height: 1.4;
font-weight: 300;
}
p,
li {
line-height: 1.8;
}
/* leadership page */
.exec-director-container,
.page-node-124 .additional-content .board-directors-container{
margin-top: var(--space-60);
}
.page-node-124 .additional-content h2 {
margin-bottom: var(--space-48);
}
.field--name-body h2,
.field--name-body .h2 {
margin-top: var(--space-48);
}
.field--name-body h3,
.field--name-body .h3 {
margin-top: var(--space-32);
}
.field--name-body h4,
.field--name-body .h4 {
margin-top: var(--space-24);
}
.field--name-body h5,
.field--name-body h6,
.field--name-body .h5,
.field--name-body .h6 {
margin-top: var(--space-20);
}
.page-node-type-home-page .block-system-main-block .dt-section,
.dt-section {
padding-top: var(--space-100);
padding-bottom: var(--space-100);
}
.block-system-main-block .dt-section {
padding-top: 0;
padding-bottom: 0;
margin-top: var(--space-100);
margin-bottom: var(--space-100);
}
.block-system-main-block .dt-section.board-meeting__subheader {
margin-bottom: var(--space-50);
}
.block-system-main-block .dt-section.board-meeting__agenda {
margin-top: var(--space-50);
}
.page-node-type-home-page .block-system-main-block .dt-section {
margin-top: 0;
margin-bottom: 0;
}
.field--name-body h2:first-of-type {
margin-top: 0;
}
.page-banner.dt-section {
padding-top: var(--space-80);
padding-bottom: var(--space-100);
}
.bg-image {
background-repeat: no-repeat;
background-size: cover;
}
img {
width: 100%;
object-fit: cover;
}
[class *="form-type"].mb-3,
[class *="form-actions"].mb-3 {
margin-bottom: 0 !important;
}
a {
color: var(--bs-secondary-heading);
text-decoration: none;
transition: all .3s ease-in-out;
}
.block-system-main-block p a,
.block-system-main-block div:not(.btn-slider-1-home)>a,
.page-node-type-board-meeting-page .block-system-main-block a {
color: var(--bs-link-color);
}
.block-system-main-block p a:hover,
.block-system-main-block div>a:hover {
color: var(--bs-link-hover-color);
}
a:hover {
color: var(--bs-primary);
}
hr {
width: 100%;
height: 0px !important;
background-color: transparent;
border-top: 1px solid gray;
opacity: 1;
}
ul {
padding: 0px;
margin: 0px;
}
li {
list-style: none;
}
/* --- Board Meeting Page --- */
/* --- Level 1 (Top Level Lists) --- */
.node--type-board-meeting-page ul,
.node--type-board-meeting-page ol {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 2.5rem;
}
.node--type-board-meeting-page ul li,
.node--type-board-meeting-page ol li {
margin-top: 0.5rem;
/* Spacing between main items */
margin-bottom: 0.5rem;
line-height: 1.5;
}
/* --- Level 2 (First Nested Level) --- */
.node--type-board-meeting-page ul li ul,
.node--type-board-meeting-page ol li ol,
.node--type-board-meeting-page ul li ol,
.node--type-board-meeting-page ol li ul {
margin-top: 0.25rem;
/* Tighten vertical gap inside the parent */
margin-bottom: 0.25rem;
padding-left: 2.75rem;
/* Distinct horizontal step */
}
.node--type-board-meeting-page ul li ul li,
.node--type-board-meeting-page ol li ol li {
margin-top: 0.15rem;
/* Minimal spacing between sub-items */
margin-bottom: 0.15rem;
}
/* --- Level 3+ (Deep Nested Levels) --- */
.node--type-board-meeting-page ul li ul li ul,
.node--type-board-meeting-page ol li ol li ol {
margin-top: 0;
/* Collapse vertical space entirely */
margin-bottom: 0;
padding-left: 3rem;
}
/* --- Level 4+ (Deep Nested Levels) --- */
.node--type-board-meeting-page ul li ul li ul li,
.node--type-board-meeting-page ol li ol li ol li {
margin-top: 0.1rem;
margin-bottom: 0.1rem;
}
.node--type-board-meeting-page li {
list-style: inherit;
}
.node__content:not(.board-meeting__content) li {
position: relative;
padding-left: 2.25rem;
margin-bottom: .75rem;
}
.node__content:not(.board-meeting__content) ul ul {
margin-top: .75rem;
}
/* Creating the icon placeholder via a pseudo-element */
.page-node-121 .node__content:not(.board-meeting__content) ul>li::before {
content: "";
position: absolute;
left: 0.3rem;
top: 0.2rem;
/* Aligns smoothly with the first line of text */
width: 1.2rem;
height: 1.2rem;
/* Target your brand color directly via CSS */
background-color: var(--bs-primary);
/* Using the SVG path as a CSS mask allows you to change its color effortlessly in CSS */
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.node__content:not(.board-meeting__content) ul>li::before,
.page-node-121 .node__content:not(.board-meeting__content) ul ul>li::before {
content: "";
position: absolute;
left: 0.4rem;
top: 0.5rem;
/* Aligns smoothly with the first line of text */
width: .9rem;
height: .9rem;
/* Target your brand color directly via CSS */
background-color: var(--bs-primary);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
a:focus {
color: unset;
}
.container .container {
padding: 0;
max-width: 100%;
width: 100%;
}
.sidebar .block {
padding: 0;
margin-bottom: var(--space-50);
background-color: unset !important;
border-color: unset !important;
border: unset !important;
}
.sidebar>div:last-of-type {
margin-bottom: 0;
}
.feed-icons {
display: none;
}
.welcome-greetings {
text-align: center;
}
.welcome-greetings img {
width: 200px;
height: 200px;
border-radius: 50%;
margin-bottom: var(--space-20);
}
.welcome-greetings h1 {
margin-bottom: var(--space-30);
}
/* Back To Top */
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background-color: var(--bs-primary);
width: 40px;
height: 40px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: all .5s;
opacity: 1;
}
.back-to-top.back-to-top-hide {
opacity: 0 !important;
z-index: -1;
transform: scale(.1);
}
.back-to-top:hover {
background-color: #FFF;
box-shadow: 0px 0px 8px -2px var(--bs-primary);
}
.back-to-top.active {
visibility: visible;
opacity: 1;
}
.back-to-top svg {
width: 10px;
height: 10px;
fill: #FFF;
line-height: 0;
}
.back-to-top:hover svg {
fill: var(--bs-primary);
}
@keyframes play-animation-white {
0% {
box-shadow: 0 0 0 0 #FFF;
}
40% {
box-shadow: 0 0 0 25px rgba(255, 193, 7, 0);
}
80% {
box-shadow: 0 0 0 25px rgba(255, 193, 7, 0);
}
100% {
box-shadow: 0 0 0 rgba(255, 193, 7, 0);
}
}
/* Header */
.header {
display: none;
}
#header-1.active,
#header-2.active,
#header-3.active {
display: block !important;
}
#header-1 .mega-menu .dropdown-item:hover a {
color: var(--bs-primary);
}
.header .search-btn svg {
width: 15px;
height: 15px;
}
.header .dropdown-item {
padding: var(--space-15) var(--space-20);
min-width: 200px;
position: relative;
}
.header .dropdown-item.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0;
margin-top: 0;
border-radius: unset;
border-left: 1px solid lightgray;
}
.header .dropdown-item:last-of-type {
border-bottom: none;
}
.header .dropdown-item a {
color: var(--bs-headings);
font-weight: 700;
display: block;
position: relative;
}
#header-2 .dropdown-item a::before,
#header-3 .dropdown-item a::before {
display: none;
}
.header .dropdown-menu {
border: none;
padding: 0;
}
.header .nav-item:hover>ul.dropdown-menu {
z-index: 20;
display: block;
margin-top: 0;
z-index: 10001;
}
.header .nav-item>ul.dropdown-menu.show {
margin-top: 0;
}
.header .mega-menu .dropdown-menu li ul li.dropdown-item {
border: none;
/* padding:12px 15px; */
padding: var(--space-15);
}
.header .mega-menu:hover>ul.dropdown-menu {
display: flex;
justify-content: space-between;
}
.header .mega-menu>ul.dropdown-menu.show {
margin-top: 0;
display: flex;
justify-content: space-between;
}
.header .nav-item.mega-menu {
position: unset;
}
.header .nav-item.mega-menu .dropdown-item a::before {
display: none;
}
header .nav-item.mega-menu ul.dropdown-menu {
left: 0;
width: 100%;
padding: var(--space-40) var(--space-40) !important;
}
header .nav-item.mega-menu ul.dropdown-menu .dropdown-item {
border-bottom: unset !important;
}
.header .hamburger-menu .hamburger-menu-btn {
background-color: unset;
border: none;
}
.header .dropdown-toggle::after {
display: none;
}
.header .dropdown-item:focus,
.header .dropdown-item:hover {
background-color: transparent;
}
.lang-dropdown-menu .dropdown-menu {
left: unset;
}
.lang-dropdown-menu svg {
display: none;
}
.navbar-expand-lg .navbar-collapse {
justify-content: flex-end;
}
.header .navbar {
padding: 0;
}
.header .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
min-width: max-content;
border-radius: unset !important;
margin-top: 0;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
padding: var(--space-10) var(--space-5);
}
.header .nav-link {
padding: var(--space-30) 0;
padding-left: 0 !important;
padding-right: 0 !important;
/* margin-right: 36px; */
margin-right: var(--space-35);
}
#header-2 .nav-link {
margin-right: var(--space-30);
}
.header .nav-item {
font-family: var(--bs-secondary-font), sans-serif;
}
.header .nav-item .nav-link {
color: var(--bs-headings);
font-weight: 700;
line-height: 19px;
}
.header .navbar-brand img {
width: 220px;
}
.header .navbar-brand svg {
width: 170px;
}
#header-1 .hamburger-menu svg {
width: 22px;
height: 22px;
}
#header-1 {
background-color: #fff;
box-shadow: 0 0 5px lightgray;
}
.header .dropdown-menu {
background-color: var(--bs-bg);
}
#header-2 .nav-item svg,
#header-3 .nav-item svg {
display: none;
}
#header-1 .nav-item svg {
width: 10px;
height: 10px;
}
#header-1 .search-btn svg {
margin: 0 var(--space-35);
margin-left: var(--space-30);
}
#header .navbar-toggler svg path #header-1 .lang-dropdown-menu {
margin-left: var(--space-10);
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a img {
margin-right: 5px;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a {
color: var(--bs-headings);
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
}
#header-1 .nav-item .nav-link.active,
#header-1 .nav-item .nav-link:hover,
#header-1 .nav-item .nav-link.show {
color: var(--bs-primary);
}
#header-1 .nav-item .nav-link.active svg path,
#header-1 .nav-item .nav-link:hover svg path,
#header-1 .nav-item .nav-link.show svg path {
fill: var(--bs-primary);
transition: 0.2s ease-in-out;
}
#header-1 .dropdown-wrapper>.dropdown-item:hover>a,
#header-1 .dropdown-wrapper>.dropdown-item:focus>a,
#header-1 .dropdown-item.dropdown-submenu:hover>a,
#header-1 .dropdown-item.dropdown-submenu:focus>a,
#header-1 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover>a,
#header-1 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus>a {
color: var(--bs-primary)
}
#header-2 .lang-dropdown-menu .lang-dropdown-item a img,
#header-3 .lang-dropdown-menu .lang-dropdown-item a img {
display: none;
}
#header-2 .lang-dropdown-menu {
margin: 0 var(--space-35);
margin-top: var(--space-20);
}
#header-2 .search-btn {
margin-left: 17px;
margin-top: 18px;
}
#header-2 .nav-item .nav-link {
text-transform: uppercase;
color: #fff;
position: relative;
}
#header-2 .search-btn svg path {
fill: #fff;
}
#header-2 .navbar-brand svg .cls-2 {
fill: #fff;
}
#header-2 .nav-link {
padding-bottom: var(--space-10);
}
#header-2 .lang-dropdown-menu .lang-dropdown-item>a,
#header-3 .lang-dropdown-menu .lang-dropdown-item>a {
color: #fff !important;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item a,
#header-3 .lang-dropdown-menu .lang-dropdown-item a {
color: var(--bs-headings);
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
}
#header-3 .lang-dropdown-menu .lang-dropdown-item a {
padding: var(--space-10) 0;
}
#header-3 .lang-dropdown-menu .lang-dropdown-item a {
text-transform: capitalize;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:hover {
background-color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:hover a {
color: #fff;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li a:hover {
color: #fff !important;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li {
/* padding:12px; */
padding: var(--space-15) border-bottom: 1px solid rgb(128, 128, 128, 0.3);
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:last-of-type {
border: none;
}
#header-2 .header-2-logo {
margin-top: var(--space-15);
}
#header-2 .dropdown-menu {
padding: 0;
}
#header-2 .dropdown-item {
/* padding:13px 20px; */
padding: var(--space-15) var(--space-20);
border-bottom: 1px solid lightgray;
}
#header-2 .dropdown-menu .dropdown-item:last-of-type {
border-bottom: unset;
}
#header-2 .dropdown-item:hover,
#header-2 .dropdown-item:focus {
background-color: var(--bs-primary);
transition: 0.3s ease-in-out;
}
#header-2 .dropdown-wrapper>.dropdown-item:hover>a,
#header-2 .dropdown-wrapper>.dropdown-item:focus>a,
#header-2 .dropdown-item.dropdown-submenu:hover>a,
#header-2 .dropdown-item.dropdown-submenu:focus>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus>a {
color: #fff;
}
#header-2 .dropdown-item::before {
display: none;
}
#header-2 .mega-menu .dropdown-menu li ul li.dropdown-item:hover {
background-color: var(--bs-primary);
transition: 0.3s ease-in-out;
}
#header-2 .get-quote-btn {
margin-top: 18px;
}
#header-2 .mega-menu .dropdown-menu li ul li.dropdown-item:hover a {
color: #fff;
}
#header-3 {
border-bottom: 1px solid rgb(255, 255, 255, 34%);
}
#header-3 .lang-dropdown-menu .dropdown-menu {
/* padding: 8px; */
padding: var(--space-10);
}
#header-3 .navbar-brand svg .cls-2 {
fill: #fff;
}
#header-3 .nav-item .nav-link {
color: #fff;
}
#header-3 .search-btn svg path {
fill: #fff;
}
#header-3 .header-contact-number {
margin-right: var(--space-30);
}
#header-3 .header-contact-number a {
color: #fff;
font-weight: 700;
}
#header-3 .header-contact-number a:hover {
color: var(--bs-primary);
}
#header-3 .dropdown-menu .dropdown-item:last-of-type {
border-bottom: none;
}
#header-3 .lang-dropdown-menu {
margin: 0 var(--space-30);
}
#header-3 .nav-link {
margin-right: var(--space-30);
position: relative;
}
#header-3 .dropdown-menu {
padding: 0;
border-radius: 3px !important;
}
#header-3 .dropdown-item {
/* padding:13px 20px; */
padding: var(--space-15) var(--space-20);
border-bottom: 1px solid lightgray;
}
#header-3 .get-quote-btn .btn {
border-radius: 9999px;
}
#header-3 .dropdown-wrapper>.dropdown-item:hover>a,
#header-3 .dropdown-wrapper>.dropdown-item:focus>a,
#header-3 .dropdown-item.dropdown-submenu:hover>a,
#header-3 .dropdown-item.dropdown-submenu:focus>a,
#header-3 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover>a,
#header-3 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus>a {
color: var(--bs-primary)
}
#header-3 .mega-menu .dropdown-menu li ul li.dropdown-item:hover a {
color: var(--bs-primary);
}
.bg-gray {
background-color: var(--bs-bg);
}
/* Header variations */
#header-2 {
transition: 0.3s ease-in-out;
}
body.scrolled #header-2 {
background-color: var(--bs-headings);
transition: 0.3s ease-in-out;
}
body.scrolled #header-2 .header-2-logo {
margin-top: -4px !important;
}
body.scrolled #header-2 .search-btn {
margin-top: -2px !important;
}
body.scrolled #header-2 .lang-dropdown-menu {
margin-top: 0;
}
body.scrolled #header-2 .get-quote-btn {
margin-top: -2px !important;
}
#header-3 {
transition: 0.3s ease-in-out;
}
body.scrolled #header-3 {
background-color: var(--bs-headings);
transition: 0.3s ease-in-out;
border-bottom: unset;
}
#header-2.navSticky {
background-color: unset !important;
position: absolute;
}
#header-1.navSticky {
position: absolute;
}
#header-3.navSticky {
position: absolute;
background-color: unset !important;
border-bottom: 1px solid rgb(255, 255, 255, 34%) !important;
}
/* hamburger-menu */
.hamburger-content .overlay-btn svg {
width: 30px;
height: 30px;
}
.hamburger-content .overlay-btn svg path {
fill: #fff;
}
.hamburger-content .overlay-btn button {
background-color: unset;
border: none;
position: relative;
right: -30px;
top: 30px;
}
.hamburger-content .overlay-btn {
text-align: right;
}
.hamburger-content .offcanvas {
background-color: var(--bs-secondary);
width: 460px;
}
.hamburger-content .content {
height: 100%;
padding: 0 var(--space-55);
}
.hamburger-content .content h2 {
color: #fff;
margin-bottom: var(--space-20);
}
.hamburger-content .content .about-hamburger {
margin-top: var(--space-35);
}
.hamburger-content .content .contact-hamburger {
margin-top: var(--space-35);
}
.hamburger-content .content .about-hamburger p,
.hamburger-content .content .contact-hamburger p {
color: #59b0e3;
}
.hamburger-content .content .cta-hamburger {
margin-top: var(--space-35);
}
.hamburger-content .content .cta-hamburger .h3 {
color: #fff;
margin-bottom: var(--space-20);
}
/* /footer */
.pt-footer {
background-color: var(--bs-secondary);
}
.pt-footer.dt-section {
padding-bottom: 0;
}
.pt-footer h2 {
/* margin-bottom: 14px; */
margin-bottom: var(--space-15);
}
.pt-footer h2,
.pt-footer h3,
.pt-footer h4 {
color: #fff;
}
.pt-footer .container .row a:not(.btn),
.pt-footer .container .row p {
color: #59b0e3;
}
.pt-footer .container .row a:hover {
color: #ebebeb;
}
.pt-footer h4 {
margin-bottom: 24px;
}
.pt-footer .footer-top .content {
display: flex;
justify-content: space-between;
padding-bottom: var(--space-25);
border-bottom: 2px solid rgb(128, 128, 128, 0.5);
margin-bottom: var(--space-50);
}
.pt-footer .footer-top .content a {
color: #fff;
}
.pt-footer .footer-top .content a:hover {
color: var(--bs-primary);
}
.pt-footer .copyrights p {
text-align: center;
color: #fff;
margin-bottom: 0;
}
.pt-footer .copyrights a {
color: #fff;
}
.pt-footer .copyrights {
margin-top: var(--space-80);
padding-top: var(--space-15);
padding-bottom: var(--space-15);
background-color: rgb(128, 128, 128, 0.2);
}
.pt-footer .social-media-profiles .content {
display: flex;
}
.pt-footer .social-media-profiles .content li {
/* padding:9px 14px; */
padding: var(--space-10) var(--space-15);
background-color: rgb(128, 128, 128, 0.2);
border-radius: 50%;
margin-right: var(--space-20);
}
.pt-footer .social-media-profiles .content li:hover {
background-color: var(--bs-primary);
transition: 0.3s ease-in-out;
}
.pt-footer .social-media-profiles .content li:last-of-type {
margin-right: 0;
}
.pt-footer .social-media-profiles .content .fontawesome-icons {
color: #fff;
}
.pt-footer .social-media-profiles form {
margin-bottom: var(--space-40);
}
.pt-footer .social-media-profiles .input-group {
display: flex;
}
.pt-footer a {
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
}
.pt-footer a:hover {
color: var(--bs-primary);
}
.pt-footer .newsletter-submit {
background-color: var(--bs-primary);
display: flex;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pt-footer .newsletter-submit button {
background-color: unset;
border: none;
box-shadow: none;
/* padding:17px; */
padding: var(--space-15);
}
.pt-footer .newsletter-submit button svg {
width: 20px;
height: 20px;
display: flex;
align-items: center;
margin: auto;
}
.pt-footer .newsletter-submit button svg path {
fill: #fff
}
.pt-footer .newsletter-mail input {
width: 246px;
padding: var(--space-15) var(--space-10);
border-bottom-right-radius: 0;
border-top-right-radius: 0;
font-family: var(--bs-secondary-font), sans-serif;
}
.pt-footer .newsletter-mail input:focus {
background-color: #fff;
}
.pt-footer .newsletter-mail input::placeholder {
font-size: .875rem;
font-family: var(--bs-secondary-font), sans-serif;
}
.pt-footer .newsletter-mail .mb-3 {
margin-bottom: 0 !important;
}
.pt-footer .block-content-address,
.pt-footer .block-content-news_letter h3,
.pt-footer .footer-links h3,
.pt-footer .footer-address h3 {
margin-bottom: var(--space-10)
}
.pt-footer .footer-newsletter,
.pt-footer .footer-middle-row {
display: flex;
flex-direction: column;
gap: var(--space-50);
}
.pt-footer .footer-links {
order: 1;
}
.pt-footer .footer-newsletter {
order: 2;
}
.pt-footer .footer-funders {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
order: 3;
margin-top: var(--space-45);
}
.pt-footer .footer-funders img {
max-height: var(--space-90);
max-width: 360px;
}
.pt-footer .footer-funders .about-hamburger>ul {
display: flex;
flex-direction: column;
justify-content: revert;
align-items: flex-start;
gap: var(--space-45);
}
.pt-footer .footer-funders .about-hamburger>ul li a {
display: inline-block;
width: 100%;
height: 100%;
font-size: 0;
}
.pt-footer .footer-address .address-call {
width: max-content;
margin-left: auto;
}
.pt-footer .footer-links ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.pt-footer .footer-links ul li {
/* padding:0 0 8px; */
padding: 0 0 var(--space-10);
font-weight: 500;
}
.pt-footer {
position: relative;
}
.pt-footer .col-12 {
z-index: 2;
}
.pt-footer::before {
content: '';
background-size: cover;
background-repeat: no-repeat;
background-image: url('Footer-BG.png');
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
top: 0;
left: 0;
}
/* Page Banner */
.page-banner {
position: relative;
}
.page-banner .heading h1 {
color: #fff;
text-align: center;
}
.page-banner .banner-breadcrumb .breadcrumb {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgb(0, 0, 0, 0.4);
background-color: rgb(26, 38, 69, 0.4);
margin-bottom: 0;
/* padding:12px; */
padding: var(--space-10);
justify-content: center;
}
.page-banner .banner-breadcrumb .breadcrumb .breadcrumb-item a {
color: #fff;
}
.page-banner .banner-breadcrumb .breadcrumb .breadcrumb-item.active {
color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
section.page-banner.default-bg-image {
background-color: var(--bs-secondary);
}
section.page-banner.default-bg-image::before {
content: '';
background-size: cover;
background-repeat: no-repeat;
background-image: url(/sites/default/files/default_images/subpage-header-bg7.png);
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
top: 0;
right: 0;
left: auto;
}
/* Elements */
.code-block {
font-size: 1.25rem;
background-color: #000000;
padding: var(--space-20) var(--space-55);
color: #FFF;
border-radius: 0px;
margin-top: var(--space-50);
margin-bottom: var(--space-50);
font-weight: 500;
}
/* Accordion */
.accordion h2:first-of-type {
margin-bottom: var(--space-35);
}
.accordion-style-1 .item {
position: relative;
padding-bottom: var(--space-30);
}
.accordion-style-1 .item:last-of-type {
padding-bottom: 0px;
}
.accordion-style-1 a {
/* font-size: 28px; */
font-size: 1.5rem;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
color: var(--bs-headings);
margin: 0px;
position: relative;
display: flex;
align-items: center;
}
.accordion-style-1 p {
padding-top: var(--space-20);
padding-left: var(--space-50);
margin-bottom: 0px;
}
.accordion-style-1 .item-content {
transition: 0s ease-in-out;
}
.accordion-style-1 .item-content::before {
position: absolute;
top: 0;
bottom: 0;
left: 18px;
content: "";
margin-top: auto;
margin-bottom: auto;
transform: translateY(18px);
height: 60%;
border-left: 2px dashed var(--bs-secondary-gray);
}
.accordion-style-1 .item:last-of-type .item-content::before {
display: none;
}
.accordion-style-1 a svg,
.accordion-style-2 a svg {
width: 12px;
height: 12px;
transition: .5s ease-in-out;
}
.accordion-style-1 a .icon svg path,
.accordion-style-2 a .icon svg path {
fill: #FFF;
}
.accordion-style-2 .icon {
width: 28px;
height: 28px;
}
.accordion-style-1 .icon,
.accordion-style-2 .icon {
position: relative;
min-width: 28px;
min-height: 28px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--bs-primary);
border-radius: 50%;
margin-right: var(--space-20);
}
.accordion-style-1 .item:last-of-type::before,
.accordion-style-2 .item:last-of-type::before {
display: none;
}
.accordion-style-1 a .icon .overlay-icon,
.accordion-style-2 a .icon .overlay-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
opacity: 0;
transition: .5s ease-in-out;
}
.accordion-style-1 a .icon .overlay-icon svg rect,
.accordion-style-2 a .icon .overlay-icon svg rect {
fill: #FFF;
}
.accordion-style-1 a[aria-expanded="true"] svg,
.accordion-style-2 a[aria-expanded="true"] svg {
height: 0px;
transition: .5s ease-in-out;
}
.accordion-style-1 a[aria-expanded="true"] .overlay-icon svg,
.accordion-style-2 a[aria-expanded="true"] .overlay-icon svg {
width: 10px;
height: 10px;
}
.accordion-style-1 a[aria-expanded="true"] .icon .overlay-icon,
.accordion-style-2 a[aria-expanded="true"] .icon .overlay-icon {
opacity: 1;
}
.accordion-style-2 .item {
padding: var(--space-30) 0;
background-color: var(--bs-secondary-bg);
margin-bottom: 0px;
border-bottom: 1px solid lightgrey;
}
.accordion-style-2 .item:last-of-type {
margin-bottom: 0px;
}
.accordion-style-2 .item a {
/* font-size: 28px; */
font-size: 1.5rem;
line-height: 34px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
color: var(--bs-headings);
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion-style-2 .item p {
padding-top: var(--space-15);
margin-bottom: 0px;
}
.accordion .code-block:last-of-type {
margin-bottom: 0px;
}
.accordion a:hover {
color: unset;
}
.accordion-style-2 .icon {
margin-right: 0;
}
.accordion h2 {
font-weight: 700;
}
/* Alerts */
.alert-dismissible .close {
position: static;
padding: 0px;
padding-left: var(--space-15);
}
.alert button {
font-size: .875rem;
padding: 0px;
line-height: 0px;
color: var(--bs-headings) !important;
border: none;
background-color: transparent;
margin-left: auto;
}
.alert {
color: var(--bs-headings) !important;
font-size: 1.375rem;
line-height: 28px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 600;
display: flex;
align-items: center;
border-radius: 5px;
margin-bottom: var(--space-25);
}
.alert>i {
font-size: 30px !important;
color: var(--bs-primary) !important;
margin-right: var(--space-40);
}
.alert button i {
font-size: 26px !important;
color: var(--bs-primary-heading) !important;
}
[class*="alert-style-"] .alert .icon {
margin-right: var(--space-35);
}
[class*="alert-style-"] .alert .icon i {
color: #FFF !important;
background-color: var(--bs-primary) !important;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.alert-style-1 .alert {
padding: var(--space-25) var(--space-30);
border-radius: 0px;
/* margin-bottom: 22px; */
margin-bottom: var(--space-20);
font-weight: 800;
background-color: var(--bs-bg);
}
.alert-style-1 .alert .icon {
/* margin-right: 22px; */
margin-right: var(--space-20);
}
.alert-style-1 .alert .icon i {
width: 34px;
height: 34px;
}
.alert-style-2 .alert {
position: relative;
padding: var(--space-20) var(--space-30);
padding-left: var(--space-30);
border-radius: 0px;
margin-bottom: var(--space-25);
font-weight: 800;
background-color: var(--bs-bg);
}
.alert-style-2 .alert .icon {
margin-right: var(--space-20);
}
.alert-style-2 .alert .icon i {
width: 40px;
height: 40px;
}
.alert-style-2 .alert::before {
position: absolute;
content: "";
left: 0;
height: 100%;
width: 0px;
border-left: 4px solid var(--bs-primary);
}
.alert-style-3 .alert {
padding: var(--space-20) var(--space-25);
padding-right: var(--space-30);
border-radius: 50px;
border: 1px solid var(--bs-primary);
background-color: #FFF;
margin-bottom: 22px;
font-weight: 800;
}
.alert-style-3 .alert .icon i {
width: 34px;
height: 34px;
}
.alerts .container:last-of-type .code-block {
margin-bottom: 0px;
}
.alerts h2 {
font-weight: 700;
margin-bottom: var(--space-35);
}
.alert-1 h2 {
margin-bottom: var(--space-25);
}
/* Audio and Video */
[class*="video-style-"] a {
cursor: pointer;
}
.video-style-1 .item {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.video-style-1 .item::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(41, 48, 73, 0.7);
}
.video-style-1 .item-content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
flex: 1;
padding-top: var(--space-100);
padding-bottom: var(--space-100);
}
.video-style-1 a {
background-color: transparent;
border-radius: 50%;
animation: play-animation-white 2s linear infinite;
width: max-content;
height: max-content;
}
.video-style-1 a svg {
width: 80px;
height: 80px;
}
.video-style-1 a svg path {
fill: #FFF;
}
.video-style-2 .item .image {
position: relative;
margin-left: auto;
margin-right: auto;
}
.video-style-2 .item img {
width: 100%;
height: 300px;
object-fit: cover;
}
.video-style-2 .item .overlay h2 {
color: #fff;
width: 50%;
text-align: center;
margin-bottom: var(--space-35);
font-weight: 800;
}
.video-style-2 .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgb(41, 48, 73, 0.7);
}
.video-style-2 a {
width: max-content;
height: max-content;
color: #fff !important;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
display: flex;
align-items: center;
/* padding:18px 20px !important; */
padding: var(--space-20) var(--space-20) !important;
}
.video-style-2 a svg {
width: 20px;
height: 20px;
margin-right: 6px;
margin-bottom: 3px;
}
.video-style-2 a svg path {
fill: #FFF;
}
.video-style-3 .item .image {
position: relative;
margin-left: auto;
margin-right: auto;
}
.video-style-3 .item img {
width: 100%;
height: 300px;
object-fit: cover;
}
.video-style-3 .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
width: max-content;
height: max-content;
justify-content: center;
align-items: center;
padding: var(--space-20);
border-radius: 50%;
background-color: var(--bs-secondary-heading);
}
.video-style-3 a span {
background-color: transparent;
border-radius: 50%;
animation: play-animation-white 2s linear infinite;
width: max-content;
height: max-content;
}
.video-style-3 a span svg {
width: 40px;
height: 40px;
}
.video-style-3 a svg path {
fill: #FFF;
}
.audio-videos .container:last-of-type .code-block {
margin-bottom: 0px;
}
.audio-videos h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
/* Blockquotes */
.blockquote-style-1 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.blockquote-style-1 .icon svg {
width: 52px;
height: auto;
margin-right: var(--space-20);
}
.blockquote-style-1 .icon svg path {
fill: var(--bs-primary);
}
.blockquote-style-1 p {
font-family: var(--bs-secondary-font), sans-serif;
font-style: italic;
font-weight: 600;
line-height: 27px;
color: var(--bs-headings);
margin-bottom: 0px;
padding: var(--space-55) var(--space-50);
border-left: 3px solid var(--bs-primary);
position: relative;
background-color: var(--bs-bg);
}
.blockquote-style-1 p svg {
width: 85px;
height: 85px;
position: absolute;
top: 20px;
bottom: 0;
right: 50px;
margin: auto;
opacity: 0.2;
}
.blockquote-style-1 p svg path {
fill: var(--bs-primary);
}
.blockquote-style-2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: var(--space-40) var(--space-40);
padding-left: 110px;
position: relative;
background-color: var(--bs-primary);
}
.blockquote-style-2 .icon svg {
width: 43px;
height: 43px;
margin-bottom: var(--space-20);
transform: rotate(180deg) rotateX(180deg);
position: absolute;
left: 40px;
top: 36px;
}
.blockquote-style-2 .icon svg path {
fill: #fff
}
.blockquote-style-2 p {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
line-height: 26px;
color: var(--bs-secondary-heading);
margin-bottom: var(--space-20);
color: #fff
}
.blockquote-style-2 span {
display: block;
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 600;
}
.blockquotes .code-block:last-of-type {
margin-bottom: 0px;
}
.blockquotes h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
/* Buttons */
.btn {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-secondary-heading);
padding: 0px;
background-color: transparent;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s ease-in-out;
font-size: inherit;
letter-spacing: 0.15px;
font-weight: 700;
min-width: 160px;
height: 55px;
line-height: 1.2;
}
.btn-primary:active,
.btn-primary:focus {
box-shadow: none !important;
}
.btn-primary:focus {
color: #FFF;
background-color: var(--bs-secondary-heading);
border: var(--bs-secondary-heading);
}
.btn-primary {
color: #FFF;
background-color: var(--bs-primary);
border: 2px solid var(--bs-primary);
}
.btn-secondary {
color: #FFF;
background-color: black;
border: 2px solid black;
}
.btn-dark {
color: #FFF;
background-color: blue;
border: 2px solid blue;
}
.btn-dark:hover {
color: blue;
background-color: transparent;
border: 2px solid blue;
}
.btn-primary:hover,
.btn-primary:focus {
color: var(--bs-primary);
background-color: transparent;
border: 2px solid var(--bs-primary);
}
.btn-secondary:hover,
.btn-secondary:focus {
color: black;
background-color: transparent;
border: 2px solid black;
}
.btn-dark:hover,
.btn-dark:focus {
color: blue;
background-color: transparent;
border: 2px solid blue;
}
.btn-sm {
font-size: .875rem;
line-height: 16px;
letter-spacing: 0.14px;
font-weight: 700;
min-width: 108px;
height: 38px;
}
.btn-lg {
line-height: 19px;
letter-spacing: 0.16px;
font-weight: 700;
min-width: 180px;
height: 58px;
}
.btn:focus {
box-shadow: none;
}
.btn-style-1 {
position: relative;
border-radius: 50px;
color: #fff;
/* padding: 0px 32px !important; */
padding: 0 var(--space-30) !important;
border-radius: 3px;
}
.btn-style-2 {
border-radius: 50px;
}
.btn-style-3 {
border-radius: 3px;
}
.btn-style-4 {
border-radius: 30px;
}
.btn-outline-primary {
color: var(--bs-primary);
background-color: transparent;
border: 2px solid var(--bs-primary);
}
.btn-outline-primary:hover {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: #fff;
}
.btn-outline-secondary {
color: black;
background-color: transparent;
border: 1px solid black;
}
.btn-outline-secondary:hover {
background-color: black;
border-color: black;
color: #fff;
}
.btn-outline-dark {
color: blue;
background-color: transparent;
border: 2px solid blue;
}
.btn-outline-dark:hover {
background-color: blue;
border-color: blue;
color: #fff;
}
.btn-link.btn-sm {
line-height: 19px;
}
.btn-link.btn-lg {
font-size: 1.25rem;
line-height: 24px;
}
.btn-link {
position: relative;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
line-height: 22px;
letter-spacing: unset;
padding: 0px !important;
min-width: unset;
width: max-content;
height: unset;
background-color: transparent !important;
border: transparent !important;
display: flex;
justify-content: flex-start;
align-items: center;
text-decoration: underline;
}
.btn-link-primary {
color: var(--bs-primary)
}
.btn-link-secondary {
color: black;
}
.btn-link-dark {
color: blue;
}
.btn-link-primary:hover {
color: black;
}
.btn-link-secondary:hover {
color: var(--bs-primary)
}
.btn-link-dark:hover {
color: black;
}
.btn-link-primary:hover::before {
border-color: var(--bs-primary);
}
.btn-link-secondary:hover::before {
border-color: #F5104E;
}
.btn-link-dark:hover::before {
border-color: var(--bs-secondary-heading);
}
[class *='button-style-'] .item {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
[class *='btn-style-'] {
font-family: var(--bs-secondary-font), sans-serif;
width: max-content;
padding: 0 var(--space-20) !important;
z-index: 1;
transition: all .3s ease-in-out;
}
[class*="button-style-"] .item a {
margin-bottom: var(--space-25);
}
[class*="button-style-"] .item a:last-of-type {
margin-bottom: 0px;
}
.btn svg.ext {
display: none;
}
.home-slider-1 .item .content .btn span.extlink-nobreak {
margin-bottom: 0;
}
.btn-outline-primary.white {
color: #FFF;
background-color: transparent;
border: 2px solid #FFF;
}
.btn-outline-primary.white:hover {
color: var(--bs-primary);
background-color: #FFF;
border-color: #FFF;
}
.btn-primary.white {
color: var(--bs-primary);
background-color: #FFF;
border-color: #FFF;
}
.btn-primary.white:hover {
color: #FFF;
background-color: transparent;
border: 2px solid #FFF;
}
.btn-primary.hover-white:hover {
color: #FFF;
background-color: transparent;
border: 2px solid #FFF;
}
.buttons .container:last-of-type .code-block {
margin-bottom: 0px;
}
.buttons h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
/* Dividers */
.dividers p {
font-size: 1.375rem;
font-weight: 600;
color: var(--bs-headings);
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-20);
}
.divider-style-1 {
background-color: transparent;
opacity: 1;
border-top: 2px solid var(--bs-headings);
}
.divider-style-2 {
background-color: transparent;
opacity: 1;
border-top: 2px dashed var(--bs-headings);
}
.divider-style-3 {
background-color: var(--bs-headings);
opacity: 1;
height: 4px !important;
border-radius: 50px;
}
.divider-style-4 {
background-color: transparent;
opacity: 1;
border-top: 5px dotted var(--bs-headings);
}
.dividers .row>div:last-child .code-block {
margin-bottom: 0px;
}
.dividers h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
/* Drop Caps */
.dropcaps-style-1::first-letter {
font-size: 1.563rem;
font-family: var(--bs-secondary-font), sans-serif;
color: #FFF;
font-weight: 700;
float: left;
line-height: 25px;
/* padding: 7.5px 13px; */
padding: var(--space-10) var(--space-15);
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--bs-primary);
/* margin-right: 13px;
margin-top: 3px; */
margin-right: var(--space-15);
margin-top: var(--space-5);
}
.dropcaps-style-2::first-letter {
font-size: 1.563rem;
font-family: var(--bs-secondary-font), sans-serif;
color: #FFF;
font-weight: 700;
float: left;
line-height: 25px;
/* padding: 7.5px 13px; */
padding: var(--space-10) var(--space-15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--bs-primary);
/* margin-right: 13px;
margin-top: 3px; */
margin-right: var(--space-15);
margin-top: var(--space-5);
}
.dropcaps .code-block:last-of-type {
margin-bottom: 0px;
}
.dropcaps h2 {
font-weight: 700;
margin-bottom: var(--space-35);
}
/* Forms */
.nice-select {
line-height: 1.5;
height: max-content;
width: 100%;
background-image: unset;
color: var(--bs-secondary-gray) !important;
}
.nice-select:after {
width: 8.5px;
height: 8.5px;
right: 26px;
}
.nice-select.open .list {
margin-top: 0px;
width: 100%;
border: 1px solid #00000026;
border-radius: 5px;
box-shadow: none;
}
[class*="form-style-"] input,
[class*="form-style-"] textarea,
[class*="form-style-"] .nice-select {
font-size: inherit;
color: var(--bs-secondary-heading);
font-weight: 400;
font-family: var(--bs-secondary-font), sans-serif;
}
.webform-submission-form input,
.webform-submission-form textarea,
.webform-submission-form .nice-select
.form-style-1 input,
.form-style-1 textarea,
.form-style-1 .nice-select {
border-radius: 0px;
padding: var(--space-15) var(--space-20);
margin-bottom: var(--space-20);
}
.form-style-1 textarea {
/* padding: 20px 26px; */
padding: var(--space-20) var(--space-25);
height: 130px;
}
.form-style-1 .nice-select:after {
right: 25px;
}
.form-style-1 .nice-select.open .list {
border-radius: 0px;
transform: scale(1.0044);
}
.webform-submission-form .btn-primary,
.form-style-1 .btn-primary {
margin-top: var(--space-50);
margin-left: auto;
margin-right: auto;
font-family: var(--bs-secondary-font), sans-serif;
}
.form-style-3 input,
.form-style-3 textarea,
.form-style-3 .nice-select {
border: none;
border-bottom: 2px solid #0000007a;
border-radius: 0px;
padding: var(--space-15) var(--space-25);
padding-top: 0px;
padding-left: 0px;
background-color: transparent;
margin-bottom: var(--space-45);
}
.form-style-3 textarea {
margin-bottom: 0px;
}
.form-group label{
margin-bottom: var(--space-5);
}
.forms .nice-select span,
.webform-submission-form input::placeholder,
.webform-submission-form textarea::placeholder,
.form-style-1 input::placeholder,
.form-style-2 input::placeholder,
.form-style-3 input::placeholder,
.form-style-1 textarea::placeholder,
.form-style-2 textarea::placeholder,
.form-style-3 textarea::placeholder {
font-size: inherit;
font-family: var(--bs-secondary-font), sans-serif;
opacity: 1 !important;
color: gray !important;
}
.form-style-3 .nice-select {
line-height: 1.5;
height: max-content;
width: 100%;
background-image: unset;
}
.form-style-3 .nice-select:after {
right: 0px;
margin-top: -16px;
}
.form-style-3 .nice-select.open .list {
border-radius: 0px;
}
.form-style-3 .btn {
/* margin-top: 46px; */
margin-top: var(--space-45);
margin-right: auto;
font-family: var(--bs-secondary-font), sans-serif;
margin-left: inherit;
}
.forms .code-block:last-of-type {
margin-bottom: 0px;
}
.forms h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
.form-control:focus,
.form-select:focus {
border-color: unset;
box-shadow: unset;
background-color: unset;
}
/* Grids */
.grids .container:last-of-type .code-block {
margin-bottom: 0px;
}
.grids h2 {
font-weight: 700;
margin-bottom: var(--space-35);
}
/* Headings */
.headings h1,
.headings h2,
.headings h3,
.headings h4,
.headings h5,
.headings h6 {
margin-bottom: var(--space-35);
font-weight: 700;
}
.headings .code-block:last-of-type {
margin-bottom: 0px;
}
/* Highlights */
.highlights p {
margin-bottom: 0px;
}
.highlight-style-1 {
font-weight: 700;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-primary);
}
.highlight-style-2 {
/* padding: 1px 4px; */
padding: 0 var(--space-5);
color: #FFF;
background-color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
border-radius: 0px;
margin-left: -3px;
margin-right: -3px;
}
.highlights .code-block:last-of-type {
margin-bottom: 0px;
}
.highlights h2 {
font-weight: 700;
margin-bottom: var(--space-35);
}
/* Icons */
.icons>.container {
overflow: hidden;
}
.icons-list {
display: flex;
flex-wrap: wrap;
margin-left: -33.5px;
margin-right: -33.5px;
}
.icon-style {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
align-self: flex-start;
border-radius: 50%;
background-color: var(--bs-headings);
/* margin-left: 33.5px;
margin-right: 33.5px; */
margin-left: var(--space-30);
margin-right: var(--space-30);
}
.icon-style svg {
width: 30px;
height: 30px;
fill: #FFF;
}
.icon-style svg path {
fill: #FFF;
}
.icon-style img {
width: 28px;
height: 28px;
object-fit: contain;
}
.icons .icon-style {
margin-bottom: var(--space-50);
}
.icons-wrapper .container:last-of-type .code-block {
margin-top: 0px;
margin-bottom: 0px;
}
.social-icon-list .icons-list .icon-style {
margin-bottom: var(--space-50);
}
.icons h2,
.social-icon-list h2 {
margin-bottom: var(--space-40);
font-weight: 700;
}
/* Images */
.images .row {
justify-content: space-between;
}
.images img {
width: 100%;
}
.images .code-block {
padding-left: var(--space-20);
}
.img-style-1 img {
height: auto;
}
.img-style-2 img {
height: auto;
border-radius: 10px;
}
.img-style-3 img {
height: auto;
}
.images .container .row>div:last-of-type .code-block {
margin-bottom: 0px;
}
.images h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
/* Lists */
.lists h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
[class*="list-style-"] li {
font-size: inherit;
line-height: 18px;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
margin-bottom: var(--space-15);
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
[class*="list-style-"] li:last-child {
margin-bottom: 0px;
}
.list-style-1 .icon svg {
width: 14px;
height: 14px;
margin-right: 8px;
margin-top: -3px;
}
.list-style-1 .icon svg rect {
fill: var(--bs-primary);
}
.list-style-2 li svg {
width: 11px;
height: auto;
margin-right: 12px;
margin-top: -4px;
}
.list-style-1 li svg path,
.list-style-2 li svg path {
fill: var(--bs-primary);
}
.list-style-3 li svg {
width: 6px;
height: auto;
margin-right: 14px;
margin-top: -2px;
}
.list-style-3 li svg path {
fill: var(--bs-primary);
}
.lists .code-block:last-of-type {
margin-bottom: 0px;
}
/* Progress Bar */
.progress-bars h4 {
margin-bottom: var(--space-20);
font-weight: 800;
}
.progress {
border-radius: 50px;
overflow: visible;
background-color: var(--bs-secondary-bg);
height: 4px;
}
.progress h6 {
font-weight: 600;
font-family: var(--bs-secondary-font), sans-serif;
transform: translateY(6px);
}
.progress-bar {
background-color: var(--bs-primary);
position: relative;
overflow: unset;
}
.progress-bar h5 {
position: absolute;
top: 0;
right: 0;
margin-top: -40px;
margin-right: -15px;
font-weight: 700;
color: var(--bs-secondary-heading);
}
.progress-bar-style-1 .progress {
position: relative;
}
.progress-bar-style-1 h5 {
position: absolute;
top: 0;
right: 0;
margin-top: -40px;
margin-right: 0px;
font-weight: 700;
color: var(--bs-secondary-heading);
font-size: 1.5rem;
}
.progress-bar-style-1 .progress {
border-radius: 0px;
background-color: rgb(128, 128, 128, 0.15);
}
.progress-bar-style-1 .progress-bar {
border-radius: 0px;
background-color: var(--bs-primary);
}
.progress-bar-style-2 .progress {
position: relative;
}
.progress-bar-style-2 h4 {
margin-top: var(--space-20);
margin-bottom: 0px;
}
.progress-bar-style-2 span {
display: block;
font-size: 1.563rem;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
margin-bottom: var(--space-20);
}
.progress-bar-style-2 .progress {
border-radius: 0px;
background-color: var(--bs-secondary-bg);
}
.progress-bar-style-2 .progress-bar {
border-radius: 0px;
background-color: var(--bs-primary);
}
.progress-bar-style-3 .progress {
position: relative;
}
.progress-bar-style-3 h5 {
position: relative;
top: 0;
margin-top: -45px;
margin-left: -30px;
font-weight: 700;
color: var(--bs-secondary-heading);
font-size: 1.5rem;
}
.progress-bar-style-3 .progress {
border-radius: 0px;
background-color: rgb(128, 128, 128, 0.15);
}
.progress-bar-style-3 .progress-bar {
position: relative;
border-radius: 0px;
background-color: var(--bs-primary);
}
.progress-bar-style-3 .progress-bar::after {
position: absolute;
content: "";
right: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--bs-primary);
}
.progress-bars .code-block:last-of-type {
margin-bottom: 0px;
}
.progress-bar-style-4.progress-bar-style-1 h5 {
top: 65px;
padding: 5px 7px;
background-color: var(--bs-headings);
color: #fff;
border-radius: 3px;
font-size: 17px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
}
.progress-bar-style-4.progress-bar-style-1 {
padding: 0 0 var(--space-50);
}
.progress-bar-style-4.progress-bar-style-1 h5::before {
position: absolute;
content: "";
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: -8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid black;
width: 0;
height: 0;
border-radius: 1px;
}
.progress-bars h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
[class *="progress-bar-style-"] .progress-bar {
animation: progressbar 2s ease-in-out;
animation-delay: .8s;
background-color: var(--bs-primary);
}
@keyframes progressbar {
0% {
width: 0;
}
}
/* Maps */
.map-style-1 iframe {
display: block;
width: 100%;
height: 500px;
}
.map .code-block {
margin-bottom: 0px;
}
.map h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
/* Tooltips */
[id*="tooltips-style-"] p span {
color: var(--bs-primary);
cursor: pointer;
}
.tooltip-1 {
margin-bottom: 5px !important;
}
.tooltip {
opacity: 1 !important;
z-index: 1;
}
[class*="tooltip-"]>.tooltip-inner {
font-size: inherit;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 400;
background: var(--bs-primary);
padding: 3px 8px;
display: flex;
border-radius: 3px;
justify-content: center;
align-items: center;
z-index: -1 !important;
}
.tooltip-2>.tooltip-inner {
border-radius: 0px !important;
}
[class*="tooltip-"] .tooltip-arrow::before {
border-top-color: var(--bs-primary);
border-bottom-color: var(--bs-primary);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
border-color: transparent;
border-left-color: var(--bs-primary);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
border-color: transparent;
border-right-color: var(--bs-primary);
}
.bs-tooltip-start .tooltip-inner,
.bs-tooltip-end .tooltip-inner {
margin-top: 8px;
}
.tooltips .container .code-block:last-of-type {
margin-bottom: 0px;
}
.tooltips h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
/* Tabs */
[class*="tabs-style-"] .nav {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
width: max-content;
max-width: 100%;
margin-bottom: var(--space-20);
}
[class*="tabs-style-"] .nav-link {
position: relative;
font-weight: 600;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-secondary-heading);
padding: 0px;
margin-left: var(--space-20);
margin-right: var(--space-20);
cursor: pointer;
font-weight: 800;
}
[class*="tabs-style-"] .tab-pane {
font-size: inherit;
font-weight: 400;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
.tabs-style-1 ul .nav-link.active {
color: var(--bs-primary);
}
.tabs-style-2 ul .nav-link {
/* padding-bottom: 8px; */
padding-bottom: var(--space-10);
}
.tabs-style-2 ul .nav-link::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0px;
height: 0px;
border-bottom: 3px solid var(--bs-primary);
transition: .3s ease-in-out;
}
.tabs-style-2 ul .nav-link.active {
color: var(--bs-primary);
}
.tabs-style-2 ul .nav-link.active::before {
width: 20px;
}
.tabs-style-2 ul .nav-link:hover::before {
width: 20px;
}
.tabs-style-3 ul .nav-link {
/* padding: 4px 20px; */
padding: var(--space-5) var(--space-20);
margin: 0px 0px;
border-radius: 50px;
background-color: transparent;
}
.tabs-style-3 ul .nav-link.active {
color: #FFF;
background-color: var(--bs-primary);
}
.tabs .code-block:last-of-type {
margin-bottom: 0px;
}
.tabs h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
/* Tables */
.tables h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
[class*="table-style-"] .table {
border-radius: 5px;
}
[class*="table-style-"] table tr {
display: flex;
}
[class*="table-style-"] table th,
[class*="table-style-"] table td {
flex: 1;
text-align: center;
border: none;
}
[class*="table-style-"] .table th {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 800 !important;
padding: var(--space-20) var(--space-15);
border-left: 2px solid #FFF !important;
}
[class*="table-style-"] table td {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 400;
/* padding: 24px 15px; */
padding: var(--space-25) var(--space-15);
color: var(--bs-paragraph);
background-color: var(--bs-secondary-bg) !important;
}
[class*="table-style-"] .table th:first-of-type {
border-left: 2px solid transparent !important;
}
[class*="table-style-"] .table thead tr:not([class*="table-style-3"] .table thead tr) {
color: #FFF;
background-color: var(--bs-headings);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
[class*="table-style-"] table tr:not([class*="table-style-3"] table tr) {
border-top: 2px solid gray;
}
[class*="table-style-"] table tbody tr:last-child:not([class*="table-style-3"] table tbody tr:last-child) {
border-bottom: 2px solid gray;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
[class*="table-style-"] table th:not([class*="table-style-3"] table th),
[class*="table-style-"] table td:not([class*="table-style-3"] table td) {
border-left: 2px solid gray;
}
[class*="table-style-"] table th:last-child:not([class*="table-style-3"] table th:last-child),
[class*="table-style-"] table td:last-child:not([class*="table-style-3"] table td:last-child) {
border-right: 2px solid gray;
}
[class*="table-style-"] table th:first-of-type:not([class*="table-style-3"] table th:first-of-type) {
border-left: none;
}
[class*="table-style-"] table th:last-of-type:not([class*="table-style-3"] table th:last-of-type) {
border-right: none;
}
[class*="table-style-"] .table thead:not([class*="table-style-3"] .table thead) {
border-radius: 5px !important;
}
[class*="table-style-"] .table tbody:not([class*="table-style-3"] .table tbody) {
border-radius: 5px !important;
}
[class*="table-style-"] .table tbody tr:last-of-type td:first-of-type:not([class*="table-style-3"] .table tbody tr:last-of-type td:first-of-type) {
border-bottom-left-radius: 5px;
}
[class*="table-style-"] .table tbody tr:last-of-type td:last-of-type:not([class*="table-style-3"] .table tbody tr:last-of-type td:last-of-type) {
border-bottom-right-radius: 5px;
}
.table-style-1 .table tr,
.table-style-1 .table td {
border-radius: 0px !important;
}
.tables>.container:last-child .code-block {
margin-bottom: 0px;
}
.table-2-style.table-style-1 thead tr {
background-color: transparent !important;
color: var(--bs-headings) !important;
}
.table-2-style.table-style-1 tbody td {
border-left: 0 !important;
border-right: 0 !important;
}
/* Testimonials */
.slider-template-1 .item .content img {
width: 60px;
height: 60px;
border-radius: 50%;
/* margin-right: 12px; */
margin-right: var(--space-10);
}
.slider-template-1 .item {
/* padding:40px; */
padding: var(--space-40);
background-color: var(--bs-bg);
}
.slider-template-1 .item p {
color: var(--bs-headings);
font-size: inherit;
line-height: 24px;
margin-bottom: 0;
}
.slider-template-1 .item h5 {
font-weight: 800;
}
.slider-template-1 .item .content {
display: flex;
position: relative;
padding: 0 var(--space-15);
margin-bottom: var(--space-20);
}
.slider-template-1 .item .content svg {
width: 22px;
height: 22px;
display: flex;
}
.slider-template-1 .item .content svg path {
fill: #fff;
}
.slider-template-1 .item .content .icon {
/* padding:8px; */
padding: var(--space-10);
height: fit-content;
background-color: var(--bs-primary);
border-radius: 50%;
position: absolute;
left: 0
}
.slider-template-1 .item .content span {
font-size: .875rem;
line-height: 22px;
display: block;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
.slider-template-2 .item {
text-align: center;
}
.slider-template-2 .item img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-bottom: var(--space-20);
margin-top: var(--space-30);
}
.slider-template-2 .item svg {
width: 50px;
height: 50px;
}
.slider-template-2 .item svg path {
fill: var(--bs-primary);
}
.slider-template-2 .item p {
font-style: italic;
font-family: var(--bs-secondary-font), sans-serif;
color: #000;
padding-top: var(--space-20);
padding-bottom: var(--space-40);
padding-left: var(--space-20);
padding-right: var(--space-20);
position: relative;
line-height: 27px;
margin-bottom: 0;
font-weight: 500;
}
.slider-template-2 .item p::before {
position: absolute;
content: "";
background-color: lightgrey;
height: 1px;
width: 25%;
bottom: 0;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
.slider-template-2 .item span {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
line-height: 22px;
}
.slider-template-2 .item h4 {
font-weight: 800;
}
.slider-template-3 .item svg {
width: 50px;
height: 50px;
}
.slider-template-3 .item svg path {
fill: var(--bs-primary);
}
.slider-template-3 .item p {
margin-bottom: 0;
font-family: var(--bs-secondary-font), sans-serif;
padding-bottom: var(--space-25);
/* padding-top: 18px; */
padding-top: var(--space-20);
color: var(--bs-headings);
}
.slider-template-3 .item h5 {
font-size: 1.25rem;
}
.slider-template-3 .item span {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: .875rem;
line-height: 22px;
}
.testimonials h2 {
margin-bottom: var(--space-35);
font-weight: 700;
}
.testimonials .code-block:last-of-type {
margin-bottom: 0;
}
/* Team */
.team h4 {
font-weight: 800;
}
.team h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
.team-style-1 .item img {
height: 360px;
}
.team-style-1 .item {
text-align: center;
}
.team-style-1 .item .image {
position: relative;
}
.team-style-1 .item .image .overlay .social-icons {
position: absolute;
bottom: 0;
right: 0;
font-size: 1.5rem;
color: #fff;
opacity: 0;
z-index: -1;
transition: 0.5s ease-in-out;
}
.team-style-1 .item .image .overlay .social-icons i {
color: #fff;
}
.team-style-1 .item .image .overlay .social-icons li {
background-color: var(--bs-primary);
border-bottom: 2px solid rgb(255, 255, 255, 0.5);
width: 60px;
height: 1px;
transition: 0.5s ease-in-out;
}
.team-style-1 .item .image .overlay .social-icons li:last-of-type {
border: none
}
.team-style-1 .item .image .overlay .social-icons li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: auto;
}
.page-node-type-home-page .team-style-1 .item .image .social-icons svg.ext {
display: none;
}
.team-style-1 .item .image .icon {
position: absolute;
right: 0;
bottom: 0;
height: 60px;
width: 60px;
background-color: var(--bs-primary);
}
.team-style-1 .item .image:hover .icon {
opacity: 0.1;
transition: 0.5s ease-in-out;
}
.team-style-1 .item .image:hover .social-icons {
opacity: 1;
z-index: 2;
}
.team-style-1 .item .image:hover .social-icons li {
height: 60px;
transition: 0.5s ease-in-out;
}
.team-style-1 .item .image:hover .social-icons li:hover i {
transform: scale(1.2);
transition: 0.3s ease-in-out;
}
.team-style-1 .item .image .icon svg {
width: 26px;
height: 26px;
}
.team-style-1 .item .image .icon .plus-svg {
width: 100%;
height: 100%;
margin: auto;
justify-content: center;
align-items: center;
display: flex;
}
.team-style-1 .item .image .icon svg path {
fill: #fff;
}
/* 1. Force the team item wrapper to fill 100% height of its grid column */
.team-style-1 .item {
display: flex;
flex-direction: column;
height: 100%;
}
/* 2. Force the profile section to grow and take up all remaining vertical space */
.team-style-1 .item .profile {
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* 3. Push the link down to the absolute bottom of that space */
.team-style-1 .item .profile .read-bio-link {
margin-top: auto;
padding-top: 15px;
}
.team-style-1 .profile {
padding: var(--space-30);
padding-bottom: var(--space-45);
}
.team-style-1 .profile span {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph)
}
.team-style-2 .item img {
height: 320px;
width: 100%;
}
.team-style-2 .item .overlay .social-icons {
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
bottom: 0;
/* padding:18px 78px; */
padding: var(--space-20) var(--space-80);
background-color: var(--bs-primary);
opacity: 0;
}
.team-style-2 .item .overlay .social-icons li:hover {
transform: scale(1.2);
transition: 0.3s ease-in-out;
}
.team-style-2 .item:hover .overlay .social-icons {
opacity: 1;
transition: 0.3s ease-in-out;
}
.team-style-2 .item .overlay .social-icons li i {
color: #fff;
font-size: 1.625rem;
}
.team-style-2 .item .image {
position: relative;
}
.team-style-2 .item {
padding: var(--space-20);
background-color: var(--bs-bg);
padding-bottom: 0;
}
.team-style-2 .profile {
padding: var(--space-20) 0;
}
.team-style-2 .profile span {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
line-height: 22px;
}
.team-style-3 .item .image {
position: relative;
}
.team-style-3 .item .image img {
height: 360px;
width: 100%;
}
.team-style-3 .item .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: var(--space-15);
}
.team-style-3 .item .overlay .content {
background-color: rgb(0, 128, 128, 0.8);
height: 60%;
width: 60%;
opacity: 0;
position: relative;
transition: 0.5s ease-in-out;
margin-left: auto;
margin-right: auto;
}
.team-style-3 .item:hover .content {
height: 100%;
width: 100%;
background-color: rgb(24, 28, 49, 0.8);
opacity: 1;
}
.team-style-3 .item .overlay .content .profile h4 {
color: #fff;
}
.team-style-3 .item .overlay .content .profile {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
}
.team-style-3 .item .overlay .content .social-icons {
position: absolute;
bottom: 0;
padding-bottom: var(--space-30);
padding-left: 100px;
padding-right: var(--space-100);
display: flex;
justify-content: space-between;
width: 100%;
}
.team-style-3 .item .overlay .content .social-icons li i {
color: #fff;
font-size: 1.25rem;
}
.team-style-3 .item .overlay .content .social-icons li:hover i {
transform: scale(1.1);
transition: 0.3s ease-in-out;
}
.team .container:last-of-type .code-block {
margin-bottom: 0;
}
/* Pricing */
.pricing-style-1 .item .content-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.pricing-style-1 .item {
padding: var(--space-50) var(--space-40);
border: 1px solid lightgray;
border-radius: 10px;
}
.pricing-style-1 .item .content span {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
display: block;
}
.pricing-style-1 .item .price {
font-size: 2rem;
color: var(--bs-primary);
font-weight: 700;
font-family: var(--bs-secondary-font), sans-serif;
}
.pricing-style-1 .item .pricing-price span:last-of-type {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
}
.pricing-style-1 .item li {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
line-height: 22px;
margin-bottom: var(--space-15);
display: flex;
align-items: center;
justify-content: space-between;
}
.pricing-style-1 .item ul li:last-of-type {
margin-bottom: 38px;
}
.pricing-style-1 .item li svg {
width: 12px;
height: 12px;
}
.pricing-style-1 .item li svg path {
fill: var(--bs-primary)
}
.pricing-style-1 .item hr {
margin-top: var(--space-30);
margin-bottom: var(--space-35);
}
.pricing-style-1 h4,
.pricing-style-3 h4 {
font-weight: 700;
margin-bottom: var(--space-5);
}
.pricing-style-1 .item .btn {}
.pricing-style-1 .item.recommended {
border: unset;
background-color: var(--bs-bg);
}
.pricing-style-2 .item {
padding: var(--space-50) var(--space-40);
text-align: center;
border: 1px solid lightgray;
border-radius: 5px;
}
.pricing-style-2 .item h4 {
margin-bottom: var(--space-15);
font-weight: 700;
}
.pricing-style-2 .item p {
margin-bottom: var(--space-10);
}
.pricing-style-2 .item .price {
font-weight: 500;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-headings);
font-size: 60px;
}
.pricing-style-2 .item .price sup {
top: -25px;
}
.pricing-style-2 .item:last-of-type {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
.pricing-style-2 .item ul {
margin: var(--space-20) 0;
margin-bottom: 38px;
}
.pricing-style-2 .item li {
margin-bottom: var(--space-15);
font-size: inherit;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
.pricing-style-2 .item li.strike-out {
text-decoration: line-through;
}
.pricing-style-2 .item.recommended {
border: unset;
position: relative;
background-color: var(--bs-bg);
padding: 60px 40px;
}
.pricing-style-2 .row {
align-items: center;
}
.pricing-style-2 .item.recommended .recommended-label {
position: absolute;
top: -5px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
.pricing-style-2 .item.recommended .recommended-label span {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 600;
font-size: 13px;
color: #fff;
line-height: 16px;
padding: 6px 8px;
background-color: var(--bs-primary);
border-radius: 3px;
}
.pricing-style-2 .item .btn {
margin-left: auto;
margin-right: auto;
}
.pricing-style-3 .row {
align-items: center;
}
.pricing-style-3 .item span {
display: block;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
}
.pricing-style-3 .item {
text-align: center;
padding: 45px;
border: 1px solid lightgray;
}
.pricing-style-3 .item .btn {
margin-right: auto;
margin-left: auto;
}
.pricing-style-3 .item .price {
font-size: 45px;
color: var(--bs-primary);
font-weight: 600;
margin: 4px 0;
}
.pricing-style-3 .item ul {
margin-top: 25px;
margin-bottom: var(--space-35);
}
.pricing-style-3 .item li {
font-size: inherit;
line-height: 22px;
margin-bottom: 17px;
font-family: var(--bs-secondary-font), sans-serif;
color: #000;
font-weight: 400;
}
.pricing-style-3 .item .strike-out {
text-decoration: line-through;
}
.pricing-style-3 .item.recommended {
padding: 50px 45px;
border: unset;
border-radius: 0;
border-top: 3px solid var(--bs-primary);
background-color: var(--bs-bg);
}
.pricing .container:last-of-type .code-block {
margin-bottom: 0;
}
.pricing h2 {
font-weight: 700;
margin-bottom: var(--space-35);
}
/* Services */
.page-node-type-service .icon-logo {
text-align: center;
}
.page-node-type-service .icon-logo .icon {
margin: 0 auto;
}
.services-style-1 .icon .icon-square svg {
width: 27px;
height: 27px;
}
.services-style-1 .icon .icon-rectangle svg {
width: 40px;
height: 27px;
}
.services-style-1 .icon svg {
width: 27px;
height: 27px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
/* width: 55%;
height: auto;
max-width: var(--space-70); */
}
.services-style-1 img {
height: 230px;
width: 100%;
border-radius: 4px;
}
.services-style-1 .icon {
position: relative;
margin-right: auto;
margin-left: auto;
margin-bottom: var(--space-10);
height: 60px;
width: 60px;
top: -30px;
border-radius: 50%;
/* background-color: #fff;
border-radius: 8px;
height: var(--space-50);
width: var(--space-120);
top: -25px;*/
background-color: rgba(55, 177, 180, .9);
}
.services-style-1 .icon svg path {
/* fill: var(--bs-primary); */
fill: #fff;
}
.services-style-1 .item p {
font-family: var(--bs-secondary-font);
}
.services-style-1 .item {
text-align: center;
padding: 18px 18px 25px 18px;
background-color: var(--bs-bg);
border-radius: 8px;
}
.services-style-1 h4 {
margin-top: -14px;
}
.services-style-2 img {
height: 290px;
object-fit: cover;
width: 100%;
}
.services-style-2 svg {
width: 28px;
height: 28px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.services-style-2 h4 {
margin-top: -20px;
margin-bottom: 0;
}
.services-style-2 svg path {
fill: var(--bs-primary)
}
.services-style-2 .item {
position: relative;
height: 335px;
}
.services-style-2 .item:hover p {
margin-top: var(--space-10);
height: 60px;
opacity: 1;
line-height: 22px;
transition: 0.3s ease-in-out;
}
.services-style-2 .content-wrapper {
width: 88%;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
}
.services-style-2 .content {
width: 100%;
padding: 0 26px;
margin-right: auto;
margin-left: auto;
padding-bottom: var(--space-20);
border-bottom: 3px solid rgb(24, 28, 49, 0.14);
box-shadow: 0px 1px 8px rgb(0, 0, 0, 0.14);
}
.services-style-2 .item:hover .content {
border-bottom: 3px solid var(--bs-primary)
}
.services-style-2 .content p {
margin-bottom: 0;
margin-top: 0;
line-height: 1px;
opacity: 0;
height: 1px;
transition: 0.3s ease-in-out;
}
.services-style-2 .content .icon {
height: 60px;
width: 60px;
position: relative;
border-radius: 50%;
background-color: #fff;
top: -30px
}
.services-style-3 .read-icon svg {
width: 16px;
height: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.services-style-3 .read-icon svg path {
fill: #fff;
}
.services-style-3 .icon svg path {
fill: var(--bs-primary);
}
.services-style-3 .icon svg {
width: 28px;
height: 28px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.services-style-3 .icon {
width: 60px;
height: 60px;
background-color: #fff;
position: relative;
border-radius: 50%;
margin-bottom: var(--space-20);
}
.services-style-3 .item {
padding: 42px;
background-color: var(--bs-bg)
}
.services-style-3 .read-icon {
display: flex;
align-items: center;
width: max-content;
height: 38px;
border-radius: 19px;
opacity: 0.2;
}
.services-style-3 .read-icon:hover {
opacity: 1;
background-color: var(--bs-primary);
transition: 0.6s ease-in-out;
}
.services-style-3 .read-icon:hover .read-link {
display: block;
opacity: 1;
padding-right: var(--space-20);
transition: 0.3s ease-in-out;
}
.services-style-3 .read-link {
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-size: .875rem;
font-weight: 700;
opacity: 0;
transition: 0.3s ease-in-out;
}
.services-style-3 .read-icon .svg-wrapper {
height: 38px;
width: 38px;
border-radius: 50%;
background-color: var(--bs-primary);
position: relative;
}
.services-style-4 .row {
padding: 28px;
background-color: var(--bs-bg);
align-items: center;
}
.services-style-4 svg {
width: 28px;
height: 28px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 360px;
}
.services-style-4 svg path {
fill: var(--bs-primary);
}
.services-style-4 .icon {
width: 60px;
height: 60px;
position: relative;
margin-bottom: var(--space-20);
background-color: #fff;
border-radius: 50%;
}
.services-style-4 img {
border-radius: 6px;
height: 394px;
}
.services-style-4 .content h3 {
margin-bottom: var(--space-20);
}
.services-style-4 .content p {
margin-bottom: var(--space-35);
}
.services-style-4 .image {
height: 100%;
}
.services-style-4 .btn-link {
line-height: 21px;
}
.services h2 {
margin-bottom: var(--space-40);
font-weight: 700;
}
.services .container:last-of-type .code-block {
margin-bottom: 0;
}
/* Blog */
.blog-style-1 .image {
position: relative;
}
.blog-style-1 .image img {
height: 270px
}
.blog-style-1 .image .date {
position: absolute;
bottom: -25px;
right: 20px;
padding: 11px 15px;
background-color: var(--bs-primary);
text-align: center;
border-radius: 4px;
}
.blog-style-1 .image span {
display: block;
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-size: 17px;
line-height: 20px;
font-weight: 700;
}
.blog-style-1 .item-content svg {
width: 13px;
height: 13px;
margin-right: 5px;
}
.blog-style-1 .item-content svg path {
fill: var(--bs-primary);
}
.blog-style-1 .item-content span:first-of-type {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
}
.blog-style-1 .item-content .tag {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
margin-left: 16px;
font-weight: 500;
}
.blog-style-1 .item-content {
padding: 24px 0;
}
.blog-style-1 .item-content h5 {
padding-top: 12px;
padding-bottom: var(--space-15);
margin-bottom: 0;
}
.blog-style-1 .item-content .btn-link {
line-height: 19px;
font-weight: 700;
}
.clients-home-style-1>.container {
max-width: 1116px;
}
.blog-style-1 .item-content p {
margin-bottom: 24px;
}
.blog-style-2 .image img {
height: 285px;
}
.blog-style-2 .item-content {
padding: 30px 0;
}
.blog-style-2 .item-content>span {
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 15px;
background-color: var(--bs-headings);
border-radius: 3px;
padding: 6px;
}
.blog-style-2 .item-content h5 {
/* margin: 15px 0 17px; */
margin: var(--space-15) 0 var(--space-15);
}
.blog-style-2 .item-content p {
margin-bottom: 0;
margin-top: 16px;
}
.blog-style-2 .item-content .content-details span:first-of-type {
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 22px;
display: inline-flex;
align-items: center;
color: var(--bs-paragraph);
}
.blog-style-2 .item-content .content-details span:first-of-type:after {
content: "";
background-color: black;
width: 80px;
height: 1px;
margin-left: var(--space-10);
margin-right: var(--space-10);
}
.blog-style-2 .item-content .content-details .tag {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
font-weight: 500;
line-height: 22px;
}
.blog-style-3 .image img {
height: 270px;
}
.blog-style-3 .item-content {
padding: 25px 20px;
background-color: var(--bs-bg)
}
.blog-style-3 .item-content span {
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
color: var(--bs-paragraph);
}
.blog-style-3 .item-content svg:hover path {
fill: var(--bs-primary);
transition: 0.3s ease-in-out;
}
.blog-style-3 .item-content svg {
width: 24px;
height: 24px;
transform: rotate(180deg);
}
.blog-style-3 .item-content h5 {
margin-top: 14px;
margin-bottom: var(--space-20);
}
.blog-style-4 .row {
align-items: center;
}
.blog-style-4 .image {
position: relative;
}
.blog-style-4 .image img {
height: 400px;
}
.blog-style-4 .image .date {
position: absolute;
padding: 13px 20px;
top: 0;
right: 0;
text-align: center;
background-color: var(--bs-primary);
}
.blog-style-4 .image .date span {
display: block;
font-family: var(--bs-secondary-font), sans-serif;
font-size: 1.375rem;
line-height: 26px;
font-weight: 700;
color: #fff;
}
.blog-style-4 .content svg {
width: 18px;
height: 18px;
margin-right: 6px;
}
.blog-style-4 .content svg path {
fill: var(--bs-primary);
}
.blog-style-4 .content span {
font-family: var(--bs-secondary-font), sans-serif;
font-size: 1.25rem;
line-height: 27px;
color: var(--bs-paragraph);
}
.blog-style-4 .content .tag {
font-family: var(--bs-secondary-font), sans-serif;
font-size: 1.25rem;
line-height: 27px;
font-weight: 500;
margin-left: 18px;
color: var(--bs-primary);
}
.blog-style-4 .content .btn-link {}
.blog-style-4 .content h3 {
margin-top: var(--space-15);
margin-bottom: var(--space-20);
}
.blog-style-4 .content p {
margin-bottom: 27px;
}
.blog-style-4 .col-lg-6 {
margin-bottom: var(--space-50);
}
.blog-style-4 .row>.col-lg-6:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
.blog h2 {
margin-bottom: var(--space-35);
font-weight: 800;
}
.blog .container:last-of-type .code-block {
margin-bottom: 0;
}
/* Carousels */
.slider-style-1 .slider-wrapper,
.slider-style-2 .slider-wrapper,
.slider-style-4 .slider-wrapper {
position: relative;
}
.slider-style-1 .owl-stage {
display: flex;
}
.slider-style-1 .owl-stage .owl-item {
display: flex;
align-self: stretch;
}
.slider-style-4 .arrows {
align-items: center !important;
top: -50px !important;
}
.slider-style-1 .arrows,
.slider-style-2 .arrows,
.slider-style-4 .arrows {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: end;
}
.slider-style-1 .arrows button,
.slider-style-2 .arrows button,
.slider-style-4 .arrows button {
position: relative;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid #131517;
z-index: 1;
background-color: #FFF;
transition: .3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
margin-top: -30px;
}
.slider-style-1 .arrows button svg,
.slider-style-2 .arrows button svg,
.slider-style-4 .arrows button svg {
width: 19px;
height: 16px;
line-height: normal;
}
.slider-style-1 .arrows button svg path,
.slider-style-2 .arrows button svg path,
.slider-style-4 .arrows button svg path {
transition: .3s ease-in-out;
}
.slider-style-1 .arrows button:hover,
.slider-style-2 .arrows button:hover,
.slider-style-4 .arrows button:hover {
border-color: transparent;
background-color: #181c31;
}
.slider-style-1 .arrows button:hover svg path,
.slider-style-2 .arrows button:hover svg path,
.slider-style-4 .arrows button:hover svg path {
fill: #FFF;
}
.owl-dots-1 {
height: 48px;
display: grid;
grid-auto-flow: column;
width: 82.5%;
margin-right: auto;
margin-left: auto;
}
.owl-dots-1 .owl-dot:hover span {
background-color: var(--bs-primary) !important;
}
.owl-dots-1 .owl-dot span {
margin: 0 !important;
min-width: 100%;
height: 4px !important;
background-color: rgb(24, 28, 49, 0.08);
}
.owl-dots-1 .owl-dot.active span {
background-color: var(--bs-primary) !important;
}
.slider-style-1.services-style-1 .owl-stage-outer,
.slider-style-2 .slider-template-1 .owl-stage-outer {
padding-bottom: var(--space-55);
}
.slider-style-4 .slider-template-2 .profile img {
margin-left: auto;
margin-right: auto;
}
.slider-style-4 .slider-template-2 .item {
width: 83%;
margin-right: auto;
margin-left: auto;
}
.slider-style-5 .item img {
height: 100px;
}
.carousels .container:last-of-type .code-block {
margin-bottom: 0px;
}
.carousels h2 {
margin-bottom: var(--space-35);
}
/* Contact Pages */
.node__content {
margin: 0;
}
.contact-page-1 .content .map iframe {
width: 100%;
}
.contact-page-1 .content .map {
line-height: 0;
}
.gmap_canvas,
.mapouter {
width: 100% !important;
}
.contact-page-1 .col-lg-7 {
padding: 100px 0;
padding-right: var(--space-90);
}
.contact-page-1 .col-lg-5 {
position: relative;
}
.contact-page-1 .col-lg-5 .contact-details {
padding: 160px 0;
height: 100%;
width: 10378px;
background-color: #fff;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper {
position: absolute;
right: 0;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper>div {
margin-bottom: 52px;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper a {
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 22px;
color: var(--bs-paragraph);
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper a:hover {
color: var(--bs-primary);
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper>div:last-of-type {
margin-bottom: 0;
}
.contact-page-1 .col-lg-5::before {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
}
.contact-page-1 .row {
justify-content: space-between;
}
.contact-page-1 .bg-image {
background-size: cover;
background-position: -366px 0px;
}
.contact-page-1 .contact-form-content span {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
margin-bottom: var(--space-15);
display: block;
}
.contact-page-1 .contact-form-content h2 {
margin-bottom: 56px;
color: #fff;
}
.contact-page-1 .form-style-3 input,
.contact-page-1 .form-style-3 textarea,
.contact-page-1 .form-style-3 .nice-select,
.contact-home-1 .form-style-3 input,
.contact-home-1 .form-style-3 textarea,
.contact-home-1 .form-style-3 .nice-select {
border-bottom: 2px solid rgb(255, 255, 255, 0.5) !important;
color: #fff;
}
.contact-page-1 .form-style-3 textarea {
height: 70px
}
.contact-page-1 .form-control:focus {
background-color: transparent;
}
.contact-page-1 .form-style-3 .btn {
margin-top: 68px;
}
.contact-page-2 .content h2 {
margin-bottom: var(--space-30);
}
.contact-page-2 .content>p {
/* margin-bottom: 47px; */
margin-bottom: var(--space-45);
}
.contact-page-2 .content>div {
/* margin-bottom: 52px; */
margin-bottom: var(--space-50);
}
.contact-page-2 .content>div:last-of-type {
margin-bottom: 0;
}
.page-node-type-service .content .website {
margin-top: var(--space-50);
}
.page-node-type-service .content .website .icon,
.contact-page-2 .content .icon {
height: 40px;
width: 40px;
background-color: var(--bs-primary);
border-radius: 50%;
position: relative;
display: inline-block;
margin-right: var(--space-20);
}
.page-node-type-service .content .website,
.contact-page-2 .content .address,
.contact-page-2 .content .mail,
.contact-page-2 .content .call {
display: flex;
}
.contact-page-2 .content h3 {
display: flex;
align-items: center;
}
.contact-page-2 .content .address .item p {
margin-bottom: 0;
}
.page-node-type-service .content .website .icon svg path,
.contact-page-2 .content .icon svg path {
fill: #fff;
}
.page-node-type-service .content .website .icon svg,
.contact-page-2 .content .icon svg {
width: 18px;
height: 18px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.contact-page-2 .content a {
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 22px;
}
.contact-page-2 .content a:hover {
color: var(--bs-primary);
}
.contact-page-2+.contact-form .form-style-1 h2 {
text-align: center;
margin-bottom: var(--space-60);
}
.contact-page-2 iframe {
width: 100%;
}
.form-required:after {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0.3em;
content: "*";
color: red;
}
/* Pagination */
.pagination {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: var(--space-100);
}
.pagination .page-link {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
color: #000;
border: 1px solid #171717;
background-color: #FFF;
border-radius: 50% !important;
margin: 0px 5px !important;
}
.pagination .page-link svg {
width: 8px;
height: auto;
}
.pagination .page-link svg path {
fill: #000;
}
.pagination .page-link:hover,
.pagination .page-link.active {
color: #FFF;
background-color: var(--bs-headings) !important;
border-color: transparent;
}
.page-item.active .page-link {
background-color: var(--bs-headings) !important;
color: #fff;
border: 1px solid var(--bs-headings) !important;
}
.pagination .page-link:hover svg path,
.pagination .page-link.active svg path {
fill: #FFF;
}
/* Blog grid 2 columns */
.blog-2-column .blog-style-1 .image img {
height: 400px;
}
.blog-2-column .blog-style-1 .item-content span:first-of-type {
font-size: 1.25rem;
line-height: 27px;
}
.blog-2-column .blog-style-1 .item-content .tag {
font-size: 1.25rem;
line-height: 27px;
}
.blog-2-column .blog-style-1 .image .date {
padding: 13px 16px;
}
.blog-2-column .blog-style-1 .image span {
font-size: 1.5rem;
line-height: 26px;
font-weight: 600;
}
.blog-2-column .blog-style-1 .btn-link {
line-height: 22px;
}
.blog-2-column .blog-style-1 .item-content svg {
width: 18px;
height: 18px;
margin-right: 7px;
}
.blog-2-column .blog-style-1 .item-content h3 {
margin-top: var(--space-15);
margin-bottom: var(--space-20);
}
.blog-2-column .blog-style-1 .item-content {
padding: 34px 0;
}
.blog-2-column .blog-style-1 .col-lg-6 {
margin-bottom: var(--space-30);
}
.blog-2-column .blog-style-1 .tag a {
font-weight: 500;
}
/* Blog 3 column */
.blog-3-column .blog-style-1 .col-lg-4 {
margin-bottom: var(--space-30);
}
/* Blog grid sidebar */
.sidebar-page .blog-2-column .blog-style-1 .image img {
height: 270px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content span:first-of-type {
font-size: inherit;
line-height: 22px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content .tag {
font-size: inherit;
line-height: 22px;
}
.sidebar-page .blog-2-column .blog-style-1 .image span {
font-size: 17px;
line-height: 20px;
}
.sidebar-page .blog-2-column .blog-style-1 .image .date {
padding: 11px 15px;
}
.sidebar-page .blog-2-column .blog-style-1 .btn-link {
line-height: 19px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content {
padding: 24px 0;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content svg {
width: 13px;
height: 13px;
}
.sidebar-page .pagination {
padding-bottom: 0;
padding-top: var(--space-100);
}
.sidebar-label h3 {
margin-bottom: var(--space-20);
}
.sidebar-label span {
display: inline-block;
background-color: var(--bs-primary);
margin-bottom: var(--space-30);
}
.sidebar-label span:first-of-type {
height: 2px;
width: 20px;
margin-right: 6px;
}
.sidebar-label span:last-of-type {
height: 2px;
width: 45px;
}
.blog-categories li {
font-family: var(--bs-secondary-font), sans-serif;
line-height: 22px;
padding: 20px 20px 17px 20px;
color: var(--bs-paragraph);
font-weight: 500;
background-color: var(--bs-bg);
margin-bottom: var(--space-5);
}
.blog-categories li a {
display: flex;
justify-content: space-between;
}
.blog-categories li a span {
color: var(--bs-primary);
}
.latest-blog .item {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.latest-blog .item:last-of-type {
margin-bottom: 0;
}
.latest-blog .item span {
display: block;
font-family: var(--bs-secondary-font), sans-serif;
font-size: 13px;
line-height: 22px;
color: var(--bs-paragraph);
}
.latest-blog .item img {
width: 65px;
height: 65px;
margin-right: var(--space-15);
}
.latest-blog .item h6 {
word-break: break-all;
width: 93%
}
.tags-cloud {
display: flex;
flex-wrap: wrap;
}
.tags-cloud li a:hover {
color: #fff;
}
.tags-cloud li:hover {
background-color: transparent;
border: 1px solid var(--bs-primary);
}
.tags-cloud li:hover a {
color: var(--bs-primary) !important;
}
.tags-cloud li {
font-size: 12px;
font-weight: 500;
color: #fff;
padding: 4px 6px;
background-color: var(--bs-primary);
margin-right: var(--space-10);
margin-bottom: 14px;
height: fit-content;
border: 1px solid var(--bs-primary);
}
/* blog list sidebar */
.sidebar-page .blog-style-2 .item-content h3 {
margin-top: var(--space-20);
margin-bottom: 24px;
}
.sidebar-page .blog-style-2 .item-content .content-details span:first-of-type {
font-size: 1.25rem;
}
.sidebar-page .blog-style-2 .item-content .content-details .tag {
font-size: 1.25rem;
}
.sidebar-page .blog-style-2 .item-content>span {
line-height: 19px;
padding: 7px;
}
.sidebar-page .blog-style-2 .col-lg-12 {
margin-bottom: 22px;
}
.sidebar-page .blog-style-2 .col-lg-12:last-of-type .item-content {
padding-bottom: 0;
}
.sidebar-page .blog-style-2 .col-lg-12:last-of-type {
margin-bottom: 0px;
}
.sidebar-page .blog-style-2 .image img {
height: 470px;
}
.blog-cta-sidebar {
position: relative;
border-radius: 8px;
min-height: 374px;
}
.blog-cta-sidebar::before {
content: "";
position: absolute;
width: 100%;
height: 165px;
bottom: 0;
background-color: var(--bs-primary);
border-radius: 8px;
clip-path: ellipse(445px 165px at 51% 100%);
}
.blog-cta-sidebar .background-svg {
position: absolute;
bottom: 0;
}
.blog-cta-sidebar .background-svg svg {
width: 100%;
height: 100%;
}
.blog-cta-sidebar .image {
padding: 50px 35px;
padding-bottom: 57px;
min-height: 374px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blog-cta-sidebar .image .title-and-button {
text-align: center;
}
.blog-cta-sidebar .image .title-and-button .title {
color: #fff;
font-size: 1.375rem;
line-height: 27px;
font-weight: 700;
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-20);
}
.blog-cta-sidebar .image .title-and-button .btn {
margin-right: auto;
margin-left: auto;
border-color: #fff;
color: #fff;
border: 1px solid #fff;
}
.blog-cta-sidebar .image .title-and-button .btn:hover {
border: 1px solid var(--bs-primary);
}
.blog-cta-sidebar .overlay-img img {
width: 90px;
height: 50px;
transform: rotateX(180deg);
}
.blog-cta-sidebar .overlay-img {
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
}
.blog-cta-sidebar .contact-number {
display: flex;
align-items: center;
z-index: 1;
justify-content: center;
}
.blog-cta-sidebar .contact-number svg {
width: 50px;
height: 50px;
margin-right: 18px;
}
.blog-cta-sidebar .contact-number svg path {
fill: #fff;
}
.blog-cta-sidebar .contact-number span {
color: #fff;
font-size: inherit;
line-height: 18px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 600;
display: block;
margin-bottom: var(--space-5);
}
.blog-cta-sidebar .contact-number a {
font-family: var(--bs-secondary-font), sans-serif;
font-size: 1.375rem;
line-height: 27px;
font-weight: 700;
color: #fff;
}
/* Blog details */
.blog-details .whole-content {
padding: 60px 40px 30px 40px;
}
.blog-details .full-image img {
height: 600px;
}
.blog-details .content-details {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--space-25);
}
.blog-details .owner-name-time span {
display: inline-block;
color: var(--bs-headings);
font-size: 1.375rem;
line-height: 27px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
}
.blog-details .addtoany-social-icons i:hover {
color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.blog-details .owner-name-time span:first-of-type span {
color: var(--bs-primary);
margin-right: 30px;
}
.blog-details .addtoany-social-icons i {
color: var(--bs-headings);
font-size: 21px;
}
.blog-details .addtoany-social-icons a {
margin-right: 26px;
}
.blog-details .addtoany-social-icons a:last-of-type {
margin-right: 0;
}
.blog-details .blockquote-style-1 {
padding: 32px 0 50px;
}
.blog-details .whole-content h2 {
margin-top: 50px;
margin-bottom: 32px;
}
.blog-details .whole-content ul {
margin-top: 26px;
margin-bottom: var(--space-50);
}
.blog-details .whole-content .comment-tags {
display: flex;
justify-content: space-between;
}
.blog-details .whole-content .comment-tags span {
color: var(--bs-headings);
font-size: 1.375rem;
line-height: 27px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
}
.blog-details .whole-content .tags span {
margin-right: 26px;
color: var(--bs-primary);
}
.blog-details .whole-content .tags span:hover a {
color: var(--bs-headings);
}
.blog-details .whole-content .tags span:last-of-type {
margin-right: 0;
}
.blog-details .details-page-nav img {
width: 65px;
height: 65px;
}
.blog-details .col-md-6>img {
height: 400px;
}
.blog-details .details-page-nav {
padding: 40px 0;
border-top: 1px solid rgb(24, 28, 49, 0.2);
border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.blog-details .details-page-nav ul {
display: flex;
justify-content: space-between;
}
.blog-details .details-page-nav li a {
display: flex;
}
.blog-details .details-page-nav li a:hover h6 {
color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.blog-details .details-page-nav li:last-of-type a {
justify-content: flex-end;
}
.blog-details .details-page-nav .next-blog {
text-align: right;
}
.blog-details .details-page-nav li span {
font-size: 13px;
line-height: 22px;
color: var(--bs-paragraph);
}
.blog-details .details-page-nav h6 {
word-break: break-all;
}
.blog-details .details-page-nav li:first-of-type img {
margin-right: var(--space-15);
}
.blog-details .details-page-nav li:last-of-type img {
margin-left: var(--space-15);
}
.blog-details .details-page-nav .prev-blog,
.blog-details .details-page-nav .next-blog {
width: 50%;
}
.blog-details .blog-comments .icon img {
width: 100px;
height: 100px;
margin-right: var(--space-30);
}
.blog-comments span.error {
padding: var(--space-20) 0;
font-family: var(--bs-secondary-font), sans-serif;
color: red;
display: block;
font-weight: 700;
}
.blog-details .blog-comments {
padding-top: var(--space-50);
}
.blog-details .blog-comments .comment-list {
display: flex;
padding: 30px 0 40px;
border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.comment-forbidden.nav-link {
display: none;
}
.blog-details .login-to-comment p {
margin-bottom: 0;
text-align: center;
margin-top: var(--space-50);
font-size: 27px;
font-weight: 700;
line-height: 34px;
color: var(--bs-headings)
}
.blog-details .login-to-comment p a {
color: var(--bs-primary)
}
.blog-details .login-to-comment p a:hover {
color: var(--bs-headings);
}
.blog-details .inline__links span {
padding: 0;
margin-right: var(--space-20);
font-size: 16px;
line-height: 19px;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-headings);
font-weight: 700;
text-decoration: underline;
}
.blog-details .inline__links span:last-of-type {
margin-right: var(--space-20);
}
.blog-details .blog-comments form label {
display: none;
}
.sidebar-page .blog-details.dt-section {
padding: 0;
}
.sidebar-page .blog-details .col-md-12 img {
height: 480px;
}
.blog-details .whole-content {
padding: 60px 0px 30px;
}
.sidebar-page .blog-details .blog-comments .icon img {
border-radius: 50%;
}
/* Services */
.services-2-grid .services-style-1 img {
height: 330px;
}
.services-2-grid .services-style-1 .icon {
height: 80px;
width: 80px;
}
.services-2-grid .services-style-1 .icon svg {
width: 36px;
height: 36px;
}
.services-2-grid h3 {
margin-bottom: 14px;
margin-top: -16px;
}
.services-2-grid .services-style-1 .item p {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.services-2-grid .services-style-1 .col-lg-6 {
margin-bottom: var(--space-60);
}
.services-3-grid .services-style-1 .col-lg-4 {
margin-bottom: var(--space-40);
}
.sidebar-page .services-2-grid .services-style-1 img {
height: 230px;
}
.sidebar-page .services-2-grid .services-style-1 .icon svg {
width: 28px;
height: 28px
}
.sidebar-page .services-2-grid .services-style-1 .icon {
width: 60px;
height: 60px;
}
.sidebar-page .services-2-grid .services-style-1 .col-lg-6 {
margin-bottom: var(--space-40);
}
.services-list-full-width .services-style-4 .row {
margin-bottom: var(--space-40);
}
.services-list-full-width.dt-section {
padding-bottom: 0;
}
.services-list-full-width.dt-section+.dt-section {
padding: 0;
padding-bottom: var(--space-100);
}
.services-list-full-width.dt-section+.services-list-full-width .row:last-of-type {
margin-bottom: 0;
}
.services-msas_programs .program-media {
position: relative;
padding-bottom: var(--space-70);
margin-top: var(--space-20);
}
.services-msas_programs .program-media .image img {
margin-bottom: 0;
}
.services-msas_programs .program-media .icon-logo {
background-color: rgba(55, 177, 180, .9);
width: 80%;
height: var(--space-100);
border-radius: 6px;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.services-msas_programs .program-media .icon-logo svg {
width: 90%;
height: 80%;
}
.services-msas_programs .program-media .icon-logo svg path {
fill: #fff;
}
.services-msas_programs .content {
margin-top: var(--space-40);
margin-bottom: var(--space-20);
}
.pager--load-more .pager__item .btn {
margin-right: auto;
margin-left: auto;
margin-bottom: var(--space-100);
margin-top: var(--space-50);
}
.sidebar-page .services-style-4 img {
height: 264px;
}
.sidebar-page .services-style-4 svg {
width: 20px;
height: 20px;
}
.sidebar-page .services-style-4 .icon {
width: 46px;
height: 46px;
margin-bottom: var(--space-15);
}
.sidebar-page .services-style-4 .content p {
margin-bottom: var(--space-30);
}
.sidebar-page .services-style-4 .row {
padding: 22px;
}
.sidebar-page .services-list-full-width+.services-list-full-width .services-style-4 .row:last-of-type {
margin-bottom: 0;
}
.sidebar-page .services-list-full-width .services-style-4 .row {
margin-bottom: var(--space-35);
}
.sidebar-page .services-style-4 h4 {
margin-bottom: var(--space-15);
}
.sidebar-page .pager--load-more .pager__item .btn {
margin-bottom: 0;
margin-top: var(--space-70);
}
.service-details .whole-content .image img {
height: 540px;
}
.service-details .content {
padding-top: var(--space-60);
}
.service-details .content h2 {
margin-bottom: var(--space-30);
}
.service-details .additional-content {
margin-top: var(--space-40);
margin-bottom: var(--space-50);
}
.service-details .additional-content h3 {
margin-bottom: 22px;
}
.service-details .additional-content img {
height: 400px;
}
.service-details .additional-content ul {
margin-top: 24px;
}
.service-details .feature-details .item svg path {
fill: var(--bs-primary);
}
.service-details .feature-details .item .svg {
width: 50px;
height: 50px;
background-color: var(--bs-bg);
border-radius: 50%;
position: relative;
}
.service-details .feature-details .item svg {
width: 24px;
height: 24px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.service-details .feature-details .item .icon {
display: flex;
align-items: center;
margin-bottom: var(--space-15);
}
.service-details .feature-details .item .icon h3 {
margin-bottom: 0;
margin-left: 18px;
}
.service-details .feature-details .item p {
padding-left: var(--space-70);
margin-bottom: 0px;
}
.service-details .feature-details .item {
margin-bottom: var(--space-30);
}
.service-details .feature-details .item:last-of-type {
margin-bottom: 0;
}
.sidebar-page .service-details.dt-section {
padding: 0
}
.sidebar-page .service-details .whole-content .image img {
height: 460px;
}
.sidebar-page .service-details .content {
padding-top: var(--space-50);
}
.sidebar-page .service-details .additional-content .col-lg-6 {
width: 100%;
}
.sidebar-page .service-details .additional-content ul {
margin-bottom: var(--space-40);
}
.sidebar-page .service-details .additional-content img {
height: 440px;
}
.sidebar-page #block-services .sidebar-label {
display: none;
}
.sidebar-page .list-text h5 a:hover {
color: var(--bs-primary);
}
.sidebar-page .list-text h5 a:hover+svg path {
fill: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.sidebar-page .list-text h5 svg,
.sidebar-page .text-primary h5 svg {
width: 18px;
height: 18px;
transform: rotateY(180deg)
}
.sidebar-page .text-primary h5 {
color: var(--bs-primary);
position: relative;
}
.sidebar-page .text-primary h5::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-color: var(--bs-primary);
width: 5px;
height: 100%;
}
.sidebar-page .text-primary svg path {
fill: var(--bs-primary);
}
.sidebar-page .list-text h5,
.sidebar-page .text-primary h5 {
display: flex;
background-color: var(--bs-bg);
justify-content: space-between;
padding: 20px 24px;
margin-bottom: var(--space-5);
}
/* .projects-details-page */
.projects-details .image img {
height: 650px;
}
.projects-details .project-content-details {
display: flex;
justify-content: space-between;
padding: 50px 0;
border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.projects-details .project-content-details .title-value span {
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
line-height: 19px;
display: block;
font-weight: 500;
margin-bottom: var(--space-10);
}
.projects-details .main-content {
padding: 50px 0;
padding-bottom: var(--space-35);
}
.projects-details .main-content h2 {
margin-bottom: var(--space-30);
}
.projects-details .main-content h3 {
margin-top: var(--space-50);
margin-bottom: 24px;
}
.projects-details .main-content ul {
margin-top: 24px;
margin-bottom: var(--space-20);
}
.projects-details .pager {
display: flex;
justify-content: space-between;
padding: 35px 0;
border-top: 1px solid rgb(24, 28, 49, 0.2);
border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.projects-details .pager svg {
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.projects-details .pager a {
display: flex;
align-items: center;
}
.projects-details .pager h4 {
margin-bottom: 0;
}
.projects-details .pager .prev .icon {
margin-right: 18px;
}
.projects-details .pager .icon:hover {
background-color: var(--bs-headings);
transition: 0.2s ease-in-out;
}
.projects-details .pager .icon:hover svg path {
fill: #fff;
}
.projects-details .pager .next .icon {
margin-left: 18px;
}
.projects-details .pager .prev,
.projects-details .pager .next {
display: flex;
align-items: center;
}
.projects-details .pager .next {
text-align: right;
}
.projects-details .pager .icon {
height: 48px;
width: 48px;
position: relative;
border: 1px solid var(--bs-headings);
border-radius: 50%;
}
.projects-details .addtoany-social-icons i:hover {
color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.projects-details .addtoany-social-icons i {
color: var(--bs-headings);
font-size: 1.375rem;
}
.projects-details .addtoany_list.a2a_kit_size_32>a {
margin-right: 26px;
}
.projects-details .addtoany_list.a2a_kit_size_32>a:last-of-type {
margin-right: 0;
}
.sidebar-page .projects-details.dt-section {
padding: 0;
}
.sidebar-page .projects-details .project-content-details {
display: none;
}
.sidebar-page .projects-details .image img {
height: 520px;
}
.sidebar-project-details {
padding: 45px;
background-color: var(--bs-bg);
}
.sidebar-project-details h4 {
margin-bottom: 12px;
}
.sidebar-project-details .item {
margin-bottom: var(--space-40);
}
.sidebar-project-details .item:last-of-type {
margin-bottom: 0;
}
.sidebar-project-details .item:last-of-type .block {
margin-bottom: 0;
}
.sidebar-project-details span {
line-height: 21px;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-weight: 500;
}
.sidebar-project-details .addtoany-social-icons i {
font-size: 1.375rem;
color: var(--bs-paragraph);
}
.sidebar-project-details .addtoany-social-icons a {
font-size: 0;
}
/* Project tabs */
.project-tabs.dt-section {
padding-bottom: 0;
}
.project-tabs .nav {
margin-bottom: var(--space-60);
}
/* masonry style 1 */
.masonry-style-1.dt-section,
.masonry-style-2.dt-section,
.projects-2-grid.projects-tab.dt-section {
padding-top: 0;
}
.masonry-style-1 .image img {
height: 260px;
}
.masonry-style-1 .image.h-large img {
height: 535px;
}
.masonry-style-1 .image {
position: relative;
}
.masonry-style-1 .image .icon {
position: absolute;
top: 48px;
right: 48px;
padding: 17px;
background-color: var(--bs-primary);
border-radius: 50%;
opacity: 0;
transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .icon svg {
height: 26px;
width: 26px;
}
.masonry-style-1 .image .icon svg path {
fill: #fff;
}
.masonry-style-1 .image .title {
position: absolute;
bottom: 40px;
left: 40px;
font-family: var(--bs-secondary-font), sans-serif;
color: #fff;
font-size: 1.375rem;
line-height: 27px;
font-weight: 700;
opacity: 0;
transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
background-color: rgb(24, 28, 49, 0);
transition: 0.3s ease-in-out;
}
.masonry-style-1 .image:hover .overlay {
background-color: rgb(24, 28, 49, 0.65);
transition: 0.3s ease-in-out;
}
.masonry-style-1 .image:hover .icon,
.masonry-style-1 .image:hover .title {
opacity: 1;
transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .title:hover {
color: var(--bs-primary)
}
.masonry-style-1 .col-lg-4 {
margin-bottom: var(--space-15);
}
/* masonry style 2 */
.masonry-style-2 .image img {
height: 330px;
}
.masonry-style-2 .image.h-large img {
height: 615px;
}
.masonry-style-2 .image.h-mid img {
height: 390px;
}
.masonry-style-2 .image {
position: relative;
}
.masonry-style-2 .image .overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgb(24, 28, 49, 0);
transition: 0.3s ease-in-out;
}
.masonry-style-2 .image .title {
position: absolute;
bottom: 30px;
left: 30px;
}
.masonry-style-2 .image svg {
width: 26px;
height: 26px;
}
.masonry-style-2 .image svg path {
fill: #fff;
}
.masonry-style-2 .image .icon {
padding: 17px;
background-color: var(--bs-primary);
border-radius: 50%;
}
.masonry-style-2 .image .icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 60px;
width: 60px;
margin: auto;
}
.masonry-style-2 .col-lg-4 {
margin-bottom: var(--space-15);
}
.masonry-style-2 .image .title a {
font-family: var(--bs-secondary-font), sans-serif;
color: #fff;
font-weight: 700;
font-size: 1.375rem;
line-height: 27px;
margin-bottom: 12px;
display: block;
}
.masonry-style-2 .image .title a:hover {
color: var(--bs-primary);
}
.masonry-style-2 .image .title .category {
font-size: inherit;
line-height: 22px;
text-transform: uppercase;
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
}
.masonry-style-2 .image .icon,
.masonry-style-2 .image .title {
opacity: 0;
transition: 0.3s ease-in-out;
}
.masonry-style-2 .image:hover .icon,
.masonry-style-2 .image:hover .title {
opacity: 1;
transition: 0.3s ease-in-out;
}
.masonry-style-2 .image:hover .overlay {
background-color: rgb(24, 28, 49, 0.65);
transition: 0.3s ease-in-out;
}
/* Projects grid 2 */
.projects-2-grid .image img {
height: 500px;
}
.projects-2-grid .image {
position: relative;
}
.projects-2-grid .image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s ease-in-out;
}
.projects-2-grid .image:hover .overlay {
background-color: rgb(24, 28, 49, 0.65);
}
.projects-2-grid .image .icon {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
height: 70px;
width: 70px;
}
.projects-2-grid .image .icon {
background-color: var(--bs-primary);
border-radius: 50%;
opacity: 0;
transition: 0.3s ease-in-out;
}
.projects-2-grid .image:hover .icon {
opacity: 1;
transition: 0.3s ease-in-out;
}
.projects-2-grid .image .icon svg {
width: 30px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.projects-2-grid .content {
padding: 30px 0;
}
.projects-2-grid .content span {
color: var(--bs-primary);
font-size: inherit;
line-height: 22px;
text-transform: uppercase;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
}
.projects-2-grid .image .icon svg path {
fill: #fff;
}
.projects-2-grid .col-lg-6 {
margin-bottom: 24px;
}
/* project-grid-3 */
.projects-3-grid.projects-2-grid .image img {
height: 330px;
}
.projects-3-grid.projects-2-grid .image .icon svg {
width: 26px;
height: 26px;
}
.projects-3-grid.projects-2-grid .image .icon {
height: 60px;
width: 60px;
}
.projects-3-grid.projects-2-grid .col-lg-4 {
margin-bottom: var(--space-10);
}
.projects-list-full-width .item {
max-width: 900px;
margin-right: auto;
margin-left: auto;
}
.projects-list-full-width .image {
position: relative;
}
.projects-list-full-width .image .icon svg {
position: absolute;
width: 42px;
height: 42px;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.projects-list-full-width .image .icon svg path {
fill: #fff;
}
.projects-list-full-width .image .icon {
position: absolute;
height: 100px;
width: 100px;
margin: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: var(--bs-primary);
border-radius: 50%;
opacity: 0;
transition: 0.3s ease-in-out;
}
.projects-list-full-width .image img {
height: 600px;
}
.projects-list-full-width .image .content {
position: absolute;
bottom: 50px;
left: 50px;
opacity: 0;
transition: 0.3s ease-in-out;
}
.projects-list-full-width .image .content h2 {
color: #fff;
margin-bottom: var(--space-15);
}
.projects-list-full-width .item .image::before {
content: "";
position: absolute;
background-color: rgb(24, 28, 49, 0);
height: 100%;
width: 100%;
transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:last-of-type {
margin-bottom: var(--space-40);
}
.projects-list-full-width .item {
margin-bottom: var(--space-60);
}
.projects-list-full-width .image .content span {
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
text-transform: uppercase;
font-size: 1.375rem;
line-height: 27px;
}
.projects-list-full-width .item:hover .content {
opacity: 1;
transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:hover .image::before {
background-color: rgb(24, 28, 49, 0.45);
transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:hover .icon {
opacity: 1;
transition: 0.3s ease-in-out;
}
/* projects-grid-sidebar */
.project-grid-header .project-tabs {
padding-top: 0;
}
.project-grid-header .tabs-menu .nav {
flex-direction: column;
text-align: left;
width: 100%;
align-items: flex-start;
}
.project-grid-header .tabs-menu .nav-link {
margin-left: 0;
margin-right: 0;
padding: 20px 24px;
line-height: 21px;
background-color: var(--bs-bg);
width: 100%;
margin-bottom: var(--space-5);
}
.project-grid-header .tabs-menu .nav-link.active::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-color: var(--bs-primary);
height: 100%;
width: 5px;
}
.projects-grid-sidebar .project-grid-content img {
height: 330px;
}
.projects-grid-sidebar .project-grid-content .projects-2-grid .col-lg-6 {
margin-bottom: var(--space-10);
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width img {
height: 560px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .image .icon {
width: 85px;
height: 85px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .image .icon svg {
width: 35px;
height: 35px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .item {
max-width: 100%;
width: 100%;
}
.projects-list-full-width.projects-lists.dt-section {
padding-bottom: var(--space-60);
}
.home-slider-1 {
/* height: 570px; */
position: relative;
}
.home-slider-1 .owl-dots {
width: 1140px;
padding: 0 var(--space-20);
margin-right: auto;
margin-left: auto;
position: relative;
bottom: var(--space-30);
text-align: right;
max-width: 100%;
}
.home-slider-1 .owl-dots button {
border: unset;
background-color: unset;
box-shadow: unset;
z-index: 1;
line-height: 22px;
color: #fff;
font-weight: 500;
font-family: var(--bs-secondary-font), sans-serif;
margin-right: var(--space-75);
padding: var(--space-5);
background-color: transparent;
border-radius: 3px;
}
.home-slider-1 .owl-dots .owl-dot {
position: relative;
}
.home-slider-1 .owl-dots .owl-dot.active button {
color: var(--bs-primary);
cursor: default;
}
.home-slider-1 .owl-dots .owl-dot:not(.active) button:hover {
background-color: var(--bs-primary);
}
.home-slider-1 .owl-dots .owl-dot:last-of-type button {
margin-right: 0;
}
.home-slider-1 .owl-dots .owl-dot::before {
position: absolute;
content: "";
width: 50px;
height: 2px;
background-color: #fff;
right: 14px;
bottom: 0;
top: 0;
margin: auto;
}
.home-slider-1 .owl-dots .owl-dot:last-of-type:before {
display: none;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
visibility: hidden
}
.header-3 .home-slider-1,
.header-2 .home-slider-1 {
height: 650px;
}
.header-2 .home-slider-1 .item .row,
.header-3 .home-slider-1 .item .row {
margin-top: var(--space-180);
}
.header-1 .home-slider-3,
.header-2 .home-slider-3,
.header-3 .home-slider-3 {
min-height: 760px;
}
.home-slider-1 .item {
height: 100%;
}
.home-slider-1 .item img {
height: 380px;
}
.home-slider-1 .item .row {
margin-top: var(--space-60);
}
.home-slider-1 .item .content {
margin-top: var(--space-60);
margin-bottom: var(--space-60);
}
.home-slider-1 .item .content span {
display: block;
margin-bottom: 14px;
text-transform: uppercase;
font-family: var(--bs-secondary-font), sans-serif;
color: #fff;
}
.home-slider-1 .item .content .title {
font-family: var(--bs-secondary-font), sans-serif;
font-size: var(--space-45);
line-height: var(--space-50);
/* width: 430px; */
width: 95%;
font-weight: 800;
color: #fff;
text-transform: initial;
margin-bottom: var(--space-30);
}
.home-slider-1>.container {
position: absolute;
left: 0;
bottom: 70px;
right: 0;
z-index: 2;
}
.home-slider-1 .slider-count {
text-align: right;
}
.home-slider-1 .slider-count span:first-of-type::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
background-color: #fff;
height: 2px;
width: 50px;
margin: auto;
right: -63px;
}
.home-slider-1 .slider-count span {
color: #fff;
line-height: 22px;
font-family: var(--bs-secondary-font), sans-serif;
display: inline-block;
position: relative;
}
.home-slider-1 .col-lg-6:last-of-type {
height: fit-content;
}
.home-slider-1 .slider-count span:first-of-type {
margin-right: 74px;
}
.title-1 {
margin-bottom: var(--space-60);
text-align: center;
}
.title-1 span {
font-size: inherit;
line-height: 18px;
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: 14px;
display: block;
text-transform: uppercase;
font-weight: 800;
}
.title-1 h2 {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.about-us-1 .content span {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
display: block;
text-transform: uppercase;
margin-bottom: var(--space-15);
}
.about-us-1 .content h2 {
margin-bottom: var(--space-30);
}
.about-us-1 .content p {
margin-bottom: 0;
}
.about-us-1 .features {
/* margin:42px 0; */
margin: var(--space-40) 0;
}
.about-us-1 .features .feature {
display: flex;
margin-bottom: 24px;
}
.about-us-1 .features .feature .icon svg path {
fill: var(--bs-primary);
}
.about-us-1 .features .feature .icon svg {
width: 24px;
height: 24px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
background-color: var(--bs-bg);
}
.about-us-1 .features .feature .icon {
width: 90px;
height: 60px;
background-color: #fff;
position: relative;
}
.about-us-1.bg-white .features .feature .icon {
background-color: var(--bs-bg);
}
.about-us-1 .features .feature .feature-content {
margin-left: var(--space-20);
}
.about-us-1 .contact-number {
display: flex;
padding: 20px 0 35px;
}
.project-style-1 .btn {
margin-right: auto;
margin-left: auto;
}
.about-us-1 .contact-number svg {
width: 50px;
height: 50px;
margin-right: 18px;
}
.about-us-1 .contact-number span:first-of-type {
font-size: inherit;
font-family: var(--bs-secondary-font), sans-serif;
line-height: 18px;
display: block;
color: var(--bs-paragraph);
font-weight: 600;
margin-bottom: var(--space-5);
}
.about-us-1 .contact-number a {
font-family: var(--bs-secondary-font), sans-serif;
font-size: 1.375rem;
line-height: 27px;
color: var(--bs-primary);
font-weight: 800;
}
.about-us-1 .about-card {
width: 250px;
height: 140px;
background-color: var(--bs-primary);
position: absolute;
bottom: 0;
left: -108px;
}
.about-us-1 .col-lg-6:last-of-type {
position: relative;
}
.about-us-1 .about-card span:first-of-type {
padding-top: 24px;
margin-left: 28px;
display: block;
font-size: 50px;
line-height: 61px;
color: #fff;
font-weight: 700;
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-5);
}
.about-us-1 .about-card span:last-of-type {
display: block;
margin-left: 28px;
line-height: 19px;
font-weight: 700;
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
}
.about-us-1 img {
/* height: 600px; */
position: relative;
z-index: 2;
}
.project-style-1 .masonry-style-1.projects-tab-masonry.dt-section {
padding-bottom: var(--space-60);
}
.video-1 .image {
position: relative;
}
.video-1 .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgb(24, 28, 49, 0.40);
}
.video-1 .image img {
height: 600px;
}
.video-1 .image-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100px;
width: 100px;
}
.video-1 .image-overlay svg {
width: 100px;
height: 100px;
cursor: pointer;
}
.video-1 a {
width: max-content;
height: max-content;
border-radius: 50%;
}
.video-1 .image-overlay svg path {
fill: #fff;
}
.node__content:has(.about-us-1 + .cta-1) .about-us-1 {
padding-bottom: var(--space-150);
}
.node__content:has(.cta-1 + .view-annual-reports) .view-annual-reports {
padding-top: 0;
}
.cta-1 {
position: relative;
top: -6.25rem;
}
.cta-1 .svg-overlay {
width: 100%;
background-color: var(--bs-primary);
padding: var(--space-20);
z-index: 1;
}
.cta-1 .card-container {
padding-top: var(--space-50);
padding-bottom: var(--space-20);
}
.cta-1 .btn {
background-color: #fff;
color: var(--bs-primary);
z-index: 2;
}
.cta-1 .btn:hover {
background-color: var(--bs-primary);
color: #fff;
border: 2px solid #fff;
}
.cta-1 .svg-overlay h3 {
color: #FFF;
width: 318px;
margin-bottom: 32px;
}
.cta-1 .card-description {
display: flex;
align-items: center;
/* width: 57%; */
margin-left: auto;
}
.cta-1 .card-description .card-texts {
text-align: left;
padding-right: var(--space-40);
position: relative;
}
.cta-1 .card-description .card-texts .number {
font-size: 60px;
line-height: 72px;
font-weight: 800;
color: var(--bs-headings);
font-family: var(--bs-secondary-font), sans-serif;
}
.cta-1 .card-description .card-texts .card-text {
font-weight: 500;
color: var(--bs-headings);
line-height: 19px;
width: 100px;
font-family: var(--bs-secondary-font), sans-serif;
}
.cta-1 .card-description .description {
text-align: left;
}
.cta-1 .card-description .description p {
margin-bottom: 0;
margin-left: var(--space-40);
margin-top: var(--space-10);
}
.why-choose-us-style-1.dt-section {
padding-top: 0;
}
.why-choose-us-style-1 .image img {
height: 594px;
padding-left: var(--space-45);
}
.why-choose-us-style-1 .image .overlay span:first-of-type {
display: block;
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-size: 36px;
line-height: 43px;
font-weight: 700;
}
.why-choose-us-style-1 .image .overlay span:last-of-type {
display: block;
color: var(--bs-headings);
line-height: 19px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
}
.why-choose-us-style-1 .image {
position: relative;
}
.why-choose-us-style-1 .overlay {
padding: 25px 40px;
border-radius: 8px;
background-color: #fff;
width: max-content;
box-shadow: 0 3px 10px #0000001F;
position: absolute;
bottom: 120px;
left: 0;
}
.why-choose-us-style-1 .content span {
color: var(--bs-primary);
font-size: inherit;
line-height: 18px;
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: var(--space-15);
}
.why-choose-us-style-1 .content h2 {
margin-bottom: var(--space-30);
}
.why-choose-us-style-1 .content .features .feature-content {
margin-bottom: 34px;
}
.why-choose-us-style-1 .content .features .feature-content:last-of-type {
margin-bottom: 0;
}
.why-choose-us-style-1 .content .features {
margin-top: 42px;
}
.team-1 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-65);
}
.clients-home-style-1 .client-image img {
width: 200px;
padding: 40px 20px;
}
.clients-home-style-1 .client-image {
text-align: center;
}
.clients-home-style-1 .col-lg-3 {
border-right: 1px solid rgb(24, 28, 49, 0.15);
}
.clients-home-style-1 .col-lg-3 {
border-bottom: 1px solid rgb(24, 28, 49, 0.15);
}
.clients-home-style-1 .col-lg-3:nth-child(4),
.clients-home-style-1 .col-lg-3:nth-child(8) {
border-right: none;
}
.clients-home-style-1 .col-lg-3:nth-child(n+5) {
border-bottom: none;
}
.contact-home-1 .content span {
color: var(--bs-primary);
font-size: inherit;
font-weight: 500;
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-15);
display: block;
}
.contact-home-1 .content h3 {
color: #fff;
width: 500px;
margin-bottom: var(--space-50);
}
.contact-home-1 .content .form-style-3 {
width: 640px;
}
.contact-home-1 .webform-submission-form label {
color: var(--bs-bg);
opacity: .7;
}
.pricing-plans-style-1 .pricing-style-1 .item {
background-color: #fff;
border: unset;
}
.pricing-plans-style-1.bg-white .item.recommended {
background-color: var(--bs-bg);
border: unset;
}
.pricing-plans-style-1.bg-white .item {
border: 1px solid lightgray;
}
.contact-home-1 .form-style-3 input,
.contact-home-1 .form-style-3 textarea,
.contact-home-1 .form-style-3 .nice-select {
border-bottom: 1px solid #fff;
}
.contact-home-1 .form-style-3 textarea {
height: 90px;
}
.blog-home-style-1 .container>.btn {
margin-left: auto;
margin-right: auto;
margin-top: var(--space-50);
}
.header-1 .page-banner {
margin-top: var(--space-90);
}
.header-2 .page-banner.dt-section {
padding-top: var(--space-125);
padding-bottom: var(--space-125);
}
.header-3 .page-banner.dt-section {
padding-bottom: var(--space-115);
}
.header-1 .home-slider-2 {
min-height: 680px;
margin-top: var(--space-80);
}
.home-slider-2 .col-lg-10 {
position: relative;
}
.home-slider-2 .image-on-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.home-slider-2 .image-on-slider img {
height: 100%;
width: 100%
}
.home-slider-2 .container {
position: relative;
height: 680px;
}
.home-slider-2 .image {
position: absolute;
top: 0;
left: 0;
}
.home-slider-2 .image::before {
content: "";
position: absolute;
height: 100%;
width: 1300px;
background-color: rgb(24, 28, 49, 0.5);
}
.home-slider-2 .image img {
height: 680px;
width: 1300px;
}
.home-slider-2 .contact-number-wrapper .number {
font-size: 1.375rem;
line-height: 27px;
color: var(--bs-headings);
font-weight: 700;
display: block;
margin-bottom: 7px;
}
.home-slider-2 .contact-number-wrapper .text {
font-size: .875rem;
line-height: 18px;
color: var(--bs-paragraph);
font-weight: 500;
}
.home-slider-2 .contact-number {
display: flex;
width: max-content;
transform: rotate(270deg);
position: absolute;
bottom: 190px;
left: -75px;
}
.home-slider-2 .contact-number svg {
width: 24px;
height: 24px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.home-slider-2 .contact-number svg path {
fill: #fff;
}
.home-slider-2 .contact-number .icon {
padding: 15px;
background-color: var(--bs-primary);
border-radius: 50%;
width: 54px;
height: 54px;
margin-right: 12px;
position: relative;
}
.home-slider-2 .item .title {
font-size: 56px;
line-height: 66px;
width: 650px;
margin-bottom: var(--space-45);
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 800;
}
.home-slider-2 .item {
padding: 191px 0;
}
.home-slider-2 .arrows button {
border: unset;
box-shadow: unset;
background-color: unset;
}
.home-slider-2 .arrows button svg path {
fill: #fff;
}
.home-slider-2 .arrows button svg {
width: 16px;
height: 16px;
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.home-slider-2 .arrows button.prev {
height: 48px;
width: 48px;
border: 1px solid #FFF;
border-radius: 50%;
z-index: 2;
position: relative;
margin: var(--space-10) 0;
transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.next {
height: 48px;
width: 48px;
border: 1px solid #FFF;
border-radius: 50%;
z-index: 2;
position: relative;
margin: var(--space-10) 0;
transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.prev:hover,
.home-slider-2 .arrows button.next:hover {
background-color: #fff;
transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.prev:hover svg path,
.home-slider-2 .arrows button.next:hover svg path {
fill: var(--bs-headings);
transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows {
position: absolute;
right: 12px;
bottom: 0;
top: 0;
z-index: 2;
height: max-content;
margin-top: auto;
margin-bottom: auto;
display: flex;
justify-content: center;
flex-direction: column;
}
.home-slider-2 .owl-dots {
position: absolute;
width: max-content;
bottom: 50px;
right: 0;
z-index: 3;
}
.home-slider-2 .owl-dots button {
background-color: unset;
border: unset;
color: #fff;
font-size: 1.375rem;
line-height: 27px;
text-transform: uppercase;
font-weight: 500;
font-family: var(--bs-secondary-font), sans-serif;
}
.home-slider-2 .owl-dots button:last-of-type span {
margin-right: 0 !important;
}
.home-slider-2 .owl-dots .owl-dot {
margin-right: var(--space-20);
}
.home-slider-2 .owl-dots .owl-dot:last-of-type {
margin-right: 0;
}
.home-slider-2 .owl-dots .owl-dot.active button {
color: var(--bs-primary)
}
.why-choose-us-2 .main-content .title {
color: #fff;
font-size: 2rem;
line-height: 36px;
font-weight: 800;
margin-bottom: var(--space-30);
font-family: var(--bs-secondary-font), sans-serif;
}
.why-choose-us-2 .main-content .description {
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 22px;
color: rgb(255, 255, 255, 0.6);
}
.why-choose-us-2 .main-content {
background-color: var(--bs-headings);
border-radius: 6px;
padding: 50px 35px;
}
.why-choose-us-2 .item .icon svg {
width: 40px;
height: 40px;
margin-bottom: 14px;
}
.why-choose-us-2 .item .icon svg path {
fill: var(--bs-primary);
}
.why-choose-us-2 .item {
text-align: center;
padding: 40px 32px;
border: 1px solid #00000033;
border-radius: 6px;
}
.why-choose-us-2 .item h4 {
margin-bottom: var(--space-20);
}
.about-us-2 .content span {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 18px;
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: var(--space-15);
}
.about-us-2 .content h2 {
margin-bottom: var(--space-25);
}
.about-us-2 .content .design-icon svg path {
stroke: var(--bs-primary);
}
.about-us-2 .content .design-icon svg {
width: 80px;
height: auto;
}
.about-us-2 .content .design-icon {
margin-bottom: var(--space-25);
}
.about-us-2 .content ul {
margin-bottom: var(--space-40);
margin-top: var(--space-30);
}
.about-us-2 .image img {
width: 980px;
height: 700px;
}
.title-2 {
text-align: center;
margin-bottom: var(--space-60);
}
.title-2 span {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
text-transform: uppercase;
font-weight: 700;
margin-bottom: var(--space-15);
line-height: 18px;
display: block;
}
.title-2 h2 {
margin-bottom: var(--space-25);
}
.title-2 .design-svg svg {
width: 80px;
height: auto;
}
.title-2 .design-svg svg path {
stroke: var(--bs-primary);
}
.services-style-2 .col-lg-4 {
margin-bottom: var(--space-50);
}
.video-2 .title {
font-size: 2rem;
line-height: 36px;
color: #fff;
font-weight: 800;
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: 37px;
width: 480px;
margin-right: auto;
margin-left: auto;
}
.video-2 .icon svg {
width: 20px;
height: 20px;
margin-right: 6px;
}
.video-2 .icon svg path {
fill: #fff;
}
.video-2 a {
display: flex;
align-items: center;
justify-content: center;
}
.video-2 .icon {
color: #fff;
line-height: 19px;
text-transform: capitalize;
font-weight: 700;
font-family: var(--bs-primary-font);
}
.video-2 {
min-height: 450px;
}
.video-2 .btn {
margin-right: auto;
margin-left: auto;
transition: 0.2s ease-in-out;
}
.video-2 .btn:hover svg path {
fill: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.video-2 .content {
text-align: center;
padding: 143px 0;
}
.project-style-2 .image {
position: relative;
}
.project-style-2 .image .overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
height: max-content;
width: max-content;
}
.project-style-2 .image .overlay svg {
height: 30px;
width: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.project-style-2 .image .overlay .icon {
height: 70px;
width: 70px;
background-color: var(--bs-primary);
border-radius: 50%;
position: relative;
opacity: 0;
transition: 0.3s ease-in-out;
}
.project-style-2 .image:hover .icon {
opacity: 1;
transition: 0.3s ease-in-out;
}
.project-style-2 .image::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(24, 28, 49, 0);
transition: 0.3s ease-in-out;
}
.project-style-2 .image:hover::before {
background-color: rgb(24, 28, 49, 0.65);
transition: 0.3s ease-in-out;
}
.project-style-2 .image .overlay svg path {
fill: #fff;
}
.project-style-2 .image img {
height: 450px;
}
.project-style-2 .image.h-large img {
height: 500px;
}
.project-style-2 .content {
padding: 30px 0;
}
.project-style-2 .content>a {
text-transform: uppercase;
font-family: var(--bs-secondary-font), sans-serif;
font-size: inherit;
line-height: 22px;
color: var(--bs-primary);
font-weight: 500;
}
.project-style-2 .col-lg-6 {
margin-bottom: var(--space-20);
}
.project-style-2 .btn {
margin-right: auto;
margin-left: auto;
}
.team-2 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-60);
}
.team-2 .team-style-2 .item {
background-color: #fff;
}
.pricing-style-2 svg {
display: none;
}
.cta-2 {
background-color: var(--bs-headings);
}
.cta-2 .title {
color: #fff;
font-size: 2rem;
line-height: 36px;
font-weight: 800;
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-30);
width: 470px;
}
.cta-2 .btn {
background-color: #fff;
border: 2px solid #fff;
position: relative;
z-index: 2;
}
.cta-2 .btn:hover {
background-color: var(--bs-primary);
border: 2px solid var(--bs-primary);
}
.testimonials-style-2 .arrows button {
background-color: unset;
border: unset;
}
.testimonials-style-2 .arrows button svg {
width: 14px;
height: 14px;
transition: 0.2s ease-in-out;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.testimonials-style-2 .arrows button.prev {
height: 38px;
width: 38px;
border: 1px solid var(--bs-headings);
border-radius: 50%;
margin-right: 12px;
transition: 0.2s ease-in-out;
position: relative;
}
.testimonials-style-2 .arrows button.prev:hover svg path,
.testimonials-style-2 .arrows button.next:hover svg path {
fill: var(--bs-bg);
transition: 0.2s ease-in-out;
}
.testimonials-style-2 .arrows button.prev:hover,
.testimonials-style-2 .arrows button.next:hover {
background-color: var(--bs-headings);
transition: 0.2s ease-in-out;
}
.testimonials-style-2 .arrows button.next {
height: 38px;
width: 38px;
border: 1px solid var(--bs-headings);
border-radius: 50%;
transition: 0.2s ease-in-out;
position: relative;
}
.testimonials-style-2 {
height: 390px;
}
.testimonials-style-2 .container {
position: relative;
top: -129px;
}
.testimonials-style-2 .arrows {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.testimonials-style-2 .style-6-slider .item .col-lg-6 img {
height: 650px;
}
.blog-home-style-2 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-35);
}
.contact-home-2 .whole-content img {
height: 560px;
}
.contact-home-2 .whole-content iframe {
height: 580px;
width: 100%;
}
.contact-home-2 .image {
position: relative;
}
.contact-home-2 .image::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgb(24, 28, 49, 0.25);
}
.contact-home-2 {
position: relative;
}
.contact-home-2 .container {
padding: 80px 100px;
background-color: var(--bs-bg);
position: absolute;
height: max-content;
top: 100px;
right: 0;
left: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
}
/* .webform-submission-form input::placeholder,
.contact-home-2 form input::placeholder,
.contact-home-3 form input::placeholder,
.career-details form input::placeholder,
.career-details #edit-file-upload,
.login .login-form input::placeholder,
.get-quote-form .form-style-1 input::placeholder,
.contact-page-2 .form-style-1 input::placeholder,
.get-quote-form .form-style-1 .nice-select span,
.form-style-1 .nice-select span,
.form-style-1 input::placeholder,
.form-style-3 input::placeholder,
.form-style-3 .nice-select span {
color: var(--bs-paragraph);
} */
.webform-submission-form .markup-item {
margin-bottom: var(--space-15);
}
.webform-submission-form input,
.get-quote-form .form-style-1 input {
margin-bottom: var(--space-30);
}
.newsletter-form .webform-submission-form input.form-email {
margin-bottom: 0;
}
.application-form input:not(.form-file) {
margin-bottom: 0;
}
.achievements-style-1 .item {
text-align: center;
padding: 42px 0;
border: 1px solid #00000026;
border-right: none !important;
}
.achievements-style-1 .col-lg-3:last-of-type .item {
border-right: 1px solid #00000026 !important;
}
.achievements-style-1 .item span {
font-size: 1.375rem;
display: block;
line-height: 27px;
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
margin-bottom: 14px;
}
.achievements-style-1 .item .count {
display: flex;
justify-content: center;
}
.achievements-style-1 .item .count span {
font-size: 45px;
font-family: var(--bs-secondary-font), sans-serif;
color: #1A1725;
font-weight: 800;
}
.achievements-style-1.dt-section {
padding-top: 0;
}
.home-slider-3 {
min-height: 690px;
}
.header-1 .home-slider-3 {
margin-top: var(--space-70);
}
.header-1 .home-slider-3 .item,
.header-3 .home-slider-3 .item,
.header-2 .home-slider-3 .item {
min-height: 760px;
}
.home-slider-3 .item .title {
color: #fff;
font-size: 58px;
line-height: 68px;
text-align: center;
padding: 220px 0 280px;
width: 662px;
font-weight: 800;
margin-right: auto;
margin-left: auto;
font-family: var(--bs-secondary-font), sans-serif;
}
.home-slider-3 .arrows button {
background-color: unset;
border: unset;
}
.home-slider-3 .arrows button svg {
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto
}
.home-slider-3 .arrows button svg path {
fill: #fff;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev {
width: 48px;
height: 48px;
border: 1px solid #fff;
border-radius: 50%;
position: relative;
z-index: 1;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev:hover {
background-color: #fff;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next:hover {
background-color: #fff;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next:hover svg path {
fill: #000;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev:hover svg path {
fill: #000;
transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next {
width: 48px;
height: 48px;
border: 1px solid #fff;
border-radius: 50%;
position: relative;
z-index: 1;
}
.home-slider-3 {
position: relative;
}
.home-slider-3 .arrows {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: -80px;
max-width: 1140px;
align-items: center;
height: 100%;
display: flex;
justify-content: space-between;
margin-right: auto;
margin-left: auto;
margin: auto;
}
.home-slider-3 .overlay-svg {
position: absolute;
bottom: -10px;
width: 100%;
height: auto;
z-index: 2
}
.home-slider-3 .overlay-svg svg {
width: 100%;
height: auto;
}
.home-slider-3 .overlay-svg svg path {
fill: #fff;
}
.title-3 {
text-align: center;
margin-bottom: var(--space-60);
}
.title-3 span {
display: block;
width: 117px;
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
line-height: 19px;
margin-right: auto;
margin-left: auto;
font-weight: 700;
margin-bottom: var(--space-15);
position: relative;
}
.title-3 span::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-color: var(--bs-primary);
width: 20px;
height: 1px;
}
.title-3 span::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: var(--bs-primary);
width: 20px;
height: 1px;
}
.services-style-3 .col-lg-4 {
margin-bottom: var(--space-5);
}
.about-us-3 .image img {
padding-right: 37px;
padding-top: 37px;
height: 625px;
position: relative;
z-index: 1;
}
.about-us-3 .image {
position: relative;
}
.about-us-3 .image .overlay svg {
width: 146px;
height: 133px;
}
.about-us-3 .image .overlay {
position: absolute;
top: 0;
right: 0;
}
.about-us-3 .content {
padding-top: 37px;
}
.about-us-3 .content h2 {
margin-bottom: var(--space-30);
}
.about-us-3 .content span {
display: block;
width: 94px;
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
line-height: 19px;
font-weight: 700;
margin-bottom: var(--space-15);
position: relative;
}
.about-us-3 .content span::after {
position: absolute;
content: "";
background-color: var(--bs-primary);
width: 20px;
height: 1px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.about-us-3 .tabs-section .nav-link {
padding: 0;
padding-bottom: 14px;
font-size: 1.375rem;
line-height: 27px;
color: var(--bs-headings);
font-weight: 800;
font-family: var(--bs-secondary-font), sans-serif;
position: relative;
}
.about-us-3 .tabs-section .nav-link.active::before {
position: absolute;
content: "";
background-color: var(--bs-primary);
bottom: -3px;
height: 3px;
width: 100%;
}
.about-us-3 .tabs-section .nav-item {
margin-right: var(--space-20);
}
.about-us-3 .tabs-section .nav-item:last-of-type {
margin: 0;
}
.about-us-3 .tabs-section ul.nav {
width: max-content;
border-bottom: 3px solid rgb(0, 0, 0, 5%);
margin-bottom: var(--space-25);
margin-top: var(--space-45);
}
.about-us-3 .tabs-section {
margin-bottom: var(--space-40);
}
.achievements-style-2 .item {
position: relative;
}
.achievements-style-2 .item .content {
height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: var(--space-40);
}
.achievements-style-2 .item .overlay svg {
width: 120px;
height: 120px;
opacity: 0.2;
}
.achievements-style-2 .item .overlay {
position: absolute;
left: 0;
top: 0;
}
.achievements-style-2 .item .count {
display: flex;
}
.achievements-style-2 .item .count span {
color: var(--bs-headings);
font-weight: 700;
font-size: 45px;
margin-bottom: 8px;
line-height: 38px;
font-family: var(--bs-secondary-font), sans-serif;
}
.achievements-style-2 .item span {
display: block;
font-size: 1.375rem;
line-height: 27px;
font-weight: 700;
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
}
.cta-3 .content-wrapper {
padding: 50px 60px;
padding-right: var(--space-70);
background-color: #fff;
border-radius: 8px;
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
z-index: 2;
}
.cta-3 .content-wrapper h2 {
margin-bottom: 13px;
}
.cta-3 .content-wrapper .svg svg path {
fill: #FFF
}
.cta-3 .content-wrapper .svg svg {
width: 50px;
height: 50px;
margin-right: var(--space-20);
}
.cta-3 .content-wrapper .content p {
margin-bottom: 0;
}
.cta-3 .content-wrapper .number span {
color: #fff;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 800;
font-size: inherit;
line-height: 18px;
display: block;
margin-bottom: var(--space-5);
text-transform: uppercase;
}
.cta-3 .content-wrapper .number a {
font-weight: 800;
font-family: var(--bs-secondary-font), sans-serif;
line-height: 27px;
font-size: 1.375rem;
display: block;
color: #fff;
}
.cta-3 .content-wrapper .phone-number {
display: flex;
z-index: 1;
position: relative;
}
.cta-4 .content-wrapper .email-address>span {
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
.cta-4 .content-wrapper .email-address a span {
font-weight: 600;
text-transform: lowercase;
color: #fff;
}
.cta-3 .content-wrapper .number a:hover {
color: var(--bs-headings);
}
.cta-3 .content-wrapper .overlay {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: auto;
}
.cta-3 .content-wrapper .overlay-image {
position: relative;
z-index: 1;
width: 92px;
height: auto
}
.cta-3 .content-wrapper .overlay svg {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: auto;
}
.cta-3 .content-wrapper .overlay svg path {
fill: var(--bs-primary);
}
.cta-3.dt-section {
padding-bottom: 0;
}
.video-3 {
min-height: 540px;
position: relative;
top: -85px;
}
.video-3 .content {
text-align: center;
padding: 240px 0 170px;
}
.video-3 .title {
color: #fff;
font-weight: 800;
font-size: 2rem;
line-height: 36px;
margin-bottom: 22px;
font-family: var(--bs-secondary-font), sans-serif;
}
.video-3 .svg svg {
width: 70px;
height: 70px;
}
.video-3 .svg svg path {
fill: #fff;
}
.video-3 .svg a {
animation: play-animation-white 2s linear infinite;
width: max-content;
height: max-content;
display: block;
border-radius: 50%;
margin-right: auto;
margin-left: auto;
}
.projects-style-3.dt-section {
padding-top: var(--space-20);
}
.projects-style-3 .title-3 span {
width: 134px;
}
.projects-style-3 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-60);
}
.clients-home-style-3 {
background-color: var(--bs-headings);
padding: 100px 0;
}
.clients-home-style-3 .clients-3-slider .item img {
height: auto;
}
.why-choose-us-3 .content .progress-bar-style-4 h4 {
margin-bottom: var(--space-20);
line-height: 21px;
}
.why-choose-us-3 .content .progress-bar-style-4.progress-bar-style-1 .progress {
height: 2px;
}
.why-choose-us-3 .content span {
line-height: 19px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
color: var(--bs-primary);
margin-bottom: var(--space-15);
position: relative;
width: max-content;
padding-right: var(--space-30);
display: block;
}
.about-us-1+.achievements-style-1+.video-1+.why-choose-us-3 .content span::before {
display: none;
}
.about-us-1+.achievements-style-1+.video-1+.why-choose-us-3+.cta-2+.testimonials-style-2 .arrows {
display: none;
}
.why-choose-us-3 .content span::before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
background-color: var(--bs-primary);
height: 1px;
width: 20px;
margin: auto;
}
.why-choose-us-3 .row {
align-items: center;
}
.why-choose-us-3 .content h2 {
margin-bottom: var(--space-30);
}
.why-choose-us-3 .content .pro-bars {
margin-top: 44px;
}
.login-register-pass-image.image {
margin-top: var(--space-70);
}
.login-register-pass-image.image img,
.why-choose-us-3 .image img {
width: 100%;
padding-top: var(--space-25);
padding-right: var(--space-25);
position: relative;
z-index: 1;
}
.login-register-pass-image.image,
.why-choose-us-3 .image {
position: relative;
}
.login-register-pass-image.image .overlay,
.why-choose-us-3 .image .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.login-register-pass-image.image .overlay svg,
.why-choose-us-3 .image .overlay svg {
padding-left: var(--space-25);
padding-bottom: var(--space-25);
}
.why-choose-us-3 .list-style-1 {
margin-top: var(--space-30);
}
.why-choose-us-3 .progress-bar-style-4.progress-bar-style-1 h5 {
font-size: .875rem;
line-height: 21px;
}
.why-choose-us-3 .progress-bar-style-4.progress-bar-style-1 {
padding: 0 0 36px;
}
.testimonials-style-3 .title-3 span {
width: 147px;
}
.team-3 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-65);
}
.team-3.bg-gray .team-style-2 .item {
background-color: #fff;
}
.team-3 .title-3 span {
width: 128px;
}
.pricing-plans-style-3 .title-3 span {
width: 147px;
}
.pricing-plans-style-3 .pricing-style-3 .item {
border: unset;
background-color: #fff;
box-shadow: 0 1px 8px rgb(0, 0, 0, 0.05);
}
.pricing-plans-style-3 .pricing-style-3 .item.recommended {
border-top: 3px solid var(--bs-primary);
}
.blog-home-style-3 .btn {
margin-right: auto;
margin-left: auto;
margin-top: var(--space-65);
}
.contact-home-3 .form-style-1 .btn {
border-radius: 30px;
}
.contact-home-3 .title-3 span {
width: 135px;
}
.contact-home-3 .map,
.contact-home-3 .map iframe {
width: 100%;
height: 500px;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 {
display: block;
height: unset;
width: unset;
grid-auto-flow: unset;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 span {
width: 10px !important;
height: 10px !important;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 button {
/* margin:0 7.5px; */
margin: 0 var(--space-10);
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 .owl-dot.active span {
background-color: var(--bs-headings) !important;
}
.testimonials-style-3.pad-top.dt-section {
padding-top: 0;
}
.about-company.dt-section {
padding-bottom: 0;
}
.about-company .about-us-1 .features .feature .icon {
background-color: var(--bs-bg);
border-radius: 50%;
}
.achievements-style-2.achievements-style-3.dt-section {
padding-top: 0;
}
.achievements-style-2.achievements-style-3 .item .content {
padding-left: 0;
height: fit-content;
}
.about-company .image img {
height: 550px;
}
.about-company .content h2 {
margin-bottom: var(--space-30);
}
.about-company .content {
padding: 60px 0 0;
}
.about-company .bottom-content h2 {
margin-bottom: var(--space-20);
}
.about-company .bottom-content {
padding-bottom: var(--space-40);
}
.about-company .about-us-1 .features .feature .feature-content h3 {
margin-bottom: var(--space-20);
}
.company-history .item .date-year span:first-of-type {
display: block;
color: var(--bs-primary);
font-weight: 600;
font-family: var(--bs-secondary-font), sans-serif;
line-height: 21px;
margin-bottom: 8px;
}
.company-history .item .date-year span:last-of-type {
display: block;
color: var(--bs-headings);
font-size: 2rem;
line-height: 36px;
font-weight: 700;
font-family: var(--bs-secondary-font), sans-serif;
}
.company-history .item {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.company-history .item .content h3 {
margin-bottom: var(--space-20);
position: relative;
}
.company-history .item .content {
padding-bottom: var(--space-80);
}
.company-history .item:last-of-type .content {
padding-bottom: 0;
}
.company-history .item .content p {
margin-bottom: 0;
}
.company-history .item .content h3::before {
position: absolute;
content: "";
top: 0;
left: -46px;
bottom: 0;
margin: auto;
background-color: var(--bs-primary);
width: 26px;
height: 3px;
}
.management .image {
position: relative;
text-align: center;
}
.management .image img {
z-index: 1;
position: relative;
padding-left: var(--space-25);
padding-top: var(--space-25);
}
.management .image .overlay svg {
padding-right: var(--space-25);
padding-bottom: var(--space-25);
}
.management .image .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.management .content .person-details {
padding: var(--space-20) var(--space-50);
background-color: var(--bs-headings);
width: max-content;
margin-bottom: var(--space-50);
}
.management .content .person-details .name {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
color: #fff;
/* font-size: 28px; */
font-size: 1.5rem;
line-height: 34px;
margin-bottom: var(--space-5);
}
.management .content .person-details span {
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 500;
display: block;
}
.management .content .social-icons {
display: flex;
/* margin-top: 34px; */
margin-top: var(--space-35);
}
.management .content .social-icons li {
/* margin-right: 22px; */
margin-right: var(--space-20);
}
.management .content .social-icons li:last-of-type {
margin-right: 0;
}
.management .content .social-icons li .fontawesome-icon {
display: flex;
/* padding: var(--space-15); */
padding: var(--space-15);
border-radius: 50%;
border: 1px solid var(--bs-primary);
background-color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon:hover {
background-color: #fff;
border: 1px solid var(--bs-primary);
transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon:hover i {
color: var(--bs-primary);
transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon i {
color: #fff;
transition: 0.2s ease-in-out;
}
.management .bottom-content p:last-of-type {
margin-bottom: 0;
}
.management .bottom-content h2 {
margin-bottom: var(--space-30);
}
.why-choose-us-3.dt-section+.achievements-style-1.dt-section {
padding-bottom: 0;
}
.why-choose-us-3.left .image img {
padding: 0;
padding-left: var(--space-40);
padding-top: var(--space-40);
}
.why-choose-us-3.left .overlay {
left: 0;
}
.work-process-1.dt-section {
padding-bottom: 0;
padding-top: var(--space-60);
}
.work-process-1 .work-process-content {
padding-bottom: var(--space-80);
border-bottom: 1px solid rgb(24, 28, 49, 0.3);
}
.work-process-1 .work-process-content .item p {
margin-bottom: 0;
}
.work-process-1 .work-process-content .item h4 {
margin-bottom: var(--space-20);
}
.work-process-1 .work-process-content .item span {
font-size: 60px;
position: relative;
bottom: -35px;
display: block;
font-weight: 800;
line-height: 72px;
font-family: var(--bs-secondary-font), sans-serif;
color: rgb(24, 28, 49, 8%);
}
.work-process-2 .image {
position: relative;
}
.work-process-2 .image img {
height: auto;
padding-right: var(--space-25);
padding-top: var(--space-25);
position: relative;
z-index: 1;
}
.annual_reports-block_annual_reports .item .content h2 {
margin-top: var(--space-35);
margin-bottom: .5rem;
text-align: center;
}
.annual_reports-block_annual_reports .views-row {
padding-bottom: var(--space-100);
border-bottom: 1px solid lightgray;
}
.annual_reports-block_annual_reports .views-row:last-of-type {
border-bottom: none;
padding-bottom: var(--space-50);
}
.overlay__annual-reports svg {
width: 110px;
height: auto;
}
.work-process-2 .image .overlay {
position: absolute;
top: 0;
right: 0;
}
.work-process-2 .content h2 {
margin-bottom: var(--space-30);
}
.work-process-2 .item {
margin-bottom: var(--space-60);
}
.work-process-2 .item:last-of-type {
margin-bottom: 0;
}
.clients-page .image {
text-align: center;
height: 200px;
position: relative;
background-color: var(--bs-bg);
}
.clients-page .image img {
width: 250px;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.clients-page .col-lg-4 {
margin-bottom: var(--space-5);
}
.slider-template-1.testimonials-page .col-lg-4 {
margin-bottom: var(--space-30);
}
.cta-3.cta-4 .content-wrapper {
background-color: var(--bs-bg);
border-radius: 8px;
}
.faq-section.dt-section {
padding-bottom: var(--space-80);
}
.cta-3.cta-4.dt-section {
padding-top: 0;
padding-bottom: var(--space-100);
}
.why-choose-us-3.dt-section+.dt-section .container {
position: relative;
}
/* .why-choose-us-3.dt-section+.dt-section .container::before {
content: "";
background-color: rgb(24, 28, 49,0.2);
width: 100%;
height: 1px;
position: absolute;
top: -100px
} */
.why-choose-us-3.dt-section+.dt-section .container h2 {
margin-bottom: var(--space-60);
}
.career-lists .item {
padding: 30px;
border: 1px solid #00000038;
border-left: 3px solid var(--bs-primary);
}
.career-lists .col-lg-6 {
margin-bottom: var(--space-30);
}
.career-lists .item span {
font-family: var(--bs-secondary-font), sans-serif;
display: block;
line-height: 21px;
color: var(--bs-paragraph);
font-weight: 500;
}
.career-details .content-wrapper h2 {
margin-bottom: var(--space-30);
}
/* .career-details .content-wrapper p{
margin-bottom: 0;
} */
.career-details .content-wrapper .job-details-wrapper {
margin-bottom: var(--space-50);
margin-top: var(--space-20);
}
.career-details .content-wrapper .post-date {
margin-top: var(--space-50);
}
/* .career-details .content-wrapper .job-details{
display: flex;
align-items: center;
margin-bottom: var(--space-15);
} */
.career-details .content-wrapper h6 {
margin-bottom: 0;
margin-right: 4px;
}
.career-details .content-wrapper .job-details dd.value {
margin-bottom: 0;
}
.career-details .content-wrapper .job-details__label {
font-family: var(--bs-secondary-font), sans-serif;
line-height: 1.8;
font-size: 1.125rem;
/* 13.5pt yields exactly (18px) */
font-weight: 300;
color: var(--bs-paragraph);
margin-bottom: 0;
padding-right: var(--space-5);
}
.career-details .content-wrapper .value {
font-family: var(--bs-secondary-font), sans-serif;
line-height: 1.8;
font-weight: 600;
color: var(--bs-paragraph);
}
.career-details .additional-content .col-lg-6 {
width: 100%;
}
.career-details .additional-content .col-lg-6:last-of-type {
display: none;
}
.career-details .additional-content h3 {
margin-bottom: var(--space-30);
}
.career-details .additional-content ul {
margin-bottom: var(--space-50);
margin-top: 22px;
}
.career-details .job-form h3 {
margin-bottom: var(--space-30);
}
.career-details .job-form .nice-select span {
color: var(--bs-paragraph);
font-size: inherit;
line-height: 22px;
}
#edit-file--description {
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-paragraph);
font-size: inherit;
line-height: 22px;
}
.career-details .form-style-1 .btn-primary {
margin-right: auto;
margin-left: unset;
margin-top: 42px;
}
.login .login-form label {
display: none;
}
.login .login-form small {
display: none;
}
.login .btn-style-2 {
border-radius: 3px;
margin-right: var(--space-20);
}
.login .form-style-1 span {
line-height: 19px;
display: block;
color: var(--bs-paragraph);
font-family: var(--bs-secondary-font), sans-serif;
margin-bottom: var(--space-35);
margin-top: var(--space-15);
}
.login .login-forget {
padding-bottom: var(--space-25);
padding-top: var(--space-10);
}
.login .login-forget p {
font-weight: 800;
font-family: var(--bs-secondary-font), sans-serif;
line-height: 19px;
color: var(--bs-headings);
margin-bottom: 0;
}
.login .login-forget p a {
color: var(--bs-primary);
text-decoration: underline;
}
.login .login-forget .login-btn-text a {
color: var(--bs-headings);
}
.login .login-forget .login-btn-text {
display: flex;
align-items: center;
margin-bottom: var(--space-20);
margin-top: var(--space-20);
}
.login h2 {
margin-bottom: var(--space-20);
}
.login .desc {
margin-bottom: var(--space-35);
}
/* .login-register-pass-image img {
height: 568px;
padding-top: var(--space-40);
padding-right: var(--space-40);
position: relative;
z-index: 1;
} */
/* .login-register-pass-image {
position: relative;
}
.login-register-pass-image .overlay {
position: absolute;
right: 0;
top: 0;
} */
.login-forget.register-forget p a {
color: var(--bs-primary) !important;
}
/* .login-forget.register-forget.pass-forget .login-btn-text {
margin-bottom: 0;
}
.login-forget.register-forget.pass-forget {
padding-bottom: 0;
} */
.coming-soon.bg-image {
height: 560px;
}
.coming-soon {
position: relative;
}
.coming-soon .item {
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
}
.coming-soon .item h1 {
font-size: 60px;
font-weight: 1000;
margin-bottom: var(--space-45);
}
.coming-soon .item p {
width: 430px;
margin-right: auto;
margin-left: auto;
font-weight: 500;
line-height: 22px;
margin-bottom: 34px;
}
.cs-counter {
display: flex;
align-items: center;
justify-content: center;
}
.cs-date span {
display: block;
font-size: 45px;
line-height: 44px;
font-family: var(--bs-secondary-font), sans-serif;
color: var(--bs-primary);
font-weight: 800;
margin-right: var(--space-10);
}
.counting-title {
font-size: inherit;
line-height: 18px;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 800;
color: var(--bs-headings);
}
.cs-date {
display: flex;
margin-right: var(--space-50);
}
.cs-counter .cs-date:last-of-type {
margin-right: 0;
}
.coming-soon.maintenance .item {
bottom: 60px;
}
.coming-soon.maintenance .item p {
width: 100%;
}
.coming-soon.maintenance .item h1 {
margin-bottom: 22px;
}
.error-page .content .title {
font-size: 165px;
color: var(--bs-primary);
font-family: var(--bs-secondary-font), sans-serif;
font-weight: bolder;
line-height: 170px;
position: relative;
z-index: 1;
}
.error-page .content {
text-align: center;
padding: 60px 0 0;
}
.error-page .content .btn {
margin-right: auto;
margin-left: auto;
z-index: 1;
position: relative;
}
.error-page .content h2 {
margin-bottom: 22px;
}
.error-page {
position: relative;
}
.error-page .content .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1000px;
}
.error-page .content p {
font-weight: 500;
width: 576px;
margin-right: auto;
margin-left: auto;
margin-bottom: var(--space-40);
font-size: 1.375rem;
line-height: 27px;
}
.why-choose-us-3+.sections-common-padding .career-lists {
padding-bottom: var(--space-70);
}
.why-choose-us-3+.sections-common-padding h2 {
margin-bottom: var(--space-60);
}
/* Search Results */
.search-result .search-form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: var(--space-75);
}
.search-result form {
display: flex;
align-items: center;
}
.search-result .search-form+h3 {
text-align: center;
margin: var(--space-50) 0 0;
}
.search-result .search-form p {
font-size: inherit;
text-align: center;
margin-bottom: 0px;
}
.search-result h2 {
font-weight: 700;
text-align: center;
margin-bottom: var(--space-15);
}
#search-form+h2 {
display: none;
}
.search-result form {
position: relative;
width: 85%;
height: 65px;
margin-bottom: var(--space-80);
width: 760px;
}
.search-result form .overlay {
position: absolute;
right: 0;
top: 0;
padding: 14px 0px;
height: 100%;
}
.search-result form input {
font-size: inherit;
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 400;
color: var(--bs-secondary-gray);
padding: 22px 32px;
border: none;
background-color: var(--bs-bg);
border-radius: 999px;
margin-right: var(--space-15);
}
.search-result form input:focus {
background-color: var(--bs-secondary-bg);
border: 1px solid var(--bs-secondary);
}
.search-result form .btn-primary {
background-color: var(--bs-headings);
border: none;
border-radius: 50%;
min-width: unset;
border-left: 1px solid var(--bs-secondary-gray);
height: 65px;
width: 70.17px;
}
.search-result form .btn-primary svg {
position: relative;
width: 18px;
height: 18px;
z-index: 1;
}
.search-result form .btn-primary svg path {
fill: #fff;
}
.search-result .search-list .item {
padding-top: var(--space-40);
padding-bottom: var(--space-35);
border-top: 1px solid gray
}
.search-result .search-list>.item:last-child {
border-bottom: 1px solid gray
}
.search-result .search-list .item h3 {
font-family: var(--bs-secondary-font), sans-serif;
font-weight: 700;
margin-bottom: 24px;
}
.search-result .search-list .item p {
margin-bottom: 0px;
}
#search-form {
display: none;
}
/* Search Box */
.search-overlay {
background-color: rgba(0, 0, 0, .4);
}
.search-overlay .modal-dialog {
max-width: unset;
}
.search-overlay .content {
width: 100%;
max-width: unset;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: none;
}
.search-overlay form {
display: flex;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
z-index: 100;
}
.search-overlay form input[type=text] {
color: #000;
background-color: white;
border: none;
border-radius: 0px !important;
width: 100%;
padding: 0px 24px;
border-radius: 50px !important;
outline: none !important;
border: 1px solid whitesmoke;
font-family: var(--bs-secondary-font), sans-serif;
}
.search-overlay form button {
padding: 24px;
border-radius: 50px;
margin-left: var(--space-30);
color: #FFF;
background-color: var(--bs-primary);
border: none;
outline: none !important;
cursor: pointer;
border: 2px solid var(--bs-primary);
transition: .3s ease-in-out;
}
.search-overlay button svg {
width: 15px;
height: 15px;
transform: scale(1.2);
}
.search-overlay form button svg path {
fill: #FFF;
}
.search-overlay form button:hover {
transform: scale(1.2);
}
.search-overlay button {
display: flex;
justify-content: center;
align-items: center;
}
.form-confirmation-msg {
text-align: center;
}
.form-confirmation-msg .btn {
margin-right: auto;
margin-left: auto;
}
.cta-1 svg path {
fill: var(--bs-primary);
}
ol.search-results {
padding-left: 0 !important;
}
/* Page Loader */
.loader-bg {
width: 100%;
height: 100%;
background: #FFFFFF;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999;
}
.loader-bg h3 {
position: fixed;
color: var(--bs-primary);
font-size: .875rem;
}
.loader {
width: 110px;
height: 110px;
font-size: 1.375rem;
box-sizing: border-box;
border-top: 0.3em solid #505050;
border-radius: 50%;
position: relative;
animation: rotating 2s ease-in-out infinite;
--direction: 1;
}
.loader span {
position: absolute;
color: #FF5E31;
width: inherit;
height: inherit;
text-align: center;
line-height: 10em;
font-family: sans-serif;
animation: rotating 2s linear infinite;
}
.loader::before,
.loader::after {
content: '';
position: absolute;
width: inherit;
height: inherit;
border-radius: 50%;
box-sizing: border-box;
top: -0.2em;
}
.loader::before {
border-top: 0.3em solid var(--bs-primary);
transform: rotate(120deg);
}
.loader::after {
border-top: 0.3em solid var(--bs-secondary);
transform: rotate(240deg);
}
.node--unpublished .node__content {
background-color: #f8d7da;
padding: var(--space-100);
}
.node--unpublished .node__content::before {
content: "Unpublished";
display: block;
color: #721c24;
margin-bottom: var(--space-50);
text-align: center;
font-size: var(--space-35);
font-style: italic;
}
#toolbar-item-administration-tray .toolbar-menu .menu-item>span {
padding: 0.6em 1.3333em;
}
@keyframes rotating {
50% {
transform: rotate(calc(180deg));
}
100% {
transform: rotate(calc(360deg));
}
}
/* .toolbar-fixed .header{
margin-top: 39px;
} */
/* .toolbar-tray-open .header{
margin-top: 76px;
} */
.home-1.toolbar-vertical .tabs,
.toolbar-fixed.home-1 .tabs,
.toolbar-fixed.home-2 .tabs,
.toolbar-fixed.home-3 .tabs {
margin-top: var(--space-90);
}
.toolbar-tray-open.home-1 .tabs,
.toolbar-tray-open.home-2 .tabs,
.toolbar-tray-open.home-3 .tabs {
margin-top: var(--space-90);
}
.toolbar-tray-open .header-1 .home-slider-1,
.toolbar-tray-open .header-1 .home-slider-2,
.toolbar-tray-open .header-1 .home-slider-3 {
margin-top: 0;
}
.toolbar-tray-open #header-2,
.toolbar-tray-open #header-3 {
background-color: var(--bs-headings) !important;
}
.header nav.contextual-region {
position: unset;
}
.shepherd-element {
z-index: 1031;
}
/* codeblock */
.code-block {
font-size: 1.25rem;
background-color: #000000;
padding: 20px 55px;
color: #FFF;
border-radius: 0px;
margin-top: var(--space-50);
margin-bottom: var(--space-50);
font-weight: 500;
}
.code-block {
background-color: #f8f9fa;
color: #333;
border: none;
border-radius: 4px;
font-size: inherit;
font-weight: normal;
padding: 1rem 1.5rem;
display: inline-block;
width: 100%;
max-height: 300px;
overflow: hidden;
overflow-x: auto;
overflow-y: scroll;
word-wrap: break-word;
word-break: break-word;
margin-top: var(--space-60);
margin-bottom: var(--space-60);
}
.code-block pre {
padding: 0;
margin-top: 0.65rem;
margin-bottom: 0.65rem;
white-space: pre;
background-color: transparent;
border: 0;
}
.code-block {
position: relative;
}
.code-block .clipboard {
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #ccc;
}
.code-block .clipboard:before {
content: "\f0ea";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
vertical-align: middle;
}
code[class*="language-"],
pre[class*="language-"] {
color: #393a34;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
font-size: 0.95em;
line-height: 1.2em;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
background: #b3d4fc;
}
code[class*="language-"],
pre[class*="language-"] {
line-height: 1.4em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #c1c1c1;
}
pre[class*="language-"] {
padding: 0;
margin: 0;
overflow: auto;
border: none;
}
:not(pre)>code[class*="language-"] {
padding: 0.2em;
padding-top: 1px;
padding-bottom: 1px;
background: #f8f8f8;
border: 1px solid #dddddd;
}
.path-comment .comment-list {
padding-top: 170px;
}
.path-comment .comment-list img {
width: 200px;
height: 200px;
border-radius: 50%;
margin-bottom: var(--space-30);
}
.path-comment .comment-form {
padding-bottom: var(--space-100);
}
.path-comment .block>.content {
/* padding:0 12px; */
padding: 0 var(--space-15);
}
/* annual report */
.annual-report__embed .inner-wrapper {
position: relative;
padding-top: max(60%, 326px);
height: 0;
width: 100%;
}
.page-node-type-service .program-details .container,
.page-node-124 .management .container,
.page-node-119 .view-careers .container,
.page-node-104 .view-careers .container {
position: relative;
}
.contact-page-2+.contact-form>.container,
.page-node-type-service .program-details+.program-director>.container,
.page-node-124 .additional-content+.management>.container,
.page-node-119 .why-choose-us-3+.sections-common-padding>.container,
.page-node-104 .why-choose-us-3+.sections-common-padding>.container {
padding-top: var(--space-100);
border-top: 1px solid lightgray;
}
.team-member-details .person-details-container {
flex-direction: column;
}
.team-member-details .exec-director-container .person-details-container {
display: flex;
justify-content: center;
}
.path-comment #header-2,
.path-comment #header-3 {
background-color: var(--bs-headings) !important;
}
.path-comment .comment-reply.nav-link {
display: none;
}
img[data-entity-uuid],
img[data-entity-type="file"] {
width: auto;
}
.alert-dismissible .btn-close {
padding: 1rem 1rem;
}
/* Font awesome issue fixes */
.fa-far,
.fa-fas {
font-weight: 900;
font-family: "Font Awesome 6 Free";
}
.fa-far:before,
.fa-fas:before {
content: var(--fa);
font-style: normal;
}
.alert-wrapper svg {
height: 100px;
}
.alert-wrapper button {
font-size: 1.25rem;
}
.section-bamboohr {
padding-bottom: var(--space-100);
}
#BambooHR img {
width: auto;
}
.contact-home-1 .form-style-3 .form-control::placeholder {
color: #9a9a9a;
opacity: .8;
}
/* Hardware-accelerated keyframes for the drop-fade effect for desktop header */
@keyframes slideFadeIn {
from {
opacity: 0;
transform: translateY(-100%);
/* Starts hidden right above the viewport */
}
to {
opacity: 1;
transform: translateY(0);
/* Transitions smoothly down into view */
}
}
@media (max-width: 320.98px) {
#header-2 .res-header button.close {
right: 0px !important;
}
.tags-cloud li:last-of-type {
margin-bottom: 0;
}
@media (orientation:landscape) {
#header-2 .res-header button.close {
right: -64px !important;
}
}
.cta-3 .content-wrapper .svg svg {
width: 25px;
height: 25px;
margin-right: var(--space-10);
}
}
@media (min-width: 319.98px) and (max-width: 360.98px) {
#header-2 .res-header button.close {
right: 0px !important;
}
.team-style-3 .item .overlay .content .social-icons {
padding-left: var(--space-80);
padding-right: var(--space-80);
}
@media (orientation:landscape) {}
}
@media (min-width: 359.98px) and (max-width:374.98px) {
#header-2 .res-header button.close {
right: -40px !important;
}
.tags-cloud li:nth-last-of-type(-n+4) {
margin-bottom: 0;
}
@media (orientation:landscape) {
#header-2 .res-header button.close {
right: -75px !important;
}
}
.cta-3 .content-wrapper .svg svg {
width: 30px;
height: 30px;
margin-right: var(--space-10);
}
}
/* Styles apply strictly to small mobile screens */
@media screen and (max-width: 480px) {
/* resize headings to 90% */
h1 {
font-size: 3.07rem;
}
h2,
.h2 {
font-size: 2.55rem;
}
.alert-wrapper h2.alert-heading,
h3,
.h3 {
font-size: 2.1rem;
}
h4,
.h4 {
font-size: 1.65rem;
}
h5,
h6,
.h5,
.h6 {
font-size: 1.2rem;
}
/* Target the breadcrumb item */
.breadcrumb-item a,
.breadcrumb-item.active {
display: inline-block;
/* Required for text-overflow to work */
max-width: 10ch;
/* Limits the width to roughly 10 characters wide */
overflow: hidden;
/* Hides any text spilling out */
text-overflow: ellipsis;
/* Adds the three dots (...) */
white-space: nowrap;
/* Prevents the text from wrapping to a new line */
vertical-align: bottom;
/* Keeps alignment even with other items */
}
}
@media (min-width: 410.98px) and (max-width:764.98px) {
.tags-cloud li:nth-last-of-type(-n+3) {
margin-bottom: 0;
}
@media (orientation:landscape) {
#header-2 .res-header button.close {
right: -72px !important;
}
}
}
/* bootstrap 5 breakpoint for small devices */
@media (min-width: 576px) {
.home-slider-1 .owl-dots {
bottom: var(--space-40);
}
.annual_reports-block_annual_reports .item .content h2 {
margin-top: var(--space-45);
}
.cta-1 .svg-overlay {
clip-path: polygon(79% 0, 100% 44%, 100% 100%, 0 100%, 0 0);
z-index: 1;
padding-right: var(--space-50);
width: 100%;
}
}
@media (max-width: 767.98px) {
.management .image-container {
margin: 0 auto;
}
.header-1 .page-banner {
margin-top: var(--space-80);
}
.page-banner.dt-section {
padding-top: var(--space-60);
padding-bottom: var(--space-80);
}
.header .navbar-toggler svg {
width: 20px;
height: 20px;
}
.sec-pd {
padding-top: var(--space-40);
padding-bottom: var(--space-40);
}
@media (orientation:landscape) {
.header .navbar-nav {
height: 240px !important;
overflow: scroll !important;
}
.cs-counter {
flex-direction: row !important;
justify-content: space-between !important;
}
}
.error-page .content p {
width: 100%;
}
.about-us-1 .features .feature .icon svg {
background-color: var(--bs-bg);
}
.about-us-1 .features .feature .icon {
height: 45px;
width: 258px;
}
.pt-footer .newsletter-mail input {
width: 220px;
}
#header-2 .dropdown-menu,
#header-3 .dropdown-menu {
background-color: #fff;
}
.search-result form {
width: 100%;
}
.search-result form .btn-primary {
height: 46px;
width: 60px;
}
#header-2 .dropdown-wrapper>.dropdown-item:hover>a,
#header-2 .dropdown-wrapper>.dropdown-item:focus>a,
#header-2 .dropdown-item.dropdown-submenu:hover>a,
#header-2 .dropdown-item.dropdown-submenu:focus>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus>a {
color: var(--bs-primary);
}
#header-3 .nav-item>ul.dropdown-menu {
background-color: #fff;
}
header .nav-item.mega-menu ul.dropdown-menu {
padding: var(--space-10) var(--space-40) !important;
}
#header-2 .dropdown-item:hover>a {
color: var(--bs-headings);
}
#header-2 .dropdown-item:hover,
#header-2 .dropdown-item:focus {
background-color: unset;
color: var(--bs-primary);
}
body.scrolled #header-2 .search-btn {
margin-top: 0 !important;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
padding-top: var(--space-25);
padding-bottom: 0px;
background-color: #fff;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li {
margin-bottom: var(--space-10);
}
.header .dropdown-item a::before {
display: none;
}
#header-1 .nav-item .nav-link {
border: unset;
}
#header-1 .nav-item {
border-bottom: 1px solid lightgray;
}
#header-1 .dropdown-item {
/* padding:7px 0; */
padding: var(--space-10) 0;
}
.header .dropdown-item.dropdown-submenu .dropdown-menu {
border-left: unset;
padding-left: var(--space-20);
}
.header .navbar-nav {
height: 420px;
overflow: scroll;
}
.header .search-btn svg {
width: 12px !important;
height: 12px !important;
}
.header .lang-dropdown-menu .lang-dropdown-item a {
font-size: 14px !important;
}
.header .search-btn .search-icon {
display: flex !important;
}
.header .navbar-brand svg {
width: 150px;
}
#header-1 .nav-item .nav-link {
background-color: var(--bs-bg);
padding-left: 12px !important;
padding-right: 12px !important;
}
#header-1 .container {
padding: 0;
}
.header .nav-item .nav-link {
padding: var(--space-20);
padding-left: 5px !important;
margin: 0;
border-bottom: 1px solid rgb(128, 128, 128, 0.3);
}
.header .nav-item:hover>ul.dropdown-menu {
display: none;
}
.header .nav-item>ul.dropdown-menu.show {
display: block;
padding-left: var(--space-50);
padding-bottom: var(--space-10);
}
.header .dropdown-item {
padding: var(--space-5) 0;
border: none;
}
.header .navbar-toggler:focus {
box-shadow: unset;
}
.header .navbar-toggler {
padding: 0;
}
#header-1 .res-header,
#header-2 .res-header,
#header-3 .res-header {
display: flex;
align-items: center;
justify-content: space-between;
}
#header-1 .res-header {
padding: var(--space-15) var(--space-20) var(--space-10);
}
#header-2 .res-header,
#header-3 .res-header {
padding: var(--space-15) 0;
}
.header .others-in-header {
display: flex;
align-items: center;
}
#header-1 .search-btn svg {
margin: 0 var(--space-20);
}
#header-2 .lang-dropdown-menu {
margin: 0 var(--space-20);
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
padding-left: 0 !important;
top: -1px !important;
}
#header-2 .search-btn {
margin: 0;
margin-left: var(--space-25);
}
#header-2 .nav-item {
border-bottom: 1px solid lightgray;
}
#header-2 .nav-item .nav-link {
border-bottom: unset;
}
#header-2 .dropdown-item {
border-bottom: unset;
}
#header-2 .navbar-toggler svg path {
fill: #fff;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li {
padding: var(--space-5);
}
#header-2 .nav-item .nav-link {
color: var(--bs-headings);
padding: var(--space-20);
}
#header-1 .nav-item .nav-link.show,
#header-2 .nav-item .nav-link.show {
padding-bottom: 10px !important;
}
#header-2.nav-header-2 {
background-color: #fff !important;
width: 85%;
}
#header-2 .nav-item>ul.dropdown-menu.show {
padding-bottom: var(--space-10);
}
#header-2.nav-header-2 .navbar-brand svg .cls-2 {
fill: #000;
}
#header-2 .nav-item>ul.dropdown-menu.show {
display: block;
padding-left: var(--space-40);
background-color: #fff;
}
#header-2 .dropdown-menu {
padding: 0;
padding-left: var(--space-30);
}
#header-2.nav-header-2 .search-btn,
#header-2.nav-header-2 #block-languageswitcher {
visibility: hidden;
}
#header-2 .dropdown-item {
padding: var(--space-5);
}
#header-2 .navbar-nav {
background-color: #fff;
}
#header-3 .nav-item .nav-link {
border-bottom: unset;
}
#header-3 .dropdown-item {
border-bottom: unset;
}
#header-3 .nav-item {
border-bottom: 1px solid lightgray;
}
#header-3 .nav-item .nav-link.show {
padding-bottom: var(--space-10) !important;
}
#header-3 .res-header {
display: flex;
/* padding:0px 12px; */
padding: 0 var(--space-15);
}
#header-2 .res-header {
padding: 0;
}
#header-3 .lang-dropdown-menu .lang-dropdown-item>a,
#header-2 .lang-dropdown-menu .lang-dropdown-item>a {
padding: var(--space-25) 0;
}
#header-3 .lang-dropdown-menu {
margin: 0 var(--space-20);
}
#header-3 .navbar-toggler svg path {
fill: #fff;
}
#header-3 .container {
padding: 0;
}
#header-3 .navbar-collapse {
background-color: #fff;
}
#header-3 .nav-item .nav-link {
margin-right: 0;
/* padding:20px 12px !important; */
padding: var(--space-20) var(--space-10) !important;
color: #000;
}
#header-3 .nav-item .nav-link.show,
#header-2 .nav-item .nav-link.show {
color: var(--bs-primary);
}
#header-3 .nav-item>ul.dropdown-menu {
padding: var(--space-5);
padding-left: 40px
}
#header-3 .dropdown-item {
padding: var(--space-5);
}
#header-3 .dropdown-submenu:hover>ul.dropdown-menu {
padding-left: var(--space-20);
}
#header-2 .res-header button.close {
position: relative;
right: -50px;
}
/* Footer */
.pt-footer .footer-top .content {
flex-direction: column;
align-items: flex-start;
}
.pt-footer .social-media-profiles {
margin-bottom: var(--space-50);
}
.pt-footer .footer-address .address-call {
margin-left: unset;
}
.blockquote-style-1 p,
.blockquote-style-2 {
padding-right: var(--space-15);
}
[class*="button-style-"] .row>div {
margin-bottom: var(--space-50);
}
[class*="button-style-"] .row>div:last-of-type {
margin-bottom: 0px;
}
[class *='button-style-'] .item {
align-items: center;
}
.icons-list {
justify-content: center;
}
[class*="table-style-"] .table th {
font-size: 10px;
/* padding: 12px 8px; */
padding: var(--space-15) var(--space-10);
}
[class*="table-style-"] .table td {
font-size: 10px;
/* padding: 12px 8px; */
padding: var(--space-15) var(--space-10);
}
.pricing-style-1 .col-lg-4,
.pricing-style-2 .col-lg-4,
.pricing-style-3 .col-lg-4 {
margin-bottom: var(--space-40);
}
.services-style-1 .col-lg-4,
.services-style-2 .col-lg-4,
.services-style-3 .col-lg-4 {
margin-bottom: var(--space-40);
}
.services-style-4 .row {
padding: var(--space-5);
}
.blog-style-1 .col-lg-4,
.blog-style-2 .col-lg-4,
.blog-style-3 .col-lg-4 {
margin-bottom: var(--space-30);
}
.owl-dots-1 {
width: 60%;
}
.contact-page-1 .col-lg-7 {
/* padding:50px 12px; */
padding: var(--space-50) var(--space-10);
}
.contact-page-1 .col-lg-5 .contact-details {
width: 100%;
padding: var(--space-100) 0;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper {
position: unset;
text-align: center;
}
.contact-page-1 .col-lg-5 {
padding: 0;
}
.contact-page-1 .bg-image {
background-size: cover;
background-position: unset;
}
.contact-page-2 .col-lg-6 {
margin-bottom: var(--space-35);
}
.blog-2-column .blog-style-1 .item-content:last-of-type {
padding-bottom: 0;
}
.blog-2-column .blog-style-1 .col-lg-6 {
margin-bottom: var(--space-40);
}
.blog-2-column .blog-style-1 .col-lg-6:last-of-type {
margin-bottom: 0;
}
.blog-3-column .blog-style-1 .item-content:last-of-type {
padding-bottom: 0;
}
.blog-3-column .blog-style-1 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.sidebar-page .pagination {
padding-bottom: var(--space-100);
}
.blog-details .col-md-6 {
margin-bottom: var(--space-30);
}
.blog-details .content-details {
flex-direction: column;
}
.blog-details .owner-name-time {
text-align: center;
margin-bottom: var(--space-20);
}
.blog-details .owner-name-time span {
margin-bottom: var(--space-5);
}
.blog-details .whole-content {
padding: var(--space-40) 0;
}
.blog-details .whole-content .comment-tags {
flex-direction: column;
text-align: center;
}
.blog-details .whole-content .comment-tags span {
margin-bottom: var(--space-20);
}
.blog-details .blog-comments .comment-list {
flex-direction: column;
}
.blog-details .blog-comments .icon img {
margin-bottom: var(--space-20);
}
.blog-details .details-page-nav h6 {
display: none;
}
.sidebar-page .blog-details .blog-comments {
padding-bottom: var(--space-100);
}
.services-2-grid .services-style-1 .col-lg-6:last-of-type {
margin-bottom: 0;
}
.services-3-grid .services-style-1 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.services-style-4 img {
margin-bottom: var(--space-30);
}
.service-details .additional-content ul {
margin-bottom: var(--space-40);
}
.sidebar-page .pager--load-more .pager__item .btn {
margin-bottom: var(--space-100);
}
.sidebar-page .services-2-grid .services-style-1 .col-lg-6:last-of-type {
margin-bottom: var(--space-40);
}
.sidebar-page .service-details .feature-details {
margin-bottom: var(--space-60);
}
.home-slider-1 {
height: fit-content !important;
}
.home-slider-1 .item .content .title {
width: 100%;
}
.title-1 h2 {
width: 100%;
}
.services-home-1.dt-section {
padding-top: var(--space-100);
}
.about-us-1 .about-card {
width: 100%;
position: static;
text-align: center;
}
.cta-1 .card-description {
display: none;
}
.why-choose-us-style-1 .image img {
padding-left: 0;
}
.why-choose-us-style-1 .col-lg-6:first-of-type {
margin-bottom: var(--space-40);
}
.clients-home-style-1 .col-lg-3 {
border-bottom: 1px solid rgb(24, 28, 49, 0.15) !important;
}
.clients-home-style-1 .col-lg-3 {
border-right: none !important;
}
.contact-home-1 .content h3 {
width: 100%;
}
.contact-home-1 .content .form-style-3 {
width: 100%;
}
.home-slider-2 .item .title {
width: 100%;
font-size: 35px;
line-height: 50px;
}
.home-slider-2 .arrows {
display: none;
}
.home-slider-2 .item {
padding: 11rem 0;
}
.home-slider-2 .owl-dots {
bottom: 10px;
}
.home-slider-2 .image img {
height: 600px;
}
.header-1 .home-slider-2 {
min-height: 617px;
margin-top: 60px;
}
.home-slider-2 .container {
height: 600px;
}
.why-choose-us-2 .col-lg-3 {
margin-bottom: var(--space-30);
}
.why-choose-us-2 .col-lg-9 .col-lg-4 {
margin-bottom: var(--space-30);
}
.why-choose-us-2 .col-lg-9 .col-lg-4:last-of-type {
margin-bottom: 0 !important;
}
.about-us-2 .image img {
width: 100%;
height: 400px;
}
.services-style-1 .col-lg-4:last-of-type,
.services-style-2 .col-lg-4:last-of-type,
.services-style-3 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.video-2 .title {
width: 100%;
}
.testimonials-style-2 .container {
top: 0;
}
.testimonials-style-2 {
height: unset;
padding-top: var(--space-50);
}
.testimonials-style-2 .content {
margin-bottom: var(--space-30);
}
.testimonials-style-2 .style-6-slider .item .col-lg-6 img {
height: 400px;
}
.testimonials-style-2 .arrows {
display: none;
}
.contact-home-2 .container {
/* padding:40px 12px; */
padding: var(--space-40) var(--space-10);
}
.home-slider-3 .overlay-svg {
height: auto;
}
.home-slider-3 .item .title {
width: 100%;
}
.home-slider-3 .arrows {
display: none;
}
.home-slider-3 .item .title {
padding: 9.38rem 0;
}
.about-us-3 .image img {
height: 400px;
}
.about-us-3 .tabs-section .nav-item {
margin-right: var(--space-10);
}
.achievements-style-2 .item .content {
margin-bottom: var(--space-30);
}
.achievements-style-2 .col-lg-3:last-of-type .item .content {
margin-bottom: 0;
}
.achievements-style-2 .container {
max-width: 71%;
margin-left: auto;
margin-right: auto;
}
.cta-3 .content-wrapper .overlay svg {
display: none;
}
.cta-3 .content-wrapper .overlay img {
display: none;
}
.cta-3 .content-wrapper {
display: block;
padding: var(--space-20);
}
.cta-4 .content-wrapper .email-address span,
.cta-4 .content-wrapper .email-address a span,
.cta-3 .content-wrapper .number span,
.cta-3 .content-wrapper .number a {
color: var(--bs-primary);
display: block;
}
.cta-3 .content-wrapper .svg svg {
width: 35px;
height: 35px;
margin-right: var(--space-15);
}
.cta-3 .content-wrapper .svg svg path {
fill: var(--bs-primary)
}
.cta-3 .content-wrapper .phone-number {
justify-content: start;
margin-top: var(--space-50);
}
.why-choose-us-3 .content {
padding-top: 0;
}
.why-choose-us-3 .col-lg-6:first-of-type {
margin-bottom: var(--space-40);
}
.slider-template-2 .item p {
padding: var(--space-20) 0;
}
.slider-style-4 .arrows {
display: none;
}
.slider-style-4 .slider-template-2 .item {
width: 100%;
}
.team-style-3 .col-lg-4 {
margin-bottom: var(--space-30);
}
.team-style-3 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.pricing-style-1 .col-lg-4:last-of-type,
.pricing-style-2 .col-lg-4:last-of-type,
.pricing-style-3 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.blog-style-1 .col-lg-4:last-of-type,
.blog-style-2 .col-lg-4:last-of-type,
.blog-style-3 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.company-history .item {
display: block;
}
.company-history .item .date-year {
margin-bottom: var(--space-30);
}
.management .content .person-details {
width: 100%;
text-align: center;
margin-top: var(--space-30);
padding: var(--space-25) var(--space-50);
}
.work-process-2 .item.two .col-lg-6:first-of-type {
order: 2;
}
.work-process-2 .item .col-lg-6:first-of-type {
margin-bottom: var(--space-30);
}
.work-process-2 .item:last-of-type .col-lg-6:first-of-type {
margin-bottom: 0;
}
.work-process-2 .item.two .col-lg-6:last-of-type {
margin-bottom: var(--space-30);
}
.work-process-2 .image img {
padding-right: 0;
padding-top: var(--space-20);
}
.team-style-1 .col-lg-4:last-of-type .profile {
padding-bottom: 0;
}
.slider-template-1.testimonials-page .col-lg-4:last-of-type {
margin-bottom: 0;
}
.accordion-style-1 a {
font-size: 1.563rem;
}
.login .col-md-10 {
margin-bottom: var(--space-50);
}
.login .col-md-10:last-of-type {
margin-bottom: 0;
}
/* .login-register-pass-image img {
padding: 0;
height: 400px;
}
.login-register-pass-image .overlay {
display: none;
} */
.coming-soon.bg-image {
height: 100vh;
}
.coming-soon .item {
bottom: 0;
top: 0;
right: 0;
left: 0;
margin: auto;
height: max-content;
}
.coming-soon .item p {
width: 100%;
}
.cs-counter {
flex-direction: column;
align-items: center;
}
.cs-date {
margin-right: 0;
margin-bottom: var(--space-30);
}
.coming-soon .item h1 {
font-size: 45px;
}
.coming-soon.maintenance .item {
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.video-style-2 .item .overlay h2 {
width: 100%;
}
.video-style-2 .item img {
min-height: 300px;
}
.tooltip-2 .tooltip-inner {
transform: unset;
}
.blog .blog-style-4 .image img {
margin-bottom: var(--space-30);
}
.blog-list-full-width .blog-style-4 .col-lg-6:nth-last-of-type(-n+2) img {
margin-bottom: var(--space-50);
}
/* .projects-2-grid .col-lg-6:last-of-type{
margin-bottom: 0;
}
.projects-2-grid .col-lg-6:last-of-type .content{
padding-bottom: 0;
} */
.projects-2-grid.projects-tab.dt-section {
padding-bottom: 44px;
}
.projects-3-grid.projects-2-grid .col-lg-4:last-of-type {
margin-bottom: 0;
}
.projects-3-grid.projects-2-grid .col-lg-4:last-of-type .content {
padding-bottom: 0;
}
/* .projects-grid-sidebar .project-grid-content .projects-list-full-width .item:last-of-type{
margin-bottom:0;
} */
.projects-grid-sidebar.dt-section {
padding-bottom: var(--space-60);
}
.projects-details .project-content-details {
flex-direction: column;
}
.projects-details .project-content-details .title-value {
margin-bottom: var(--space-30);
}
.projects-details .project-content-details .title-value:last-of-type {
margin-bottom: 0;
}
.sidebar-page .projects-details .pager {
margin-bottom: var(--space-50);
}
.blog-cta-sidebar .contact-number a {
font-size: 1.25rem;
}
.cta-1 .svg-overlay h3 {
width: 100%;
}
.cta-1 .card-description {
display: block;
width: 100%;
}
.cta-1 .card-description {
flex-direction: column;
text-align: center;
justify-content: center;
}
.cta-1 svg {
display: none;
}
.cta-1 .card-description .description p {
margin-left: 0;
/* padding: 0 12px; */
padding: 0 var(--space-10);
text-align: center;
}
.cta-1 .card-description .card-texts {
padding-right: 0;
text-align: center;
margin-bottom: var(--space-20);
}
.cta-1 .card-description .card-texts .card-text {
width: 100%;
}
.home-slider-2 .contact-number {
transform: unset;
z-index: 7;
bottom: 20px;
left: 12px;
}
.home-slider-2 .contact-number-wrapper .number {
color: #fff;
}
.home-slider-2 .contact-number-wrapper .text {
color: #fff;
}
.home-slider-2 .owl-dots {
display: none;
}
.achievements-style-1 .item {
border-right: 1px solid #00000026 !important;
border-bottom: none !important;
}
.achievements-style-1 .col-lg-3:last-of-type .item {
border-bottom: 1px solid #00000026 !important;
}
.clients-home-style-2 img {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.header-1 .home-slider-3,
.header-2 .home-slider-3,
.header-3 .home-slider-3 {
min-height: 600px;
}
.home-slider-3 .overlay-svg {
bottom: -1px;
}
.about-us-3 .tabs-section .nav-link {
font-size: 19px;
}
.clients-home-style-3 .clients-3-slider .item img {
width: 70%;
margin-right: auto;
margin-left: auto;
}
.about-us-1 .contact-number {
justify-content: center;
}
.cta-2 .title {
width: 100%;
}
}
@media (max-width: 991.98px) {
#toolbar-administration+div #header-1.navSticky {
top: 40px;
}
#toolbar-administration nav {
z-index: 1031;
}
.pt-footer .cta-link {
margin-bottom: var(--space-20);
}
}
@media (min-width: 768px) {
.cta-1 .card-description .card-texts::before {
position: absolute;
content: "";
height: 87%;
width: 2px;
background-color: rgb(24, 28, 49, 0.1);
right: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}
.cta-1 .svg-overlay {
width: 100%;
background-color: unset;
padding-left: 0;
}
.cta-1-overlay {
position: relative
}
.cta-1-overlay::after {
content: '';
position: absolute;
background-color: var(--bs-primary);
right: 0;
width: 200%;
height: 100%;
clip-path: polygon(88% 0, 100% 44%, 100% 100%, 0 100%, 0 0);
}
.cta-1 {
display: flex;
flex-direction: column;
}
.cta-1 .cta-1-overlay {
max-width: 60%;
margin-left: 0;
}
.cta-1 .cta-1-overlay,
.cta-1 .card-container {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.home-slider-1 .owl-dots {
max-width: 720px;
}
.team-member-details .content .person-details {
margin-left: -2.5rem;
position: relative;
z-index: 1;
}
.team-member-details .person-details-container {
flex-direction: row;
}
.team-member-details .person-bio {
margin-top: var(--space-50);
}
.career-details .content-wrapper .job-details {
display: flex;
flex-flow: row wrap;
/* Allows elements to drop to the next line */
gap: 0.5rem 1rem;
}
.career-details .content-wrapper .job-details__label {
flex-shrink: 0;
/* Prevents the label from compressing */
min-width: 120px;
}
.career-details .content-wrapper .job-details .value {
margin-inline-start: 0;
/* Clears default browser margin */
flex-grow: 1;
/* Fills the rest of the line */
flex-basis: calc(100% - 150px);
/* Forces the NEXT label onto a brand new line */
}
.services-msas_programs .program-media {
margin-top: 0;
padding-bottom: var(--space-50);
}
.services-msas_programs .program-media .icon-logo {
margin-bottom: 0;
}
.services-msas_programs .content {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.pt-footer .footer-middle-row {
flex-direction: row;
justify-content: space-between;
gap: 0;
}
.pt-footer .footer-funders {
margin-top: var(--space-80);
}
.pt-footer .footer-funders .about-hamburger>ul {
flex-direction: row-reverse;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.pt-footer .footer-funders .about-hamburger>ul li {
max-width: 50%;
}
.page-banner.dt-section {
padding-top: var(--space-70);
padding-bottom: var(--space-90);
}
.sec-pd {
padding-top: var(--space-60);
padding-bottom: var(--space-60);
}
.header .navbar-toggler svg {
width: 20px;
height: 20px;
}
#header-2 .res-header {
padding: 0 !important;
}
.header-1 .home-slider-2 {
margin-top: var(--space-60);
}
#header-2 .lang-dropdown-menu .lang-dropdown-item>a {
padding: var(--space-25) 0;
}
body.scrolled #header-2 .search-btn {
margin-top: -1px !important;
}
.login .col-md-10:last-of-type {
margin-bottom: 0;
}
.header .navbar-nav {
height: 424px;
overflow: scroll;
}
.header .navbar-brand svg {
width: 150px;
}
.header .nav-item .nav-link {
padding: var(--space-20);
padding-left: 5px !important;
margin: 0;
}
.header .nav-item:hover>ul.dropdown-menu {
display: none;
height: fit-content;
overflow: scroll;
}
#header-2 .dropdown-item {
border-bottom: none;
}
#header-2 .dropdown-item:hover,
#header-2 .dropdown-item:focus {
background-color: unset;
}
#header-2 .dropdown-wrapper>.dropdown-item:hover>a,
#header-2 .dropdown-wrapper>.dropdown-item:focus>a,
#header-2 .dropdown-item.dropdown-submenu:hover>a,
#header-2 .dropdown-item.dropdown-submenu:focus>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover>a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus>a {
color: var(--bs-primary);
}
.header .nav-item>ul.dropdown-menu.show {
display: block;
padding-left: var(--space-50);
}
.header .dropdown-item {
padding: var(--space-5) 0;
border: none;
}
.header .navbar-toggler:focus {
box-shadow: unset;
}
.header .navbar-toggler {
padding: 0;
}
.header .others-in-header {
display: flex;
align-items: center;
}
#header-1 .res-header,
#header-2 .res-header,
#header-3 .res-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--space-15) 0;
}
#header-1 .search-btn svg {
margin: 0 var(--space-20);
}
#header-1 .lang-dropdown-menu {
margin-left: var(--space-30);
}
#header-2 .lang-dropdown-menu {
margin: 0 var(--space-20);
}
#header-2 .search-btn {
margin: 0;
/* margin-left: 400px; */
margin-left: 25rem;
}
#header-2 .navbar-toggler svg path {
fill: #fff;
}
#header-2 .close.navbar-toggler svg path {
fill: var(--bs-headings);
}
#header-2 .nav-item,
#header-1 .nav-item {
border-bottom: 1px solid lightgray;
}
#header-2 .nav-item .nav-link {
color: var(--bs-headings);
padding: var(--space-20);
}
.header .dropdown.mega-menu ul.dropdown-menu {
height: 300px !important;
overflow: scroll !important;
}
header .nav-item.mega-menu ul.dropdown-menu {
padding: unset !important;
padding-left: var(--space-40) !important;
}
#header-2 .mega-menu .dropdown-menu li ul li.dropdown-item {
/* padding:7px 20px; */
padding: var(--space-5) var(--space-20);
}
#header-2.nav-header-2 {
background-color: #fff !important;
}
#header-2.nav-header-2 .navbar-brand svg .cls-2 {
fill: #000;
}
#header-1 .nav-item>ul.dropdown-menu.show,
#header-3 .nav-item>ul.dropdown-menu.show {
padding-bottom: var(--space-10);
}
#header-2 .nav-item>ul.dropdown-menu.show {
display: block;
padding-left: var(--space-40);
padding-bottom: var(--space-10);
}
#header-2 .dropdown-menu {
padding: 0;
top: -2px !important;
}
#header-2 .dropdown-item {
padding: var(--space-5);
padding-left: var(--space-30);
}
#header-2 .navbar-nav {
background-color: #fff;
}
#header-3 .res-header {
display: flex;
padding: 0 var(--space-35);
}
#header-3 .lang-dropdown-menu .lang-dropdown-item>a {
padding: var(--space-20) 0;
}
#header-3 .search-btn svg {
margin-left: var(--space-40);
}
#header-3 .container {
max-width: 100%;
}
#header-3 .lang-dropdown-menu {
margin: 0 var(--space-20);
}
#header-3 .navbar-toggler svg path {
fill: #fff;
}
#header-3 .container {
padding: 0;
}
#header-3 .navbar-collapse {
background-color: #fff;
}
#header-3 .nav-item .nav-link {
margin-right: 0;
padding: var(--space-20) var(--space-35) !important;
color: #000;
}
#header-3 .nav-item .nav-link.show,
#header-2 .nav-item .nav-link.show {
color: var(--bs-primary);
}
#header-3 .nav-item .nav-link.show {
padding-bottom: 10px !important;
}
#header-3 .nav-item>ul.dropdown-menu {
padding: var(--space-5);
padding-left: 40px
}
#header-3 .dropdown-item {
padding: var(--space-5);
border-bottom: unset;
}
#header-3 .nav-item {
border-bottom: 1px solid lightgray;
}
#header-3 .dropdown-submenu:hover>ul.dropdown-menu {
padding-left: var(--space-20);
}
#header-2.nav-header-2 .search-btn,
#header-2.nav-header-2 #block-languageswitcher {
visibility: hidden;
}
/* Footer */
.pt-footer .footer-top .content {
flex-direction: column;
align-items: flex-start;
}
.pt-footer .social-media-profiles {
margin-bottom: var(--space-50);
}
.pt-footer .footer-address .address-call {
margin-left: unset;
}
.icons-list {
justify-content: center;
}
.pricing-style-1 .col-lg-4,
.pricing-style-2 .col-lg-4,
.pricing-style-3 .col-lg-4 {
margin-bottom: var(--space-40);
}
.pricing-style-1 .col-lg-4:last-of-type,
.pricing-style-2 .col-lg-4:last-of-type,
.pricing-style-3 .col-lg-4:last-of-type {
margin-bottom: 0px;
}
.pricing-style-1 .row,
.pricing-style-2 .row,
.pricing-style-3 .row {
justify-content: center;
}
.services-style-1 .col-lg-4,
.services-style-2 .col-lg-4,
.services-style-3 .col-lg-4 {
margin-bottom: var(--space-40);
}
.services-style-1 .row,
.services-style-2 .row,
.services-style-3 .row {
justify-content: center;
}
.services-style-4 .row {
align-items: unset;
}
.blog-style-1 .col-lg-4,
.blog-style-2 .col-lg-4,
.blog-style-3 .col-lg-4 {
margin-bottom: var(--space-30);
}
.blog-style-1 .row,
.blog-style-2 .row,
.blog-style-3 .row {
justify-content: center;
}
.blog-style-4 .image,
.blog-style-4 .image img {
height: 100%;
}
.blog-style-4 .row {
align-items: unset;
}
.contact-page-1 .col-lg-7 {
padding-right: 0;
}
.contact-page-1 .col-lg-5 .contact-details {
width: 100%;
padding: var(--space-100) 0;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper {
position: unset;
text-align: center;
}
.contact-page-1 .col-lg-5 {
padding: 0;
}
.contact-page-1 .bg-image {
background-size: cover;
background-position: unset;
}
.contact-page-2 .col-lg-6 {
margin-bottom: var(--space-35);
}
.blog-2-column .blog-style-1 .item-content:last-of-type {
padding-bottom: 0;
}
.blog-2-column .blog-style-1 .col-lg-6:last-of-type {
margin-bottom: 0;
}
.blog-3-column .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
.blog-3-column .row>div:nth-last-of-type(-n+2) .item-content {
padding-bottom: 0;
}
.blog-list-full-width .blog-style-4 .col-lg-6:nth-last-of-type(-n+2) img {
padding-bottom: var(--space-50);
}
.sidebar-page .pagination {
padding-bottom: var(--space-100);
}
.sidebar-page .blog-details .blog-comments {
padding-bottom: var(--space-100);
}
.blog-cta-sidebar::before {
clip-path: ellipse(700px 165px at 51% 100%);
}
.services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0px;
}
.services-3-grid .services-style-1 .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0px;
}
.sidebar-page .services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2) {
margin-bottom: var(--space-40);
}
.service-details .additional-content ul {
margin-bottom: var(--space-40);
}
.sidebar-page .pager--load-more .pager__item .btn {
margin-bottom: var(--space-100);
}
.sidebar-page .service-details .feature-details {
margin-bottom: var(--space-60);
}
.home-slider-1 {
height: fit-content !important;
}
.header .dropdown-item.dropdown-submenu .dropdown-menu {
border: unset;
padding-left: var(--space-20);
}
.home-slider-1 .item .content .title {
width: 100%;
}
.about-us-1 .about-card {
width: 100%;
position: static;
text-align: center;
}
.why-choose-us-style-1 .image img {
padding-left: 0;
}
.why-choose-us-style-1 .col-lg-6:first-of-type {
margin-bottom: var(--space-40);
}
.clients-home-style-1 .col-lg-3 {
border-bottom: 1px solid rgb(24, 28, 49, 0.15) !important;
}
.clients-home-style-1 .col-lg-3 {
border-right: none !important;
}
.contact-home-1 .content h3 {
width: 100%;
}
.contact-home-1 .content .form-style-3 {
width: 100%;
}
.why-choose-us-2 .col-lg-3 {
margin-bottom: var(--space-30);
}
.why-choose-us-2 .col-lg-9 .col-lg-4 {
margin-bottom: var(--space-30);
}
.why-choose-us-2 .col-lg-9 .col-lg-4:last-of-type {
margin-bottom: 0 !important;
}
.testimonials-style-2 .container {
top: 0;
}
.testimonials-style-2 {
height: unset;
padding-top: var(--space-50);
}
.testimonials-style-2 .content {
margin-bottom: var(--space-30);
}
.testimonials-style-2 .style-6-slider .item .col-lg-6 img {
height: 400px;
}
.testimonials-style-2 .arrows {
display: none;
}
.contact-home-2 .container {
padding: var(--space-100) var(--space-50);
}
.home-slider-3 .overlay-svg {
height: auto;
}
.home-slider-3 .arrows {
display: none;
}
.services-style-3 .col-lg-4 {
margin-bottom: 24px;
}
.services-style-3 .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
.achievements-style-2 .item {
margin-bottom: var(--space-30);
}
.cta-3 .content-wrapper {
display: block;
}
.cta-3 .content-wrapper .overlay svg {
display: none;
}
.cta-4 .content-wrapper .email-address span,
.cta-4 .content-wrapper .email-address a span,
.cta-3 .content-wrapper .number span,
.cta-3 .content-wrapper .number a {
color: var(--bs-primary);
display: block;
}
.cta-3 .content-wrapper .svg svg path {
fill: var(--bs-primary)
}
.cta-3 .content-wrapper .phone-number {
margin-top: var(--space-50);
}
.why-choose-us-3 .col-lg-6:first-of-type {
margin-bottom: var(--space-50);
}
.team-style-3 .col-lg-4 {
margin-bottom: 24px;
}
.company-history .item {
display: block;
}
.company-history .item .date-year {
margin-bottom: var(--space-30);
}
.company-history .item .content {
width: 93%;
margin-left: auto;
}
.work-process-2 .item.two .col-lg-6:first-of-type {
order: 2;
}
.work-process-2 .item .col-lg-6:first-of-type {
margin-bottom: var(--space-30);
}
.work-process-2 .item.two .col-lg-6:last-of-type {
margin-bottom: var(--space-30);
}
.work-process-2 .item:last-of-type .col-lg-6:first-of-type {
margin-bottom: 0;
}
.slider-template-1.testimonials-page .col-lg-4:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
.login .col-md-10 {
margin-bottom: var(--space-50);
}
.home-slider-2 .image img {
width: 100%
}
.home-slider-2 .image::before {
width: 100%;
}
.home-slider-2 .container {
max-width: 100%;
}
.home-slider-2 .contact-number {
transform: unset;
bottom: 45px;
z-index: 8;
left: unset
}
.home-slider-2 .contact-number-wrapper .number {
color: #fff;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
padding-top: 20px;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li {
margin: var(--space-5) 0;
}
.header .dropdown-menu {
background-color: #fff;
}
.images .code-block {
margin-bottom: 0;
}
.projects-2-grid .col-lg-6:last-of-type {
margin-bottom: 0;
}
.projects-2-grid .col-lg-6:last-of-type .content {
padding-bottom: 0;
}
.projects-3-grid.projects-2-grid .col-lg-4:last-of-type {
margin-bottom: 0;
}
.projects-3-grid.projects-2-grid .col-lg-4:last-of-type .content {
padding-bottom: 0;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .item:last-of-type {
margin-bottom: 0;
}
.sidebar-page .projects-details .pager {
margin-bottom: var(--space-50);
}
.s-7-5 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.s-7-5>div {
padding-left: 7.5px;
padding-right: 7.5px;
}
.services-2-grid .services-style-1 .col-lg-6 {
margin-bottom: 24px;
}
.services-3-grid .services-style-1 .col-lg-4 {
margin-bottom: 24px;
}
.about-us-2 .image img {
width: 100%;
}
.achievements-style-1 .item {
border-right: 1px solid #00000026 !important;
border-bottom: none !important;
}
.achievements-style-1 .col-lg-3:last-of-type .item {
border-bottom: 1px solid #00000026 !important;
}
.team-2 .team-style-2 .col-lg-4 {
margin-bottom: 24px;
}
.team-2 .team-style-2 .col-lg-4:last-of-type {
margin-bottom: 0;
}
.achievements-style-2 .col-lg-3:nth-last-of-type(-n+2) .item {
margin-bottom: 0;
}
.home-slider-2 .contact-number-wrapper .text {
color: #fff;
}
.about-us-1 .features .feature .icon svg {
top: -22px;
}
}
@media (min-width :992px) {
.team-member-details .exec-director-container .person-details-container {
flex-direction: column;
margin-right: var(--space-40);
margin-bottom: var(--space-40);
}
.team-member-details .exec-director-container .content .person-details {
margin-left: 0;
margin-top: var(--space-30);
margin-bottom: 0;
width: 100%;
text-align: center;
}
.team-member-details .exec-director-container .person-bio {
margin-top: 0;
}
.team-member-details .exec-director-container .person-details-container {
float: left;
display: inline-block;
}
.team-member-details .exec-director-container .image-container {
margin-top: var(--space-15);
}
.cta-1 {
min-height: 340px;
flex-direction: row;
gap: var(--space-50);
}
.cta-1 .cta-1-overlay {
width: 100%;
max-width: 40%;
justify-content: center;
}
.cta-1 .card-container {
align-self: flex-end;
padding-bottom: var(--space-30);
}
.cta-1-overlay::after {
clip-path: polygon(88% 0, 100% 29%, 100% 100%, 0 100%, 0 0);
}
.node__content:has(.cta-1 + .view-annual-reports) .view-annual-reports {
padding-top: var(--space-20);
}
.login-register-pass-image.image {
margin-top: 0;
}
.home-slider-1,
.home-slider-1 .item img {
height: 460px;
}
.home-slider-1 .item .row {
margin-top: var(--space-60);
}
.home-slider-1 .item .content-container {
align-self: center;
}
.home-slider-1 .item .content {
margin-top: 0;
margin-bottom: var(--space-90);
}
.home-slider-1 .owl-dots {
bottom: 5rem;
min-width: 960px;
position: absolute;
right: 0;
left: 0;
}
.pt-footer .footer-top .content {
gap: 20px
}
.pt-footer .cta-link {
margin-top: var(--space-10);
margin-bottom: var(--space-10);
}
.pt-footer .footer-middle-row {
flex-direction: row;
justify-content: space-between;
gap: 0;
}
.pt-footer .footer-links {
order: 2;
}
.pt-footer .footer-newsletter {
order: 1;
min-width: 37%;
gap: var(--space-25);
}
.pt-footer .footer-funders .about-hamburger>ul {
align-items: flex-end;
}
.pt-footer .footer-funders {
margin-top: 0;
max-width: 27%;
}
.annual_reports-block_annual_reports .item .content h2 {
margin-top: 0;
text-align: inherit;
}
.annual_reports-block_annual_reports .views-row:nth-child(even) .image-grid {
order: 2;
}
.annual_reports-block_annual_reports .item .row {
display: flex;
flex-wrap: wrap;
}
.cta-4 .content-wrapper .mail-wrapper {
display: flex;
background-color: var(--bs-primary);
padding: var(--space-40) var(--space-50) var(--space-40) var(--space-80);
align-items: center;
clip-path: ellipse(118% 150% at 120% 50%);
overflow: hidden;
min-width: 360px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.cta-4 .content-wrapper .mail svg {
display: none;
}
.cta-4 .content-wrapper {
padding: 0;
}
.cta-4 .content-wrapper .content {
padding: var(--space-40) var(--space-20) var(--space-40) var(--space-50);
}
.email-address span,
.management .image {
text-align: left;
}
.management .bottom-content {
padding-top: var(--space-24);
}
.management .image-container {
max-width: 360px;
}
#page_content.header-1 {
position: relative;
}
.toolbar-fixed #header-1.fixed-lg-top {
top: 40px;
}
.toolbar-fixed.toolbar-tray-open #header-1.fixed-lg-top {
top: 79px;
}
.sec-pd {
padding-top: var(--space-80);
padding-bottom: var(--space-80);
}
/* .container {
max-width: 1140px;
} */
body.scrolled #header-2 .nav-link {
padding-bottom: var(--space-30);
}
body.scrolled #header-2.navSticky .nav-link {
padding-bottom: 0;
}
.home-2 #header-2 .navbar-brand svg .cls-2,
.home-2 #header-3 .navbar-brand svg .cls-2 {
fill: black;
}
.scrolled.home-2 #header-2 .navbar-brand svg .cls-2,
.scrolled.home-2 #header-3 .navbar-brand svg .cls-2 {
fill: #fff;
}
.header .dropdown-item a::before {
position: absolute;
bottom: -15px;
content: "";
background-color: lightgray;
width: 100%;
height: 1px;
}
.header .navbar .dropdown-menu {
box-shadow: 0 0 3px lightgray;
}
.header .navbar-brand img {
width: 280px;
padding-top: .75rem;
padding-bottom: .75rem;
}
#header-1 ul .dropdown-item:last-of-type a::before {
display: none;
}
#header-1 .dropdown-menu .dropdown-item {
position: relative;
}
#header-1.fixed-lg-top {
position: fixed;
}
/* Animates the inner child element cleanly inside the fixed container */
#header-1.fixed-lg-top .menubar {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
/* Triggers the keyframe animation the moment jQuery toggles the class */
animation: slideFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
#header-1.fixed-lg-top .navbar-brand img {
max-width: 220px;
padding-top: .5rem;
padding-bottom: .5rem;
}
.header-1 .home-slider-1 {
margin-top: var(--space-100);
margin-bottom: var(--space-60);
}
.header .dropdown-submenu:hover>ul.dropdown-menu {
display: block;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a {
margin-left: 0px;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a:hover,
#header-2 .lang-dropdown-menu .lang-dropdown-item a:hover,
#header-3 .lang-dropdown-menu .lang-dropdown-item a:hover {
color: var(--bs-primary) !important;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item ul a {
margin-left: 0;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item ul li {
padding: var(--space-5);
position: relative;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item ul li:hover::before {
position: absolute;
content: "";
top: 0;
left: -5px;
background-color: var(--bs-primary);
width: 3px;
height: 100%;
}
#header-1 .dropdown-menu .dropdown-item:hover::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: var(--bs-primary);
}
#header-2 .nav-item .nav-link.active::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: #fff;
transition: 0.3s ease-in-out;
}
#header-2 .nav-item .nav-link:hover::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: #fff;
transition: 0.3s ease-in-out;
}
#header-3 .nav-item .nav-link.active:before {
content: "";
position: absolute;
width: 3px;
height: 22px;
background-color: #fff;
top: 0;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
#header-3 .nav-item .nav-link:hover:before {
content: "";
position: absolute;
width: 3px;
height: 22px;
background-color: #fff;
top: 0;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
#header-3 .dropdown-menu::before {
position: absolute;
content: "";
left: 12px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
width: 0;
height: 0;
border-radius: 1px;
}
#header-3 .dropdown-item.dropdown-submenu .dropdown-menu::before {
display: none;
}
#header-3 .nav-item.dropdown.mega-menu .dropdown-menu::before {
left: 619px;
}
.pt-footer .col-lg-5 {
width: 43%
}
.pt-footer .col-lg-3 {
width: 25%
}
.pt-footer .col-lg-4 {
width: 32%
}
.audio-style-1 audio {
transform: scale(1.2);
margin-left: 26px;
}
.video-style-1 .item {
height: 560px;
}
.video-style-2 .item img {
height: 470px;
}
.video-style-3 .item img {
height: 500px;
}
/* buttons */
[class*="button-style-"] .row {
justify-content: space-between;
}
[class*="button-style-"] .row>div {
width: max-content;
}
.button-style-5 .row>div {
width: 12%;
}
.grids p {
margin-bottom: 0px;
}
.images .container .row>div {
max-width: 28.4%;
}
.images .code-block {
margin-bottom: 0px;
}
.contact-page-1 .col-lg-7 {
width: 65.5%;
}
.contact-page-1 .col-lg-5 {
width: 34.5%;
}
.contact-page-2 .row .col-lg-6:first-of-type {
width: 57%;
}
.contact-page-2 .row .col-lg-6:last-of-type {
width: 43%;
}
.blog-2-column .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
.blog-2-column .row>div:nth-last-of-type(-n+2) .item-content {
padding-bottom: 0;
}
.blog-3-column .row>div:nth-last-of-type(-n+3) {
margin-bottom: 0;
}
.blog-3-column .row>div:nth-last-of-type(-n+3) .item-content {
padding-bottom: 0;
}
.sidebar-page .row.s-25>.col-lg-8 {
width: 69.5%
}
.sidebar-page .row.s-25>.col-lg-4 {
width: 30.5%
}
.services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2) {
margin-bottom: 0px;
}
.services-3-grid .services-style-1 .row>div:nth-last-of-type(-n+3) {
margin-bottom: 0px;
}
.sidebar-page .col-lg-8 .content .services-list-full-width .services-style-4 .row .col-lg-6:first-of-type {
width: 49%;
}
.sidebar-page .col-lg-8 .content .services-list-full-width .services-style-4 .row .col-lg-6:last-of-type {
width: 51%;
}
.program-director .whole-content,
.service-details .whole-content {
width: 85.5%;
margin-right: auto;
margin-left: auto;
}
.sidebar-page .service-details .whole-content {
width: 100%;
}
/* .projects-2-grid .row>div:nth-last-of-type(-n+2){
margin-bottom: 0;
}
.projects-2-grid .row>div:nth-last-of-type(-n+2) .content{
padding-bottom: 0;
}
.projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+3) .content{
padding-bottom: 0;
}
.projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+2) .content{
padding-bottom: 0;
}
.projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+1){
margin-bottom: 0;
}
.projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+1){
margin-bottom: 0;
} */
.projects-3-grid.projects-2-grid.projects-tab.dt-section {
padding-bottom: var(--space-60);
}
.projects-2-grid.projects-tab.dt-section {
padding-bottom: var(--space-40);
}
.projects-grid-sidebar.dt-section {
padding-bottom: var(--space-60);
}
.projects-grid-sidebar .col-lg-4 {
width: 30%
}
.projects-grid-sidebar .col-lg-8 {
width: 70%
}
.home-slider-2 .col-lg-2 {
width: 20.5%
}
.home-slider-2 .col-lg-10 {
width: 79.5%
}
.why-choose-us-2 .col-lg-3 {
width: 29%
}
.why-choose-us-2 .col-lg-9 {
width: 71%
}
.why-choose-us-2 .col-lg-9 .col-lg-4:nth-child(2) {
margin-top: 58px;
}
.about-us-2 .col-lg-5 {
width: 46.7%;
}
.about-us-2 .col-lg-7 {
width: 53.3%;
}
.services-style-2 .col-lg-4:nth-last-of-type(-n+3) {
margin-bottom: 0;
}
.testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type {
position: relative;
width: 52.2%
}
.testimonials-style-2 .style-6-slider .item .col-lg-6:last-of-type {
width: 47.8%;
}
.testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type .content {
position: absolute;
bottom: 70px;
padding-right: var(--space-30);
}
.contact-home-2 .row.s-20 {
margin-right: -11px;
margin-left: -11px;
}
.contact-page-2 form .row.s-20 {
margin-right: -11px;
margin-left: -11px;
}
.contact-page-2 form .row>div {
padding-left: 11px;
padding-right: 11px;
}
.contact-home-2 .row>div {
padding-left: 11px;
padding-right: 11px;
}
.about-us-3 .col-lg-6:first-of-type {
width: 52%
}
.about-us-3 .col-lg-6:last-of-type {
width: 48%
}
.company-history .item .date-year {
width: 100%;
height: 100%;
}
.company-history .date-year-wrappper {
width: 23%;
}
.company-history .item .content {
width: 876px;
padding-left: 160px;
border-left: 2px solid rgb(24, 28, 49, 0.1);
}
.management .row {
align-items: flex-end;
}
.work-process-2 .container .row {
align-items: center;
}
.slider-template-1.testimonials-page .col-lg-4:nth-last-of-type(-n+3) {
margin-bottom: 0;
}
.projects-details.dt-section>.container {
max-width: 980px;
}
.services-style-4 .col-lg-6:first-of-type {
padding-left: 0;
}
.services-style-4 .col-lg-6:last-of-type {
padding-right: 0;
}
.services-style-4 .row {
margin-left: 0;
margin-right: 0;
}
.masonry-style-1 .col-lg-4 {
width: 27%!important;
}
.masonry-style-1 .col-lg-4.corners {
width: 35%!important;
}
.blog-details .whole-content-wrapper {
width: 980px;
margin-left: auto;
margin-right: auto;
}
.sidebar-page .blog-details .whole-content-wrapper {
width: 100%;
}
.sidebar-page .blog-details .whole-content {
padding-top: 52px;
}
.about-us-1+.achievements-style-1+.video-1+.why-choose-us-3+.cta-2+.testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type .content {
bottom: 0;
}
.about-us-1+.achievements-style-1+.video-1+.why-choose-us-3+.cta-2+.testimonials-style-2 .style-6-slider .item .col-lg-6 img {
height: 600px;
}
.about-us-1 .features .feature .icon {
top: -10px;
}
.team-style-1 .col-lg-4:nth-last-of-type(-n+3) .profile {
padding-bottom: 0;
}
.tooltip-2 .tooltip-arrow::before {
top: -1px;
border-width: 11px 8px;
transform: unset;
padding-left: -4px;
padding-right: -9px;
margin-left: 9.1px;
border-left: 0;
border-bottom-color: transparent;
}
.tooltip-2 .tooltip-inner {
border-radius: 0;
/* padding: 5px 8px; */
padding: var(--space-5) var(--space-10);
transform: translateX(76px);
}
.services-home-1.dt-section {
padding-top: 150px;
}
.contact-home-3 .s-20 {
margin-left: -10px;
margin-right: -10px;
}
.contact-home-3 .s-20>div {
padding-left: var(--space-10);
padding-right: var(--space-10);
}
/* .work-process-2 .item.two .col-lg-6:first-of-type {
width: 46.5%;
}
.work-process-2 .item.two .col-lg-6:last-of-type {
width: 53.5%;
}
.work-process-2 .item .col-lg-6:last-of-type {
width: 46.5%
}
.work-process-2 .item .col-lg-6:first-of-type {
width: 53.5%;
} */
/* .page-node-type-service .program-details .container,
.page-node-124 .management .container,
.page-node-119 .why-choose-us-3 .container,
.page-node-104 .why-choose-us-3 .container {
position: relative;
}
.page-node-type-service .program-details .container::before,
.page-node-124 .management .container::before,
.page-node-119 .why-choose-us-3 .container::before,
.page-node-104 .why-choose-us-3 .container::before {
position: absolute;
content: "";
bottom: -100px;
width: 100%;
height: 1px;
background-color: lightgray;
} */
/* .page-node-type-service .program-details+.program-director,
.page-node-124 .management+.additional-content,
.page-node-119 .why-choose-us-3+.sections-common-padding,
.page-node-104 .why-choose-us-3+.sections-common-padding {
padding-top: var(--space-100);
} */
.job-form form {
width: 910px;
}
.path-comment .block>.content {
max-width: 1140px;
/* padding:0 12px; */
padding: 0 var(--space-15);
margin-left: auto;
margin-right: auto;
}
/* Adjustments */
.s-0 {
margin-left: 0px;
margin-right: 0px;
}
.s-0>div {
padding-left: 0px;
padding-right: 0px;
}
.s-3 {
margin-left: -3px;
margin-right: -3px;
}
.s-3>div {
padding-left: 3px;
padding-right: 3px;
}
.s-5 {
margin-left: -5px;
margin-right: -5px;
}
.s-5>div {
padding-left: 5px;
padding-right: 5px;
}
.s-7-5 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.s-7-5>div {
padding-left: 7.5px;
padding-right: 7.5px;
}
.s-9 {
margin-left: -9px;
margin-right: -9px;
}
.s-9>div {
padding-left: 9px;
padding-right: 9px;
}
.s-10 {
margin-left: -10px;
margin-right: -10px;
}
.s-10>div {
padding-left: var(--space-10);
padding-right: var(--space-10);
}
}
@media (min-width: 1024px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header .nav-link {
margin: 0 var(--space-10);
}
#header-2 .nav-link {
margin-right: 12px;
}
#header-3 .nav-item .nav-link {
margin-right: 14px;
margin-left: 8px;
}
#header-3 .lang-dropdown-menu {
margin: var(--space-15);
}
#header-3 .header-contact-number {
margin-right: var(--space-15);
}
.header .mega-menu:hover>ul.dropdown-menu {
display: none;
}
.header .mega-menu>ul.dropdown-menu.show {
display: flex !important;
}
.header .nav-item:hover>ul.dropdown-menu {
display: none;
}
.header .nav-item>ul.dropdown-menu.show {
display: block;
}
#header-1 .lang-dropdown-menu {
margin-left: var(--space-15);
}
#header-3 .nav-item.dropdown.mega-menu .dropdown-menu::before {
left: 550px;
top: -7px;
}
.contact-page-1 .bg-image {
background-size: cover;
background-position: unset;
}
.contact-page-1 .col-lg-7 {
padding-right: 12px;
}
.home-slider-3 .overlay-svg {
height: auto;
}
.about-us-2 .image img {
height: 725px;
}
.about-us-1 .about-card {
left: -150px;
}
.contact-home-2 .container {
max-width: 900px;
}
}
@media (min-width:1024px) and (max-width:1366px) {
.contact-page-1 .bg-image {
background-size: cover;
background-position: unset;
}
@media (orientation: landscape) {
.contact-page-1 .bg-image {
background-size: cover;
background-position: -266px;
}
}
}
@media (min-width: 1200px) {
.cta-1 .cta-1-overlay {
max-width: 33.3333%;
}
.cta-1 {
gap: var(--space-120);
}
.cta-1 .card-container {
padding-bottom: var(--space-50);
}
.home-slider-1,
.home-slider-1 .item img {
height: 480px;
}
.home-slider-1 .item .row {
margin-top: var(--space-70);
}
.home-slider-1 .item .content {
margin-bottom: var(--space-100);
}
.home-slider-1 .owl-dots {
bottom: 7rem;
min-width: 1140px;
}
.cta-4 .content-wrapper .mail-wrapper {
padding: var(--space-40) var(--space-50) var(--space-40) var(--space-75);
clip-path: ellipse(118% 180% at 120% 50%);
min-width: 450px;
}
.cta-4 .content-wrapper .content {
padding-right: var(--space-30);
}
.cta-4 .content-wrapper .mail svg {
display: inherit;
}
.management .bottom-content {
padding-top: var(--space-48);
}
.toolbar-tray-open.home-1 .tabs {
margin-top: 110px;
}
.header-1 .page-banner {
margin-top: var(--space-100);
}
.s-12-5 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.s-12-5>div {
padding-left: 12.5px;
padding-right: 12.5px;
}
.s-15 {
margin-left: -15px;
margin-right: -15px;
}
.s-15>div {
padding-left: var(--space-15);
padding-right: var(--space-15);
}
.s-17-5 {
margin-left: -17.5px;
margin-right: -17.5px;
}
.s-17-5>div {
padding-left: 17.5px;
padding-right: 17.5px;
}
.s-20 {
margin-left: -20px;
margin-right: -20px;
}
.s-20>div {
padding-left: var(--space-20);
padding-right: var(--space-20);
}
.s-25 {
margin-left: -25px;
margin-right: -25px;
}
.s-25>div {
padding-left: var(--space-25);
padding-right: var(--space-25);
}
.s-30 {
margin-left: -30px;
margin-right: -30px;
}
.s-30>div {
padding-left: var(--space-30);
padding-right: var(--space-30);
}
.s-35 {
margin-left: -35px;
margin-right: -35px;
}
.s-35>div {
padding-left: var(--space-35);
padding-right: var(--space-35);
}
.s-40 {
margin-left: -40px;
margin-right: -40px;
}
.s-40>div {
padding-left: var(--space-40);
padding-right: var(--space-40);
}
.s-50 {
margin-left: -50px;
margin-right: -50px;
}
.s-50>div {
padding-left: var(--space-50);
padding-right: var(--space-50);
}
.s-55 {
margin-left: -55px;
margin-right: -55px;
}
.s-55>div {
padding-left: var(--space-55);
padding-right: var(--space-55);
}
.s-75 {
margin-left: -75px;
margin-right: -75px;
}
.s-75>div {
padding-left: var(--space-75);
padding-right: var(--space-75);
}
.header .navbar-brand img {
width: 320px;
}
}
@media (min-width: 1400px) {
.home-slider-1,
.home-slider-1 .item img {
height: 510px;
}
.home-slider-1 .owl-dots {
bottom: 9rem;
min-width: 1320px;
}
.cta-4 .content-wrapper .content {
padding-right: var(--space-50);
}
.cta-1 {
gap: var(--space-150);
}
.cta-1 .card-container {
padding-bottom: var(--space-60);
}
}