.header-top
{
position:absolute;
top:0px;
width:100%;
height:30px !important;
line-height:30px !important;
background:var(--webiste-primary-color)!important;
text-align:center;
z-index:1200;
}
.header-top p
{
width:100%;
text-align:center;
color:white !important;	
font-family:Bricolage Grotesque !important;
font-size:14px !important;
}
.header-top p a
{
color:white !important;
margin-left:10px !important;
text-decoration:underline !important;
}
.header-top p a ion-icon
{
margin-bottom:-3px !important;	
}
header, .sticky-header
{
position:absolute !important;
}
.main-header
{
top:30px !important;	
}
.custom-fixed-header
{
top:0px !important;
position:fixed !important;
}
.header-2
{
border:0px solid transparent !important;
}
.logo
{
margin-top:-10px !important;
}
.logo img, .nav-logo img
{
width:180px !important;
}
.main-menu .navigation > li > ul > li > a
{
font-size:14px !important;
}
.main-menu .navigation li
{
padding:10px 0px !important;
margin:0px !important;
}
.main-menu .navigation li a
{
padding:0px 12px !important;
}
.main-menu .navigation li ul li
{
padding:0px !important;
}
.main-menu .navigation li ul li a
{
padding:8px 0px !important;
line-height:22px !important;
}
header .theme-btn
{
display:inline-block !important;
height:50px !important;
line-height:50px !important;
}
header .fixed-header .theme-btn
{
line-height:50px !important;
}
header .social-links a
{
color:white !important;
}
.sticky-header
{
height:60px !important;
line-height:50px !important;
box-shadow:0px 0px 0px 0px transparent !important;
}
.fixedheader .header-lower
{
display:none !important;
}
.footer-section-2
{
display:inline-block;
width:100% !important;
background:var(--webiste-footer-color)!important;
}
.footer-logo img
{
width:180px !important;
}
.mobile-menu .menu-box
{
background:var(--webiste-footer-color)!important;
}
.error-404-container h1
{
font-family: var(--heading-font-family) !important;
color:var(--webiste-text-color)!important;
}
.error-404-container h1 span
{
color:var(--webiste-primary-color)!important;
}
.error-404-container h2
{
font-family: var(--heading-font-family) !important;
color:var(--webiste-text-color)!important;
}
.error-404-container p
{
color:var(--webiste-text-color)!important;
}
.btn-thm, .theme-btn
{
font-size: 14px !important;
position: relative;
z-index: 1;
overflow: hidden;
font-weight: 700;
text-transform: capitalize;
height: 50px;
line-height: 50px;
background-color: var(--theme-color1);
overflow: hidden;
display: inline-block;
padding: 0 35px;
color: #fff;
font-family: var(--heading-font-family);
border-radius: 37px;
text-align: center;
font-family:Bricolage Grotesque !important;
}
.btn-thm::before {
content: "";
position: absolute;
width: 0;
top: -10px;
height: 0;
background-color: var(--headings-color);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index: -1;
}
.btn-thm i {
margin-right: 5px;
}
.btn-thm:hover {
color: var(--theme-color-white);
}
.btn-thm:hover::before
{
width: 800px;
height: 800px;
display: inline-block;
}
.btn-thm ion-icon, .theme-btn ion-icon
{
font-size:18px !important;
margin-bottom:0px !important;	
}
.footer-section-2
{
padding-top:50px !important;
}
.hero-section-2
{
background:gray !important;
}
.custom-contact-page-container
{
display:inline-block !important;
width:100%;
margin-top:170px !important;
margin-bottom:80px !important;
}
.custom-contact-page-container h1
{
float:left;
width:100%;
font-family:Merriweather !important;
font-size:30px !important;
font-weight:900;
color:var(--webiste-text-color) !important;
margin-bottom:20px !important;
}
.custom-contact-page-container p
{
float:left;
width:100%;
font-size:16px !important;
font-family:Jost !important;
color:var(--webiste-text-color) !important;
opacity:1 !important;
margin-bottom:30px !important;
}
label
{
display:none !important;
}
input, select, textarea
{
border:0px solid transparent !important;
border:0px solid rgba(0,0,0,0.1) !important;
border-bottom:1px solid rgba(0,16,88,0.3) !important;
border-radius:0px !important;
resize:none !important;
padding:12px 15px !important;
margin-bottom:20px !important;
transition:1s;
font-family:Jost !important;
font-size:15px !important;
color:var(--webiste-text-color) !important;
transition:0.5s !important;
}
textarea
{
height:130px !important;
}
input:focus, select:focus, textarea:focus
{
padding:12px 15px !important;
border-radius:0px !important;
outline: none !important;
box-shadow: none !important;
padding:12px 0px !important;
}
input::placeholder,
textarea::placeholder
{
color:rgba(0,16,88,0.5) !important;
}
.custom-btn
{
color:white;
font-size:15px !important;
}
.custom-btn:hover
{
background:var(--webiste-second-color) !important;
color:white !important;
}
.custom-contact-page-container .col-md-4 h1
{
margin-bottom:30px !important;
}
.custom-contact-page-container .col-md-4 p
{
margin-bottom:20px !important;
font-size:18px !important;
font-weight:500 !important;
}
.custom-contact-page-container .col-md-4 p ion-icon
{
float:left;
border:1px solid var(--webiste-text-color) !important;
padding:8px;
border-radius:30px !important;
margin-top:5px !important;
}
.custom-contact-page-container .col-md-4 p span
{
float:left;
width:calc(100% - 40px);
padding-top:5px !important;
padding-left:15px !important;
}
.show-label label
{
display:block !important;
text-transform:capitalize !important;
color:var(--webiste-text-color) !important;
font-weight:600;
margin-bottom:25px !important;
}
fieldset
{
background:transparent !important;
padding-left:30px !important;
padding-right:30px !important;
border:1px solid rgba(0,0,0,0.4) !important;
}
legend
{
border:0px solid transparent !important;
background:white !important;
text-transform:capitalize !important;
color:var(--webiste-text-color) !important;
}
.checkbox-option
{
float:left !important;
width:100% !important;
position:relative !important;
}
.checkbox-option input
{
width:20px !important;
float:left !important;
}
.checkbox-option label
{
float:left !important;
width:calc(100% - 20px) !important;
margin-top:-5px !important;
padding-left:10px !important;
font-weight:500 !important;
opacity:1 !important;
}
.checkbox-option label span
{
float:left;
width:100%;
font-size:14px !important;
font-weight:400 !important;
opacity:0.6 !important;
}
.footer-social-link svg
{
color:white !important;
opacity:0.7 !important;
}
.overflow-hidden
{
overflow:hidden !important;
}
.event-block-items1 .event-content .theme-btn
{
background:var(--webiste-primary-color) !important;
color:white !important;
}
.main-container
{
display:inline-block !important;
width:100%;
margin-bottom:30px;
}
.about-section h2
{
font-size:40px !important;
}
.about-section p
{
color:var(--webiste-text-color) !important;
margin-top:30px !important;
margin-bottom:30px !important;
}
.theme-btn ion-icon
{
margin-bottom:-4px !important;
}
.about-img-bg
{
display:inline-block;
width:100%;
padding-bottom:140% !important;
border-radius:15px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
}
.about-img-bg-2
{
padding-bottom:120% !important;	
}
.sec-title
{
padding-left:20% !important;
padding-right:20% !important;
}
.sec-title h6
{
color:var(--webiste-text-color) !important;
}
.sec-title h2
{
color:var(--webiste-text-color) !important;
font-size:35px !important;
}
.sec-title p
{
color:var(--webiste-text-color) !important;
font-size:15px !important;
line-height:24px !important;
margin-top:15px !important;
}
p.event-desc
{
color:var(--webiste-text-color) !important;	
}
.service-img-bg
{
width:100%;
position:relative;
margin-bottom:5px;
border-radius:20px;
transform: skew(-5deg);
overflow:hidden;
}
.img-bg-inside
{
width:116%;
padding-bottom:60% !important;
background-position: top center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-blend-mode: multiply !important;
position:relative;
transform: skew(5deg);
margin-left:-8% !important;
}
.youtube-video-container
{
display:inline-block;
width:100%;
margin-top:140px !important;
margin-bottom:50px !important;
}
.youtube-video
{
display:inline-block;
width:100%;
position:relative;
margin-bottom:30px !important;
}
.youtube-video::before
{
content:"";
position:absolute;
top:0px;
left:0px;
width:100%;
height:250px;
cursor:pointer;
}
.youtube-video iframe
{
display:inline-block;
width:100%;
height:250px !important;
margin-bottom:5px;
}
.youtube-video img, .youtube-video video, .youtube-video iframe
{
border-radius:30px !important;
}
.video-item-section img, .video-item-section video, .video-item-section iframe
{
border-radius:30px !important;
}
.youtube-video h2
{
font-size:16px;
font-weight:bold;
margin-top:0px !important;
margin-bottom:10px !important;
color:var(--webiste-text-color) !important;	
}
#youtube-video-popup
{
position:fixed;
width:100%;
height:100vh;
background:rgba(0,0,0,0.7);
z-index:9999;
padding:50px;
display:none;
}
#youtube-video-frame
{
float:left;
width:100%;	
height:calc(100vh - 100px);
background:white;
border-radius:20px;
position:relative;
}
#youtube-video-frame iframe
{
width:100% !important;
height:100% !important;
border-radius:20px;
}
.close-video-popup
{
position:absolute;
cursor:pointer;
right:-10px;
top:-10px;
color:var(--webiste-primary-color);
background:white;
width:35px;
height:35px;
border-radius:50%;
z-index:100;
}
.close-video-popup ion-icon
{
font-size:35px;	
}
.youtube-video-2
{
position:relative;
margin-bottom:0px !important;
}
.youtube-video-2::before
{
content:"";
position:absolute;
top:0px;
left:0px;
width:100%;
height:250px;
cursor:pointer;
}
.blog-page-container
{
display:inline-block;
width:100%;
margin-top:140px !important;
}
.blog-page-section-title h1 
{
display:inline-block;
width:100%;
font-size:15px !important;
margin-bottom:30px !important;
}
.category-list-container ul li a span
{
background:var(--webiste-primary-color) !important;	
}
nav.breadcrumb
{
display:inline-block;
width:100%;
margin-top:110px !important;
margin-bottom:0px !important;
font-family:Bricolage Grotesque !important;	
}
.page-item-blog-container-m
{
margin-top:10px !important;
padding-top:0px !important;
}
button.theme-btn
{
padding:0px 30px !important;	
border-radius:30px !important;
}
.youtube-video iframe, .youtube-video video
{
width:100% !important;
min-height:250px !important;
background:black !important;
padding-bottom:0px !important;
margin-bottom:15px !important;
}
.youtube-video iframe
{
margin-bottom:7px !important;	
}
.youtube-video h2
{
font-size:15px !important;	
line-height:25px !important;
}
.youtube-video p
{
font-size:14px !important;	
line-height:22px !important;
color:var(--webiste-text-color);
opacity:0.7 !important;
}
.youtube-video span,
.youtube-video span:hover
{
color:var(--webiste-primary-color);	
font-size:15px !important;	
font-family: var(--heading-font-family) !important;
}
.youtube-video span ion-icon
{
margin-bottom:-3px !important;	
}
.custom-page-container
{
display:inline-block;
width:100%;
margin-top:130px !important;
margin-bottom:50px !important;
}
.video-item-section
{
display:inline-block;
width:100%;
margin-bottom:30px !important;
}
.video-item-section h1
{
font-size:25px;
line-height:35px !important;
font-weight:bold;
margin-top:30px !important;
margin-bottom:10px !important;
color:var(--webiste-text-color) !important;	
}
.video-item-section p
{
font-size:16px;
line-height:25px !important;
margin-top:0px !important;
margin-bottom:0px !important;
color:var(--webiste-text-color) !important;	
}
.video-info-container
{
display:inline-block;
width:100%;
}
.youtube-video-2 video,
.youtube-video-2 iframe
{
float:left;	
width:150px !important;
height:100px !important;
min-height:100px !important;
border-radius:10px !important;
}
.youtube-video-2 .video-info-container
{
float:left;	
width:calc(100% - 150px);
padding-left:10px;
}
.youtube-video-2 .video-info-container h2
{
font-size:15px !important;	
line-height:23px !important;
}
.video-item-section iframe
{
width:100% !important;
min-height:450px !important;
margin-bottom:-20px !important;
}
.custom-content-container
{
display:inline-block;
width:100%;
margin-top:140px !important;
margin-bottom:50px !important;
}
.custom-content-img-bg
{
display:inline-block;
width:100%;
aspect-ratio:16 / 9 !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:20px;	
}
.bottom-bg-img
{
border-radius:0px !important;
aspect-ratio:16 / 12 !important;
margin-bottom:-10px !important;
}
.bottom-bg-img::before
{
content:"";
position:absolute;
top:0px;
left:0px;
width:100% !important;
aspect-ratio:16 / 9 !important;
background:linear-gradient(to bottom, white, transparent) !important;
}
.custom-content-item
{
display:inline-block;
width:100%;
margin:0px !important;
padding:0px !important;
margin-bottom:30px !important;
}
.custom-info-container
{
display:inline-block;
width:100%;
margin-top:15px !important;	
}
.custom-content-item-2
{
background:white !important;
/*
border:1px solid rgba(0,0,0,0.07) !important;
box-shadow:0px 8px 18px 0px rgba(0,0,0,0.06) !important;
*/
border-radius:20px;
padding:0px !important;
overflow:hidden;
}
.custom-info-container a,
.custom-info-container a:hover
{
width:100%;
color: var(--webiste-text-color) !important;
text-decoration:none !important;
}
.custom-info-container h2
{
width:100%;
font-size:16px;
line-height:22px !important;
font-weight:bold;
margin-top:0px !important;
margin-bottom: 10px !important;
color: var(--webiste-text-color) !important;
}
.custom-info-container p
{
width:100%;
font-size: 14px !important;
line-height: 22px !important;
color: var(--webiste-text-color);
opacity: 0.7 !important;
margin-bottom:15px;
}
.custom-info-container span, .custom-info-container span:hover
{
display:inline-block;
width:100%;
color:var(--webiste-primary-color);
font-size:13px !important;
font-family:var(--heading-font-family) !important;
margin-top:10px !important;
}
.custom-info-container span ion-icon
{
margin-bottom:0px !important;	
}
.custom-content-item-2 .custom-info-container h2
{
font-size:15px !important;
line-height:20px !important;
padding-bottom:0px !important;
margin-bottom:0px !important;
}
.custom-content-item-2 .custom-info-container p
{
font-size:14px !important;
line-height:20px !important;
opacity: 0.9 !important;
padding-top:0px !important;
margin-top:10px !important;
margin-bottom:10px !important;
position:relative;
z-index:100;
font-weight:500 !important;
}
.custom-content-item-2 .custom-info-container
{
padding:0px 0px !important;	
padding-top:0px !important;
}
a.theme-btn-2 
{
color:white !important;	
margin-top:10px !important;
}
a.theme-btn-2:hover
{
color:var(--webiste-primary-color) !important;
}
.lb-outerContainer
{
border-radius:20px !important;
overflow:hidden !important;	
}
.lb-outerContainer img
{
border-radius:20px !important;
overflow:hidden !important;	
}
.masonry-section-item video
{
border-radius:30px !important;	
}
.video-item-section img
{
display:inline-block;
width:100% !important;
}
.youtube-video .custom-content-img-bg
{
float:left !important;
width:150px !important;	
}
h1, h2, h3, h4, h5, h6
{
font-family:Bricolage Grotesque !important;
}
h6 
{
font-weight:500 !important;
}
.image-bank-container
{
margin-top:120px !important;
}
.theme-btn
{
padding:0px 15px !important;
height:initial !important;
padding-right:5px !important;
border-radius:50px !important;
}
.theme-btn ion-icon
{
float:right;
font-size:28px !important;
margin-top:12px !important;
margin-left:5px !important;
}
.page-two-sections-container
{
display:inline-block;
width:100%;
height:calc(100vh - 90px) !important;
margin-top:90px !important;
overflow:hidden;
position:relative;
}
.page-two-sections-container::before
{
content:'';
position:absolute;
width:100% !important;
height:150px;
left:0px;
bottom:0px;
background:linear-gradient(to top, white, transparent) !important;
z-index:100;	
}
.left-section-content
{
float:left;
width:50%;
height:100%;
display:flex;
padding:50px !important;
position:relative;
z-index:110;
}
.left-section-text-content
{
width:100%;
margin:auto;
}
.left-section-text-content h1
{
width:100%;
font-size:40px !important;	
line-height:45px !important;
color:var(--webiste-text-color);
}
.left-section-text-content p
{
width:100%;
font-size:16px !important;	
line-height:24px !important;
color:var(--webiste-text-color);
margin-top:20px;
margin-bottom:30px;
}
.right-section-content
{
float:right;
width:50%;
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
overflow:hidden;
}
.right-section-content::before
{
content:'';
position:absolute;
width:50% !important;
height:100%;
left:0px;
top:0px;
background:linear-gradient(to right, white, transparent) !important;
}
.right-section-content::after
{
content:'';
position:absolute;
width:100% !important;
height:150px;
left:0px;
top:0px;
background:linear-gradient(to bottom, white, transparent) !important;
}
.page-two-sections-container-2 .right-section-content::before
{
left:initial !important;
right:0px;
background:linear-gradient(to left, white, transparent) !important;
}
.custom-margin-2
{
margin-top:80px !important;
}
.theme-btn-2
{
float:left;
width:initial !important;
padding:6px 5px !important;
padding-left:15px !important;
color:white !important;
background:var(--webiste-primary-color) !important;
border-radius:50px;
border:2px solid var(--webiste-primary-color) !important;
font-size:14px !important;	
font-family:Bricolage Grotesque !important;
font-weight:bold;
}
.theme-btn-2 ion-icon
{
float:right;
font-size:28px !important;	
margin-left:3px;
}
.theme-btn-2:hover
{
color:var(--webiste-primary-color) !important;
background:white !important;
}
.theme-btn-2:hover ion-icon
{
color:var(--webiste-primary-color) !important;	
}
.link-m-t
{
margin-top:30px !important;	
}
.blog-item-container-box h2, .r-blog-content h2
{
font-family:Bricolage Grotesque !important;	
}
.blog-item-container-box p, .r-blog-content p
{
font-size:15px !important;
line-height:24px !important;
opacity:0.8 !important;
}
.r-blog-title
{
text-transform:capitalize !important;
}
.category-list-container ul li a
{
font-family:Bricolage Grotesque !important;	
font-size:15px !important;	
}
.custom-section-2
{
display:inline-block;
width:100%;
margin-top:60px !important;	
}
.custom-content-img-bg-2
{
display:inline-block;
width:100%;
padding-bottom:100% !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:20px;	
}
.custom-content-item-2
{
display:inline-block;
width:100%;	
}
.custom-content-item-2 h2
{
font-size:25px !important;	
line-height:30px !important;
color:var(--webiste-text-color);
}
.custom-content-item-2 p
{
width:100%;
font-size:15px !important;	
line-height:24px !important;
color:var(--webiste-text-color);
margin-top:20px;
margin-bottom:30px;
}
.page-two-sections-container-2
{
margin-top:-10px !important;
}
.page-two-sections-container-2 .left-section-content
{
float:right !important;	
}
.page-two-sections-container-2 .right-section-content
{
float:left !important;	
}
.about-section-2
{
display:inline-block;
width:100%;
margin-top:70px;	
margin-bottom:70px;	
}
.about-section-2 h2
{
font-size:30px !important;	
line-height:35px !important;
color:var(--webiste-text-color);
margin-bottom:30px;	
}
.about-section-2 p
{
font-size:15px !important;	
line-height:24px !important;
color:var(--webiste-text-color);
}
.about-custom-img-bg
{
float:left;
width:100%;
padding-bottom:120% !important;
border-radius:50px;
margin-top:60px !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
}
.testimonial-section-2
{
margin-bottom:60px !important;
}
.sec-title
{
padding:0px !important;
margin-bottom:30px !important;
}
.testimonial-content-2 p
{
font-size:15px !important;	
line-height:25px !important;
color:var(--webiste-text-color);
}
.team-container-section
{
display:inline-block;
width:100%;
margin-top:100px !important;
margin-bottom:50px !important;
}
.team-img-profil-item
{
display:inline-block;
width:100%;
aspect-ratio:1 / 1 !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:0px;	
}
.team-info-conatiner
{
margin-bottom:30px !important;
}
.team-info-conatiner h2
{
color:var(--webiste-text-color);	
}
.team-info-conatiner p
{
color:var(--webiste-text-color);	
}
.team-item-container
{
display:inline-block;
width:100%;
margin:60px 0px;
padding:0px 20% !important;
}
.team-item-container img 
{
width:100%;
margin-bottom:30px;	
}
.team-item-container h4
{
width:100%;
font-size:18px;
margin-bottom:5px;
}
.team-item-container h2
{
width:100%;
font-size:30px;
margin-bottom:30px;
}
.team-item-container p
{
font-size:15px !important;	
line-height:25px !important;
color:var(--webiste-text-color);
}
ul.team-item-social
{
display:inline-block;
width:100%;
text-align:center;	
margin-top:30px;
}
ul.team-item-social li
{
display:inline-block;
width:initial !important;	
}
ul.team-item-social li a
{
margin:2px;
padding:9px 10px;
color:white !important;
background:var(--webiste-primary-color);	
border-radius:50% !important;	
}
ul.team-item-social li a ion-icon
{
margin-bottom:-2px;	
}
.team-title-container h2
{
text-transform:capitalize !important;
}
.as-for-quote-form
{
display:inline-block;
width:100%;
margin-top:120px !important;
margin-bottom:100px !important;	
}
.as-for-quote-form h1
{
font-size:40px !important;	
line-height:45px !important;
font-weight:900 !important;
color:var(--webiste-text-color);
margin-bottom:10px;		
font-family:Bricolage Grotesque !important;	
}
.as-for-quote-form p
{
font-size:14px !important;	
line-height:24px !important;
color:var(--webiste-text-color);
}
.as-for-quote-form label 
{
display:block !important;
font-family:Bricolage Grotesque !important;	
color:var(--webiste-text-color);
margin-top:10px !important;
margin-bottom:5px !important;
font-size:15px !important;	
}
.as-for-quote-form input, .as-for-quote-form select, .as-for-quote-form textarea
{
padding:15px 15px !important;
border:1px solid rgba(0,16,88,0.2) !important;	
height:50px !important;
border-radius:10px !important;
}
.as-for-quote-form textarea
{
height:120px !important;	
}
.checkbox-option
{
height:30px !important;
padding:0px !important;
}
.radio-input-section
{
display:inline-block;
width:100%;
margin-bottom:30px !important;
}
.as-for-quote-form button
{
margin-top:20px !important;
}
.nice-select
{
border:1px solid rgba(0,16,88,0.2) !important;	
height:50px !important;
border-radius:10px !important;
padding-top:5px !important;	
}
.custom-about-page-container
{
display:inline-block;
width:100%;
margin-top:120px !important;
margin-bottom:50px !important;
}
ul.page-nav-section
{
float:left;
width:100%;
margin:0px !important;
padding:0px !important;
list-style:none;
}
ul.page-nav-section li
{
float:left;
width:100%;
margin:0px !important;
padding:0px !important;
}
ul.page-nav-section li a
{
float:left;
width:100%;
margin:0px !important;
padding:10px 15px !important;
border-bottom:1px solid rgba(0,46,89,0.2);
font-family:Bricolage Grotesque !important;	
font-size:15px;
font-weight:500;
color:var(--webiste-text-color) !important;
}
ul.page-nav-section li a.active
{
background:var(--webiste-footer-color) !important;
color:white !important;
}
ul.page-nav-section li a ion-icon
{
color:var(--webiste-text-color) !important;
margin-bottom:-3px;
display:none;
}
.custom-about-page-container
{
display:inline-block;
width:100%;
padding:30px 0px !important;
margin-top:120px;
margin-bottom:50px;
}
.custom-about-page-container h2, .custom-about-page-container p b
{
font-weight:700 !important;
font-size:20px !important;
font-family:Bricolage Grotesque !important;	
margin-bottom:20px !important;
color:var(--webiste-text-color) !important;
}
.custom-about-page-container .pull-right h2,
.custom-about-page-container .pull-right p b
{
text-transform:uppercase !important;	
}
.custom-about-page-container p
{
font-weight:400 !important;
font-size:15px !important;
margin-bottom:30px !important;
}
.table-responsive
{
float:left;
width:100% !important;
border:0px solid transparent !important;
}
.dt-buttons button
{
font-size:13px !important;
color:white !important;
font-weight:bold !important;
padding:5px 10px !important;
border-radius:5px !important;
}
.dt-buttons *
{
color:white !important;
}
table th
{
background:var(--webiste-footer-color) !important;
color:white  !important;
font-size:12px !important;
font-weight:600 !important;
font-family:Jost !important;
font-family: EB Garamond !important;
text-transform:uppercase;
}
table td, .dataTables_info
{
color:var(--webiste-text-color) !important;
font-size:14px !important;
font-weight:500;
font-family:Jost !important;
opacity:0.8 !important;
}
#customdatatable_paginate ul li a,
#customdatatable-no-button_paginate ul li a,
#customdatatable-no-pagination_paginate ul li a
{
border:1px solid rgb(0,46,89,0.5) !important;
border-radius: 5px !important;
box-shadow: 0 0 0 0 transparent !important;
color:rgb(0,46,89,0.8) !important;
font-family: Jost !important;
font-weight: 600 !important;
font-size: 14px !important;
width:initial !important;
min-width: 40px !important;
padding:5px 5px !important;
text-align:center !important;
}
#customdatatable_paginate ul li a:hover,
#customdatatable_paginate ul li.active a,
#customdatatable-no-button_paginate ul li a:hover,
#customdatatable-no-pagination_paginate ul li a:hover,
#customdatatable-no-button_paginate ul li.active a,
#customdatatable-no-pagination_paginate ul li.active a
{
color:white !important;
background:var(--webiste-primary-color) !important;
border:1px solid var(--webiste-primary-color) !important;
cursor:pointer !important;
}
#customdatatable_paginate ul li a,
#customdatatable-no-button_paginate ul li a,
#customdatatable-no-pagination_paginate ul li a
{
margin:3px 1px !important;	
}
.dataTables_wrapper table
{
margin:0px !important;
}
.dataTables_info
{
margin-top:30px;
}
.dataTables_paginate
{
text-align:right;
}
.dataTables_filter
{
width:100% !important;
}
.dataTables_filter label
{
display:block !important;
}
.dataTables_filter input
{
width:150px !important;
float:right;
margin-top:20px !important;
border:1px solid rgb(0,46,89,0.4) !important;
border-radius:10px !important;
padding:10px;
background:white !important;
}
.dataTables_filter input::placeholder
{
color:rgb(0,46,89,0.5) !important;
}
table
{
width:100% !important;
}
table td,
table th
{
white-space: nowrap !important;
}
table td a,
table th a
{
color:var(--webiste-text-color) !important;
font-size:16px !important;
}
table td ion-icon,
table th ion-icon
{
font-size:20px !important;
color:var(--webiste-text-color) !important;
}
.mobile-dropdown-language
{
display:none !important;
}
.home-banner-item::before
{
content:"";
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
background:linear-gradient(to right, rgb(204,0,81), transparent);
}
.identity-section
{
float:left;
width:100%;
position:relative;
z-index:1000;
margin-top:-100px;
margin-bottom:50px !important;
display:none !important;
}
.custom-grid-section-4
{
width:100%;
display:grid;
grid-template-columns:repeat(4, 1fr) !important;
gap:20px;
position:relative;
margin-top:0px;	
background:white !important;
}
.custom-grid-item
{
float:left;
width:100%;
overflow:hidden;
padding:30px 20px;
}
.grid-item-text
{
float:left;
width:100%;
}
.grid-item-bg
{
display:inline-block;
width:100%;
padding-bottom:50% !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
border-radius:0px;	
}
.custom-grid-item span
{
background:rgb(242,222,229) !important;
background:var(--webiste-primary-color) !important;
color:white !important;
width:40px;
height:40px;
line-height:54px;
border-radius:10px;
margin-bottom:15px;
display:inline-block;
text-align:center;
}
.custom-grid-item span ion-icon
{
font-size:25px;	
}
.custom-grid-item h2
{
font-size:16px !important;	
line-height:22px !important;
color:var(--webiste-text-color);
margin-bottom:10px;	
height:45px !important;
overflow:hidden;
}
.custom-grid-item p
{
font-size:15px !important;	
line-height:22px !important;
color:var(--webiste-text-color);
padding:0px !important;
margin:0px !important;
opacity:0.8 !important;
}
.custom-grid-section-4 .custom-grid-item:nth-child(1),
.custom-grid-section-4 .custom-grid-item:nth-child(3)
{
background:var(--webiste-primary-color) !important;	
}
.custom-grid-section-4 .custom-grid-item:nth-child(1) h2,
.custom-grid-section-4 .custom-grid-item:nth-child(1) p,
.custom-grid-section-4 .custom-grid-item:nth-child(3) h2,
.custom-grid-section-4 .custom-grid-item:nth-child(3) p
{
color:white !important;
}
.custom-grid-section-4 .custom-grid-item:nth-child(1) span,
.custom-grid-section-4 .custom-grid-item:nth-child(3) span
{
background:white !important;	
}
.custom-grid-section-4 .custom-grid-item:nth-child(1) span ion-icon,
.custom-grid-section-4 .custom-grid-item:nth-child(3) span ion-icon
{
color:var(--webiste-primary-color) !important;		
}

.home-banner-content h1
{
font-size:50px !important;
line-height:55px !important;
margin-top:60px !important;
font-weight:800 !important;
}
.choose-us-section-2
{
padding-bottom:250px !important;
}
.choose-us-right-image-2 .choose-us-counter-wrap
{
top:150px !important;
bottom:initial !important;
background:var(--webiste-third-color) !important;	
}
h3.count-box
{
font-weight:800 !important;
}
.counter-content p 
{
font-size:16px !important;
line-height:24px !important;	
font-weight:600 !important;
color:white !important;
}
.sec-sub-title h6 
{
color:var(--webiste-third-color) !important;
}
.custom-call-to-action, .custom-section-title
{
display:inline-block;
width:100%;
text-align:center;
padding:50px 20% !important;
padding-top:0px !important;
}
.custom-call-to-action
{
margin-bottom:50px !important;
}
.custom-call-to-action h6, .custom-section-title h6, .home-about-section h6, .left-section-content h6
{
color:var(--webiste-third-color);	
font-size:18px;
font-weight:800;
}
.custom-call-to-action h3, .custom-section-title h3, .home-about-section h3
{
color:var(--webiste-text-color);	
font-size:40px;
padding:5px 0px;
font-weight:800;
}
.custom-call-to-action p, .custom-section-title p, .home-about-section p
{
color:var(--webiste-text-color);	
font-size:16px;
padding:5px 0px;
font-weight:500;
}
.custom-section-title
{
padding:20px 20% !important;
}
.custom-section-title h6
{
font-size:18px;
}
.custom-section-title h3
{
font-size:30px;
padding:5px 0px;
}
.custom-section-title p
{
font-size:15px;
line-height:24px !important;
padding:5px 0px;
font-weight:500;
}
.custom-section-title-2
{
padding:0px !important;
text-align:left !important;
}
.custom-section-title-2 h6
{
font-size:16px;
font-weight:600 !important;
}
.custom-section-title-2 h3
{
font-size:25px;
}
.custom-section-title .theme-btn-2
{
font-size:14px !important;
}
.custom-section-title h3 span, .choose-us-left-items-2 h2 span, .left-section-text-content h1 span, .home-about-section h3 span
{
/*
background: linear-gradient(135deg,#ed5ebe,#c775f0,#fc3);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
*/
color:var(--webiste-primary-color);	
}
.cal-to-action-link
{
display:inline-block;
width:100%;
text-align:center;
margin-top:10px;
}
.cal-to-action-link a
{
display:inline-block;
color:white;
background:var(--webiste-primary-color);	
border-radius:50px;
margin:5px;
position:relative;
padding:5px;
padding-left:15px !important;
line-height:40px;
font-weight:600;
}
.cal-to-action-link a span
{
display:inline-block;
width:40px;
height:40px;
background:white;
border-radius:50% !important;	
margin-left:10px;
}
.cal-to-action-link a span ion-icon
{
color:var(--webiste-primary-color);	
font-size:24px;
margin-bottom:-6px;
}
.hidden-overflow
{
overflow:hidden;
}
.section-slide-container
{
display:inline-block !important;
width:100%;	
}
.slide-section
{
display:inline-block !important;
width:100%;	
}
.pink-bg
{
background:rgba(204,0,81,0.05) !important;
border-radius:30px;
}
.pink-bg .custom-info-container
{
padding:40px 30px !important;
padding-top:20px !important;
}
.custom-section-title
{
	
}
.testimony-img-bg
{
float:left;
width:60px;
height:60px;
border-radius:50%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
}
.testimonial-content-items-2 .client-info
{
padding-right:20px;
padding-bottom:30px;
}
.section-slide-margin
{
margin-top:50px !important;
margin-bottom:50px !important;
}
a.theme-btn-3
{
font-size:15px !important;
font-family: Bricolage Grotesque !important;
font-weight: bold;
color:var(--webiste-primary-color) !important;	
}
a.theme-btn-3 ion-icon
{
margin-bottom:-3px !important;	
}
.content-p-l
{
padding-left:20px !important;
}
.array-prev,
.array-next
{
background:var(--webiste-primary-color) !important;	
color:white !important;	
}
.array-prev svg path,
.array-next svg path
{
stroke:white !important;	
}
.array-prev
{
background:white !important;	
}
.array-prev svg path
{
stroke:var(--webiste-primary-color) !important;	
}
.section-bg-dark
{
background: var(--webiste-footer-color) !important;	
}
.section-bg-dark *
{
color:white !important;
}
.item-from-dark-section .custom-content-img-bg
{
aspect-ratio:1 / 1 !important;
margin:0px !important;
padding:0px !important;
}
.item-from-dark-section .custom-info-container
{
margin:0px;
position:absolute;
width:calc(100% - 20px) !important;
bottom:50px;
left:10px;	
border-radius:20px;
padding:20px;
background: rgba(255, 255, 255, 0.1); /* transparence */
backdrop-filter: blur(10px); /* flou */
-webkit-backdrop-filter: blur(10px); /* support Safari */
}
.item-from-dark-section .custom-info-container h2
{
color:white !important;	
}
.item-from-dark-section .custom-info-container p
{
color:white !important;	
font-size:15px !important;
opacity:0.8 !important;
font-weight:500;
}
.home-about-section
{
float:left;
width:100%;
margin:50px 0px !important;
margin-bottom:80px !important;	
}
.about-img-grid
{
float:left;
width:100% !important;
position:relative;	
}
.about-grid-img-1,
.about-grid-img-2,
.about-grid-img-3
{
float:right;
width:50%;
padding-bottom:60% !important;
border-radius:15px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;	
border-radius:30px !important;
border:10px solid white !important;
}
.about-grid-img-1
{
position:absolute !important;
top:70px !important;
left:0px;
z-index:100;
}
.about-grid-img-2
{
margin-right:0px !important;
}
.about-grid-img-3
{
padding-bottom:30% !important;
width:calc(50% + 50px) !important; 
}
.home-about-section h6
{
font-size:16px;
font-weight:600 !important;
}
.actions-container
{
float:left;
width:100%;
margin-top:20px !important;
margin-bottom:50px !important;
}
.action-item-box
{
float:left;
width:100%;
}
.action-item-box h2
{
float:left;
width:100%;
font-size:17px !important;
font-weight:bold;
color:var(--webiste-text-color) !important;	
}
.action-item-box p
{
float:left;
width:100%;
font-size:15px !important;
line-height:23px;
margin-top:15px !important;
font-weight:500;
color:var(--webiste-text-color) !important;	
opacity:0.8 !important;
}
.action-item-box span
{
float:left;
width:60px !important;	
height:60px !important;	
text-align:center;
border-radius:50% !important;
background:rgb(252,226,232);
margin-bottom:15px !important;
}
.action-item-box span img
{
width:40px !important;	
margin-top:10px !important;
filter: invert(13%) sepia(72%) saturate(7404%) hue-rotate(326deg) brightness(86%) contrast(104%) !important;
}
.action-item-box-2 span
{
background:rgb(237,222,239) !important;
}
.action-item-box-3 span
{
background:rgb(234,244,227) !important;
}
.action-item-box-4 span
{
background:rgb(225,233,248) !important;
}
.action-item-box-2 span img
{
filter: invert(5%) sepia(97%) saturate(6735%) hue-rotate(293deg) brightness(100%) contrast(96%) !important;	
}
.action-item-box-3 span img
{
filter: invert(58%) sepia(29%) saturate(702%) hue-rotate(68deg) brightness(93%) contrast(90%) !important;	
}
.action-item-box-4 span img
{
filter: invert(35%) sepia(92%) saturate(3089%) hue-rotate(204deg) brightness(95%) contrast(89%) !important;	
}
.custom-call-to-action h6, .custom-section-title h6, .home-about-section h6
{
font-size:16px !important;
font-weight:700 !important;
color:var(--webiste-primary-color);	
}
.team-container-section
{
margin-top:30px !important;	
padding-top:0px !important;	
}

/* Newsletter booklets */
.newsletter-page-container
{
padding-top:40px;
padding-bottom:60px;
}
.newsletter-booklet-card
{
float:left;
width:100%;
border-radius:0px !important;
}
.newsletter-page-title
{
font-size:32px;
font-weight:700;
color:var(--webiste-text-color);
margin-bottom:12px;
}
.newsletter-page-intro
{
font-size:15px;
opacity:0.8;
margin-bottom:0;
max-width:720px;
}
.newsletter-booklet-card--viewable
{
cursor:pointer;
transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.newsletter-booklet-cover
{
width:100% !important;
padding-bottom:100% !important;
border-radius:10px 10px 0px 0px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
position:relative !important;
}
.newsletter-booklet-date
{
float:left;
width:100%;
color:white !important;
font-weight:700;
background:var(--webiste-primary-color) !important;
text-align:center;
padding:5px 10px !important;
border-top:5px solid white !important;
font-size:15px !important;
border-radius:0px 0px 10px 10px;
}
.newsletter-booklet-date ion-icon
{
font-size:16px;
margin-bottom:-2px;
}
.newsletter-booklet-card .custom-info-container h2
{
font-size:18px !important;	
}
.newsletter-booklet-text
{
margin-bottom:10px !important;
}
.newsletter-booklet-unavailable
{
display:inline-block;
font-size:13px;
opacity:0.65;
font-style:italic;
}
.newsletter-empty-msg
{
text-align:center;
padding:40px 20px;
opacity:0.8;
}
.newsletter-pdf-popup
{
position:fixed;
width:100%;
height:100vh;
top:0;
left:0;
background:rgba(0,0,0,0.85);
z-index:9999 !important;
padding:24px;
display:none;
box-sizing:border-box;
}
.newsletter-pdf-frame
{
position:relative;
width:100%;
max-width:960px;
height:calc(100vh - 48px);
margin:0 auto;
background:#fff;
border-radius:16px;
padding:20px 20px 16px;
box-sizing:border-box;
display:flex;
flex-direction:column;
}
.newsletter-pdf-title
{
font-size:18px;
font-weight:700;
margin:0 40px 12px 0;
padding-right:30px;
color:var(--webiste-text-color);
line-height:1.3;
}
.newsletter-pdf-toolbar
{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
margin-bottom:12px;
flex-shrink:0;
}
.newsletter-pdf-nav
{
border:none;
background:var(--webiste-primary-color);
color:#fff;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}
.newsletter-pdf-nav ion-icon
{
font-size:22px;
}
.newsletter-pdf-nav:disabled
{
opacity:0.4;
cursor:not-allowed;
}
#newsletter-pdf-pagenum
{
font-size:14px;
font-weight:600;
min-width:80px;
text-align:center;
}
.newsletter-pdf-viewer
{
flex:1;
overflow:auto;
text-align:center;
background:#f4f6f9;
border-radius:10px;
padding:12px;
-webkit-user-select:none;
user-select:none;
}
.newsletter-pdf-page-canvas
{
max-width:100%;
height:auto !important;
box-shadow:0 4px 16px rgba(0,0,0,0.12);
pointer-events:none;
}
.newsletter-pdf-loading,
.newsletter-pdf-error
{
padding:40px 20px;
text-align:center;
color:var(--webiste-text-color);
}
.newsletter-pdf-close
{
z-index:10;
}
.custom-grid
{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap:40px;
}
.newsletter-title-section
{
margin-bottom:60px !important;
}