/*
Theme Name: re:Work
Theme URI: - 
Version: 1.0
* For the full copyright and license information, please view
* the LICENSE file that was distributed with this source code.
*/
/********************* 
       FONTS 
*********************/
@font-face {
	font-display: swap; 
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/montserrat-v26-latin_latin-ext-regular.woff2') format('woff2'); 
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/montserrat-v26-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
	font-display: swap; 
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/montserrat-v26-latin_latin-ext-600.woff2') format('woff2'); 
}
@font-face {
	font-display: swap; 
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	src: url('fonts/montserrat-v26-latin_latin-ext-700.woff2') format('woff2'); 
}
@font-face {
	font-display: swap; 
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/montserrat-v26-latin_latin-ext-800.woff2') format('woff2'); 
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v40-latin_latin-ext-regular.woff2') format('woff2'); 
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/open-sans-v40-latin_latin-ext-500.woff2') format('woff2'); 
}
@font-face {
	font-display: swap; 
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/open-sans-v40-latin_latin-ext-600.woff2') format('woff2'); 
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	src: url('fonts/open-sans-v40-latin_latin-ext-700.woff2') format('woff2'); 
}
@font-face {
	font-display: swap; 
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/open-sans-v40-latin_latin-ext-800.woff2') format('woff2');
}
/****************** 
       ROOT 
******************/
:root {
 --primary-font: "Montserrat", sans-serif;
 --secondary-font:'Open Sans', sans-serif;
 --primary-color:#2B97AC;
 --secondary-color:#F79630;
 --green-three-color:#349998;
 --dark-four-color:#292929;
 --purple-five-color:#7851A9;
 --yellow-six-color:#FFC54B;
 --grey-color:#E7E7E8;
 --bg-grey-color:#F8F9FA;
}
/***************** 
       BODY 
******************/
body {
 font-family: var(--primary-font);
}
/************************* 
   PREDEFINED CLASSES 
*************************/
.grecaptcha-badge { 
 visibility: hidden !important;
}
.admin-bar .offcanvas{
 top: 46px !important;
}
.admin-bar .navbar{
 top: 46px !important;
}
#wpadminbar{
 position: fixed;
}
.section-padding{
 padding: 15px 0;
}
.section-pading-md{
 padding: 60px 0;
}
.section-pading-lg{
 padding: 50px 0;
}
.bg-green{
 background: var(--primary-color);
}
.bg-grey{
 background: var(--bg-grey-color) !important;
}
.bg-orange{
 background: var(--secondary-color) !important;
}
.bg-yellow{
 background: var(--yellow-six-color) !important;
}
.bg-purple{
 background: var(--purple-five-color) !important;
}
.color-title-orange{
 color: var(--secondary-color);
}
.color-title-green{
 color: var(--primary-color);
}
.color-title-purple{
 color: var(--purple-five-color);
}
.color-title-yellow{
 color: var(--yellow-six-color);
}
.btn{
 font-size: 14px;
 font-weight: 700;
 color: #ffffff;
 line-height: 1.5;
 display: inline-block;
 border-radius: 30px;
 padding: 10px 25px;
 transition: all .3s;
 border: none;
}
.btn-primary{
 background-color: var(--primary-color);
 border: 2px solid var(--primary-color);
}
.btn-primary:hover,
.btn-primary:active{
 border: 2px solid var(--primary-color);
 background-color: #1B879D;
 color: var(--bs-btn-active-color);
 background-color: #1B879D !important;
}
.btn-secondary{
 background-color: var(--secondary-color);
 border:2px solid var(--secondary-color);
 font-size: 16px;
 font-family: var(--primary-font);
}
.btn-secondary:hover,
.btn-secondary:active{
 background-color:#F58714;
 border: 2px solid var(--secondary-color);
 color: var(--bs-btn-active-color);
 background-color: #F58714 !important;
}
.btn-secondary:focus,
.btn-primary:focus,
.btn-outlinefocus{
 border-color: transparent !important;
}
.btn-outline{
 background-color: transparent;
 border: 1px solid #ffffff;
 font-size: 14px;
}
.btn-outline:hover,
.btn-outlineactive{
 background-color: #ffffff;
 border: 1px solid #ffffff;
 color: #000000 !important;
 background-color: #ffffff !important;
}
.section-title-hero h1{
 color: #ffffff;
 font-size: 38px;
 font-weight: 800;
 text-align: center;
 line-height: 1.3;
}
.editor-work p{
 font-size: 16px;
 font-family: var(--secondary-font);
 font-weight: 400;
 line-height: 1.5;
 color: #ffffff;
}
.section-subtitle{
 color: var(--secondary-color);
 font-size: 24px;
 font-family: var(--secondary-font);
 font-weight: 800;
 line-height: 1.5;
}
.section-title h2{
 font-size: 36px;
 font-weight: 800;
}
/***********************
        NAV-BAR
*************************/
.navbar-nav .nav-item .nav-link.active {
 color: var(--secondary-color); 
}

.offcanvas-body {
padding-top: 0px;
}
.offcanvas-header {
padding-bottom: 0px;
}
.terms-navbar,
.navbar-scroll{
 background-color:#ffffff !important;
 transition: all 0.5s;
}
.navbar{
 background-color: transparent;
 transition: all 0.5s;
}
.navbar{
 padding: 15px 0;
}
.navbar-brand{
 padding: 0 0;
}
.navbar-brand img,
.offcanvas-box img{
 width: 120px;
 height: 40px;
 object-fit: contain;
}
.navbar-toggler{
 border: none;
 background-color: var(--primary-color);
 border: 2px solid #1B879D;
 padding: 6px 9px;
 border-radius: 11px;
}
.navbar-toggler:focus{
 box-shadow: none;
}
.navbar-toggler img{
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(310deg) brightness(104%) contrast(107%);
 width: 21px;
 height: 25px;
}
.btn-exit{
 background-color: #ffffff1A;
 border: none;
 border-radius:11px;
 padding: 6.5px;
}
.btn-exit img{
 width: 28px;
 height: 28px;
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(310deg) brightness(104%) contrast(107%);
}
.navbar-nav .nav-item .nav-link {
 font-size:18px;
 font-weight: 600;
 line-height: 1.5;
 color: #ffffff;
 padding: 19px 0;

}
.navbar-nav .nav-item{
 width: 100%;
 border-bottom: 1px solid #FFFFFF1A;
}
.navbar-nav .link-arrow {
 position: relative;
}
.nav-btn .btn-secondary{
 padding: 16px 62px;
}
.offcanvas-header{
 padding: 14px;
 padding-top: 15px;
}
.offcanvas.offcanvas-end{
 border-left: 0;
}
.link-arrow::before{
 content: '';
 position: absolute;
 width:16px;
 height: 14px;
 background-image: url('local-img/Vector.svg');
 background-size: 16px 14px;
 left: 57%;
}
.nav-icon a{
 width: 30px;
 height: 30px;
 border: 1px solid #FFFFFF1A;
 border-radius: 50%;
 background-color: var(--purple-color);
 background-color: #ffffff1A;
}
.nav-icon img{
 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(87deg) brightness(112%) contrast(100%);
 position: relative;
 max-width: 20px;
 max-height: 20px;
}
.offcanvas {
 background: linear-gradient(0deg, var(--7851A9, #7851A9), var(--7851A9, #7851A9)),
 linear-gradient(180deg, rgba(148, 109, 198, 0.5) 0%, #7851A9 100%);
}
/*************************
      HERO-SECTION
*************************/
.hero-video-bg {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 2;
 overflow: hidden;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center center;
}

.hero-video-bg iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-section{
	 position: relative;
	 color: #fff;
	 background-repeat: no-repeat;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-position: center center;
	 width: 100%;
	 height: 100vh;
	 height: 100svh;
	 min-height: 100%;
	 z-index: 20;

}
.hero-block{
 z-index: 100;
 max-width: 760px;
}
.hiro-partner{
 bottom: 30px;
 width: 100%;
 z-index: 100;
 padding-right: 12px;
}
.hiro-partner-img{
  height: 25px;
  max-width: 200px;
}
.hiro-partner-img img{
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
 object-fit: contain;
}
.hero-btn{
 gap: 20px;
}
.hero-btn .btn-secondary{
 padding: 10px 27px;
 font-weight: 600;
 font-size: 16px;
}
.hero-btn .btn-outline{
 padding: 7px 19px;
}
/***********************
    ABOUT-US-SECTION
************************/
.about-us-section {
 padding-bottom: 60px;
}
.about-img {
 aspect-ratio: 1 / 1;
 border:4px solid var(--secondary-color);
 border-radius: 50%;
 padding: 5px;
 margin: 0 auto;
}
.about-img img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
}
.about-us-section{
 background-color: var(--purple-five-color) !important;
}
.btn-secondary img{
 margin-bottom: 2px;
 margin-left: 6px;
}
.about-us-box{
 margin-top:40px;
}
.btn-about .btn-secondary {
 padding: 10px 25px;
}
/***********************
      IMAGE-SECTION
*************************/
.image-section{
 width: 100%;
 height: auto;
 max-height: 480px;
}
.image-section img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}
/***********************
    FEATURED-SECTION
*************************/
.featured-section .editor-work p{
 color: #000000;
 font-size: 16px;
}
.featured-section .row:last-child{
	padding-bottom:0;
}
.featured-section .row{
 padding-bottom: 80px;
}
.editor-work ul{
 list-style: none;
}
.editor-work ul li{
 font-family: var(--secondary-font);
 font-weight: 400;
 font-size: 16px;
 line-height: 1.5;
 position: relative;
 margin-bottom: 16px;
}
.featured-image{
 aspect-ratio: 1/1;
 width: auto;
 height: auto;
}
.featured-image img{
 width: auto;
 height: 100%;
 max-width: 100%;
 object-fit: cover;
 border-radius: 50%;
}
.circle-right{
 right: 0px !important;
}
.circle-color{
 bottom: -15px;
 width: 30vw;
 height: 30vw;
 border-radius: 50%;
 z-index: -1;
}
.circle-stripe{
 width: 30vw !important;
 height: 30vw !important;
 bottom: -14px;
 margin-left: 1px;
}
.editor-work ul li::before{
 content: '';
 position: absolute;
 background-image: url('local-img/circle-check-solid.svg');
 background-size: 20px 21px;
 width: 20px;
 height: 21px;
 background-repeat: no-repeat;
 object-fit: contain;
 left:-30px;
 top: 2px;
}
.featured-btn .btn-primary{
 padding: 10px 25px;
 font-size: 16px;
}
.featured-btn .btn-primary img{
 margin-bottom: 1px;
 margin-left: 8px;
}
.featured-section .editor-work p{
 margin-bottom: 32px;
}
.volunteer-us{
 padding-bottom: 60px;
}
/**************************
    TESTIMONIALS-SECTION
***************************/
.testimonials-section{
 padding: 60px 0;
}
.testimonials-block{
 max-width: 1190px;
}
.testimonilas-block{
 background-color: #ffffff;
 padding-top: 30px;
 border: 1.92px solid #EBEBEB;
 box-shadow: 0px 3.68px 22.07px 0px #00000014;
 border-radius: 19px;
}
.testimonials-text{
 padding: 0 30px;
}
.quote-icon{
 width: 34px;
 height: 22px;
}
.quote-icon img{
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
}
.testimonials-image-bottom::before{
 content: '';
 position: absolute;
 width: 600px;
 left: 50%;
 transform: translateX(-50%);
 aspect-ratio: 1/1;
 top: 90px;
 border-radius: 50%;
}
.testimonials-img-circle{
 z-index: 111;
 border-radius: 50%;
 width: 102px;
 height: 102px;
 margin: 0 auto;
 margin-top:22px;
 overflow: hidden;
 border: 3px solid #fff;
 display: flex;
 justify-content: center;
 align-items: center;
}
.testimonials-img-circle img{
 z-index: 111;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.testimonials-name{
 font-size: 19px;
 color: #ffffff;
 font-weight: 700;
 z-index: 111;
 margin-top: 25px;
 line-height:1.2;
}
.testimonials-profesion{
 color: #FFFFFF;
 font-size: 13px;
 font-family: var(--secondary-font);
 font-weight: 400;
 z-index: 111;
 padding-bottom: 30px;
}
.testimonials-text p{
 color: #000000;
 font-size: 15px;
 font-weight: 400;
 line-height: 1.3;
 margin-bottom: 0;
}

/**************************
    IMAGE-SECTION
***************************/
.images-section{
 padding: 80px 0;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
}
.images-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 background-color: #2B97AC;
 opacity: 0.8;
}
.image-box-top{
 aspect-ratio: 12/10;
 margin-bottom: 30px;
}
.image-box-bottom{
 aspect-ratio: 10/13.7;
 margin-bottom: 30px;
}
.image-box-lg-top{
 aspect-ratio: 12/10;
 margin-bottom: 30px;
}
.image-box-lg-bottom{
 aspect-ratio: 18/10;
}
.image-box-top img,
.image-box-bottom img,
.image-box-lg-top img,
.image-box-lg-bottom img{
 width: 100%;
 height: 100%;
 position: relative;
 object-fit: cover;
 border-radius: 20px;
}
/**************************
    REGISTER-SECTION
***************************/
.register-section,
.engagement-company-section{
 padding: 60px 0;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.register-box{
 background-color: var(--primary-color);
 border-radius: 20px;
 padding: 30px;
 max-width: 890px;
}
.register-title h3 {
 color: #ffffff;
 font-size: 32px;
 font-weight: 800;
 text-align: center;
 margin-bottom: 0;
}
.register-btn .btn-secondary{
 font-size: 16px;
 font-weight: 700;
 line-height: 1.5;
 color: #ffffff;
 padding: 10px 27px;
 font-family: var(--primary-font);
}
.cta-block-second .register-title h3 {
	font-size: 28px;
	color: var(--primary-color);
	margin-bottom: 10px;
}
/**************************
          FOOTER
***************************/
footer{
 padding-top: 60px;
 padding-bottom: 30px;
}
footer .editor-work p{
 color: #000000;
 font-weight: 400;
 line-height: 1.5;
 font-family: var(--primary-font);
}
footer .editor-work span{
 font-weight: 600;
}
.footer-link h3{
 color: var(--primary-color);
 font-size: 16px;
 font-weight: 700;
 line-height: 1.5;
 border-bottom: 1px solid #DADADA;
 padding-bottom: 16px;
 margin-bottom: 0;
}
footer .footer-nav{
 list-style: none;
 padding-left: 0;
}
footer .footer-nav .nav-item .nav-link{
 color: #000000;
 padding: 0;
 font-size: 14px;
 font-weight: 600;
 margin-bottom: 27px;
}
footer .footer-nav{
 padding-top: 27px;
}
.icon{
 width: 18px;
 height: 18px;
 margin-right: 12px;
}
.icon img{
 width: 100%;
 height: 100%;
 object-fit: contain;
 filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7460%) hue-rotate(347deg) brightness(89%) contrast(111%);
}
.connect-icon a{
 font-size: 14px;
 color: #000000;
 line-height: 1.5;
 font-weight: 600;
 margin-bottom: 20px;
}
.connect-icon{
 padding-top: 27px;
}
/***********************
     COPY-RIGHT
*************************/
.copy-right-block{
 border-top: 1px solid #DADADA;
 padding-top: 20px;
 padding-bottom:40px;
}
.copy-right-box p{
 color: #000000;
 font-size: 11px;
 font-weight: 400;
 text-align: center;
 margin-bottom: 0;
}
.copy-right{
 color: #000000;
 font-size: 11px;
 font-weight: 400;
 text-align: center;
}
.copy-right-link a:first-child{
 margin-right: 20px;
}

.copy-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.copy-nav ul li a {
	 color: #000000;
}
.copy-nav ul li a:hover {
	color: var(--primary-color);
}
/***********************
    who-we-are-section
*************************/
.who-we-are-section{
 width: 100%;
 min-height: 480px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 padding: 150px 0 90px 0;
}
.who-we-are-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background: linear-gradient(0deg, #212121, #212121),
 linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
 opacity: 0.5;
}
.who-we-are-section .editor-work p{
 font-weight: 500;
 font-family: var(--primary-font);
}

.who-we-are-box h2{
 font-size: 38px;
 color: #ffffff;
 font-weight: 800;
 margin-bottom: 0;
  max-width: 715px;
}
.who-btn .btn-secondary{
 padding: 10px 30px;
}
.our-team-name a img {
	width: 15px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(197deg) brightness(104%) contrast(101%);
}
/***********************
    our-mission-section
*************************/
.our-mision-section {
	padding-bottom:75px;
}
.our-mision-section .section-subtitle{
 color: #000000;
 font-size: 20px;
 font-family: var(--secondary-font);
 line-height: 1.5;
}
.our-mision-section .editor-work p{
 color: #000000;
 font-family: var(--secondary-font);
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
}
.our-mission-box{
 margin-bottom: 80px;
}
.editor-work h2{
 font-size: 20px;
 font-family: var(--secondary-font);
 font-weight: 800;
 color: #000000;
}
/***********************
    our-team-section
*************************/
.our-team-section{
 width: 100%;
 height: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.our-team-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 background: #292929;
 opacity: 0.8;
}
.our-team-image{
 width: 260px;
 height: 260px;
 border:3px solid var(--secondary-color) ;
 border-radius: 50%;
 padding: 8px;
}
.our-team-image img{
 width: 100%;
 height: 100%;
 border-radius: 50%;
 object-fit: cover;
}
.our-team-section .section-title h2{
 margin-bottom: 0;
}
.our-team-section .editor-work p{
 color: #ffffff;
 font-weight: 500;
 font-family: var(--primary-font) !important;
 max-width: 880px;
 margin: 0 auto;
}
.our-team-block{
 padding-top: 60px;
}
.our-team-name{
 color: #ffffff;
 font-size: 18px;
 font-weight: 600;
 line-height: 1.2;
}
.our-team-name a {
	margin-bottom: 2px;
}
.our-team-position {
 font-size: 16px;
 font-weight: 600;
 font-family: var(--secondary-font);
 line-height: 1.3;
}
.our-team-position span{
 font-weight: 700 !important;
}
/***************************
    our-leadership-section
*****************************/
.our-leadership-team-section .section-title h2{
 font-size: 40px;
 font-weight: 800;
}
.our-leadership-team-section .editor-work p{
 font-size: 16px;
 color: #000000;
 font-family: var(--secondary-font);
 line-height: 1.5;
 max-width:  1132px;
 margin: 0 auto;
}
.our-leadership-team-section .our-team-name{
 font-size: 18px;
 font-weight: 600;
 line-height: 1.5;
 color:#000000 ;
}
.our-leadership-team-section .our-team-position{
 font-weight: 400;
 color: #000000;
}
.our-board-of-directors-box{
 padding-top: 60px;
}
.team-img{
 width: auto;
 max-width: 100%;
 height: 100%;
}
.team-img img{
 max-width: 100%;
 height: auto;
 max-height: 30px;
 width: auto;
 object-fit: contain;
}
/**************************************
    our-board-of-directors-section
**************************************/
.our-board-of-directors-section .section-title h2{
 font-size: 48px;
 font-weight: 800;
}
.our-board-of-directors-section .editor-work p{
 font-size: 16px;
 font-family: var(--primary-font);
 font-weight: 400;
 color: #000000;
 max-width: 1166px;
 margin:0 auto;
}
.our-board-of-directors-box .our-team-name{
 color: #000000;
}
.our-board-of-directors-box .joined-board{
 font-weight: 700;
 font-size: 15px;
 font-family: var(--secondary-font);
}
.our-board-of-directors-box p{
 font-size: 16px;
 font-weight: 400;
 font-family: var(--secondary-font);
 line-height: 1.5;
 margin-top: 25px;
}
.joined-board{
 margin-top: 5px;
}
/***********************************
    our-training-programs-section
************************************/
.training-section .section-title{
 max-width: 1000px;
 margin: 0 auto;
}
.training-section .editor-work p{
 font-family: var(--purple-color);
 color: #000000;
 max-width: 930px;
 margin: 0 auto;
}
/***********************************
    our-training-programs-section
************************************/
.simply-scroll-container { /* Container DIV - automatically generated */
 position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
 position: relative;
 overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
 overflow: hidden;
 margin: 0;
 padding: 0;
 list-style: none;
}	
.simply-scroll-list li {
 padding: 0;
 margin: 0;
 list-style: none;
}	
.simply-scroll-list li img {
 border: none;
 display: block;
}
.simply-scroll { 
 width: 100%;
 height: 250px;
}
.simply-scroll .simply-scroll-clip {
 width: 100%;
 height: 250px;
}		
.simply-scroll .simply-scroll-list li {
 float: left;
 width: auto;
 height: 250px;
}
.simply-scroll .simply-scroll-list li img {
 width: auto;
 height: 100%;
 object-fit: cover;
}
/***********************
    we-focus-section
*************************/
.re-work-section{
 padding: 60px 0;
}
.re-work-section .section-title h2{
 font-size: 40px;
}
.we-focus-section .editor-work p{
 color: #000000;
 font-family: var(--primary-font);
}
.we-focus-section .editor-work h5{
 color: #000000;
 font-family: var(--primary-font);
 font-size: 18px;
 line-height: 1.5;
 font-weight: 600;
 margin-top: 18px;
}
.we-focus-video{
 aspect-ratio: 16/9 !important;
}
.we-focus-video iframe{
 width: 100%;
 height: 100%;
 border-radius: 17px;
}
.re-work-section .editor-work{
 max-width: 1290px;
}
.re-work-section .editor-work h6{
 font-size: 22px;
 color: #ffffff;
 font-weight: 700;
 font-family: var(--secondary-font);
 line-height: 1.3;
 margin-bottom: 24px;
}
.our-volunteers-box .editor-work p{
 margin-bottom: 20px;
 font-family: var(--secondary-font);
}
.editor-work p a{
 color:var(--green-three-color) !important;
}
.our-volunteers-box{
 margin-top: 35px;
}
.we-focus-btn .btn-secondary{
 padding: 10px 31.5px;
}
/***********************
    benefits-section
*************************/
.benefits-section{
 padding: 60px 0;
}
.benefits-block .section-subtitle{
 font-size: 16px;
 font-weight: 600;
 line-height: 1.5;
 font-family: var(--primary-font);
}
.benefits-block .section-title h2{
 font-size: 48px;
 font-weight: 800;
}
.benefits-block .editor-work p{
 color: #000000;
 font-size: 18px;
}
.benefots-btn .btn-secondary{
 padding: 10px 30px;
 font-size: 16px;
}
.benefits-box{
 padding-top: 80px;
}
.benefots-icon{
 width: 112px;
 height: 80px;
}
.benefots-icon img{
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.benefits-card h4{
 font-size: 30px;
 font-weight: 700;
 color: #000000;
 margin-bottom: 20px;
}
.benefits-card p{
 font-size: 16px;
 font-weight: 400;
 font-family: var(--secondary-font);
 line-height: 1.5;
 color: #000000;
}
.benefits-card:last-child p{
 margin-bottom:0;
}
/***********************
    sales-team-section
*************************/
.about-team-img{
 width: 100%;
 height: 100%;
}
.about-team-img img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 20px;
}
.about-team-box .section-subtitle{
 font-size: 20px;
 font-family: var(--secondary-font);
 font-weight: 800;
 line-height: 1.5;
 margin-top: 35px;
}
.about-team-box .editor-work p{
 color: #000000;
}
.about-team-section .editor-work h4{
 font-weight: 700;
 font-size: 18px;
 line-height: 1.5;
 color: #000000;
 margin-top: 16px;
}
/*****************************
    sales-manager-section
******************************/
.sales-manager-section,
.partner-rework-section,
.foward-section{
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
}
.sales-manager-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: var(--purple-five-color);
 opacity: 0.9;
}
.partner-rework-section .section-title h2{
 font-size: 40px;
}
.sales-menager-img{
 width: 100%;
 height: 100%;
 max-height: 230px;
 border: 2.5px solid #ffffff;
 border-radius: 11px;

}
.sales-menager-img::after{
 content: '';
 position: absolute;
 width: 42px;
 height: 42px;
 top: 50%;
 transform: translate(-50%,-50%);
 left: 50%;
 background-image: url('local-img/play-video-blue.svg');
 background-size: 42px 42px;
 border-radius: 50%;
}
.sales-menager-img::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #000000;
 opacity: 0.3;
}
.sales-menager-img img{
 width: 100%;
 height: 100%;
 max-height: 230px;
 object-fit: cover;
	aspect-ratio: 16/9;
}
.sales-manager-section .editor-work h6{
 color: #ffffff;
 font-weight: 700;
 font-family: var(--secondary-font);
 font-size: 20px;
}
.engagement-employer-section .editor-work h3{
 font-size: 18px;
 font-family: var(--secondary-font);
 font-weight: 700;
 line-height: 1.5;
 margin-top: 20px;
}
.partner-rework-section .editor-work p{
 color: #ffffff;
 font-size: 16px;
}
/***********************
    engagement-section
*************************/
.engagement-employer-section .section-title h2{
 font-size: 36px;
}

/***********************
    connect-section
*************************/
.connect-section{
	padding-bottom:60px;
}
.connect-section .section-subtitle{
 font-size: 30px;
 font-weight: 700;
 font-family: var(--primary-font);
 line-height: 1.2;
 max-width: 710px;
 margin: 0 auto;
}
.connect-section .editor-work p{
 color: #000000;
 font-size: 18px;
}
.connect-block{
 padding-top: 60px;
}
.connect-network{
 width: 124px;
 height: 124px;
 border: 2px solid #ECECEC;
 border-radius: 50%;
 background-color: #F7F7F7;
}
.icon-network{
    max-height: 80px;
    height: auto;
    min-width: 54px;
    max-width: 80px;
}
.icon-network img{
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.icon-title{
 font-size: 15px;
 font-weight: 500;
 line-height: 1.5;
}
/***********************
    company-section
*************************/
.engagement-company-section{
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
}
.time-box h6,
.talent-box h6,
.treasure h6{
 color: var(--yellow-six-color);
 font-size: 20px;
 font-family: var(--primary-font);
 line-height: 1.5;
 font-weight: 800;
}
.time-box p,
.talent-box p,
.treasure p{
 color: #ffffff;
 font-family: var(--secondary-font);
 font-size: 12px;
 font-weight: 400;
 line-height: 1.33;
 max-width: 135px;
 margin-bottom: 0;
}
.time-box::before{
 content: '';
 position: absolute;
 width: 30px;
 height: 1.5px;
 background-color: #ffffff;
 bottom: -22px;
 left: 0;
 transform: rotate(90deg);
}
.time-box::after{
 content: '';
 position: absolute;
 width:12px;
 height: 12px;
 background-color: #ffffff;
 border-radius: 50%;
 bottom: -42px;
 left:9px;
}
.talent-box::before{
 content: '';
 position: absolute;
 width: 30px;
 height: 1.5px;
 background-color: #ffffff;
 bottom: -22px;
 right: 0;
 transform: rotate(90deg);
}
.talent-box::after{
 content: '';
 position: absolute;
 width:12px;
 height: 12px;
 background-color: #ffffff;
 border-radius: 50%;
 bottom: -42px;
 right:9px;
}
.treasure::before{
 content: '';
 position: absolute;
 width: 50px;
 height: 1.5px;
 background-color: #ffffff;
 top: -29px;
 left: 50%;
 transform: rotate(90deg);
}
.treasure::after{
 content: '';
 position: absolute;
 width:12px;
 height: 12px;
 background-color: #ffffff;
 border-radius: 50%;
 top: -58px;
 right:38px;
}
.time-talent-box{
 margin-bottom: 29px;
}
.company-image{
 width: 100%;
 height: 100%;
 max-width: 600px;
 max-height: 600px;
}
.company-image img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.badge-color{
 width: 14px;
 height: 14px;
 border-radius: 50%;
 margin-right: 4px;
}
.badge{
 color: #ffffff;
 font-size: 12px;
 font-family: var(--secondary-font);
 font-weight: 700;
 line-height: 1.5;
 padding: 0;
}
.bagde-partner{
 font-size: 10px;
 font-family: var(--secondary-font);
 font-weight: 400;
 line-height: 1.35;
 color: #ffffff;
}
.badge-box{
 margin-bottom: 14px;
}

/***********************
    donors-section
*************************/
.donors-btn .btn-secondary{
 padding: 10px 30px;
}
.donors .editor-work p{
 font-family: var(--secondary-font);
 font-weight: 400;
}
.donors-box .editor-donors p,
.donors-box .editor-donors ul li{
 font-size: 16px !important;
 font-family: var(--secondary-font) !important;
 font-weight: 400 !important;
 line-height: 1.5 !important;
}
.donors-box .editor-donors ul li{
 margin-bottom: 8px;
}
.donors-box .editor-donors ul{
 margin-bottom: 0;
}
.editor-donors ul li:last-child {
 margin-bottom: 0;
}
/****************************
    partner-rework-section
*****************************/
.partner-rework-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: var(--primary-color);
 opacity: 0.9;
}
.partner-rework-section .section-title h2{
 font-size: 40px;
}
/****************************
    newsroom-section
*****************************/
.newsroom-card-section{
 padding: 40px 0;
}
.newsroom-section::before {
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background: linear-gradient(0deg, #212121, #212121), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
 opacity: 0.7;
}
.newsroom-section {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 min-height: 200px;
 padding: 125px 0 90px 0;
}
.newsroom-section h3{
 color: #ffffff;
 position: relative;
 font-size: 38px;
 font-weight: 800;
 text-align: center;
}
.newsroom-image{
 width: 100%;
 height: 200px;
 border-radius: 10px;
}
.newsroom-image img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 10px;
}
.newsroom span{
 color: #9C9C9C;
}
.newsroom a{
 text-decoration: none !important;
 color: #9C9C9C !important;
 font-size: 12px !important;
 font-family: var(--secondary-font) !important;
}
.newsroom{
 font-size: 12px;
 font-family: var(--secondary-font);
 font-weight: 400;
 color: var(--primary-color);
}
.newsroom-card .newsroom-card-title h4{
 font-size: 20px;
 font-family: var(--secondary-font);
 font-weight: 600;
 color: #111210;
 letter-spacing: 0.17px;
 transition: all .3s;
}
.newsroom-card .newsroom-card-text p{
 font-size: 14px;
 font-family: var(--secondary-font);
 font-weight: 400;
 color: #9B9B9B;
}
.blog-pagination a {
 color: #333333;
 font-weight: 600;
 font-size: 14px;
 text-decoration: none;  
 width: 33px;
 height: 33px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 border: 1px solid #F1F1F1;
}
.blog-pagination ul li{
 font-size: 14px;
 font-weight: 600;
 width: 33px;
 height: 33px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 border: 1px solid #F1F1F1;
 margin: 0 6px;
}
.blog-pagination a:hover {
 background-color: #f0f0f0; 
}
.newsroom-pagination ul{
 margin-bottom: 0;
}
.newsroom-pagination nav{
 width: 100% !important;
}
.blog-pagination li[aria-current="page"] {
 background-color: var(--primary-color);
 color: #ffffff;
 border: 1px solid var(--primary-color);
}
/***********************
    volunters-section
*************************/
.our-volunteers .editor-work p{
 font-family: var(--secondary-font);
}
.our-volunteers .editor-work a{
 font-weight: 700;
}
.mentor-img{

 border-radius: 50%;
 padding:10px;
 border:5.5px solid var(--primary-color);
}
.mentor-img img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
	aspect-ratio: 1/1;
}
.mentor{
 color: #ffffff;
 font-family: var(--primary-font);
 font-size: 32px;
 font-weight: 800;
 border-radius: 8px;
 border: 2px solid #0B778C;
 line-height: 1.3;
}
.consult-box{
 border: 5.5px solid var(--secondary-color);
}
.train-box{
 border: 5.5px solid var(--purple-five-color);
}
.mentor-text{
 color: #ffffff;
 font-family: var(--primary-font);
 font-size: 16px;
 font-weight: 700;
}
.mentor-box{
 max-width: 380px;
 margin: 0 auto;
}
.mentor-box ul{
 list-style: none;
}
.mentor-box ul li{
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 font-family: var(--secondary-font);
 line-height: 1.5;
 position: relative;
 padding-left: 15px;
 margin-top: 22px;
}

.foward-section .section-title h2{
 font-size: 48px;
}
/*******************************
    onboarding-steps-section
********************************/
.steps{
 padding-left: 40px;
}
.onboarding-img{
 margin-bottom: 40px;
}
.steps h5{
 color: #000000;
 font-family: var(--primary-font);
 font-size: 20px;
 font-weight: 700;
 line-height: 1.4;
 margin-bottom: 8;
}
.steps p{
 font-size: 16px;
 font-weight: 400;
 font-family: var(--secondary-font);
 line-height: 1.5;
 color: #000000;
 margin-bottom: 22px;
}
.onboarding-steps-box::before{
 content: '';
 position: absolute;
 width: 2px;
 height: 100%;
 background-color: #000000;
 left: 22px;
 top: 0;
}
.steps-icon{
 height: auto;
 min-height: 100%;
 z-index: 1;
 flex-shrink: 0;
}
.onboarding-steps-box:last-child::before {
 display: none;
}
.steps-icon img {
 height: 100%;
 width: 100%;
 object-fit: contain;
 z-index: 1;
 position: relative;
}
.steps-icon::before {
 height: calc(100% + 16px);
 content: '';
 position: absolute;
 background-color: #fff;
 width: 100%;
 z-index: 0;
}
.steps ul{
 list-style: none;
 margin-bottom: 0;
}
.steps ul h6{
 color: #000000;
 font-size: 18px;
 line-height: 1.5;
 font-family: var(--primary-font);
 font-weight: 600;
 position: relative;
}
.steps ul li{
 position: relative;
}
.steps ul li p{
 font-size: 16px;
 font-family: var(--secondary-font);
 color: #000000;
 line-height: 1.5;
 font-weight: 400;
 margin-bottom: 28px;
}
.steps ul li::before{
 content: '';
 position: absolute;
 background-image: url('local-img/check.svg');
 background-size: 24px 20px;
 width: 24px;
 height: 20px;
 left: 0;
 background-repeat: no-repeat;
 object-fit: contain;
 top: 4px;
 left: -30px;
}
.onboarding-img{
 width: 345px;
 height: 345px;
 border: 5.5px solid var(--primary-color);
 border-radius: 50%;
 padding: 10px;
}
.onboarding-img img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
}
.onboarding-steps-btn .btn-secondary{
 padding: 10px 30px;
}
/***************************
    home-newsroom-section
****************************/
.home-newsroom-section{
	padding:40px;
}
.home-newsroom-block{
 max-width:1038px;
}
.icon-newsroom {
 width: 25px;
 height: 25px;
 background-color: #F4F4F4;
 border-radius: 50%;
 border: 1px solid #EDEDED;
 padding: 8px;
}
.icons-newsroom-block a{
 margin-right: 20px;
 margin-bottom: 10px;
}
.icon-newsroom img{
 filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(2965%) hue-rotate(18deg) brightness(97%) contrast(81%);
 width: 12px;
 height: 15px;
}
.newsroom-img img{
 width: 100%;
 height: auto;
 max-height: 200px;
 object-fit: cover;
 margin-bottom: 30px;
}
.newsroom-img{
 width: 100%;
 height: auto;
}
.home-newsroom-section .editor-donors p{
 font-size: 14px;
 color: #4A4A4A;
 font-family: var(--secondary-font);
 font-weight: 400;
 line-height: 1.7;
}
.home-newsroom-section .editor-donors h5{
 font-size: 26px;
 color:#111210;
 font-family: var(--secondary-font);
 font-weight: 600;
 margin-top: 30px;
}
.home-newsroom-section .editor-donors li span{
 font-weight: 700;
}
.home-newsroom-section .editor-donors ul{
 margin-bottom: 30px;
}
.home-newsroom-section .editor-donors li{
 margin-top: 30px;
}
.home-newsroom-section .editor-donors img{
 width: 100%;
 height: auto;
 max-height: 575px;
 margin-bottom: 30px;
}
.home-newsroom-box{
 width: 100%;
 height: 100%;
 max-height: 575px;
}
.home-newsroom-box img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 10px;
}
.tech-sales {
 color: #111210;
 font-family: var(--secondary-font);
 font-weight: 600;
 font-size: 20px;
 margin-top: 60px;
 margin-bottom: 21px;
 line-height: 1;
}
.resource-btn .resource-btn{
 border: 1px solid #E8E8E8;
 background-color:#F8F8F8;
 padding: 6px 20px;
 border-radius: 30px;
 color:#4A4A4A;
 font-size: 14px;
 font-family: var(--primary-font);
 font-weight: 600;
 line-height: 1.5;
 transition: all .3s;
}
/***************************
    faq-section
****************************/
.question-section {
 padding-top: 80px;
 padding-bottom: 40px;
}
.question-section .section-subtitle{
 color: #000000;
 font-family: var(--secondary-font);
 font-weight: 800;
 font-size: 20px;
 line-height: 1.5;
}
.question-section .editor-work p{
 color: #000000 ;
}
.accordion-button:focus {
 box-shadow: none !important;
 outline: none !important;
}
.accordion-item{
 margin-bottom: 20px;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after{
 background-image: url('local-img/angle-down.svg');
 filter: brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(298%) hue-rotate(142deg) brightness(90%) contrast(98%);
}
.accordion-button{
 background-color: transparent !important;
 box-shadow: transparent;
 font-size: 20px !important;
 font-family: var(--secondary-font) !important;
 color: #333333 !important;
 font-weight: 700 !important;
 padding:30px;
}
.accordion-body{
 color: #333333;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.6;
 font-family: var(--secondary-font);
 padding:0 30px 30px 30px;
}
.accordion-button:not(.collapsed) {
 color: var(--bs-accordion-active-color);
 background-color: var(--bs-accordion-active-bg);
 box-shadow: none !important;
}
.accordion-item:has(.accordion-button.collapsed) {
 border: 1px solid #E2E2E2 !important;
 border-radius: 15px !important;
}
.accordion-item:has(.accordion-button) {
 border: 1px solid var(--primary-color) !important;
 border-radius: 15px !important;
}
/***************************
       404-section
****************************/
.error-section::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: #000000;
 opacity: 0.3;
}
.error-section h1{
 font-size: 100px;
 font-family: var(--secondary-font);
 font-weight: 600;
}
.error-section h4{
 font-size: 30px;
 font-family: var(--secondary-font);
 font-weight: 500;
}
.error-section p{
 font-size: 20px;
 font-family: var(--secondary-font);
 font-weight: 400;
}
.donations-section,
.rework-training-video{
 padding-bottom: 60px;
}
.rework-training-video{
 padding: 0;
}
.become-volunteer-section{
	padding:40px 0;
}
.logos-swiper .swiper-slide {
     opacity: 0 !important;
}
.logos-swiper .swiper-slide.swiper-slide-active {
     opacity: 1 !important;
}

.candidates-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.candidates-swiper .swiper-wrapper {
    display: flex;
    height: auto;
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 
}
.slide-img-box {
    height: 250px;
    width: auto;
    margin: 0 -2px;
    transition: all .3s;
}
.slide-img-box img{
    height: 100%;
    width: auto;
    object-fit: cover;
    max-width: 100%;
}
.terms-page {
	padding: 80px 0 60px 0;
}
.terms-content {
	font-family: var(--secondary-font);
}
.terms-content h1 strong,
.terms-content h2 strong,
.terms-content h3 strong,
.terms-content h4 strong{
	font-weight: 800;
}
.terms-content ol {
	list-style-type: lower-alpha;
	padding-left: 60px;
}
.terms-content ol li{
	margin-bottom: 16px;
}
.terms-content ul li{
	margin-bottom: 8px;
}

.terms-content ul {
	list-style-type: disc;
}
ul.number-list {
	list-style-type: decimal;
}
ul.words-list {
	list-style-type: lower-alpha;
}
.offcanvas-body {
	padding-left: 40px;
	padding-right: 40px;
}
.offcanvas-body .navbar-nav .dropdown-menu {
	display: block;
	border: none;
	background: transparent;
	padding-top: 0;
	padding-bottom: 15px;
}
.offcanvas-body .navbar-nav .dropdown-menu  .dropdown-item {
	color: #FFFFFF;
	border: none;
	margin: 5px 0;
}
.offcanvas-body .navbar-nav .dropdown-menu .nav-item {
	border: none;
}
.offcanvas-body .navbar-nav .dropdown-toggle::after {
	visibility: hidden;
	opacity: 0;
}
.offcanvas-body .navbar-nav .dropdown-menu  .dropdown-item.active,
.offcanvas-body .navbar-nav .dropdown-menu  .dropdown-item:active,
.offcanvas-body .navbar-nav .dropdown-menu  .dropdown-item:hover,
.offcanvas-body .navbar-nav .dropdown-menu  .dropdown-item:focus{
	background: transparent;
	color: var(--secondary-color);
}
.navbar-nav .link-arrow {
	margin-top: 40px;
	border-bottom: none;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.navbar-nav .link-arrow .nav-link {
	text-align: center;
	padding-right: 30px !important;
}

html :where(.wp-block) {
	max-width: 100%;
	margin: 0 !important;
}

:root :where(.editor-styles-wrapper)::after {
	display: none !important;
}
.yt-video {
	position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; 
	border-radius: 17px; 
	overflow: hidden;
}
.yt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}	
.news-block {
	padding: 80px 0;
	background-color:#292929;
}
.news-block-bg {
	opacity: .4;
}
.news-box-img img{
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.news-box {
	border-radius: 12px;
	transition: all .4s;
}
.news-box-btn {
	display: flex;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #2B97AC;
	padding: 5px 15px;
	text-decoration: none;
	gap: 6px;
	border-radius: 25px;
}
.news-box-btn img {
	width: 13px;
}
.news-box-title {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.2;
	text-decoration: none;
	color: #000;
}
.news-box-text {
	font-size: 14px;
	margin-bottom: 30px;
}
.news-block .section-title h2 {
	font-size: 48px;
	margin-bottom: 55px;
	font-weight: 800;
}
.news-block .row.gy-4 {
	--bs-gutter-y: 40px;
}
.testimonials-video-wrapper {
	padding: 0 32px;
}
.testimonials-video-inner {
	border-radius: 13px;
	aspect-ratio: 16/9;
}
.testimonial-video-icon {
	position: absolute;
	width: 46px;
	height: 46px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	overflow: hidden;
	background-image: url('local-img/playbuttonorange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all .2s;
}
.testimonials-video-inner:hover .testimonial-video-icon {
	width: 50px;
	height: 50px;
}
.info-cirlce-img {
	width: 180px;
	height: 180px;
	border: 5px solid #7851A9;
	border-radius: 50%;
	margin-bottom: 20px;
}
.info-cirlce-img img {
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
}
.info-circles-block {
	max-width: 940px;
}
.info-cirle-item {
	max-width: 260px;
}
.info-circle-text {
	font-size: 24px;
	line-height: 1.2;
}
.info-circles-block {
	gap: 40px;
}
.cta-boxes-section {
	background-color: var(--purple-five-color);
}
.cta-boxes-item {
	border-radius: 20px;
	background-color: #FFFFFF1A;
	padding: 40px;
}
.cta-boxes-item h4 {
	color: #FFFFFF;
	font-weight: 800;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 16px;
	text-align: center;
}
.tci-title {
	color: var(--secondary-color);
	font-weight: 800;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 4px;
}
.tci-subtitle {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}
.tci-subtitle.large {
	font-size: 24px;
}
.tci-subtitle span {
	font-size: 16px;
	font-weight: 400;
	display: block;
}
.tci-link  {
	padding-top: 16px;
}
.tci-link  a { 
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 700;
	position: relative;
}
.tci-link  a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: var(--primary-color);
	left: 0;
	bottom: 0;
	transition: all .2s;
}
.tci-link img {
	width: 13px;
	margin-left: 8px;
	filter: brightness(0) saturate(100%) invert(53%) sepia(11%) saturate(2458%) hue-rotate(142deg) brightness(94%) contrast(88%);
}

.tci-link  a:hover::after {
	width: 0;
}
.cta-block-text {
	font-size: 16px;
	max-width: 925px;
	margin-bottom: 20px;
}
.cli-title {
	font-weight: 800;
	font-size: 22px;
	color: var(--primary-color);
	margin-bottom: 14px;
}
.cli-text ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.cli-text ul li {
	font-size: 16px;
	position: relative;
	padding-left: 35px;
	line-height: 1.1;
	margin-bottom: 10px;
}
.cli-text ul li:last-child {
	margin-bottom: 0;
}
.cli-text ul li::before {
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.cli-text ul li strong {
	font-size: 17px;
}
.section-subtitle h4 {
	font-weight: 800;
}
.editor-work p:last-child {
	margin-bottom: 0;
}
.pbi-title {
	font-weight: 800;
	color: var(--secondary-color);
	font-size: 32px;
	line-height: 1.2;
}
.phases-block {
	gap: 40px;
	max-width: 1088px;
	padding-bottom: 20px;
}
.phase-block-item {
	padding-bottom: 40px;
	border-bottom: 1px solid #0000001A;
}
.phase-block-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.pbi-subtitle {
	font-weight: 800;
	color: var(--primary-color);
	font-size: 26px;
}
.phases-col-title {
	font-weight: 800;
	color: var(--purple-five-color);
	font-size: 18px;
}
.phase-block-item .row {
	padding-top: 12px;
	--bs-gutter-x: 30px;
}
.phase-block-item .row-inner {
	padding-top: 20px;
}
.phases-col-left  {
	color: #000000;
}
.faq-text-block .editor-work p {
	color: #000000;
	max-width: 660px;
}
.title-block-toptitle {
	font-weight: 800;
	font-size: 20px;
}
.cta-boxes-item p {
	font-weight: 600;
}
.cta-boxes-title {
	font-weight: 800;
	font-size: 26px;
	color: #FFC54B;
}
.cta-boxes-text {
	font-weight: 700;
	font-size: 18px; 
	max-width: 1110px;
}
.cta-boxes-top {
	margin-bottom: 50px;
}
.who-we-are-box .editor-work p {
	max-width: 740px;
}
.twci-text {
	max-width: 608px !important;
}
.program-row-title {
	font-weight: 800;
	font-size: 24px;
	line-height: 1.1;
}
.programs-text h3 {
	font-weight: 700;
	margin-bottom: 6px;
	font-size: 18px;
}
.programs-text  p:last-child {
	margin-bottom: 0;
}
.progams-row {
	border-bottom: 1px solid #0000001A;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.progams-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.programs-bottom {
	background-color: #F8F9FA;
	border-radius: 20px;
	font-weight: 600;
	padding: 32px;
	margin-top: 60px;
}
.programs-bottom b {
	font-weight: 700;
}
.twci-text h5 {
	color: #7851A9;
}
.wide-page-header .who-we-are-box h2 {
	max-width: 1000px;
}
.wide-page-header .who-we-are-box .editor-work p {
	max-width: 950px;
}
/********************************************
       RESPONSIVE-SM
********************************************/
@media (min-width: 576px){
/***********************
    featured-section
*************************/
.circle-color{
 bottom: -35px;
}
.circle-stripe{
 bottom: -34px;
}
/**************************
    testimonials-section
***************************/
.testimonials-image-bottom::before{
 width: 850px;
}
/**************************
    home-newsroom-section 
***************************/
	.newsroom-image{
		height: 270px;
	}
}
/********************************************
       RESPONSIVE-MD
********************************************/
@media (min-width: 768px){
/************************* 
    predefined classes 
*************************/
.admin-bar .offcanvas{
 top: 32px !important;
}
.admin-bar .navbar{
 top: 32px !important;
}
.section-padding{
padding: 40px 0;
}
/***********************
      image-section
*************************/
.image-section{
height: 300px;
}
/***********************
    featured-section
*************************/
.circle-color{
 width: 200px;
 height: 200px;
}
.featured-image{
 margin: 0 auto;
}
.circle-stripe {
 width: 200px !important;
 height: 200px !important;
 bottom: -22px;
}
.circle-color{
 bottom: -22px;
}
.volunteer-us{
 padding-bottom: 115px;
}
   
/**************************
    testimonials-section
***************************/
.testimonials-image-bottom::before{
 width:500px;
}
.testimonials-image-bottom::before{
 top: 80px;
}
.testimonials-img-circle{
 margin-top: 22px;
}
.testimonials-img-circle{
 width: 107px;
 height: 107px;
}
/**************************************
    our-board-of-directors-section
**************************************/
.our-board-of-directors-box .our-team-image img{
 width: auto;
}
	.treasure{
		right:150px;
	}
	.badge-partner-box{
		left:100px;
	}
}
/********************************************
       RESPONSIVE-LG
********************************************/
@media (min-width: 992px){
/************************* 
    predefined classes 
*************************/
.section-pading-md{
padding: 70px 0;
}
.section-pading-lg{
padding: 80px 0;
}
.btn{
padding: 12px 24px;
}
/***********************
    featured-section
*************************/
.circle-color{
 bottom: -43px;
}
.circle-stripe{
 bottom: -43px;
}
.featured-right{
 padding-right: 40px;
}
.featured-left{
 padding-left: 40px;
}
.featured-section .row{
 padding-bottom: 94px;
}
/**************************
    images-section
***************************/
.image-box-lg-top{
 aspect-ratio: 12/9;
}
.image-box-lg-bottom{
 aspect-ratio: 42.9/13.5;
}
/**************************
    register-section
***************************/
.register-box{
 padding: 48px;
}
.register-box{
 gap:40px;
}
.register-title h3{
 font-size: 40px;
}
.cta-block-second .register-title h3{
 font-size: 34px;
}
/**************************
    testimonials-section
***************************/
.testimonials-image-bottom::before{
 width:400px;
}
/**************************
          footer
***************************/
footer{
 padding-bottom: 80px;
}
footer .footer-nav .nav-item .nav-link {
 margin-left: 0;
}
footer .editor-work{
 max-width: 500px;
}
footer .footer-nav .nav-link::before{
 content: none;
}
footer .nav-link{
 transition: all 0.3s;
}
footer .nav-link:hover{
 color: var(--secondary-color) !important;
}
.connect-icon a{
 margin-bottom: 27px;
}
.connect-icon a:hover{
 color: var(--secondary-color);
}
.connect-icon a:hover .icon img{
 filter: brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(7153%) hue-rotate(336deg) brightness(99%) contrast(96%);
}
/***********************
     copy-right
*************************/
.copy-right-box p{
 font-size: 14px;
}
.copy-right{
 font-size: 14px;
}
.copy-right-link a:first-child{
 margin-right: 0;
}
.copy-right-block{
 padding-top: 32px;
}
.copy-right-section{
 padding-bottom: 40px;
}
/***********************
    who-we-are-section
*************************/
.who-we-are-box h2{
 font-size: 56px;
}
.who-we-are-box .editor-work p {
 font-size: 20px;
 font-family: var(--primary-font);

}
.who-we-are-section{
 min-height: 630px;
 padding: 165px 0 90px 0;
}
/***********************
    our-mission-section
*************************/
.our-mission-box{
 margin-bottom: 0;
}
.our-mision-section .section-subtitle{
 font-size: 24px;
}
.our-mission-box .section-title h2{
 font-size: 36px;
}
.our-mission-box{
 max-width: 675px;
}
/***************************
    our-leadership-section
*****************************/
.our-leadership-team-section .section-title h2{
 font-size: 48px;
}
.our-leadership-team-section .editor-work p{
 font-size: 18px;
}
/**************************************
    our-board-of-directors-section
**************************************/
.our-board-box{
 padding-left: 30px;
}
/***********************
    we-focus-section
*************************/
.we-focus-section .section-title h2{
 font-size: 40px;
}
.we-focus-section .editor-work h5{
 font-size: 20px;
}
.we-focus-block{
 padding: 20px 0;
}
/***********************
    we-focus-section
*************************/
.re-work-section .section-title h2{
 font-size: 48px;
}
.re-work-section .editor-work h6{
 font-size: 24px;
}
.re-work-section .editor-work p{
 font-size: 18px;
 max-width: 1070px;
 margin: 0 auto;
}
/***********************
    sales-team-section
*************************/
.about-team-box .section-subtitle{
 margin-top: 0;
 font-size: 24px;
}
.about-team-box{
 padding: 20px 0;
 min-height:400px;
} 
.about-team-img{
 position: absolute;
 min-height: 400px;
}
.sales-manager-section .editor-work p{
 font-size: 16px;
}
.about-team-img{
 width:calc(100% - 24px) !important;
 height: 100%;
}
.about-team-img.sales-left{
 width: calc(100% - 24px) !important;
}
.about-team-section .editor-work h4{
 font-size: 20px;
}
.engagement-employer-section .editor-work h3{
 font-size: 20px;
}
/***************************
    home-newsroom-section
****************************/
.newsroom-img img{
 max-height: 575px;
}
.icon-newsroom{
 width: 34px;
 height: 34px;
}
.icon-newsroom:hover{
 background-color: var(--primary-color);
 border: 1px solid var(--primary-color);
}
.icon-newsroom:hover img{
 filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(101%) contrast(103%);
}
.icon-newsroom img{
 width: 16px;
 height: 17px;
}
.icons-newsroom-block a{
 margin-right: 30px;
 margin-bottom: 33px;
}
.newsroom-single-box{
 max-width: 974px;
}
.tech-sales{
 margin-top: 0;
}
.home-newsroom-section .newsroom-pagination{
 margin: 120px 0 !important;
}
.resource-btn-lg{
 margin-bottom: 21px;
}
.tech-sales{
 font-size: 36px;
}
.talent-box::before{
 right: 50px;
 bottom:-22px;
}
.talent-box::after{
 right: 59px;
}
.treasure::after {
 right: 36px;
}
.employer-partners-btn{
 margin-top: 30px;
}
.time-talent-box{
 max-width: 650px;
 margin: 0 auto;
}
.blog-pagination a {
 font-size: 20px;  
 width: 50px;
 height: 50px;
}
.blog-pagination ul li{
 margin: 0 4px;
 font-size: 20px;  
 width: 50px;
 height: 50px;
}
	.treasure{
		right:230px;
	}
}

.news-box-title {
	font-size: 24px;
	margin-bottom: 16px;
}
.news-box-text {
	font-size: 16px;
	margin-bottom: 25px;
}
.news-box-btn {
	background-color: #F8F8F8;
	color: #2B97AC;
	transition: all .2s;
}
.news-box:hover {
	transform: translateY(-6px);
}
.news-box-btn img {
	filter: brightness(0) saturate(100%) invert(52%) sepia(56%) saturate(551%) hue-rotate(142deg) brightness(87%) contrast(87%);
}
.news-box:hover .news-box-btn{
	background-color: #2B97AC;
	color: #FFFFFF;
}
.news-box:hover .news-box-btn img{
	filter: none;
}

.news-block .row.gy-4 {
	--bs-gutter-y: 60px;
}
.progams-row .row {
	--bs-gutter-y: 30px !important;
	--bs-gutter-x: 50px !important;
	padding-top: 30px;
}
/********************************************
       RESPONSIVE-XL
********************************************/
@media (min-width: 1200px){
.news-block .row.gx-xl-5 {
	--bs-gutter-x: 60px;
}
/************************* 
    predefined classes 
*************************/
.section-padding{
padding: 60px 0;
}
.section-pading-md{
padding: 80px 0;
}
.section-pading-lg{
padding: 100px 0;
}
.register-section.cta-section2 {
	padding: 80px 0;
}
/***********************
        nav-bar
*************************/
.navbar-nav .nav-item .nav-link.active {
 color: #ffffff; 
}
.navbar-nav .nav-link.active::after{
 content: '';
 position: absolute;
 bottom: -4px;
 left: 0;
 right: 0;
 width: inherit;
 color: transparent;
 background: var(--secondary-color); 
 height: 3px;
}
/* .link-arrow::before{
 top: 13px;
 right: -57px;
} */
.navbar-nav .nav-item .nav-link{
 margin-left: 16px;
 margin-right: 16px;
 padding: 8px 0;
 font-size: 14px;
 border-bottom: none;
}
.terms-navbar .navbar-nav .nav-item .nav-link,
.navbar-scroll .navbar-nav .nav-item .nav-link{
 color: #000000;
 font-weight: 600;
 font-size: 14px;
 line-height: 1.5;
}
.terms-navbar .navbar-nav .link-arrow::before,
.navbar-scroll .navbar-nav .link-arrow::before{
 filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7465%) hue-rotate(154deg) brightness(94%) contrast(108%) !important;
}
.navbar-nav .nav-item{
 width: auto;
}
.offcanvas{
 background: #000 !important;
}
.nav-link{
 position: relative;
}
.navbar-nav .nav-link:hover::before {
  opacity: 1;
  visibility: visible;
  bottom: -4px;
}
.navbar-nav .nav-link::before{
 content: '';
 position: absolute;
 width: 100%;
 height:3px;
 background-color: var(--secondary-color);
 bottom: -4px;
 left: 0;
 transition: all 0.3s;
 opacity: 0;
 visibility: hidden;
}
.nav-btn .btn-primary{
 padding: 10px 25px;
}
.nav-btn{
 margin-left: 30px;
}
/*************************
      hiro-section
*************************/
.section-title-hero h1{
 font-size: 45px;
 line-height: 1;
}
.editor-work p{
 font-size: 18px;
}
.hiro-partner{
 padding-right: 0;
}
/***********************
     about-us-section
*************************/
.section-title h2{
 font-size: 38px;
}
.about-img {
 border:4px solid var(--secondary-color);
 border-radius: 50%;
 padding: 5px;
 margin: 0 auto;
}
.about-us-box{
 margin-top: 0;
 padding-left: 56px;
}
.btn-about .btn-secondary {
 font-size: 16px;
}
/***********************
      image-section
*************************/
.image-section{
 height: 480px;
}
/***********************
    featured-section
*************************/
.circle-color{
 bottom: -30px;
}
.circle-stripe{
 bottom: -30px;
}

/**************************
    testimonials-section
***************************/
.testimonials-image-bottom::before{ 
 width:510px;
}
/**************************
    images-section
***************************/
.image-box-lg-top{
 aspect-ratio: 12/9;
	margin-left:6px;
}
.image-box-lg-bottom{
 aspect-ratio: 41.9/13.9;
	margin-left:6px;
}
/**************************
    register-section
***************************/
.register-section{
 padding: 110px 0;
}
.engagement-company-section{
 padding: 80px;
}
/****************************
    sales-manager-section 
*****************************/
.partner-rework-section .section-title h2{
font-size:48px;
}
/****************************
    engagement-section 
*****************************/
.engagement-employer-section .section-title h2{
 font-size:48px;
}

/**************************************
    our-board-of-directors-section
**************************************/
.our-board-of-directors-box .our-team-image img{
 width: auto;
}
.our-board-box{
 padding-left: 24px;
}
.our-board-of-directors-section .editor-work p{
 font-size: 18px !important;
}
/***********************
    benefits-section
*************************/
.benefits-section{
 padding: 115px 0;
}
.benefits-box{
 padding-top: 0;
}
.benefits-box{
 margin-left: 60px;
}
/***********************
    donors-section
*************************/
.financial-support .section-subtitle{
 font-size: 24px;
}
.financial-support .donors-img{
 position: absolute;
}
.donors-box .editor-donors p, .donors-box .editor-donors ul li{
 font-size: 18px !important;
}
.partner-rework-section .editor-work p{
 font-size: 18px;
}
/****************************
    connect-section 
*****************************/
.icon-title{
 font-size: 18px;
}
/****************************
    newsroom-section
*****************************/
.newsroom-card-section{
 padding: 60px 0;
}
.newsroom-section h3{
 font-size: 56px;
}
.newsroom-section {
 padding: 153.5px 0 128px 0;
}
.newsroom-image{
 height: 360px;
}
.newsroom-card .newsroom-card-title h4{
 font-size: 28px;
}
.newsroom-card .newsroom-card-text p{
 font-size: 18px;
}
.newsroom-card:hover h4 {
 color: var(--secondary-color);
}
.page-link{
 width: 50px;
 height: 50px;
 font-size: 20px;
}
/***********************
    volunters-section
*************************/
.foward-section{
 padding: 112px 0;
}
.our-volunteers .section-title h2{
 font-size: 48px;
}
.our-volunteers-box{
 margin-top:0;
}
.our-volunteers-box .section-title h2{
 font-size: 48px;
}
.foward-section .section-title h2{
 font-size: 48px;
}
.mentor-box{
 margin: 0 0;
}
/*******************************
    onboarding-steps-section
********************************/
.onboarding-steps-section {
 padding: 100px 0;
}
.onboarding-img{
 width: 500px;
 height: 500px;
}
.onboarding-steps-section .section-title h2{
 font-size: 48px;
}
.steps{
 min-height: 176px;
}
/***************************
    home-newsroom-section
****************************/
.home-newsroom-section .editor-donors p{
 font-size: 18px;
}
.home-newsroom-section .editor-donors h3{
 font-size: 28px;
}
.home-newsroom-section .editor-donors li{
 font-size: 18px;
}
.resource-btn .resource-btn:hover{
 color: var(--primary-color);
}
.home-newsroom-section .editor-donors ul{
 margin-bottom: 0;
}
/***************************
    faq-section
****************************/
.question-section .section-subtitle{
 font-size: 24px;
}
.faq-box{
 max-width: 1028px;
}
.accordion-body{
 font-size: 20px;
 line-height: 1.5;
}
.accordion-button{
 padding: 44px 40px;
}
.accordion-button:not(.collapsed)::after{
 transform: rotate(180deg) !important;
}
/***********************
    sales-team-section
*************************/
.sales-right{
 padding-right: 28px !important;
}
.sales-left{
 padding-left: 28px !important;
}
.editor-work h2{
 font-size: 24px;
}
/***************************
       404-section
****************************/
   .error-section h1{
    font-size: 100px;
   }
   .error-section h4{
    font-size: 45px;
   }
   .error-section p{
    font-size: 22px;
   }
	.treasure{
		right:295px;
	}
	/***************************
    home-newsroom-section
****************************/
	.home-newsroom-section{
		padding:60px;
	}

	.terms-page {
		padding: 145px 0 60px 0;
	}
	.terms-page p{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.terms-page h1,
	.terms-page h2,
	.terms-page h3,
	.terms-page h4,
	.terms-page h5	{
		margin-bottom: 20px;
	}
	.terms-content ol li{
		margin-bottom: 20px;
	}
	.terms-content ol li::marker{
		font-size: 18px;
	}
	.terms-content li {
		font-size: 18px;
	}
	.terms-content ul li {
		margin-bottom: 10px;
	}
	.navbar-nav .nav-item {
		border: none;
	}
	.offcanvas-body .navbar-nav .dropdown-menu {
		display: none;
		background: #FFFFFF;
		top: 50px;
		border-radius: 0;
		padding: 12px 0;
	}
	.offcanvas-body .navbar-nav .dropdown-menu.show {
		display: block;
	}
	.offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
		color: #000000;
	}
	.offcanvas-body .navbar-nav .dropdown-toggle::after {
		visibility: visible;
		opacity: 1;
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		color: #FFFFFF;
		background: none;
		position: relative;
		bottom: 0;
		top: 2px;
	}
	.navbar-scroll .offcanvas-body .navbar-nav .dropdown-toggle::after {
		color: #000000;
	}
	.navbar-nav .link-arrow {
		margin-top: 0;
		gap: 0;
	}
	.link-arrow::before{
		left: 70%;
	}
	.cta-boxes-block .row {
		--bs-gutter-x: 60px;
		--bs-gutter-y: 60px !important;
	}
	.tci-title {
		font-size: 36px;
	}
	.tci-subtitle {
		font-size: 24px;
	}
	.tci-link,
	.tci-subtitle span {
		font-size: 18px;
	}
	.text-columns .row {
		--bs-gutter-x: 75px
	}
	.tci-subtitle.large {
		font-size: 30px;
	}
	.cta-block-second .register-title h3 {
		font-size: 36px;
	}
	.cta-block-text {
		font-size: 20px;
		margin-bottom: 32px;
	}
	.cli-title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.cli-text ul li {
		font-size: 18px;
		margin-bottom: 24px;
	}
	.cli-text ul li strong {
		font-size: 20px;
	}
	.video-block-subtitle {
		margin-top: 13px;
		font-size: 18px;
	}
	.editor-work ul li,
	.editor-work p {
		font-size: 18px;
	}
	.section-subtitle h4 {
		font-size: 32px;
	}
	.pbi-title {
		font-size: 48px;
	}
	.phases-block {
		gap: 60px;
		padding-bottom: 40px;
	}
	.phase-block-item {
		padding-bottom: 60px;
	}
	.phase-block-item:last-child {
		padding-bottom: 0;
	}
	.pbi-subtitle {
		font-size: 36px;
	}
	.pbi-text {
		font-size: 18px;
	}
	.phases-col-title {
		font-size: 24px;
	}
	.phases-col-left {
		font-size: 20px;
	}
	.faq-text-block .section-title h2 {
		font-size: 36px;
	}
	.title-block-toptitle {
		font-size: 24px;
	}
	.cta-boxes-item p {
		font-size: 18px;
	}
	.cta-boxes-title {
		font-size: 36px;
	}
	.cta-boxes-text {
		font-size: 20px; 
	}
	.cta-boxes-top {
		margin-bottom: 60px;
	}
	.offcanvas-body .navbar-nav .dropdown-toggle::after {
		border: none;
		width: 11px;
		height: 11px;
		background-image: url('local-img/chevron-down.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		top: 4px;
		transition: all .3s;
		margin-left: 8px;
	}
	.offcanvas-body .navbar-nav .dropdown-toggle.show::after {
		transform: rotate(180deg);
	}
	.navbar-scroll .offcanvas-body .navbar-nav .dropdown-toggle::after  {
		filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(103%) contrast(103%);
	}
	.twci-text p{
		font-size: 18px !important;
	}
	.engagement-employer-section .small-title .section-title h2 {
		font-size: 36px;
	}
	.about-team-box.small-title  .editor-work p {
		font-size: 16px;
	}
	.programs-section {
		padding-top: 120px;
	}
	.program-row-title {
		font-size: 36px;
	}
	.programs-text h3,
	.program-row-subtitle {
		font-size: 20px;
	}
	.programs-text p {
		font-size: 18px;
	}
	.progams-row {
		padding-bottom: 80px;
		margin-bottom: 80px;
	}
	.progams-row .row {
		--bs-gutter-y: 60px !important;
		--bs-gutter-x: 100px !important;
		padding-top: 60px;
	}
	.programs-bottom {
		font-size: 20px;
		margin-top: 120px;
	}
}
/********************************************
       RESPONSIVE-XXL
********************************************/
@media (min-width: 1400px){
	.container{
		max-width: 1320px;
	}
	.text-columns .row {
		--bs-gutter-x: 105px
	}
	/*************************
		hero-section
	*************************/
	.section-title-hero h1{
		font-size: 60px;
	}
	/* .hero-video-bg iframe {
		min-width: 185.77vh;
		max-width: 100% !important;
		max-height:1080px !important;
	} */
	/***********************
		about-us-section
	*************************/
	.section-title h2{
		font-size: 48px;
	}
/***********************
    featured-section
*************************/
.circle-color{
 bottom: -13px;
}
.circle-stripe{
 bottom: -13px;
}

/**************************
    images-section
***************************/
.image-box-lg-top{
 aspect-ratio: 12/9;
}
.image-box-lg-bottom{
 aspect-ratio: 40.3/13.2;
}
/**************************
    testimonials-section
***************************/
.testimonials-image-bottom::before{ 
 width:530px;
}
/**************************
    our-mission-section
***************************/
.our-mision-section .circle-color{
 bottom: -37px;
}
.our-mision-section .circle-stripe {
 bottom: -37px;
}
/***********************
    benefits-section
*************************/
.benefits-box{
 margin-left: 68px;
}
.benefits-card p{
 margin-bottom: 0;
}
/***********************
    company-section
*************************/
.company-image{
 position: relative;
 z-index: 1;
}
.time-box{
 position: absolute !important;
 top:135px;
}
.time-box::before {
 width: 140px;
 height: 1.5px;
 background-color: #ffffff;
 bottom: 36px;
 left: 210px;
 z-index: 1;
 transform: rotate(360deg);
}
.talent-box{
 position: absolute !important;
 right: 0;
 top: 125px;
}
.time-box::after{
 bottom: 32px;
 left: 200px;
}
.talent-box::before {
 width: 140px;
 bottom: 26px;
 right: 216px;
 transform: rotate(360deg); 
}
.talent-box::after {
 bottom: 21px;
 right: 205px;
}
.treasure{
 position: absolute !important;
 right: 100px;
 bottom: 100px;
 text-align: left !important;
}
.treasure::before{
 width: 140px;
 transform: rotate(360deg);
 top: 45px;
 left: -180px;
}
.treasure::after {
 top: 40px;
 left: -40px;
}
.time-talent-box{
 max-width: 100%;
 margin: 0 0;
}
.badge-treasure-box{
 position: absolute;
 bottom: 120px;
}
.time-box h6, .talent-box h6, .treasure h6 {
 font-size: 24px;
 margin-bottom: 10px;
}
.time-box p, .talent-box p, .treasure p {
 font-size: 18px;
 max-width: 200px;
}
/***********************
    connect-section
*************************/
.connect-block{
 padding: 60px 115px;
}
	.badge-partner-box{
		left:0;
	}
}