/*
Theme Name: Divi Child Theme
Theme URI: https://divilife.com
Description: Divi Child Theme B4BGroup
Author: LighthouseNi
Author URI: https://lighthouseni.com/
Template: Divi
Version: 1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
/*MEDIA QUERIES*/
@media (max-width: 699px) {
}
@media (min-width: 700px) {
}
@media (min-width: 700px) and (max-width:980px) {
}
@media (min-width: 700px) and (max-width:1279px){
}
@media (min-width: 980px) and (max-width:1279px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1530px) {
}
/*THEME OVERIDES*/
/* Remove text shadow in Divi slider modules */
.et_pb_slide_description {
text-shadow:none !important;
}
/* Remove default margin on columns */
@media (max-width: 980px) {
.et_pb_column {
margin-bottom: 0px;
}
}
/*LOGO*/
.logo{
max-width:300px;
width:100%;
}
@media only screen and (min-width: 981px) {
.et-fixed-header #logo {
max-height: 72%;
}
}
@media only screen and (min-width: 768px) and (max-width:980px) {
#logo{
width: 52px;
height: 65px;
max-width:unset!important;
max-height:unset!important;
}
.et_header_style_left .logo_container{
height:80px;
}
}
/*HEADER/NAV*/
#main-header .container{
width:100%;
}
@media (max-width: 767px) {
#main-header .container {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#main-header .container {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
#main-header.et-fixed-header .container {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
@media (min-width: 980px) and (max-width: 1610px) {
#main-header .container {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
@media only screen and (min-width: 981px) and (max-width:1279px) {
#page-container #main-header {
box-shadow: none;
height: 80px;
}
#page-container #main-header .container {
width: 100%;
height: 80px;
}
.et_header_style_left #page-container #et-top-navigation,
.et_header_style_split #page-container #et-top-navigation {
padding: 23px 0 0 0;
}
}
/*NAVIGATION*/
@media (max-width: 1279px) {
#top-menu {
display: none;
}
}
@media (max-width: 1279px) {
#et_mobile_nav_menu {
display: block;
}
}
@media (min-width: 1280px) and (max-width:1530px) {
#main-header #top-menu li > a{
font-size: 20px;
}
}
@media only screen and (max-width: 1279px) {
#page-container .et-fixed-header#main-header {
background-color: transparent!important;
box-shadow: 0 0 7px rgba(0,0,0,0.0) !important;
}
}
@media (min-width: 1280px) {
#main-header #et-top-navigation{
width:100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.et_header_style_left #main-header #et-top-navigation nav > ul > li > a,
.et_header_style_split #main-header #et-top-navigation nav > ul > li > a {
padding-bottom: 22px;
}
#main-header #top-menu li .sub-menu{
border:0px;
background: rgba(255,255,255, 0.2);
padding-left: 1rem;
padding-right:1rem;
border-radius:8px;
}
#main-header #top-menu li .sub-menu li{
padding: 0px 0px 14px 0px;
}
#main-header #top-menu li .sub-menu li > a{
font-size: 18px;
font-weight:400;
padding:0px;
}
/*SUB MENU - PRODUCTS*/
#main-header #top-menu li.menu-item-2285 .sub-menu{
width: 94%;
}
/*SUB MENU - About*/
#main-header #top-menu li.menu-item-2286 .sub-menu{
width: 238px;
}
#main-header #top-menu li.menu-item-2286 .sub-menu li {
padding: 0px 0px 0px 0px;
}
}
/* SUB MENU FOR FIXED*/
@media (min-width: 1280px) {
#main-header.et-fixed-header #top-menu li .sub-menu li > a {
font-size: 15px;
}
#main-header.et-fixed-header #top-menu li .sub-menu{
width: 94%;
background: #121742;
border-top-left-radius:0px;
border-top-right-radius: 0px;
}
}
/*FIXD HEADER MOBILE*/
.et-fixed-header .mobile_menu_bar.mobile_menu_bar_toggle{
background-color:rgba(18, 23, 66, 0.5);
border-radius:50px;
width: 50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
}
.et-fixed-header #et_mobile_nav_menu .mobile_menu_bar:before{
top:unset!important;
}
.et_header_style_left .et-fixed-header #et-top-navigation .mobile_menu_bar {
padding-bottom: 0px;
}
.et_header_style_left .et-fixed-header #logo{
transition: all .5s ease;
}
.mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle{
position:fixed;
top:1.5rem;
right:1.5rem;
height:50px;
}
.mobile_nav.opened #mobile_menu {
padding-top: 100px;
}
.et-fixed-header .mobile_nav.opened .mobile_menu_bar {
}
@media (max-width: 1279px) {
.et_header_style_left .et-fixed-header #logo{
opacity:0!important;
}
}
/*TOP BAR NOTICE*/
.section-top-bar-notice{
position:fixed!important;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
/*MAIN HEADER TOP POSITIONING IF TOP BAR NOTICE ACTIVE*/
#page-container #main-header{
top: 60px!important;
}
#page-container #main-header.et-fixed-header{
top: 0px!important;
}
.section.section-hero{
padding-top:140px!important; /*ONLY 140px if top bar notice is active - set to 0 if not active*/
}
.et_fixed_nav #main-header {
position: absolute;
}
.et_fixed_nav #main-header.et-fixed-header {
position: fixed;
}
@media only screen and (min-width: 981px) {
.et_header_style_left #main-header #et-top-navigation{
padding: 70px 0 0 0;
}
.et_header_style_left #main-header.et-fixed-header #et-top-navigation{
padding: 30px 0 0 0;
}
.et_header_style_left .logo_container {
min-height: 140px;
}
.et_header_style_left #main-header.et-fixed-header .logo_container {
min-height: 70px;
}
}
/*BUTTONS*/
/*ROUNDED BUTTON WITH GRADIENT BORDER*/
.et_pb_button.btn-with-gradient-border{
border-radius: 50px!important;
border: 7px solid transparent!important;
border-width: 7px !important;
}
/*MOBILE CONTACT BUTTON*/
.btn-contact-mobile{
color: #FFFFFF !important;
border-width: 0px !important;
border-radius: 40px;
background-image: linear-gradient(90deg,#6173aa 0%,#c880a8 100%);
padding-top: 14px !important;
padding-right: 40px !important;
padding-bottom: 14px !important;
padding-left: 40px !important;
border: 2px solid transparent;
display: inline-block;
transition: all 300ms ease 0ms;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
text-align: center;
margin-top: 2rem;
}
.btn-contact-mobile a{
font-size: 20px;
font-weight: 500;
line-height: 1.7em !important;
padding: 0px!important;
}
@media only screen and (min-width: 981px) {
.btn-contact-mobile{
display:none!important;
}
}
/*PRODUCT TEMPLATE CASE STUDY BUTTON*/
.et_pb_button.btn-with-gradient-border{
background: linear-gradient(to right, #bd7fa8, #9c7aa9) padding-box, linear-gradient(to right, #6173AA, #C880A8) border-box;
}
@media (min-width: 980px) {
.et_pb_button.btn-with-gradient-border{
background: linear-gradient(to right, #9079a9, #8578a9) padding-box, linear-gradient(to right, #6173AA, #C880A8) border-box;
}
}
/*FONTS*/
p{
line-height:39px;
}
h1, h2, h3, h4, h5, h6{
padding-bottom:0px;
}
.section h2,
.et_pb_heading h2{
font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1023px) {
.section h2,
.et_pb_heading h2{
font-size: 40px;
}
}
@media (min-width: 1024px) {
.section h2,
.et_pb_heading h2{
font-size: 60px;
}
}
/*GENERAL CONTENT*/
@media (max-width: 767px) {
.general-content-heading h2{
font-size: 34px;
}
.general-content,
.general-content p,
.general-content .et_pb_text_inner{
font-size: 18px;
line-height:28px;
}
}
/*COMMON STYLES*/
@media (min-width: 767px){
.desktop-hide{
display:none;
}
}
@media (max-width: 700px){
.mobile-hide{
display:none;
}
}
/*IMAGES*/
.img-object-fill img{
object-fit: cover;
}
/*SLICK SLIDER ON POSTS
.blog-slider .slick-slide {
width: 248px;
float: left;
margin-left: 5vw;
margin-right:5vw;
}
.blog-module .slick-track{
margin-left: 5vw;
}*/
/*CONTACT POPUP*/
/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */
body:not(.et-fb) .dl-popup-wrapper {
position:fixed;
z-index:990;
top:0;
right:0;
bottom:0;
left:0;
transition: all .5s cubic-bezier(.14,.06,.41,1.39);
opacity:0;
visibility:hidden;
}
body:not(.et-fb) .dl-popup-wrapper.popup-is-visible {
opacity:1;
visibility:visible;
}
/* Allow the content inside the popup wrapper to scroll */
.dl-popup-inside {
height:100%;
overflow-y: scroll;
}
/* Prevent Body from Scrolling when Popup is visible */
body.dl-noscroll {
overflow: hidden;
}
/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
z-index:99999;
}
/* Add a hand cursor to the close trigger element */
.dl-popup-close {
cursor:pointer;
}
/* Add Row animation when popup is triggered */
.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.dl-popup-close) {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; }
@keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}
/* ************************************************* */
/* MOBILE MENU SLIDE IN EFFECT - FIXED MOBILE HEADER */
/* ************************************************* */
/* Fix the mobile header */
@media (max-width: 700px) {
/* MOBILE NAV*/
.mobile_nav.closed #mobile_menu {
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
-ms-transform: translatey(-100%);
-o-transform: translatey(-100%);
transform: translatey(-100%);
}
/* MOBILE NAV*/
.mobile_nav.opened #mobile_menu {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@media (min-width: 700px) and (max-width:1280px) {
#mobile_menu{
left:unset!important;
right:0px;
height:100vh;
width:400px;
}
.mobile_nav.closed #mobile_menu {
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
-ms-transform: translatey(-100%);
-o-transform: translatey(-100%);
transform: translatey(-100%);
}
/* MOBILE NAV*/
.mobile_nav.opened #mobile_menu {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@media (max-width: 1280px) {
#main-header .et_mobile_menu{
background-color: #121742!important;
}
.mobile_nav .et_mobile_menu li a{
color: #fff!important;
}
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
/* Adjust the 80px set in the height calc value to match the height of your mobile menu */
#mobile_menu {
display: block !important;
left: 0;
position: fixed;
overflow: auto;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
-overflow-scrolling: touch !important;
-webkit-overflow-scrolling: touch !important;
height: 100vh;
top: 0px;
/*padding-top: 140px;*/
z-index: 1;
}
.mobile_menu_bar:before{
color: #ffffff;
}
/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
content: '\4d';
}
/*CHANGE POSITION OF HAMBUREGR*/
#et_mobile_nav_menu .mobile_menu_bar:before{
top: 10px;
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
width: 44px;
height: 100%;
padding: 0px !important;
max-height: 44px;
border: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
display: none !important;
visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
display: block !important;
visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
text-align: center;
opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
font-family: "ETmodules" !important;
font-weight: 400;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 36px;
font-size: 24px;
text-transform: none;
speak: none;
content: '\33';
color: #ffffff;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
position: absolute;
right: 5%;
margin-left: -20px;
top: -14px;
width: 0;
height: 0;
content: '';
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
position: relative;
display: block;
bottom: 10px;
line-height: 0;
z-index: 100;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
background-color: #ffffff!important;
border-radius: 10px;
}
.mobile_menu_bar:before{
color: #fff !important;
}
.et_mobile_menu li li{
padding-left: 0%!important;
}
.mobile-toggle,
.sub-menu{
background-color: rgba(0,0,0,.2);
}
@media (max-width: 700px) {
#main-header .et_mobile_menu li a{
font-size: 16px;
font-weight: 400;
}
.mobile_nav .et_mobile_menu .sub-menu li a {
color: #fff !important;
font-size: 14px!important;
font-weight: 300;
}
}
/*MOBILE MENU*/
/*SECTION SPACING*/
@media (max-width: 767px) {
.section {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.section {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
}
@media (min-width: 980px) and (max-width: 1640px) {
.section {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
}
/*HERO*/
.section.section-hero{
display:flex;
flex-direction:column;
justify-content: center;
}
.section.section-hero .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper,
.section.section-hero .et_pb_button_module_wrapper.et_pb_button_1_wrapper,
.section-hero-no-cta .et_pb_button_module_wrapper.et_pb_button_0_wrapper{
width: 80px;
}
@media (min-width: 980px) {
.section.section-hero .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper,
.section.section-hero .et_pb_button_module_wrapper.et_pb_button_1_wrapper,
.section-hero-no-cta .et_pb_button_module_wrapper.et_pb_button_0_wrapper{
width: 93px;
}
}
/*HERO TAB BUTTON*/
.et_pb_button_module_wrapper > a.contact-tab-btn{
display:none;
}
@media (min-width: 768px) {
.et_pb_button_module_wrapper > a.contact-tab-btn{
display:inline-block;
}
}
/*SPECIAL OFFERS*/
.row-special-offer-details > div{
text-align:center;
}
.section-special-offers .row-special-offer-details .special-offer{
margin-bottom:1rem;
}
.heading-special-offers h2{
position:relative;
}
.heading-special-offers h2:after{
content:'';
background-repeat:no-repeat;
background-position:top left;
width: 29px;
height: 24px;
margin-left:6px;
background-size: cover;
display:inline-block;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F>');
}
.special-offer h3{
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding-bottom: 0.5rem;
border-bottom:6px;
border-style: solid;
border-image: linear-gradient(to right, #C880A8, #6173AA) 1;
}
/*SPEICLA OFFER EXPAND*/
.row-special-offer-title{
cursor:pointer;
}
.row-special-offer-details {
height: 0;
overflow: hidden;
transition: height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
padding-top: 0;
padding-bottom: 0;
}
.row-special-offer-details.open {
padding-top: 3rem!important; /* Adjust the padding as needed */
padding-bottom: 3rem!important; /* Adjust the padding as needed */
}
@media (min-width: 768px) {
.heading-special-offers h2:after{
width:50px;
height: 42px;
}
}
/*PRODUCT ADDITIONAL*/
.row-product-additional {
display:flex;
flex-direction:column-reverse;
}
@media (min-width: 980px) {
.row-product-additional {
display:flex;
flex-direction:row;
align-items:center;
}
}
/*PRODUCT CASE STUDY*/
.row-case-study {
display:flex;
flex-direction:column;
}
@media (min-width: 980px) {
.row-case-study {
display:flex;
flex-direction:row;
align-items:center;
}
}
/*KEY FEATURES*/
.col-key-features{
display:flex;
flex-wrap: wrap;
}
.col-key-features .general-content-heading{
width:100%;
}
.col-key-features .key-feature{
width:100%;
padding:1.5rem 1.5rem 2.5rem 1.5rem;
}
.key-feature .et_pb_blurb_container{
background-color: #121742;
border-radius: 40px;
color: #fff!important;
min-height:60px;
max-width:280px;
margin:auto;
display:flex;
flex-direction:column;
justify-content: center;
}
.key-feature .et_pb_main_blurb_image {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.col-key-features .key-feature{
width:33%;
padding:1.5rem 1rem 1.5rem 1rem;
}
.key-feature .et_pb_blurb_container{
min-height:70px;
max-width:342px;
}
}
@media (min-width: 980px) {
.col-key-features .key-feature{
width:33%;
padding:1.5rem 2.5rem 1.5rem 2.5rem;
}
}
/*Homepage services*/
.col-home-service{
display:flex;
flex-wrap: wrap;
}
.col-home-service .general-content-heading{
width:100%;
padding-bottom:3rem;
}
.col-home-service .service{
width:100%;
padding:1.5rem 1.5rem 2.5rem 1.5rem;
}
.service .et_pb_blurb_container{
background-color: #121742;
border-radius: 40px;
color: #fff!important;
min-height:60px;
max-width:280px;
margin:auto;
display:flex;
flex-direction:column;
justify-content: center;
}
.service .et_pb_main_blurb_image{
display:flex;
align-items:center;
justify-content:center;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 200px;
border: 7px solid transparent;
width: 220px;
height: 220px;
margin: 0 auto 3rem auto;
}
@media (min-width: 768px) {
.col-home-service .service{
width:50%;
padding:1.5rem 2.5rem 1.5rem 2.5rem;
}
.service .et_pb_blurb_container{
min-height:70px;
max-width:342px;
}
}
@media (min-width: 980px) {
.col-home-service .general-content-heading{
padding-bottom:5rem;
}
.col-home-service .service{
width:25%;
padding:1.5rem 1rem 1.5rem 1rem;
}
}
@media (min-width: 1340px) {
.col-home-service .service{
padding:1.5rem 2.5rem 1.5rem 2.5rem;
}
}
/*PARTNERS/MODELS*/
.col-partner-models-title{
border-top:6px;
border-style: solid;
border-image: linear-gradient(to right, #C880A8, #6173AA) 1;
padding-top:5rem;
}
.partner-model{
height:480px;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 40px;
border: 7px solid transparent;
padding:50px 40px 40px 40px;
margin:1.5rem;
}
.partner-model .et_pb_main_blurb_image {
margin-bottom: 10px;
line-height: 0;
max-width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.partner-model .et_pb_blurb_container{
background-color: #121742;
border-radius: 40px;
color: #fff!important;
min-height:50px;
min-width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
justify-content: center;
padding: 14px 19px 14px 19px;
}
.partner-model .et_pb_blurb_content{
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.partner-model .et_pb_image_wrap{
display:flex;
justify-content: center;
}
@media (min-width: 700px){
.partner-model{
border-radius: 50px;
}
}
@media (min-width: 700px) and (max-width: 979px) {
.section-partner-models .row-partner-models{
width: 100%;
max-width: 96%;
padding-left:2rem;
padding-right:2rem;
}
.section-partner-models .partner-model{
margin:1rem;
}
}
@media (min-width: 980px) and (max-width: 1330px) {
.section-partner-models .row-partner-models{
width: 100%;
max-width: 96%;
padding-left:3rem;
padding-right:3rem;
}
.section-partner-models .partner-model{
margin:1.5rem;
}
}
@media (min-width: 1330px) and (max-width: 1699px) {
.section-partner-models .row-partner-models{
width: 100%;
max-width: 94%;
padding-left:1rem;
padding-right:1rem;
}
.section-partner-models .partner-model{
margin:1rem;
}
}
@media (min-width: 1700px) {
.section-partner-models .row-partner-models{
width: 100%;
max-width: 92%;
padding-left:5rem;
padding-right:5rem;
}
.section-partner-models .partner-model{
margin:1.5rem;
}
}
/*SLICK STYLING*/
.col-partner-models.slider-partner-models .slick-list .slick-track{
margin-left: 0.25rem;
}
.row-partner-models .slick-prev:before,
.row-partner-models .slick-next:before{
font-family: unset!important;
font-size: unset!important;
line-height: unset!important;
font-display: unset!important;
opacity: unset!important;
color: unset!important;
}
.row-partner-models .slick-prev.slick-arrow:before{
content:'';
width:36.857px;
height:44.52px;
display:inline-block;
background-size:cover;
background-image: url('data:image/svg+xml,');
}
.row-partner-models .slick-next.slick-arrow:before{
content:'';
width:36.857px;
height:44.52px;
display:inline-block;
background-size:cover;
background-image: url('data:image/svg+xml,');
}
.row-partner-models ul.slick-dots{
bottom: -48px;
padding: 0 0 0px 0em;
}
.row-partner-models .slick-dots li button:before {
font-size: 8px;
}
@media (min-width: 700px){
.col-partner-models.slider-partner-models .slick-list,
.col-partner-models.slider-partner-models .slick-list .slick-track{
height:520px;
}
}
/*TESTIMONIAL*/
.b4b-testimonial .et_pb_testimonial_description:before{
content:'';
background-repeat:no-repeat;
background-position:top left;
width:57px;
height: 45px;
background-size: cover;
display:inline-block;
background-image: url('data:image/svg+xml,');
}
.b4b-testimonial .et_pb_testimonial_description{
background-repeat:no-repeat;
background-position:bottom right;
background-size: 57px auto;
background-image: url('data:image/svg+xml,');
}
.b4b-testimonial .et_pb_testimonial_description .et_pb_testimonial_content{
font-weight: 500!important;
padding-top:0.5rem;
padding-bottom:0rem;
}
.b4b-testimonial {
background: linear-gradient(#121742, #121742) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 42px;
border: 7px solid transparent;
padding:3rem 1.5rem 3rem 1.5rem;
}
@media (max-width: 767px){
.b4b-testimonial .et_pb_testimonial_meta{
max-width:76%;
line-height: 22px;
}
}
@media (min-width: 768px) {
.b4b-testimonial .et_pb_testimonial_meta{
max-width:76%;
}
}
@media (min-width: 700px){
.b4b-testimonial .et_pb_testimonial_description .et_pb_testimonial_content{
padding-top:1rem;
padding-bottom:2.5rem;
}
.b4b-testimonial .et_pb_testimonial_description:before{
width: 86px;
height: 67.959px;
}
.b4b-testimonial .et_pb_testimonial_description{
background-size: 86px 67.959px;
}
.b4b-testimonial {
border-radius: 74px;
padding:4rem 5rem 4rem 5rem;
}
}
/*PRODUCTS OPTIONS*/
.col-consider-options{
display: flex;
justify-content: space-between;
flex-direction:column;
}
.options{
height:480px;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 40px;
border: 7px solid transparent;
padding:30px 20px 30px 20px;
width: 100%;
}
.row-consider-option .col-consider-options .options{
margin-bottom:2rem;
}
.options .et_pb_main_blurb_image {
margin-bottom: 10px;
line-height: 0;
max-width: 100%;
height: 100%;
width: 100%!important;
display: flex;
justify-content: center;
align-items: center;
}
.options .et_pb_main_blurb_image img[src*=".svg"]{
width:183px;
}
.options .et_pb_blurb_container{
background-color: #121742;
border-radius: 40px;
color: #fff!important;
min-height:70px;
min-width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
justify-content: center;
padding: 14px 19px 14px 19px;
}
.options .et_pb_blurb_content{
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.options .et_pb_image_wrap{
display:flex;
justify-content: center;
}
@media (min-width: 980px){
.col-consider-options{
flex-direction:row;
}
.options{
border-radius: 50px;
padding:50px 40px 40px 40px;
margin:1.5rem;
width:33%;
}
.options .et_pb_blurb_container{
border-radius: 40px;
min-height:94px;
}
}
/*Partners*/
.col-partners{
display: flex;
justify-content: center;
flex-direction:column;
}
.partner{
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 30px;
border: 7px solid transparent;
padding:30px 20px 30px 20px;
width: 100%;
}
.row-partners .col-partners .partner{
margin-bottom:2rem;
}
.partner .et_pb_main_blurb_image {
margin-bottom: 10px;
line-height: 0;
max-width: 100%;
height: 180px;
width: 100%!important;
display: flex;
justify-content: center;
align-items: center;
}
.partner .et_pb_main_blurb_image img{
max-height: 170px;
object-fit: contain;
}
.partner .et_pb_module_header{
background-color: #121742;
border-radius: 40px;
color: #fff!important;
min-height:70px;
min-width:100%;
margin:0 auto 2rem auto;
display:flex;
flex-direction:column;
justify-content: center;
padding: 14px 19px 14px 19px;
}
.partner .et_pb_blurb_content{
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.partner .et_pb_image_wrap{
display:flex;
justify-content: center;
}
@media (min-width: 700px){
.col-partners{
flex-direction:row;
flex-wrap:wrap;
}
.partner{
border-radius: 50px;
padding:50px 40px 40px 40px;
margin:1rem;
width:45%;
}
.section-partners .row-partners .col-partners .partner:last-child{
margin-bottom:2rem!important;
}
.partner .et_pb_blurb_container{
border-radius: 40px;
}
}
@media (min-width: 1280px){
.partner{
margin:1rem;
width:30%;
}
}
@media (min-width: 1480px){
.partner{
margin:1.5rem;
}
.section-partners .row-partners .col-partners .partner:last-child{
margin-bottom:2rem!important;
}
}
/*RESPONSIBLE BUSINESS*/
.row-content-image,
.row-image-content,
.section-content-image-half{
padding:0px;
}
.row-content-image .col-content,
.row-image-content .col-content{
padding:3rem 2rem;
}
.row-content-image{
display:flex;
flex-direction:column-reverse;
}
@media (min-width: 980px){
.row-content-image,
.row-image-content{
display:flex;
flex-direction:row;
align-items: center;
min-height:700px;
height:100%;
}
.row-content-image .col-content,
.row-image-content .col-content{
padding:4rem 5rem;
display:flex;
flex-direction:column;
justify-content:center;
}
.row-content-image .col-content,
.row-content-image .col-image,
.row-content-image .col-image .et_pb_image,
.row-content-image .col-image .et_pb_image .et_pb_image_wrap,
.row-image-content .col-content,
.row-image-content .col-image,
.row-image-content .col-image .et_pb_image,
.row-image-content .col-image .et_pb_image .et_pb_image_wrap{
height: 100vh;
min-height:700px;
}
.row-content-image .col-image img,
.row-image-content .col-image img{
height:100%;
object-fit:cover;
}
}
/*BLOG POST ITEM*/
.row-post-title-image{
display:flex;
flex-direction:column;
}
.col-post-title{
position:relative;
}
.col-post-title:after{
content:'';
height:7px;
background-image: linear-gradient(to right, #C880A8, #6173AA);
width:200px;
display:inline-block;
}
/*IMAGE WITH GRADIENT BORDER*/
.row-post-title-image .et_pb_image_wrap img{
min-height:400px;
object-fit:cover;
}
@media (min-width: 980px) and (max-width: 1450px){
.row-post-title-image .col-post-title{
padding-right:1.5rem;
}
}
@media (min-width: 980px){
.row-post-title-image{
flex-direction:row;
align-items: center;
}
.row-post-title-image .et_pb_image_wrap img{
min-height:500px;
}
}
.row-post-title-image .et_pb_image_wrap {
display: flex;
align-items: center;
width: 90%;
margin: auto;
position: relative;
box-sizing: border-box;
color: #FFF;
background: #000;
background-clip: padding-box;
border: solid 10px transparent;
border-radius: 0em;
}
.row-post-title-image .et_pb_image_wrap:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
margin: -10px;
border-radius: inherit;
background: linear-gradient(to right, #6173aa, #c880a8);
}
/*BLOG POST CONTENT*/
.row-post-content .wp-block-quote{
background: linear-gradient(#121742, #121742) padding-box, linear-gradient(to bottom, #C880A8, #6173AA) border-box;
border-radius: 0px;
border-left: 7px solid transparent;
margin-top:2rem;
}
/*FOOTER*/
.row-footer{
display: flex;
flex-direction: column;
}
@media (max-width: 768px){
.row-footer .et_pb_social_media_follow_0_tb_footer.et_pb_module {
margin-left: 0 !important;
}
}
@media (min-width: 768px){
.row-footer{
flex-direction: row;
align-items:center;
}
}
/*FOOTER BOTTOM*/
.row-footer-bottom{
display: flex;
flex-direction: column;
padding-bottom: 3rem!important;
}
.col-footer-left{
display: flex;
flex-direction: row;
align-items:center;
justify-content:flex-start;
}
.col-footer-left .et_pb_image{
margin:unset;
}
.col-footer-left .et_pb_image.cyber-logo{
margin-left:20px;
}
.iso-logo{
}
@media (max-width: 768px){
.col-footer-right .et_pb_text_inner{
line-height: 18px;
padding-top: 2rem;
}
}
@media (min-width: 768px){
.row-footer-bottom{
flex-direction: row;
align-items:center;
}
}
@media (min-width: 1280px){
.col-footer-right{
padding-right:2.5rem;
}
}
/*FOOTER FOR TOP NOTICE BAR*/
.et-l--footer .et_builder_inner_content{
position:unset;
}
/*ADDITIONAL STYLES TO WHAT IS CURRENTLY CACHED*/
/*TOP MENU UNDERLINE FOR ACTIVE*/
#top-menu-nav #top-menu li.current-menu-item > a,
#top-menu-nav #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu-nav #top-menu li.current-menu-item > a,
.et-fixed-header #top-menu-nav #top-menu li.current-menu-ancestor > a{
color: #fff!important;
}
#top-menu-nav #top-menu li.current-menu-item > a:before,
#top-menu-nav #top-menu li.current-menu-ancestor > a:before{
content:'';
background-image: linear-gradient(90deg,#c880a8 0%,#6173aa 100%);
height:4px;
width:100%;
display:inline-block;
position:absolute;
bottom:-4px;
}
.et-fixed-header #top-menu-nav #top-menu li.current-menu-item > a:before,
.et-fixed-header #top-menu-nav #top-menu li.current-menu-ancestor > a:before{
bottom:0px;
}
#top-menu-nav #top-menu li.current-menu-ancestor ul.sub-menu a:before{
content:unset;
}
/*FIXED MENU SUB menu-item-2286 - ADD to above*/
@media (min-width: 1280px) {
#main-header.et-fixed-header #top-menu li.menu-item-2286 .sub-menu {
width: 200px;
}
}
/*PRODUCT GROUPING ITEMS*/
.col-product-grouping{
display: flex;
flex-direction:column;
}
.item{
border-radius: 40px;
width: 100%;
}
.item h3{
font-weight:400;
margin-bottom:1rem;
}
.col-product-grouping .item{
margin-bottom:2rem;
}
.item .et_pb_blurb_container{
padding:2rem 1.5rem 7rem 1.5rem;
}
.item .et_pb_main_blurb_image {
line-height: 0;
max-width: 100%;
margin-bottom:0px;
width: 100%!important;
overflow:hidden;
height:260px;
}
.item .et_pb_main_blurb_image img{
height:260px;
object-fit:cover;
}
.item .et_pb_blurb_content{
height: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.item .et_pb_image_wrap{
display:flex;
justify-content: center;
padding:3px;
border-top-left-radius: 38px;
border-top-right-radius: 38px;
overflow:hidden;
}
.item.item-icon-button {
transition: box-shadow .2s ease-in-out;
}
.item.item-icon-button:after {
content: "See More";
font-size: 20px;
color: #121742;
position: absolute;
bottom: 2.5rem;
left: 1.5rem;
width:100%;
transition: all .2s ease-in-out;
background-repeat:no-repeat;
background-size: 26px;
background-position-x: 6.5rem;
background-position-y: 6px;
background-image: url('data:image/svg+xml,');
}
@media (min-width: 980px){
.col-product-grouping{
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}
.item{
border-radius: 50px;
overflow:hidden;
margin:1rem 1rem 3rem 1rem;
margin-bottom:3rem!important;
width:30%;
}
.item h3{
min-height: 118px;
}
.item .et_pb_image_wrap{
border-top-left-radius: 48px;
border-top-right-radius: 48px;
}
.item .et_pb_blurb_container{
padding:2rem 1.5rem 7rem 1.5rem;
}
.item.item-icon-button:after {
font-size: 26px;
}
.item.item-icon-button .et_pb_main_blurb_image img{
transform-origin: 50% 65%;
transition: transform 2s, scale 2s ease-in-out;
}
.item.item-icon-button:hover .et_pb_main_blurb_image img{
transform: scale(1.1);
}
.item.item-icon-button:hover:after {
color: #121742;
bottom: 1rem;
transition: all .2s ease;
background-position-x: 9.5rem;
}
}
@media (min-width: 980px) and (max-width:1279px){
.item.item-icon-button:after {
font-size: 26px;
bottom: 2rem!important;
left: 1.5rem;
background-size: 30px;
background-position-x: 8.5rem;
background-position-y: 6px;
}
.item.item-icon-button:after {
font-size: 26px;
bottom: 2rem!important;
left: 1.5rem;
}
}
@media (min-width: 1280px){
.item .et_pb_blurb_container{
padding:2rem 3rem 7rem 3rem;
}
.item .et_pb_main_blurb_image {
line-height: 0;
max-width: 100%;
margin-bottom:0px;
width: 100%!important;
overflow:hidden;
height:300px;
}
.item .et_pb_main_blurb_image img{
height:300px;
object-fit:cover;
}
.item.item-icon-button:after {
bottom: 3rem;
left: 3rem;
background-size: 30px;
background-position-x: 8.5rem;
background-position-y: 6px;
}
.item.item-icon-button:hover:after {
bottom: 3rem;
background-position-x: 9.5rem;
}
.col-product-grouping .item-icon-button.item h3{
display:flex;
flex-direction:column;
justify-content:center;
}
/*
.item h3{
max-width: 300px;
}*/
}
/*CORE VALUES*/
.col-core-value {
display:flex;
flex-direction: column;
}
.col-core-value .general-content-heading{
width:100%;
padding-bottom:5rem;
}
.core-value{
width: 100%;
margin: 0px 0rem 2.5rem 0rem!important;
}
.core-value .et_pb_blurb_content{
display:flex;
flex-direction:column-reverse;
align-items:center;
height:93%;
padding-top:2rem;
}
.core-value .et_pb_blurb_content .et_pb_blurb_container{
height:90%;
display: flex;
width:100%;
flex-direction: column;
border-bottom:7px solid transparent;
border-style: solid;
border-image: linear-gradient(to right, #C880A8, #6173AA) 1;
padding-bottom:3rem;
}
.core-value .et_pb_main_blurb_image{
margin-bottom:0px;
height: 230px;
display: flex;
flex-direction: column;
align-items:center;
padding-top:1rem;
}
.core-value .et_pb_main_blurb_image img[src*=".svg"]{
width:145px;
height:180px
}
@media (min-width: 980px){
.col-core-value {
flex-direction: row;
flex-wrap: wrap;
justify-content:center;
}
.core-value{
width: 28%;
margin: 0px 1.5rem 2.5rem 1.5rem!important;
}
.core-value .et_pb_main_blurb_image img[src*=".svg"]{
width:145px;
height:210px
}
.core-value .et_pb_blurb_content{
padding-top:3rem;
padding-bottom:0px;
}
.core-value .et_pb_blurb_content .et_pb_blurb_container{
padding-bottom:0rem;
}
}
@media (min-width: 1280px){
.core-value{
width: 30.5%;
margin: 0px 1rem 2.5rem 1rem!important;
}
}
/*TIMELINE*/
/*JOURNEY TIMELINE*/
.section-journey-timeline{
overflow:hidden;
}
.section-journey-timeline:after{
content:'';
width:100%;
height:15px;
background-image: linear-gradient(90deg,#c880a8 0%,#6173aa 100%);
position:absolute;
top: 42%;
transform: translateY(-42%);
z-index: 0;
}
.journey{
margin: 0 2rem 0 2rem;
}
.journey .et_pb_code_inner{
display:flex;
justify-content:center;
align-items: center;
flex-direction:column;
}
.journey-date{
text-align: center;
position:relative;
background: #ffffff;
border-radius: 100%;
width: 244px;
height:244px;
display:flex;
justify-content:center;
align-items: center;
background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #C880A8, #6173AA) border-box;
border: 15px solid transparent;
padding:2.5rem;
}
.col-straight .journey-date{
padding:3rem;
}
.journey-detail{
font-weight: 500;
font-size: 20px;
line-height: 28px;
text-align: center;
margin-top:2rem;
text-align:center;
max-width:280px;
}
.journey-detail span{
font-weight: 700;
font-size: 40px;
display: block;
padding-bottom:2rem;
}
@media (min-width: 1620px){
.journey-col{
display: flex;
align-items: flex-start;
flex-direction: row;
justify-content:space-between;
}
}
/*SLICK*/
.row-journey-timeline .slick-track .journey{
z-index:1;
}
@media (max-width: 1279px){
.journey-col .slick-list{
padding-top:50px!important;
padding-bottom:50px!important;
}
}
@media (min-width: 700px){
.slick-list{
height:520px;
}
}
@media (min-width: 1620px){
.slick-list{
overflow: hidden;
}
}
/*SLICK BUTTONS*/
.row-journey-timeline .slick-arrow{
width: 25.857px;
height: 30.52px;
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
}
.row-journey-timeline .slick-arrow button{
border: transparent;
border: 0px;
-webkit-appearance: none;
background: transparent;
}
.row-journey-timeline .slick-arrow:first-child{
background-image: url('data:image/svg+xml,');
margin-left: -40px;
}
.row-journey-timeline .slick-arrow:last-child{
margin-left:40px;
background-image: url('data:image/svg+xml,');
}
@media (min-width: 700px){
.row-journey-timeline .slick-arrow{
width:36.857px;
height:44.52px;
}
.row-journey-timeline .slick-arrow:first-child{
margin-left: -80px;
}
.row-journey-timeline .slick-arrow:last-child{
margin-left:80px;
}
}
/*ABOUT MEET THE TEAM*/
.col-meet-team{
display: flex;
flex-direction: column;
align-items: center;
}
.row-team{
display: flex;
flex-direction: row;
flex-wrap:wrap;
justify-content:center;
}
.col-team{
cursor:pointer;
}
.team-member p{
line-height:25px;
opacity:0;
transition: opacity 1s;
}
@media (max-width: 979px){
.team-member{
min-height: 380px;
}
.team-member p{
display:none;
}
.team-position{
padding-bottom:2rem;
}
.team-mobile p,
.team-mobile{
line-height:25px;
}
.section-meet-team .row-team .col-team{
margin-bottom:4rem!important;
}
.row-team .col-team{
width:100%;
margin: 0 1.5rem 2rem 1.5rem!important;
min-height:600px; }
.row-team .col-team:last-child{
margin: 0 1.5rem 2rem 1.5rem!important;
}
.section-meet-team .col-meet-team .heading-meet-team{
display:inline-flex;
padding: 1rem 2rem 1rem 2rem!important;
margin-bottom:4rem;
}
}
@media (min-width: 980px){
.section-meet-team .col-meet-team .heading-meet-team{
display:inline-flex;
padding: 2rem 4rem 2rem 4rem;
margin-bottom:4rem;
}
.section-meet-team .row-team .col-team{
width:29%!important;
margin: 0 1rem 2rem 1rem!important;
min-height:600px;
}
.col-team:hover .team-member p{
opacity:1;
}
.col-team:hover .team-member:before{
content: '';
width: 100%;
height: 600px;
background-image: linear-gradient(180deg,rgba(18,23,66,0.73) 0%,rgba(18,23,66,0.73) 100%);
display: flex;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
}
.team-member{
min-height:600px;
-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
}
.team-member:before{
content:'';
-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
}
}
@media (min-width: 1280px){
.section-meet-team .row-team .col-team{
width:29%!important;
margin: 0 1.5rem 2rem 1.5rem!important;
min-height:600px;
}
}
/*RESPONSIBLE BUSINESS*/
.row-cta {
background: linear-gradient(#121742, #121742) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 42px;
border: 7px solid transparent;
padding:0rem 0rem 0rem 0rem;
}
.row-cta .et_pb_promo_description > div{
padding: 2rem 0 2rem 0;
/*font-size: 18px;
line-height:28px;*/
}
.row-cta .et_pb_image_wrap img {
border-top-left-radius: 34px;
border-top-right-radius: 34px;
}
@media (max-width: 700px){
.row-cta .et_pb_promo_description > div{
font-size: 18px;
line-height:28px;
}
.row-responsible-business .et_pb_image_0 .et_pb_image_wrap img {
height: 200px;
}
}
@media (max-width: 980px){
.row-cta .img-object-fill .et_pb_image_wrap,
.row-cta .img-object-fill .et_pb_image_wrap img
{
width:100%;
}
}
@media (min-width: 700px){
.row-cta {
padding:0rem 0rem 2rem 0rem;
}
.row-cta {
border-radius: 74px;
}
.row-cta .et_pb_image_wrap img {
border-top-left-radius: 65px;
border-top-right-radius: 65px;
}
}
/*CONTACt*/
body #page-container .et_pb_section .row-contact-btns .lrg-btn-with-gradient-border.btn-contact{
border-width: 4px !important;
}
body #page-container .et_pb_section .row-contact-btns .lrg-btn-with-gradient-border.btn-contact.active{
border-width: 7px !important;
}
.row-contact-btns .lrg-btn-with-gradient-border.btn-contact {
background: linear-gradient(to right, #121742, #121742) padding-box, linear-gradient(to right, #6173AA, #C880A8) border-box;
background-color: rgba(0, 0, 0, 0);
border: 7px solid transparent !important;
}
body #page-container .et_pb_section .btn-contact.active{
color: #fff!important;
}
@media (max-width: 768px){
.row-contact-btns .lrg-btn-with-gradient-border.btn-contact{
width:100%;
}
}
@media (min-width: 768px) and (max-width: 980px) {
.row-contact-btns .et_pb_column.col-contact {
width: 45%;
margin:0px 20px;
float:left;
font-size: 22px!important;
}
}
@media (min-width: 980px){
.row-contact-btns .lrg-btn-with-gradient-border.btn-contact{
width:80%;
min-height: 140px;
padding-top: 40px !important;
}
.row-contact-btns .lrg-btn-with-gradient-border.btn-contact:hover{
padding-top: 40px !important;
}
}
/*FORM*/
.theme-form .ff-default .ff-el-form-control{
color: #121742;
font-size: 16px;
font-family: "Sora", Helvetica, Arial, Lucida, sans-serif;
}
.theme-form form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style),
.theme-form form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style),
.theme-form form.fluent_form_4 .ff-btn-submit:not(.ff_btn_no_style){
background-color: #121742!important;
border-radius: 20px!important;
color: #fff !important;
height:46px;
font-size: 18px;
}
.theme-form .ff-el-input--content{
position:relative;
}
.theme-form .fluentform .text-danger {
background-color: #121742;
color: #fff;
border-radius: 10px;
padding: 0.2rem 0.4rem;
display: inline;
margin-top: -8px;
position: absolute;
top: -17px;
left: 7px;
height: 23px;
line-height: 14px;
font-size: 11px !important;
}
.theme-form .fluentform .ff-el-group{
margin-bottom: 30px;
}
.theme-form.contact-form-select select{
font-size: 16px;
color: #868e96;
font-weight:400;
line-height:27px;
border-radius:8px;
width:100%;
height:40px!important;
margin-bottom: 30px;
padding: 11px 15px;
border:0px;
}
@media (min-width: 768px){
.theme-form .ff-default .ff-el-form-control{
font-size: 20px;
}
.theme-form form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style),
.theme-form form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style),
.theme-form form.fluent_form_4 .ff-btn-submit:not(.ff_btn_no_style){
border-radius: 40px!important;
height:56px;
font-size: 22px;
}
.theme-form.contact-form-select select{
font-size: 20px;
height:50px!important;
padding: 11px 15px;
border:0px;
}
}
/*CONTACT DIAGRAM*/
.row-contact-diagram .step{
width:100%;
position:relative;
min-height:200px;
}
.row-contact-diagram .step{
display: flex;
flex-direction: column;
justify-content: center;
text-align: right;
padding-right: 6rem;
align-items: end;
}
.row-contact-diagram .step-1:before{
content:'';
background-color: transparent;
width:70px;
height:70px;
display:inline;
border-radius:70px;
border: 6px solid #fff;
position:absolute;
right:-8px;
}
.row-contact-diagram .step-1:after{
content:'';
background-color: #fff;
width:6px;
height:30%;
display:inline;
position:absolute;
bottom:0px;
right:30px;
}
.row-contact-diagram .step-2:before,
.row-contact-diagram .step-3:before,
.row-contact-diagram .step-4:before{
content:'';
background-color: #fff;
width:40px;
height:40px;
display:inline;
border-radius:40px;
position:absolute;
right:12px;
}
.row-contact-diagram .step-2:after,
.row-contact-diagram .step-3:after{
content:'';
background-color: #fff;
width:6px;
height:100%;
display:inline;
position:absolute;
top:0px;
right:30px;
}
.row-contact-diagram .step-4:after{
content:'';
background-color: #fff;
width:6px;
height:50%;
display:inline;
position:absolute;
top:0px;
right:30px;
}
@media (min-width: 600px){
.row-contact-diagram .step{
width:53%;
position:relative;
min-height:200px;
}
.row-contact-diagram .step-1:before{
width:100px;
height:100px;
border-radius:100px;
border: 8px solid #fff;
right:-35px;
}
.row-contact-diagram .step-1:after{
width:8px;
height:23%;
bottom:0px;
right:22px;
}
.row-contact-diagram .step-2:before,
.row-contact-diagram .step-3:before,
.row-contact-diagram .step-4:before{
width:50px;
height:50px;
border-radius:50px;
right:0px;
}
.row-contact-diagram .step-2:after,
.row-contact-diagram .step-3:after{
width:8px;
top:0px;
right:22px;
}
.row-contact-diagram .step-4:after{
width:8px;
height:50%;
right:22px;
}
}
@media (min-width: 980px){
.row-contact-diagram .step{
width:53%;
position:relative;
min-height:200px;
padding-right: 8rem;
}
}
@media (min-width: 980px){
.row-contact-diagram .step .et_pb_text_inner{
max-width:360px;
}
}
/*CONTACT DETAILS*/
.contact-blurb .et_pb_main_blurb_image{
margin-bottom:8px;
}
.contact-blurb.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
font-size: 17px;
line-height: 24px;
}
.contact-blurb.et_pb_blurb_3 .et_pb_image_wrap span{
width: 67px;
display: flex;
justify-content: center;
}
/*CONTACT MAP*/
.col-map .et_pb_code_inner{
display: flex;
flex-basis: content;
flex-direction: column;
justify-content: flex-end;
}
@media (max-width: 700px){
.col-map iframe{
height: 540px;
}
}
/*HOME TESTIMONIAL CAROUSEl*/
.testimonial-item{
height:480px;
background: linear-gradient(to right, #C880A8, #6173AA);
border-radius: 40px;
/*border: 7px solid transparent;*/
padding:30px 20px 30px 20px;
margin:1.5rem;
}
.testimonial-item .et_pb_testimonial_description{
position:relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.testimonial-item .et_pb_testimonial_description_inner{
padding-top:2rem;
}
.testimonial-item .et_pb_testimonial_description:before{
content: '';
width: 100%;
height: 50px;
background-image: url('data:image/svg+xml,');
background-size: 85%;
background-repeat: no-repeat;
display: inline-block;
background-position: center;
}
.testimonial-item .et_pb_testimonial_content{
min-height: 170px;
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-item .et_pb_testimonial_author{
margin-top:18px;
}
.testimonial-item .et_pb_testimonial_meta
{
line-height:20px;
}
@media (min-width: 700px){
.testimonial-item{
border-radius: 50px;
padding:50px 40px 40px 40px;
}
}
@media (min-width: 700px) and (max-width: 979px) {
.section-testimonial-carousel .row-testimonial-carousel{
width: 100%;
max-width: 96%;
padding-left:2rem;
padding-right:2rem;
}
.section-testimonial-carousel .testimonial-item{
margin:1rem;
}
}
@media (min-width: 980px) and (max-width: 1330px) {
.section-testimonial-carousel .row-testimonial-carousel{
width: 100%;
max-width: 96%;
padding-left:3rem;
padding-right:3rem;
}
.section-testimonial-carousel .testimonial-item{
margin:1.5rem;
}
}
@media (min-width: 1330px) and (max-width: 1699px) {
.section-testimonial-carousel .row-testimonial-carousel{
width: 100%;
max-width: 94%;
padding-left:1rem;
padding-right:1rem;
}
.section-testimonial-carousel .testimonial-item{
margin:1rem;
}
}
@media (min-width: 1700px) {
.section-testimonial-carousel .row-testimonial-carousel{
width: 100%;
max-width: 92%;
padding-left:5rem;
padding-right:5rem;
}
.section-testimonial-carousel .testimonial-item{
margin:1.5rem;
}
}
/*SLICK STYLING*/
.col-testimonial-slider.slider-testimonial-carousel .slick-list .slick-track{
margin-left: 0.25rem;
}
.row-testimonial-carousel .slick-prev:before,
.row-testimonial-carousel .slick-next:before{
font-family: unset!important;
font-size: unset!important;
line-height: unset!important;
font-display: unset!important;
opacity: unset!important;
color: unset!important;
}
.row-testimonial-carousel .slick-prev.slick-arrow:before{
content:'';
width:36.857px;
height:44.52px;
display:inline-block;
background-size:cover;
background-image: url('data:image/svg+xml,');
}
.row-testimonial-carousel .slick-next.slick-arrow:before{
content:'';
width:36.857px;
height:44.52px;
display:inline-block;
background-size:cover;
background-image: url('data:image/svg+xml,');
}
.row-testimonial-carousel ul.slick-dots{
bottom: -48px;
padding: 0 0 0px 0em;
}
.row-testimonial-carousel .slick-dots li button:before {
font-size: 8px;
opacity: 0.4;
color: #CF80B2;
}
.row-testimonial-carousel .slick-dots li.slick-active button:before {
opacity: 1;
color: #CF80B2;
}
@media (min-width: 700px){
.col-testimonial-slider.slider-testimonial-carousel .slick-list,
.col-testimonial-slider.slider-testimonial-carousel .slick-list .slick-track{
height:520px;
}
}
/*HOME CHOOSE B4b*/
.col-choose-b4b .choose-item{
margin-bottom:2rem!important;
}
.col-choose-b4b .choose-item .et_pb_blurb_content
{
display:flex;
flex-direction:column;
align-items: center;
}
.col-choose-b4b .choose-item .et_pb_blurb_content h3{
font-weight:500;
text-align:center;
}
.col-choose-b4b .choose-item .et_pb_blurb_content .et_pb_main_blurb_image{
margin:0px;
width: 140px;
height: 140px;
border: 4px solid #fff;
border-radius:200px;
}
.col-choose-b4b .choose-item .et_pb_blurb_container{
padding-left:0rem;
padding-top:2rem;
}
.col-choose-b4b .choose-item .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_only_image_mode_wrap{
border: none;
display:flex;
flex-direction:row;
align-items: center;
justify-content:center;
height:100%;
width:140px;
}
.col-choose-b4b .choose-item .et_pb_blurb_content .et_pb_main_blurb_image img{
width:68px;
}
@media (min-width: 700px){
.col-choose-b4b .choose-item .et_pb_blurb_content
{
flex-direction:row;
}
.col-choose-b4b .choose-item .et_pb_blurb_container{
padding-left:3rem;
padding-top:0rem;
}
.col-choose-b4b .choose-item .et_pb_blurb_content h3{
text-align:left;
}
.col-choose-b4b .choose-item .et_pb_blurb_content .et_pb_main_blurb_image{
margin:0px;
width: 166px;
height: 166px;
border: 5px solid #fff;
border-radius:200px;
}
.col-choose-b4b .choose-item .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_only_image_mode_wrap{
width:165px;
}
}
/*FAQS*/
/*FAQS BLOCK*/
.faq-column .faq-accordian{
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 30px;
border: 7px solid transparent;
}
/*.faq-accordian{
filter: drop-shadow(0px 4px 192px rgba(139, 144, 179, 0.32));
}*/
.faq-accordian p,
.faq-accordian ul,
.faq-accordian .et_pb_toggle_content{
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
letter-spacing: -0.011em;
}
.faq-accordian .et_pb_accordion_item .et_pb_toggle_content ul{
padding-left:3rem;
}
.faq-accordian .et_pb_accordion_item{
margin-bottom:0px!important;
padding:0px;
}
.faq-accordian .et_pb_accordion_item h3.et_pb_toggle_title{
border-bottom:1px #E0E2ED solid;
color:#101327!important;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
letter-spacing: -0.011em;
padding-right: 3rem;
}
/*
.et_pb_toggle_content{
border-left: 1px solid #8b90b2;
border-right: 1px solid #8b90b2;
}*/
.faq-accordian .et_pb_accordion_item:first-child h3.et_pb_toggle_title{
border-radius: 24px 24px 0px 0px;
}
.faq-accordian .et_pb_accordion_item:last-child:after{
content:'';
width:99.8%;
height:20px;
border-top:none;
display:block;
border-radius: 0px 0px 24px 24px;
background-color: #fff;
}
.faq-accordian .et_pb_accordion_item.et_pb_toggle_open:last-child:after{
background-color: #f7f7fb;
}
.faq-accordian .et_pb_accordion_item .et_pb_toggle_title:before{
right:20px!important;
}
.faq-accordian h3.et_pb_toggle_title{
background-color: #fff;
min-height:80px;
display:flex;
flex-direction:row;
align-items:center;
}
.faq-accordian .et_pb_toggle_content{
padding-top:20px;
padding-bottom:20px;
background-color: #f7f7fb;
}
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
display: block;
content: "\4d"!important;
}
.faq-accordian .et_pb_toggle_close,
.faq-accordian .et_pb_toggle_open{
padding-left:0px;
padding-right:0px;
}
.faq-accordian .et_pb_toggle_title,
.faq-accordian .et_pb_toggle_content,
.faq-accordian .et_pb_toggle_content p{
padding-left:20px;
padding-right:20px;
}
.pa-add-accordion-icon.faq-accordian .et_pb_toggle_open{
background-color:transparent!important;
}
@media (min-width: 767px) {
.faq-accordian .et_pb_accordion_item h3.et_pb_toggle_title{
font-size: 18px;
}
}
/*FAQ BUTTONS*/
.row-faq .links{
display:flex;
flex-direction: column;
}
.row-faq .links .faq-button a{
color: #101327;
position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
display:flex;
flex-direction: row;
justify-content:space-between;
align-items: center;
}
.row-faq .links .faq-button:hover a,
.row-faq .links .faq-button a.active-faq{
color:#c880a8;
}
.row-faq .links .faq-button{
font-weight: 700;
position:relative;
font-size: 28px;
line-height: 130%;
letter-spacing: -0.011em;
border-bottom: 1px solid #E0E2ED;
min-height:84px;
display:flex;
flex-direction: row;
justify-content:space-between;
align-items: center;
}
.row-faq .links .faq-button a:after{
width: 20.857px;
height: 24.52px;
background-image: url('data:image/svg+xml,');
content:'';
background-size: cover;
display:inline;
}
/*MOBILE FAQ*/
@media (max-width: 980px) {
.faq-select{
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px 20px;
gap: 10px;
border: 1px solid #1E5EA8;
border-radius: 40px;
width:280px;
margin: 0 auto 2rem auto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #121742;
position:relative;
background-image: url('data:image/svg+xml,');
background-repeat:no-repeat;
background-position: center right 20px;
background-size: 30px;
/* for Firefox */
-moz-appearance: none;
/* for Safari, Chrome, Opera */
-webkit-appearance: none;
}
.faq-select:after{
content:'';
width: 32px;
height:32px;
background-size: cover;
display:inline;
}
}
/*BLOG LISTING*/
.blog-list{
}
.col-blog-list .et_pb_ajax_pagination_container{
display: flex;
flex-direction:column;
}
.col-blog-list .et_pb_post{
border-radius: 30px;
width: 100%;
background-image: linear-gradient(90deg,#c880a8 0%,#6173aa 100%);
display:flex;
flex-direction:column;
justify-content:space-between;
positon:relative;
}
.col-blog-list .et_pb_post h2{
font-weight: 400;
margin-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem;
order: 3;
height: 100%;
min-height: 184px;
display:flex;
justify-content:flex-start;
position:Relative;
}
.col-blog-list .et_pb_post h2 a{
width: 85%;
height: 100%;
display: flex;
align-items: stretch;
position: absolute;
}
.col-blog-list .et_pb_post .entry-featured-image-url{
order:1;
}
.col-blog-list .et_pb_post .post-meta{
order:2;
padding-left:1rem;
padding-right:1rem;
}
.col-blog-list .et_pb_post .entry-featured-image-url img {
line-height: 0;
max-width: 100%;
margin-bottom:0px;
width: 100%!important;
overflow:hidden;
height:190px;
object-fit:cover;
border-top-left-radius:30px;
border-top-right-radius: 30px;
}
.col-blog-list .et_pb_post {
transition: box-shadow .2s ease-in-out;
}
.col-blog-list .et_pb_post::after {
content: "";
visibility: visible !important;
font-size: 20px;
color: #121742;
position: absolute;
bottom: 3rem;
right: 1.5rem;
width: 17px;
height: 28px;
transition: all .2s ease-in-out;
background-repeat: no-repeat;
background-size: 16px;
background-position-x: 0rem;
background-position-y: 0px;
background-image: url('data:image/svg+xml,');
}
@media (min-width: 700px){
.col-blog-list .et_pb_ajax_pagination_container{
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}
.col-blog-list .et_pb_post {
border-radius: 50px;
overflow: hidden;
margin: 1rem 1rem 3rem 1rem;
margin-bottom: 3rem;
margin-bottom: 3rem;
margin-bottom: 3rem !important;
width: 45%;
}
.col-blog-list .et_pb_post h2{
padding-left: 2rem;
padding-right: 2rem;
min-height: 210px;
}
.col-blog-list .et_pb_post h2 a{
width: 100%;
height: 100%;
display: unset;
align-items: unset;
position: unset
}
.col-blog-list .et_pb_post .post-meta{
padding-left:2rem;
padding-right:2rem;
}
.col-blog-list .et_pb_post:after {
width: 50px;
height: 50px;
background-size: 26px;
}
.col-blog-list .et_pb_post .entry-featured-image-url{
min-height: 260px;
overflow: hidden;
}
.col-blog-list .et_pb_post .entry-featured-image-url img {
height:260px;
}
.col-blog-list .et_pb_post .entry-featured-image-url img{
transform-origin: 50% 65%;
transition: transform 2s, scale 2s ease-in-out;
}
.col-blog-list .et_pb_post:hover .entry-featured-image-url img{
transform: scale(1.1);
}
.col-blog-list .et_pb_post.item-icon-button:hover:after {
color: #121742;
bottom: 1rem;
transition: all .2s ease;
background-position-x: 9.5rem;
}
}
@media (min-width: 1280px){
.col-blog-list .et_pb_post{
margin: 1rem 2rem 3rem 2rem;
width: 44%;
}
/*
.col-blog-list .et_pb_post:after {
bottom: 3rem;
left: 3rem;
background-size: 30px;
background-position-x: 8.5rem;
background-position-y: 6px;
}
.col-blog-list .et_pb_post:hover:after {
bottom: 3rem;
background-position-x: 9.5rem;
}
.item h3{
max-width: 300px;
}*/
}
/*BLOG PAGINATION*/
.pagination {
display: flex;
flex-direction: row;
justify-content: center;
}
.pagination div{
padding:8px;
}
@media (min-width: 700px){
.pagination{
justify-content: space-between;
}
.pagination div{
padding:15px;
}
}
/*BLOG SEARCH*/
.col-search-module{
background: linear-gradient(#121742, #121742) padding-box, linear-gradient(to right, #C880A8, #6173AA) border-box;
border-radius: 50px;
border: 3px solid transparent;
padding:8px;
}
.col-search-module .et_pb_searchsubmit{
border-radius:100px;
padding-left: 2rem!important;
padding-right: 2rem!important;
}
/*STATIC PAGE CONTENT - PRIVACY ETC*/
.static-page-content,
.static-page-content p {
line-height: 26px;
}
.static-page-content h2{
padding-bottom:1rem;
margin-top:2rem;
}
@media (min-width: 700px){
.static-page-content,
.static-page-content p {
line-height: 30px;
}
}