:root{
  /*Site Padding Margin*/
  --space: 8px; /* / 1.66*/
  /*Site Font*/
  /* --mainFont: 'Codec Pro', serif;
  --mainFontN: 'Codec Pro News', serif; */
  --mainFont: 'Codec Pro', serif;
  --mainFontN: 'Codec Pro', serif;
  /*Site Color*/
  /*Site Color*/
  --colorDarkGreen: #00372a;
  --rgbColorDarkGreen: 0 55 42;
  --colorLimeGreen: #C2D500;
  --rgbColorLimeGreen: 194 213 0;
  --colorBlue: #0033A1;
  --rgbColorBlue: 0 51 161;
  --colorDarkBlue: #20185B;
  --rgbcolorDarkBlue: 32 24 91;
  --colorLightBlue: #00B5E2;
  --rgbColorLightBlue: 0 181 226;
  --colorPetroleum: #00635B;
  --rgbColorPetroleum: 0 99 91;
  --colorTurquoise: #21b592;
  --rgbColorTurquoise: 33 181 146;
  --colorPurple: #5C068C;
  --rgbColorPurple: 92 6 140;
  --colorLightPurple: #9E75F7;
  --rgbColorLightPurple: 158 117 247;
  --colorRed: #C4003E;
  --rgbColorRed: 196 0 62;
  --colorPeach: #FF6B63;
  --rgbColorPeach: 255 107 99;
  --colorOrange: #DC4405;
  --rgbColorOrange: 220 68 5;
  --colorYellow: #FFB500;
  --rgbColorYellow: 255, 181, 0;
  --colorGrey: #898A8D;
  --rgbColorGrey: 137 138 141;
  --colorGoogle: #EB4335;
  --rgbColorGoogle: 235 67 53;
  --colorFacebook: #1976D2;
  --rgbColorFacebook: 25 118 210;
  --colorBlack: #000000;
  --rgbColorBlack: 0 0 0;
  --colorWhite: #ffffff;
  --rgbColorWhite: 255 255 255;
  --mainFont: 'Cairo-SemiBold', sans-serif;
  --mainFontN: 'Cairo-SemiBold', sans-serif;
}
/*Design System Start*/
a{color:var(--colorTurquoise); transition: all 0.3s; text-decoration: none; cursor: pointer}
a svg,
a svg path{ transition: all 0.3s; cursor: pointer}
a:hover{color:var(--colorDarkGreen); transition: all 0.3s; text-decoration: underline}
a:hover svg path{fill:var(--colorDarkGreen); transition: all 0.3s;}
a.btn-play:hover svg path{fill:white; transition: all 0.3s;}
a.btn:hover svg path{fill:white; transition: all 0.3s;}
a:hover svg[fill="none"] path{ fill: none; stroke:var(--colorDarkGreen); transition: all 0.3s; cursor: pointer}
a.no-hover:hover svg[fill="none"] path{ fill: none; stroke:none; transition: all 0.3s; cursor: pointer}
a.no-hover:hover svg[fill="none"] path[fill="#CCCCCC"]{ fill:#CCCCCC;}
a.no-hover:hover svg[fill="none"] path[fill="#518EF8"]{ fill:#518EF8;}
a.no-hover:hover svg[fill="none"] path[fill="#28B446"]{ fill:#28B446;}
a.no-hover:hover svg[fill="none"] path[fill="#F2F2F2"]{ fill:#F2F2F2;}
a.no-hover:hover svg[fill="none"] path[fill="#FFD837"]{ fill:#FFD837;}
a.no-hover:hover svg[fill="none"] path[fill="#F14336"]{ fill:#F14336;}
a.no-hover:hover svg[fill="none"] path[fill="#7E2D25"]{ fill:#7E2D25;}
a.no-hover:hover svg[fill="none"] path[fill="white"]{ fill:white;}
a.btn:hover svg[fill="none"] path{ fill: none; stroke:var(--colorDarkGreen); transition: all 0.3s; cursor: pointer}
a.btn-play:hover svg[fill="none"] path{ fill: none; stroke:white; transition: all 0.3s; cursor: pointer}
a.btn:hover svg[fill="none"] path{ fill: none; stroke:white; transition: all 0.3s; cursor: pointer}
a.btn.hover-lime-green:hover{color:var(--colorLimeGreen);}
a.hover-lime-green:hover{color:var(--colorLimeGreen);}
.hover-dark-green:hover{color:var(--colorDarkGreen);}
a.btn.hover-lime-green:hover svg path{fill:var(--colorLimeGreen);}
a.hover-lime-green:hover svg path{fill:var(--colorLimeGreen);}
a.btn.hover-lime-green:hover svg path[stroke]{ fill: none; stroke:var(--colorLimeGreen); transition: all 0.3s; cursor: pointer}
a.hover-lime-green:hover svg path[stroke]{ fill: none; stroke:var(--colorLimeGreen); transition: all 0.3s; cursor: pointer}

h1,h2,h3{
    font-family:var(--mainFont);
    font-style: normal;
    font-weight: 500;
    color:var(--colorDarkGreen);
}
h1{font-size: 64px; line-height: 71px; }
*[dir="rtl"] h1{ line-height: normal; }
h2{font-size: 44px; line-height: 55px; }
*[dir="rtl"] h2{ line-height: normal; }
h3{font-size: 28px; line-height: 34px; }
*[dir="rtl"] h3{ line-height: normal; }
.h-element-1-gray{ position: relative; min-height: 40px}
.h-element-1-gray:before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 40px; width: 300px; background: var(--heading-elements-7-lightGray); background-size: auto 100%; background-repeat:no-repeat; background-position: right; }
.h-element-1-gray div{ position: relative; z-index: 1}
*[dir="rtl"] .h-element-1-gray:before{right: auto; left: 0; transform: translateY(-50%) rotate(180deg)}
dl, ol, ul{margin: 0 0 0 0; padding: 0;}

.sub-h1, .sub-h2, .sub-h2b, .sub-h3, .sub-h4{font-family:var(--mainFontN); font-style: normal; font-weight: 400;}
.sub-h1{font-size: 35px; line-height: 52px; }
.sub-h1b{font-size: 32px; line-height: 130%; }
.sub-h2{font-size: 28px; line-height: 34px; }
.sub-h2b{font-size: 24px; line-height: 125%; }
.sub-h3{font-size: 22px; line-height: 27px; }
.sub-h4{font-size: 20px; line-height: 130%; }

.heading-element-1{
    position: relative;
    padding-left: 56px;
}
b, strong {
    font-weight: 500;
}
*[dir="rtl"] .heading-element-1{padding-left: unset; padding-right: 56px;}
.heading-element-1:before{ content: ""; position: absolute; left: 0; top: 4px; background-image: var(--elements-10-Red); background-size:24px 24px;  width: 24px; height: 20px}
*[dir="rtl"] .heading-element-1:before{ left:unset; right: 0}
.heading-element-1.dark-green:before{background-image: var(--elements-10-DarkGreen);}
.heading-element-1.turquoise:before{background-image: var(--elements-10-Turquoise);}
.heading-element-1.lime-green:before{background-image: var(--elements-10-LimeGreen);}
.heading-element-1.petroleum:before{background-image: var(--elements-10-Petroleum);}
.heading-element-1.purple:before{background-image: var(--elements-10-Purple);}
.heading-element-1.red:before{background-image: var(--elements-10-Red);}
.heading-element-1.orange:before{background-image: var(--elements-10-Orange);}
.heading-element-1.light-blue:before{background-image: var(--elements-10-LightBlue);}
.heading-element-1.light-purple:before{background-image: var(--elements-10-LightPurple);}
.heading-element-1.peach:before{background-image: var(--elements-10-Peach);}
.heading-element-1.yellow:before{background-image: var(--elements-10-Yellow);}
.heading-element-1.blue:before{background-image: var(--elements-10-Blue);}
.heading-element-1.grey:before{background-image: var(--elements-10-Grey);}
.heading-element-1.white:before{background-image: var(--elements-10-White);}
.heading-element-1.black:before{background-image: var(--elements-10-Black);}

.body-text-1, .body-text-1a, .body-text-2, .body-text-3{ font-family:var(--mainFontN); font-weight: 400;}

.body-text-1{font-size: 18px; line-height: 23px; }
.content-detail .body-text-1 p{font-size: 18px; line-height: 23px; }
.body-text-1a{font-size: 16px; line-height: 24px; }
.body-text-1a p{font-size: 16px; line-height: 24px; }
.content-detail .body-text-1a p{font-size: 16px; line-height: 24px; }
.body-text-2{font-size: 14px; line-height: 21px; }
.body-text-2 p{font-size: 14px; line-height: 21px; }
.content-detail .body-text-2 p{font-size: 14px; line-height: 21px; }
*[dir="rtl"] .body-text-2{font-size: 13px; line-height: 23px;}
.body-text-3{font-size: 12px; line-height: 125%; }

.para-left-border{ position: relative; padding: 0 24px}
.para-left-border:before{
    content: "";
    background: var(--colorRed);
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
*[dir="rtl"] .para-left-border:before{left: unset; right: 0}



.sub-h1.mfont, .sub-h2.mfont, .sub-h3.mfont,.body-text-1.mfont, .body-text-1a.mfont, .body-text-2.mfont, .body-text-3.mfont{ font-family:var(--mainFont);}
.sub-h1.light, .sub-h2.light, .sub-h3.light,.body-text-1.light, .body-text-1a.light, .body-text-2.light, .body-text-3.light{ font-weight: 300;}

.mfont{ font-family:var(--mainFont);}.mfont_imp{ font-family:var(--mainFont) !important;}
.mfontN{ font-family:var(--mainFontN);}.mfontN_imp{ font-family:var(--mainFontN) !important;}

.font-weight-100{font-weight: 100;}.font-weight-100_imp{font-weight: 100 !important;}
.font-weight-200{font-weight: 200;}.font-weight-200_imp{font-weight: 200 !important;}
.font-weight-300{font-weight: 300;}.font-weight-300_imp{font-weight: 300 !important;}
.font-weight-400{font-weight: 400;}.font-weight-400_imp{font-weight: 400 !important;}
.font-weight-500{font-weight: 500;}.font-weight-500_imp{font-weight: 500 !important;}
.font-weight-600{font-weight: 600;}.font-weight-600_imp{font-weight: 600 !important;}
.font-weight-700{font-weight: 700;}.font-weight-700_imp{font-weight: 700 !important;}
.font-weight-800{font-weight: 800;}.font-weight-800_imp{font-weight: 800 !important;}
.font-weight-900{font-weight: 900;}.font-weight-900_imp{font-weight: 900 !important;}
.font-weight-900{font-weight: normal;}.font-weight-900_imp{font-weight: normal !important;}
.font-weight-900{font-weight: lighter;}.font-weight-900_imp{font-weight: lighter !important;}
.font-weight-900{font-weight: bold;}.font-weight-900_imp{font-weight: bold !important;}
.font-weight-900{font-weight: bolder;}.font-weight-900_imp{font-weight: bolder !important;}

.imagefullsize img, .imagefullsize { width: 100% !important;}
.italic{font-style: italic;}.italic_imp{font-style: italic !important;}

p{ font-family:var(--mainFontN);}

.text-col-2{ column-count: 2; column-gap: 32px;}
.text-col-3{ column-count: 3; column-gap: 40px;}
.text-col-2 img,
.text-col-3 img,
.text-col-4 img{ width: 100%; height: auto;}
.text-col-4{ column-count: 4; column-gap: 40px;}
.text-col-2 p, .text-col-3 p{ margin-bottom: calc(var(--space) * 3); padding-bottom: 0 !important; }

.text-col-3.v3 p,
.text-col-2.v3 p{
    font-size: 20px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.01em;
}
.text-col-3.v3 b,
.text-col-2.v3 b{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    display: block;
    padding-bottom: 8px;
}
.text-col-3.v3 h2,
.text-col-2.v3 h2{
    font-weight: 500;
    font-size: 44px;
    line-height: 125%;
    letter-spacing: -0.03em;
}
.text-col-3.v3 .sub-h2{letter-spacing: -0.01em;}


.first-letter-text-1:first-letter{
    font-family: var(--mainFont);
    color: #0c4128;
    font-size: 100px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -0.01em;
    padding: 24px 4px 0 4px;
    float: left;
}
*[dir="rtl"] .first-letter-text-1:first-letter{  font-size: 32px; float: none; padding: 0 0 0 0;}



.counter .wrapper-border-box{ min-height: 256px}
.program-achievements-num{
    font-family:var(--mainFont);
    font-weight: 700;
    font-size: 118px;
    line-height: 115%;
}

.error {border: 1px solid var(--colorPeach) !important;}
.hide{display:none !important;}
label.error {
    border: none !important;
    color: var(--colorPeach) !important;
    padding: 0 !important;
    font-size: 14px !important;
}
label.success {
    border: none !important;
    color: var(--colorTurquoise) !important;
    padding: 0 !important;
    font-size: 14px !important;
}


.no-desktop{ display: none !important;}
.no-mobile{ display: initial !important;}

.btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background:  var(--colorTurquoise);
    border: 1px solid var(--colorTurquoise);
    font-family:var(--mainFontN);
    font-size: 16px;
    line-height: 18px;
    color: white;
    height: 48px;
    width: 220px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.btn.link{
    border: none!important;
    background: none !important;
}
.btn.link:hover{ border: none !important; color: var(--colorDarkGreen) !important; background: none  !important; box-shadow: none !important;}
a.btn.link:hover svg[fill="none"] path{ stroke: var(--colorDarkGreen) !important;}
.btn.link.hover-lime-green:hover{ color: var(--colorLimeGreen) !important; background: none  !important; box-shadow: none !important; }
.btn.light-turquoise{background: rgba(var(--rgbColorTurquoise) / 15%); border: 1px solid rgba(var(--rgbColorTurquoise) / 15%) ; color:var(--colorTurquoise) }
.btn.light-turquoise:hover{background: var(--colorTurquoise); border: 1px solid var(--colorTurquoise) !important; color:white }
.btnLightBlue{background:  var(--colorLightBlue); border: 1px solid var(--colorLightBlue);}
.btnBlue{background:  var(--colorBlue); border: 1px solid var(--colorBlue);}
.btnPetroleum{background:  var(--colorPetroleum); border: 1px solid var(--colorPetroleum);}
.btnPeach{background:  var(--colorPeach); border: 1px solid var(--colorPeach);}
.btnYellow{background:  var(--colorYellow); border: 1px solid var(--colorYellow);}
.btnRed{background:  var(--colorRed); border: 1px solid var(--colorRed);}
.btnOrange{background:  var(--colorOrange); border: 1px solid var(--colorOrange);}
.btn.bg-limeGreen {background:  var(--colorLimeGreen); border: 1px solid var(--colorLimeGreen);}
.btn.small{height: 40px; padding: 0 8px;}
.btn.large{ height: 64px;}
.btn.mw-220{ min-width: 220px; }
.btn.mw-320{ min-width: 320px; }
.btn.round{ width: calc(var(--space ) * 10); height: calc(var(--space ) * 10); border-radius: 50%; background: white; border: 1px solid white; color: var(--colorTurquoise);}
.btn.disabled{
    background: rgba(var(--rgbColorGrey) / 0.25);
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
}
.btn svg + span{ padding: 0 8px; line-height: normal; height: 24px}
.btn i + span{ padding: 0 8px; line-height: normal}
.btn.small i + span{ max-height: 22px;}


.btn:hover,
.btnLightBlue:hover,
.btnBlue:hover,
.btnPeach:hover,
.btnRed:hover,
.btnOrange:hover,
.btnYellow:hover {
    color: white;
    fill: white;
     /*background: var(--colorDarkGreen) !important;
    border: 1px solid var(--colorDarkGreen) !important;*/
    text-decoration: none;
    box-shadow: 0 0 16px rgba(33, 181, 146, 0.75) !important;
}
.btnYellow:hover {    
    background: var(--colorDarkGreen) !important;   
}
.btn.hover-lime-green:hover,
.btnLightBlue.hover-lime-green:hover,
.btnPeach.hover-lime-green:hover,
.btnYellow.hover-lime-green:hover {
    color: white;
    background:  var(--colorLimeGreen);
    border: 1px solid var(--colorLimeGreen);
    text-decoration: none;
}
.btn:focus{
    background:  var(--colorTurquoise);
    border: 1px solid var(--colorTurquoise);
    outline: none;
    outline-offset: 0;
    }
.btn-check:focus+.btn, .btn:focus{box-shadow:none}
.btn.line{
    background: none;
    border: 1px solid var(--colorTurquoise);
    color: var(--colorTurquoise);
}
.btn.line:hover{
    border: 1px solid var(--colorTurquoise);
    background: var(--colorTurquoise);
    color: white;
}
.btn.line.gray{
    background: none;
    border: 1px solid var(--colorGrey);
    color: var(--colorGrey);
}
.btn.line:hover.gray{
    border: 1px solid var(--colorDarkGreen);
    color: var(--colorDarkGreen);
}
.btn.line.hover-lime-green:hover{
    border: 1px solid var(--colorLimeGreen) !important;
    background: var(--colorLimeGreen);
    color: var(--colorDarkGreen);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.20) !important;
}
.btn.line.white{
    background: none;
    border: 1px solid white;
    color: white;
}
.btn.line.white:hover{
    border: 1px solid var(--colorDarkGreen);
    color: var(--colorDarkGreen);
    background: none !important;
}
.btn.line.dark-green{
    background: none;
    border: 1px solid var(--colorDarkGreen);
    color: var(--colorDarkGreen);
}
.btn.line.dark-green:hover{
    border: 1px solid var(--colorDarkGreen);
    color: var(--colorDarkGreen);
    background: none !important;
}
.btn.line.white.hover-lime-green:hover{
    background: none !important;
    border: 1px solid var(--colorLimeGreen);
    color: var(--colorLimeGreen);
}

.btn.btn-link-in{
    background: white;
    border: 1px solid #0A66C2;
    color: #0A66C2;
}
.btn.btn-link-in:hover{}

.btn.btn-apple-podcast{
    background: #6720D2;
    border: 1px solid #6720D2;
    color: white;
}
.btn.btn-apple-podcast:hover{
    background: #EEEAF6;
    border: 1px solid #EEEAF6;
    color: #6720D2;
}
.btn.btn-apple-podcast.gray{
    background: #EEEAF6;
    border: 1px solid #EEEAF6;
    color: #6720D2;
}
.btn.btn-apple-podcast.gray:hover{
    background: #6720D2;
    border: 1px solid #6720D2;
    color: white;

}

.toggler-btn-wrapper{
    background: white;
    border: 1px solid var(--colorGrey);
    border-radius: 5px;
    display: flex;
    padding: 8px;
    gap: 8px;
}
.event-v3 .toggler-btn-wrapper{border: 1px solid #898A8D;}
.toggler-btn-wrapper .btn{ width: 32px; height: 32px;  border: none !important;  box-shadow: none !important;}
.toggler-btn-wrapper .btn.active{ pointer-events: none}
.toggler-btn-wrapper .btn.deactive{ background: none; color:var(--colorGrey); border: none !important; box-shadow: none !important;  }
.toggler-btn-wrapper .btn.deactive:hover{ background:rgba(var(--rgbColorTurquoise) / 0.1); border-radius: 0; }

.icon{display: inline-block; background-size: contain;}
.ico-search{ background: url("../images/svg/icons-search.svg") no-repeat center; }
.ico-search.white{ background: url("../images/svg/icons-search-white.svg") no-repeat center; }

.btn-close{

}

.separator{ background: white; width: 2px; height: content-box;}

.image-box-wrapper{
    width: 100%;
    height: 330px;
    border-radius: 5px;
    position: relative;
}
.error-img-wrapper{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center}
.error-img-wrapper img{width: 100%; max-width: 240px; object-fit: contain; }
.error-content{ position: relative;}
.error-content:before {
    content: "";
    width: 210px;
    height: 60px;
    position: absolute;
    background: var(--elements-7-LimeGreen);
    left: 0;
    top: 0;
}
.error-content:after {
    content: "";
    width: 40px;
    height: 90px;
    position: absolute;
    background: var(--elements-4-Turquoise);
    right: 0;
    bottom: 0;
}

.image-box-wrapper:before{ content: "";  width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }
.image-box-wrapper img{ width: 100%; height: 100%; border-radius: 5px; object-fit: cover}
.image-box-wrapper .image-box-content{ position: absolute; width: 100%; height: 100%; z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-flow:  column ;
    padding: 24px;
    color: white;
    background: rgba(var(--rgbColorBlack) / 0.2);
}

.image-box-wrapper .image-box-content .time-label{position: absolute;
    left: 24px;
    top: 24px;
    width: fit-content;
    height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    color: var(--colorDarkGreen);

}
*[dir="rtl"] .image-box-wrapper .image-box-content .time-label{left: auto; right: 24px;}
.image-box-wrapper .image-box-content .time-label span{
    padding: 2px 8px 0 8px;
    font-size: 12px;
    display: inline-flex;
    font-family: var(--mainFont);
    font-weight: 500;
}

.image-box-wrapper.elements-1:before{background-position: right; border-radius: 5px; background-repeat:repeat-y; background-size:210px auto }
*[dir="rtl"] .image-box-wrapper.elements-1:before{ transform: rotate(180deg)}
.image-box-wrapper.elements-1.art-color-dark-green:before{background-image: url("../images/svg/image-art-1-dark-green.svg");}
.image-box-wrapper.elements-1.art-color-light-blue:before{background-image: var(--elements-1-LightBlue);}
.image-box-wrapper.elements-1.art-color-blue:before{background-image: var(--elements-1-Blue);}
/*.image-box-wrapper.elements-1.art-color-light-blue:before{background-image: var(--elements-4);}*/
.image-box-wrapper.elements-1.art-color-lime-green:before{background-image: url("../images/svg/image-art-1-lime-green.svg");}
.image-box-wrapper.elements-1.art-color-peach:before{background-image: url("../images/svg/image-art-1-peach.svg");}
.image-box-wrapper.elements-1.art-color-turquoise:before{background-image: url("../images/svg/image-art-1-turquoise.svg");}
.image-box-wrapper.elements-1.art-color-white:before{background-image: url("../images/svg/image-art-1-white.svg");}
.image-box-wrapper.elements-1.art-color-yellow:before{background-image: url("../images/svg/image-art-1-yellow.svg");}
.image-box-wrapper.elements-1.art-color-orange:before{background-image: url("../images/svg/image-art-1-orange.svg");}
.image-box-wrapper.elements-2{ padding: 24px 0 0 24px}
*[dir="rtl"] .image-box-wrapper.elements-2{ padding: 24px 24px 0 0 }
.elements-2:before{background-position: left top; top: 0; left: 0; background-repeat:no-repeat; background-size:260px 126px }
*[dir="rtl"] .elements-2:before{background-position: right top; top: 0; right: 0; }
.elements-2.art-color-dark-green:before{background-image: url("../images/svg/image-art-2-dark-green.svg");}
.elements-2.art-color-light-blue:before{background-image: url("../images/svg/image-art-2-light-blue.svg");}
.elements-2.art-color-lime-green:before{background-image: url("../images/svg/image-art-2-lime-green.svg");}
.elements-2.art-color-peach:before{background-image: var(--elements-2-Peach)}
.elements-2.art-color-red:before{background-image: var(--elements-2-Red)}
.elements-2.art-color-turquoise:before{background-image: url("../images/svg/image-art-2-turquoise.svg");}
.elements-2.art-color-white:before{background-image: url("../images/svg/image-art-2-white.svg");}
.elements-2.art-color-yellow:before{background-image: url("../images/svg/image-art-2-yellow.svg");}
.image-box-wrapper.elements-3{ padding: 0 0 24px 24px}
*[dir="rtl"] .image-box-wrapper.elements-3{ padding: 0 24px 24px 0}
.image-box-wrapper.elements-3:before{background-position: left bottom; bottom: 0; left:0; background-repeat:no-repeat; background-size:140px 220px;  }
*[dir="rtl"] .image-box-wrapper.elements-3:before{background-position: right bottom; bottom: 0; left:0;}
.image-box-wrapper.elements-3.art-color-dark-green:before{background-image: url("../images/svg/image-art-3-dark-green.svg");}
.image-box-wrapper.elements-3.art-color-light-blue:before{background-image: url("../images/svg/image-art-3-light-blue.svg");}
.image-box-wrapper.elements-3.art-color-lime-green:before{background-image: url("../images/svg/image-art-3-lime-green.svg");}
.image-box-wrapper.elements-3.art-color-peach:before{background-image: url("../images/svg/image-art-3-peach.svg");}
.image-box-wrapper.elements-3.art-color-turquoise:before{background-image: url("../images/svg/image-art-3-turquoise.svg");}
.image-box-wrapper.elements-3.art-color-Petroleum:before{background-image: url("../images/svg/image-art-3-Petroleum.svg");}
.image-box-wrapper.elements-3.art-color-white:before{background-image: url("../images/svg/image-art-3-white.svg");}
.image-box-wrapper.elements-3.art-color-yellow:before{background-image: var(--elements-3-Yellow);}
.image-box-wrapper.elements-4{ padding: 0 24px 0 0}
*[dir="rtl"] .image-box-wrapper.elements-4{ padding: 0 0 0 24px }
.image-box-wrapper.elements-4:before{background-position: right center; bottom: 0; left:0; background-repeat:no-repeat; background-size:100px 200px;  }
*[dir="rtl"] .image-box-wrapper.elements-4:before{background-position: left center; }
 .elements-4.art-color-turquoise:before{background-image: var(--elements-4-Turquoise);}
 .elements-4.art-color-light-blue:before{background-image: var(--elements-4-LightBlue);}
 .elements-4.art-color-blue:before{background-image: var(--elements-4-Blue);}
.elements-5{ padding: 16px 16px 0 0; position: relative; }
*[dir="rtl"] .elements-5{ padding: 16px 0 0 16px ;}
.elements-5:before{ position: absolute; content: ""; background-position: right top; bottom: 0; left:0; background-repeat:no-repeat; background-size:70px 180px;  }
*[dir="rtl"] .elements-5:before{background-position: left top; bottom: 0; left:0; }
.elements-5.art-color-turquoise:before{background-image: var(--elements-5-Turquoise);}

.image-box-wrapper.elements-9{ padding: 40px 40px 0 0}
*[dir="rtl"] .image-box-wrapper.elements-9{ padding: 40px 0 0 40px }
.elements-9:before{background-position: right top; top: 0; right: 0; background-repeat:no-repeat; background-size:140px 90px }
*[dir="rtl"] .elements-9:before{background-position: left top; }
.image-box-wrapper.elements-9.art-color-turquoise:before{background-image: var(--elements-9-Turquoise);}
.image-box-wrapper.elements-9.art-color-light-blue:before{background-image: var(--elements-9-LightBlue);}
.image-box-wrapper.elements-9.art-color-lime-green:before{background-image: var(--elements-9-LimeGreen);}

.image-box-wrapper.elements-10{ padding: 40px 0 0 40px}
*[dir="rtl"] .image-box-wrapper.elements-10{ padding: 40px 40px 0 0 }
.elements-10:before{background-position: left top; top: 0; left: 0; background-repeat:no-repeat; background-size:130px 130px }
*[dir="rtl"] .elements-10:before{background-position: right top;}
.image-box-wrapper.elements-10.art-color-turquoise:before{background-image: var(--elements-10-Turquoise);}
.image-box-wrapper.elements-10.art-color-light-blue:before{background-image: var(--elements-10-LightBlue);}
.image-box-wrapper.elements-10.art-color-lime-green:before{background-image: var(--elements-10-LimeGreen);}

.elements-8{ position: relative}
.elements-8:before{position: absolute; content: ""; transform: rotate(180deg); background-position: right bottom; top: 0; left:0; background-image: var(--elements-8-Turquoise); background-repeat:no-repeat; width: 20%; height: 20%; }

.partners-logo-list{ display: flex; gap: 0; flex-wrap: wrap}
.partner-logo-wrapper{ width: calc(25% - 0px); height: 72px; display: flex; align-items: center; justify-content: flex-start;}
.partner-logo-wrapper img{ width: auto; height: 90%; object-fit: contain}

.partners-logo-list.v3 a { min-width: 25%}
.partners-logo-list.v3 .partner-logo-wrapper{
    height: 112px; min-width: 228px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partners-logo-list.v3 .partner-logo-wrapper:after{ content: " "; width: 24px; margin: 0 16px; height: 24px; border-radius: 50%; background: var(--colorTurquoise) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat; transform: rotate(-90deg); background-size: 50%; background-position: center center;  }
*[dir="rtl"] .partners-logo-list.v3 .partner-logo-wrapper:after{ transform: rotate(90deg);}
.partners-logo-list.v3 .partner-logo-wrapper img{ width: 140px; height: 56px;}
.partners-logo-list-heading{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.wSet{ width: 100%; max-width: 1220px; margin: 0 auto }
.wSet1440{ width: 100%; max-width: 1440px; margin: 0 auto }
.wSet1370{ width: 100%; max-width: 1370px; margin: 0 auto }
.wSet1004{ width: 100%; max-width: 1004px; margin: 0 auto }
.wSet800{ width: 100%; max-width: 800px; margin: 0 auto }
.wSet520{ width: 100%; max-width: 520px; margin: 0 auto }
.wSet99vw{ width: calc(99vw - 2px)}
.wSet100vw{ width: calc(99vw - 2px)}

.top-nav-bar-wrapper{ width: 100%; height: 80px; position: absolute; z-index: 4; top:0; left: 0; background: rgba(0, 55, 42, 0.3);}
.top-nav-bar-wrapper.inner-pages{ position: relative; background:var(--colorDarkGreen) }



.top-nav-bar-wrapper .inner-wrapper{  height: 80px; display: flex; flex-flow: row; justify-content: space-between;  align-items: center;}
.sticky-nav-bar {
    position: fixed !important;
    top: 0;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 99;
}
.sticky-nav-bar.bg-dark-green{ background: var(--colorDarkGreen);}
.sticky-nav-bar + * {
    transition: all 0.3s ease;
}
.sticky-nav-bar.inner-pages + section { margin-top: 80px;  }
.sticky-nav-bar.inner-pages + * {
    padding-top: 80px;
}

.top-nav-bar-wrapper .nav-wrapper {}
.top-nav-bar-wrapper .nav-wrapper nav{ font-family: var(--mainFont)}
.top-nav-bar-wrapper .nav-wrapper nav ul{display: flex; flex-flow: row;}
.top-nav-bar-wrapper .nav-wrapper nav ul li{ padding: 0 32px}
.top-nav-bar-wrapper .nav-wrapper nav ul li a{ color:white; text-decoration: none}
.top-nav-bar-wrapper .nav-wrapper nav ul li a.active,
.top-nav-bar-wrapper .nav-wrapper nav ul li a:hover{ color:var(--colorLimeGreen)}

.top-nav-bar-wrapper .right-link-wrapper{ display: flex; justify-content: center; align-items: center}
.top-nav-bar-wrapper .right-link-wrapper .btn{  width: 110px; margin: 0 0 0 16px;}
.top-nav-bar-wrapper .right-link-wrapper .btn.hover-lime-green:hover{ color: var(--colorWhite)}

.top-nav-bar-wrapper .right-link-wrapper .lang{ font-family: var(--mainFont)}
*[dir="rtl"] .top-nav-bar-wrapper .right-link-wrapper .btn{  width: 110px; margin: 0 16px 0 0; font-size: 14px;}

.top-nav-bar-wrapper .right-link-wrapper .user-img{ width: 40px; height: 40px; border-radius: 5px; margin: 0 0 0 16px;}
*[dir="rtl"] .top-nav-bar-wrapper .right-link-wrapper .user-img{ width: 40px; height: 40px; border-radius: 5px; margin: 0 16px 0 0 ;}
.top-nav-bar-wrapper .right-link-wrapper .user-img a{ margin: 0; display: block; height: 100%; padding: 0}
.top-nav-bar-wrapper .right-link-wrapper .user-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}

.top-nav-bar-wrapper.inner-pages .right-link-wrapper .btn:hover{background: var(--colorLimeGreen); border-color: var(--colorLimeGreen);}
.top-nav-bar-wrapper .right-link-wrapper a{ margin: 0 16px; color: white; text-decoration: none}
.top-nav-bar-wrapper .right-link-wrapper .icon{ width: 32px; height: 32px; }
.top-nav-bar-wrapper .right-link-wrapper .separator{ height: 44px; margin: 0 16px; width: 2px; background: white;}


.top-nav-bar-wrapper .inner-wrapper{ position: relative}
.top-nav-bar-wrapper .user-info{
    border-bottom: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    margin: 8px 0;
    color: var(--colorTurquoise);
    display: flex;
    align-items: center;
    padding: 0 0 16px 0;
}

.top-nav-bar-wrapper .user-info .user-img{ margin: 0 0; }
.top-nav-bar-wrapper .user-info .user-name{}
.top-nav-bar-wrapper .user-info .user-name a{ font-family: var(--mainFont); font-size: 16px; line-height: 24px; color: var(--colorTurquoise);}
.top-nav-bar-wrapper .user-info .user-name:hover a{  color: var(--colorDarkGreen);}
.top-nav-bar-wrapper .user-menu-wrapper{ display: none;
    position: absolute;
    right: 0;
    top: 100px;
    min-width: 280px;
    padding: 24px;
    color: var(--colorDarkGreen);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: none;
}
*[dir="rtl"] .top-nav-bar-wrapper .user-menu-wrapper{ left: 0; right: inherit;}
.top-nav-bar-wrapper .user-menu-wrapper li{margin: 4px 0; }

.top-nav-bar-wrapper .user-menu-wrapper li a{color: var(--colorDarkGreen);
    font-family: var(--mainFont); font-size: 16px; line-height: 24px; margin: 0 0; display: block; padding: 4px 0;
}
.top-nav-bar-wrapper .user-menu-wrapper li a:hover{color: var(--colorTurquoise);}
.top-nav-bar-wrapper .user-menu-wrapper li a i{ width: 24px; text-align: center; font-size: 15px}
.top-nav-bar-wrapper .user-menu-wrapper li a span{ padding: 0 8px}

.top-nav-bar-wrapper .user-menu-wrapper .btn-bar-wrapper{}
.top-nav-bar-wrapper .user-menu-wrapper .btn-bar-wrapper .btn{ width: 100%; margin: 0 0}
.top-nav-bar-wrapper .user-menu-wrapper .btn-bar-wrapper .btn:hover{ background: var(--colorDarkGreen)}
.top-nav-bar-wrapper .user-menu-wrapper .btn-bar-wrapper .btn span{ padding: 0 8px}
.user-menu-wrapper.show{ display: block}


.popup-search-wrapper{
    padding:0 0 0 0  !important;

}
.popup-search-wrapper .modal-dialog{ max-width: 100%; margin: 0 0 0 0; border-radius: 0}
.popup-search-wrapper .modal-dialog .modal-content{ border-radius: 0; border: none}
.popup-search-wrapper .modal-dialog .modal-content .modal-header{ border-radius: 0; border: none; align-items: center;}
.popup-search-wrapper .modal-dialog .modal-content .modal-body{ min-height: 120px;}
*[dir="rtl"] .popup-search-wrapper .modal-dialog .modal-content .modal-header .btn-close{margin: -0.5rem auto -0.5rem -0.5rem ; }
.popup-search-wrapper .search-form-wrapper{ width: fit-content; margin: auto }
.popup-search-wrapper .search-form-wrapper .search{ display: flex; align-items: center}
.popup-search-wrapper .search-form-wrapper .search-input{
    height: 48px;
    border: none;
    border-bottom:1px solid var(--colorGrey);
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 125%;
    color: var(--colorGrey);
    width: 424px;

}
.popup-search-wrapper .search-form-wrapper .search-btn{ background: none; border: none}
.popup-search-wrapper .search-form-wrapper .icon{
    width: 32px;
    height: 32px;
}
.popup-search-wrapper .search-result{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}
.popup-search-wrapper .search-result li{ display: flex; justify-content: flex-start; align-items: center}
.popup-search-wrapper .search-result li .icon{ width: 16px; height: 16px;}


/*Programs Filter*/
.popup-programs-filter-wrapper { backdrop-filter:unset !important; padding:0 0 0 0 !important;}
.popup-programs-filter-wrapper ~ .modal-backdrop.show{    opacity:0.1;}
.popup-programs-filter-wrapper .modal-dialog{ max-width: 100%; height: 100%; margin: 0 0 0 0;display: flex;
    justify-content: end; border-radius: 0}
.popup-programs-filter-wrapper .modal-dialog .modal-content{ max-width: 288px; height: max-content; min-height: 100%; border-radius: 0; border: none}
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header{ padding: 16px 24px; border-radius: 0; border: none; align-items: center; background: rgba(var(--rgbColorGrey) / 0.10)}
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header h2{ font-size: 18px; font-family: var(--mainFont); font-style: normal; font-weight: 500; color: var(--colorDarkGreen); }
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header h2 i{ font-size: 16px}
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header h2 span{ padding: 0 8px;}
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header .btn-close{ width: 16px; height: 16px;}
.popup-programs-filter-wrapper .modal-dialog .modal-content .modal-body{padding: 24px}
*[dir="rtl"] .popup-programs-filter-wrapper .modal-dialog .modal-content .modal-header .btn-close{margin: -0.5rem auto -0.5rem -0.5rem ; }

.popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper{font-family: var(--mainFont); border-radius: 2px}
.popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .filter-group{padding:12px 16px; background: rgba(var(--rgbColorGrey) / 0.05)}
.popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .form-outline{ margin:0 0; padding: 0 0 }
.popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .form-check-input{ cursor: pointer; width: 12px; height: 12px; margin-top: -2px;}
.popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .form-check-label{ font-size: 14px; line-height:normal;color: gray; padding:0 8px;  cursor: pointer; display: flex; align-items: center; }
*[dir="rtl"] .popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .form-check-input{margin-top: 0;}
*[dir="rtl"] .popup-programs-filter-wrapper .filter-wrapper .filter-box-wrapper .form-check-label{ padding: 0 8px 4px 8px;}



.modal-open{ padding: 0 !important; overflow: hidden; height: 100vh;}
.modal{backdrop-filter: blur(16px);}
.popup-share-wrapper{ background: rgba(250, 250, 250, 0.1); }
.popup-share-wrapper .modal-content { border-radius: 5px}
.popup-share-wrapper .modal-header{ border: none;position: absolute; right: 0; z-index: 1; }
.popup-share-wrapper .modal-header .btn-close{ border: none}
.popup-share-wrapper .social{ display: flex; justify-content: center; margin: auto; width: fit-content; min-width: 50%; font-size: 22px;}
.popup-share-wrapper .social a:hover i{
    font-family: 'Font Awesome 5 Free', serif;
    font-weight: 400;
}
.popup-share-wrapper .social{}

.event .popup-share-wrapper .modal-header {
    border-bottom: none;
    position: absolute;
    width: 105%;
    top: -28px;
    left: 0;
}
*[dir="rtl"] .event .popup-share-wrapper .modal-header{ right: -5%}
.event .popup-share-wrapper .modal-header .btn-close {
    background-color: var(--colorTurquoise);
    width: 40px;
    height: 40px;
    opacity: 1;
    border-radius: 50%;
    padding: 0;
    background: var(--colorTurquoise) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px 12px;
}

.event .popup-share-wrapper .modal-header .btn-close:hover {
    background-color: var(--colorDarkGreen);
}

.share-form-wrapper{}
.share-form-wrapper .share-form{ display: flex; justify-content: center; }
.share-form-wrapper .share-form .share-input{ min-width: 294px; font-size: 16px; background: #fafafa; height: 32px; border-radius: 5px; padding: 8px; border:none; color:#898A8D}
.share-form-wrapper .share-form .share-input::placeholder{ color: #898A8D;}
.share-form-wrapper .share-form .share-btn{ width: 37px; height: 32px; border-radius: 0 5px 5px 0}
*[dir="rtl"] .share-form-wrapper .share-form .share-btn{ border-radius: 5px 0 0 5px}

.popup-notify-me{}
.modal.left-artwork .inner-wrapper,
.modal.right-artwork .inner-wrapper { position: relative}
.modal.left-artwork .inner-wrapper:before{ content: ""; position: absolute; left: 0; bottom: 40px; background: url("../images/svg/elements-13-lime-green.svg") center; background-size:cover;width: 40px; height: 152px;}
.modal.right-artwork .inner-wrapper:after{ content: ""; position: absolute; right: 0; top: 48px; background: url("../images/svg/elements-4-turquoise.svg"); background-size:cover; width: 56px; height: 168px;}
/**[dir="rtl"] .modal.left-artwork .inner-wrapper:before{  left: unset; right: 0;}
*[dir="rtl"] .modal.right-artwork .inner-wrapper:after{  left: 0; right: unset;}*/

.popup-notify-me .modal-dialog{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 48px 0;
    pointer-events: all;
}
.popup-notify-me .modal-dialog .inner-wrapper{
    border-radius: 5px;
    width: 100%;
    max-width: 560px;
    background: white;
    position: relative;
    padding: 40px 72px;
    margin: 40px auto;
}

.modal.podcast-platforms{ padding: 0 0 !important;  }
/*.modal.podcast-platforms. podcast-platforms-list-wrapper{  }*/
.modal.podcast-platforms .inner-wrapper{ position: fixed; bottom: 0; margin-bottom: 0; max-width: 100%;}
.modal.podcast-platforms.podcast-platforms .inner-wrapper{ max-width: 100%;}
.modal.podcast-platforms .inner-wrapper .modal-header{ width: 99%}


.modal.podcast-platforms ul,
.modal.podcast-platforms li{ margin: 0; padding: 0; }
.modal.podcast-platforms .podcast-platforms-list-wrapper{ height: 58vh; overflow-y: auto; }
.modal.podcast-platforms .podcast-platforms-list-wrapper .podcast-platform-detail{ padding-bottom: 32px }
.modal.podcast-platforms .podcast-platforms-list-wrapper .podcast-platform-icon svg{ width: 40px; height: 40px }
.modal.podcast-platforms .podcast-platforms-list-wrapper .btn { padding: 0 0; }
.modal.podcast-platforms .podcast-platforms-list-wrapper .btn svg{ width: 24px; height: 24px }
.modal.podcast-platforms ::-webkit-scrollbar { width: 10px; height: 10px;  cursor: pointer;   }
.modal.podcast-platforms ::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.modal.podcast-platforms ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(var(--rgbColorDarkGreen) / 1);
    cursor: pointer;
}
.modal.podcast-platforms ::-webkit-scrollbar-thumb:hover{
    background: var(--colorDarkGreen);
}


/*HEADER STYLE Start*/

.insights-home.podcast .top-nav-bar-wrapper.inner-pages{ background: #20185B;}

.insights-home .articles-listing .category-nav.v3{ height: auto}
.testimonial-slider-wrapper .carousel-control-next-icon,
.anan-podcast .articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon,
.insights-home .articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='%2321B592' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12075 11.9302L5.0695 10.8852L9.22974 6.74213L0.15625 6.74213L0.15625 5.25983L9.22974 5.25983L5.06205 1.12421L6.12075 0.0717771L12.0852 6.00098L6.12075 11.9302Z' /%3E%3C/svg%3E");
}
.testimonial-slider-wrapper .carousel-control-prev-icon,
.anan-podcast .articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon,
.insights-home .articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='%2321B592' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.87925 12.1802L7.9305 11.1352L3.77026 6.99213L12.8437 6.99213L12.8437 5.50983L3.77026 5.50983L7.93795 1.37421L6.87925 0.321777L0.914757 6.25098L6.87925 12.1802Z'/%3E%3C/svg%3E");
}
*[dir="rtl"] .testimonial-slider-wrapper .carousel-control-prev-icon,
*[dir="rtl"] .anan-podcast .articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon,
*[dir="rtl"] .insights-home .articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon,
*[dir="rtl"] .testimonial-slider-wrapper .carousel-control-next-icon,
*[dir="rtl"] .anan-podcast .articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon,
*[dir="rtl"] .insights-home .articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon{ transform: rotate(180deg)}

/*.testimonial-slider-wrapper .carousel-control-prev-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321B592'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.testimonial-slider-wrapper .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321B592'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}*/


.anan-podcast .top-nav-bar-wrapper.inner-pages{ background: #20185B;}

header.mxh-700.program-home-v3.event-v3 { max-height: 761px;}
header h1,header h2{ color: white; }
header.event-v3 h2{ font-size: 64px; line-height: 110% }
*[dir="rtl"] header.event-v3 h2{ margin-bottom: 24px }
header p{ color: white; font-size: 18px; line-height: 27px;}
header .btn { width: fit-content; }
header .btn.hover-lime-green:hover{ color: var(--colorWhite)}
header .slider{width: 100%; height: 100%;}
header .slide{ width: 100%; height: 100%; position: relative; display: flex; justify-content: center;}
header .slide-element{  width: 100%; height: 100%; position: absolute; z-index: 5; pointer-events: none }
header .slide-element .left{position: absolute; left: 0; top: 80px}
header .slide-element .left.v3{position: absolute; left: -40px; top: 175px; height: 200px;}

header .slide .slide-element{  width: 100%; height: 100%; position: absolute; z-index: 5; pointer-events: none }
header .slide .slide-element .left{position: absolute; left: 0; top: 80px}
header .slide .slide-element .left.v3{position: absolute; left:0; top: 140px; height: 200px;}
*[dir="rtl"] header .slide .slide-element .left.v3{ left: unset; right:0;}
*[dir="rtl"] header .slide .slide-element .left{ right: 0; left: auto;}
header .slide .slide-element .left.two{ top: 25%;}
header .slide .slide-element .left.cityhub{
    transform: rotate(180deg); height: 40px; top: 120px;
}
*[dir="rtl"] header .slide .slide-element .left.cityhub{transform: rotate(0);}
header .slide .slide-element .right{position: absolute; right:0; bottom: 20px}
header.program-home-v3 .slide .slide-element .right{ bottom: -28px;}
header.program-home-v3.event-v3 .slide .slide-element .right{ bottom: 125px;}
*[dir="rtl"] header.program-home-v3.event-v3 .slide .slide-element .right{ transform: rotate(0deg); }
*[dir="rtl"] header .slide .slide-element .right{ right:auto; left: 0; transform: rotate(180deg);}
header .slide .slide-element .rightCenter{position: absolute; right:0; top: 50%; transform: translateY(-50%);}
header.event-overview-v3 .slide .slide-element .rightCenter{top: 136px; transform: translateY(0);}
*[dir="rtl"] header .slide .slide-element .rightCenter{ right:auto; left: 0; }
header .slide .slide-element .leftCenter{position: absolute; left:0; top: 50%; transform: translateY(-50%);}
header.event-overview-v3 .slide .slide-element .leftCenter{ top: 56px;  transform: translateY(0);}
*[dir="rtl"] header .slide .slide-element .leftCenter{ right: 0; left: auto; }
header .slide .slide-element .rotate90a{position: absolute; left:0; top: 50%; transform: translateY(-50%);}
header .slide .slide-element .rotate-faq{     left: 50px;transform: translateY(-50%) rotate(90deg);}
header .slide .slide-image{  width: 100%; height: 100%; position: absolute; z-index: 0; }
header .slide .slide-image.halfRight{ width: 30%; right: 0; top: 80px }
header .slide .slide-image img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
header.program-home-v3 .carousel-inner{ overflow: visible; }
header.program-home-v3 .slide .slide-contact{ padding-top: 48px; align-items: flex-start;}
header.program-home-v3.event-v3 .slide .slide-contact{ padding-top: 187px; width: auto; max-width: 725px }
header.program-home-v3.event-v3 .slide .slide-contact .body-text-2{  line-height: 130%; font-weight: 200 }
header.program-home-v3 .carousel-item{height: 535px; padding-top: 80px;}
header.program-home-v3 .carousel-item .carousel-item-img-wrapper.v3{ max-height: 336px; height: 336px; top: 70px;}
header.program-home-v3.event-v3 .carousel-item .carousel-item-img-wrapper.v3{ max-height: 358px; height: 358px; top: 134px;max-width: 572px;}
header.program-home-v3 .carousel-item .carousel-item-img-wrapper .art-work-2a{top: -35px; left: -92px}
header.program-home-v3.event-v3 .carousel-item .carousel-item-img-wrapper .art-work-2a{top: -90px; left: -24px}
*[dir="rtl"] header.program-home-v3.event-v3 .carousel-item .carousel-item-img-wrapper .art-work-2a{left: unset; right: -24px}
header.program-home-v3 .buttons-wrapper .btn.no-mobile{ display: flex !important;}


header .slide .slide-contact{ position: relative; z-index: 2; width: 610px; display: flex; justify-content: center; align-items: flex-start; flex-flow:column; }
header .slide .slide-contact .highlighter-box-wrapper{ background: #003F30; padding: 24px; border-radius:10px; width: 100%; display: flex; justify-content: space-between }
header .slide .slide-contact .highlighter-box-wrapper div{ padding: 0 8px; display: flex; flex-flow: row; align-items: center}
header .slide .slide-contact .highlighter-box-wrapper div span{ padding: 0 8px; white-space: nowrap}
header .slider-dots-wrapper{
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 32px;
    left: 0;
    display: flex;
    z-index: 3;
}
header .slider-dots-wrapper .wSet{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
header .slider-dots-wrapper .dot{
    width: 46px;
    height: 4px;
    background: rgba(248, 248, 248, 0.33);
    margin: 0 8px;
    cursor: pointer;
}
header .slider-dots-wrapper .dot.active{background: var(--colorLimeGreen);}
header .recommended-box-wrapper{ display: flex; flex-flow:row; align-items: center }
header .header-breadcrumb{
    position: absolute; left: 0;
    border-left: 4px solid var(--colorRed);
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 28px;
    top: 76px;
}
header .header-breadcrumb a{ text-decoration: none; color: inherit}
*[dir="rtl"] header .header-breadcrumb{left: 0; right: 0; border-left: unset; border-right: 4px solid var(--colorRed);}
header .header-breadcrumb.dark-green{border-color: var(--colorDarkGreen) !important;}
header .header-breadcrumb.turquoise{border-color: var(--colorTurquoise) !important;}
header .header-breadcrumb.lime-green{border-color: var(--colorLimeGreen) !important;}
header .header-breadcrumb.petroleum{border-color: var(--colorPetroleum) !important;}
header .header-breadcrumb.purple{border-color: var(--colorPurple) !important;}
header .header-breadcrumb.red{border-color: var(--colorRed) !important;}
header .header-breadcrumb.orange{border-color: var(--colorOrange) !important;}
header .header-breadcrumb.light-blue{border-color: var(--colorLightBlue) !important;}
header .header-breadcrumb.light-purple{border-color: var(--colorLightPurple) !important;}
header .header-breadcrumb.peach{border-color: var(--colorPeach) !important;}
header .header-breadcrumb.yellow{border-color: var(--colorYellow) !important;}
header .header-breadcrumb.blue{border-color: var(--colorBlue) !important;}
header .header-breadcrumb.grey{border-color: var(--colorGrey) !important;}
header .header-breadcrumb.white{border-color: var(--colorWhite) !important;}
header .header-breadcrumb.black{border-color: var(--colorBlack) !important;}


header .header-boxder-box{justify-content: space-evenly}
header .header-boxder-box .row{justify-content: space-evenly}
header .header-boxder-box .col{ width: auto; flex: none}

header .recommended-box-wrapper .icon-container{
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;

}

header .recommended-box-wrapper .icon-container img{ width: 48px; height: 48px}
header .recommended-box-wrapper .content-wrapper{ border-radius: 5px; height: 40px; margin-left: -16px; padding: 0 24px; position: relative; display: flex; align-items: center}
*[dir="rtl"] header .recommended-box-wrapper .content-wrapper{margin-left: unset; margin-right: -16px; }
header .recommended-box-wrapper .content-wrapper .a{ color: white; text-decoration: none; margin: 0 4px; border-bottom: 1px dotted white; height: 26px; display: inline-block; }
header .recommended-box-wrapper .content-wrapper .a:hover{ color: var(--colorLimeGreen); border-bottom: 1px dotted var(--colorLimeGreen)  }
header .recommended-box-wrapper .content-wrapper .hover-box{ display: none;
    position: absolute;
    left: 0;
    top: 46px;
    background: var(--colorDarkGreen);
    border-radius: 5px;
    width: 100%;
    padding: 24px;
}
.hover-box-wrapper:after{ background: transparent; content: ""; height: 20px; position: absolute; width: 100%;
    left: 0;
    bottom: -10px;
}
header .recommended-box-wrapper .content-wrapper .hover-box-wrapper:hover .hover-box{ display: block}
header .recommended-box-wrapper .content-wrapper .hover-box-wrapper:hover .a{ color: var(--colorLimeGreen); border-bottom: 1px dotted var(--colorLimeGreen)  }
header.podcastheader{ height: fit-content;}
header .podcast{ width: 100%; height: 100%; background: white }

header .podcast .podcast-image{ width: 100%; height: calc(100% - 200px); position: absolute; z-index: 0;}
header .podcast .podcast-image:before{ content:""; position: absolute; top: 0; right: 0; background: rgba(var(--rgbColorBlack) / 0.5); width: 100%; height: 100%;}
header .podcast .podcast-image img{ width: 100%; height: 100%; object-fit: cover; display: block;}

header .podcast .slide-contact{ position: relative; display: flex; padding-top: 64px; padding-bottom:24px; align-items: center; justify-content: center; height: 100%; flex-flow: column;}
header .podcast .slide-contact .buttons-wrapper{ display: flex}
header .podcast .slide-contact .social{ font-size: 24px;}
header .podcast .slide-contact .social a{ color: white; margin: 0 8px;}
header .podcast .slide-contact .social a:hover{ }
header .podcast .slide-contact .social a:hover .fab { color: var(--colorDarkGreen);
    font-family: "Font Awesome 5 Free", serif; font-weight: normal;}

.top-nav-bar-wrapper.podcast{ background: var(--colorDarkBlue)}
header .podcast.v3{  min-height: 552px}
header .podcast.v3 .podcast-image{ height:100%;}
header .podcast.v3 .podcast-image:before{ display: none}
header .podcast.v3 .podcast-image img{ height: 100%; object-fit: fill}
header .podcast.v3 .slide-contact .text-wrapper{ width: 60%}
header .podcast.v3 .slide-contact .text-wrapper .body-text-2{ max-width: 488px;}
header .podcast.v3 .slide-contact .slide-img-wrapper{ width: 40%; height: 327px}
header .podcast.v3 .slide-contact .slide-img-wrapper img{ width: 100%; height: 100%; object-fit: cover}
header .podcast.v3 .slide-contact .slide-img-wrapper .video-container-wrapper{ width: 100%; height: 100%; }
header .podcast.v3 .slide-contact .social{ }
header .podcast.v3 .slide-contact .social a{ text-decoration: none}
header .podcast.v3 .slide-contact .social a:hover svg{ fill: var(--colorLimeGreen)}
header .podcast.v3 .slide-contact .social svg{ width: auto; height: 38px }

header .podcast.v3 .slide-contact .slide-img-wrapper .video-container-wrapper .play{
    background: rgb(255 255 255 / 10%);
    color: white;
}
header .podcast.v3 .slide-contact .slide-img-wrapper .video-container-wrapper .play:hover{
    background: rgb(255 255 255 / 10%);
    color: var(--colorLimeGreen);
    border: 1px solid var(--colorLimeGreen) !important;
    box-shadow: 0 0 16px rgb(255 255 255 / 55%) !important;
}

header .slide-contact .links-bar-wrapper{
    font-family: var(--mainFontN);
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: baseline;

}
header .slide-contact .links-bar-wrapper a,
header .slide-contact .links-bar-wrapper a + span{
    text-decoration: none;
    color: white;
    margin-right: 8px;
    font-weight: 500;
    margin-left: -4px
}

*[dir="rtl"] header .slide-contact .links-bar-wrapper a{ margin-left: 8px; margin-right: 0;}
*[dir="rtl"] header .slide-contact .links-bar-wrapper a + span{ margin-left: 8px; margin-right: 0;}
header .slide-contact .links-bar-wrapper a i{ margin: 0 4px;}
header .slide-contact .links-bar-wrapper a + span i{ margin: 0 4px;}
header .podcast .podcast-player{
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}
header .podcast .podcast-player iframe{ margin: auto;}
header .podcast .apple-podcast{

    background: #F7F7F9;
    margin: 0 auto;
    padding: 24px;
    border-radius: 5px;
    width: fit-content;
}
header .podcast .podcast-player .podcast-player-wrapper,
header .podcast .apple-podcast .apple-podcast-wrapper{ max-width: 800px;  width: 800px;}

header .carousel-indicators{}
header .carousel-inner{background: var(--colorDarkGreen);}
header .carousel-inner.insight{background: #20185B;}

header .carousel-item {
    height: 100%;
    /*min-height: 350px;*/
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header .carousel-item .carousel-item-img-wrapper{
    height: 100%;
    width: 100%;
    max-width: 530px;
    position: absolute;
    right: 0;
    padding-top: 80px;
}
header .carousel-item .carousel-item-img-wrapper.v3{
    height: 340px;
    max-height: 340px;
    padding-top: 0;
}
header .carousel-item .carousel-item-img-wrapper.v3.program-overview{
    height: 375px;
    max-height: 375px;
    padding-top: 0;
    max-width: 600px;
}
header.event-overview-v3.event-series-v3 .carousel-item .carousel-item-img-wrapper.v3.program-overview{ height: 358px; max-height: 358px;  max-width: 572px; }

header.event-overview-v3.event-series-v3 .slide .slide-contact .highlighter-box-wrapper{ background: #F5F5F5}
header.event-overview-v3.event-series-v3 .slide .slide-contact .highlighter-box-wrapper div{ color: #00372A}


.sticky-nav-bar.inner-pages + header.program-overview-v3{ margin-top: 80px; padding-top: 0; margin-bottom: 0;}
header.program-overview-v3{ height: 655px; max-height: 655px}
header.program-overview-v3 .carousel-caption{    justify-content: flex-start; align-items: flex-start;}
header.program-overview-v3 .carousel-item .carousel-item-img-wrapper.v3.program-overview{ margin-top: 80px}
header.program-overview-v3 .slide .slide-contact{margin-top: 60px}

header.program-overview-v3 .slide-contact h2:first-child{
    margin-top: 80px;
}




header.program-overview-v3 .btn-bar-wrapper .btn.apply-now-big,
header.program-home-v3.event-v3 .btn-bar-wrapper .btn.apply-now-big,
header.event-overview-v3.event-series-v3 .btn-bar-wrapper .btn.apply-now-big{ width: 330px !important;}


header .carousel-item .carousel-item-img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(var(--rgbColorBlack) / 0.4);
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
}
*[dir="rtl"] header .carousel-item .carousel-item-img-wrapper{ right: auto; left: 0;}
header.event-overview-v3.event-series-v3 .carousel-item .carousel-item-img-wrapper:before{background: none !important;}
header .carousel-item .carousel-item-img-wrapper .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .carousel-item .carousel-item-img-wrapper .img.border-radius{
    border-radius: 5px 0 0 5px;
}
header .carousel-item .carousel-item-img-wrapper .art-work-1 {
    height: 100%;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
}
*[dir="rtl"] header .carousel-item .carousel-item-img-wrapper .art-work-1 { right: 0; left: auto;}
header .carousel-item .carousel-item-img-wrapper .art-work-1 img{ width: 100%; height: 100%}
header .carousel-item .carousel-item-img-wrapper .art-work-2a img,
header .carousel-item .carousel-item-img-wrapper .art-work-2b img{ width: 100%; height: 100%}
header .carousel-item .carousel-item-img-wrapper .art-work-2a {
    height: 140px;
    width: 200px;
    position: absolute;
    left: -20%;
    top: -40px;
/*    background: url("../images/");*/
}
header .carousel-item .carousel-item-img-wrapper .art-work-2a.s2{
    height: 180px;
    width: 64px;
    left: -32px;
}
*[dir="rtl"] header .carousel-item .carousel-item-img-wrapper .art-work-2a{left:unset; right: -20%;}
header .carousel-item .carousel-item-img-wrapper .art-work-2b {
    height: 140px;
    width:auto;
    position: absolute;
    left: -5%;
    bottom: -20px;
    z-index: -1;
}
*[dir="rtl"] header .carousel-item .carousel-item-img-wrapper .art-work-2b {left: unset; right: -5%;}

header .carousel-item .carousel-item-img-wrapper .art-work-2 {
    height: 177px;
    width: 75%;
    position: absolute;
    left: -50%;
    top: 80px;
    /*    background: url("../images/");*/
}

header .carousel-item .carousel-item-img-wrapper .art-work-3 {
    height: 177px;
    width: 67px;
    position: absolute;
    left: -33px;
    top: 80px;
}
*[dir="rtl"] header .carousel-item .carousel-item-img-wrapper .art-work-2 {right: -50%; left:auto;}
header .carousel-item .carousel-item-img-wrapper .art-work-2 img{ width: 100%; height: 100%}

header .carousel-caption{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    padding: 0 0 0 0;
    text-align: inherit;
    z-index: 3;
}
*[dir="rtl"] header .carousel-caption {left: auto;right: 0;}

header .carousel-indicators{  align-items: center; justify-content: flex-start; bottom: calc( var(--space ) * 2); z-index: 4}
header.event-v3 .carousel-indicators{  bottom: 45px; }
header .carousel-indicators [data-bs-target]{ width: 48px;  height: 4px; margin: 0 8px; border: 0;  }
header .carousel-indicators [data-bs-target].active{ width: 48px;  height: 4px; background-color:var(--colorLimeGreen) }

header .carousel-control-next, header .carousel-control-prev{ z-index: 4; width: 5%;}

header .carousel-inner .partners-logo-list{ align-items: center; justify-content: flex-start;  }
header .carousel-inner .partners-logo-list .partner-logo-wrapper{ height: 24px; width: 92px; margin-bottom: 16px }
header.event-overview-v3 .carousel-inner .partners-logo-list .partner-logo-wrapper{  margin-bottom: 0 }
header .carousel-inner .partners-logo-list .partner-logo-wrapper a{ height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start}
header .carousel-inner .partners-logo-list .partner-logo-wrapper img{  width: 100%; height: 100%; object-fit: contain; }
.program header.program-overview-v3 .carousel-inner{ background: none}

header.event-overview-v3 .carousel-caption h2{
    font-weight: 500;
    font-size: 44px;
    line-height: 125%;
}
header.event-overview-v3 .carousel-caption p{
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 150%;
}
header.event-overview-v3 .btn-bar-wrapper.no-mobile{ display: flex}

/*HEADER STYLE END*/

.articles-listing{  }
.articles-listing h2{ }
.articles-listing.no-slider .carousel-inner{ width: 100% !important; }
.articles-listing.no-slider .carousel-inner .carousel-item{ flex: 0 0 calc(33% - 17px);}

.articles-listing .articles-nav-wrapper{
   /* padding: 0 0  48px 0;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.articles-listing .category-nav {}
.articles-listing .category-nav.v3 {
    height: 72px;
    display: flex;
    align-items: end;
}
.articles-listing .category-nav ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.articles-listing .category-nav ul li{
    padding: 0 18px;
    display: flex;
    align-items: center;
}
.articles-listing .category-nav ul li:first-child{ padding:0 18px 0 0;}
*[dir="rtl"] .articles-listing .category-nav ul li:first-child{ padding:0 0 0 18px;}
.articles-listing .category-nav ul li a{
    color: var(--colorGrey);
    font-family: var(--mainFontN);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
}
.event-v3 .articles-listing .category-nav ul li a,
.event-v3 .articles-listing .category-nav ul li a:hover{font-weight: 300; /*line-height: 125%;*/ }
.event-v3 .articles-listing .category-nav ul li a.active{font-weight: 700; /*line-height: 125%;*/}

.articles-listing .category-nav.v3 ul li a{border-bottom: 3px solid transparent; line-height: 48px}
.articles-listing .category-nav ul li a.active,
.articles-listing .category-nav ul li a:hover{
    color: var(--colorTurquoise);
    font-weight: 400;
}
.articles-listing .category-nav.v3 ul li a.active,
.articles-listing .category-nav.v3 ul li a:hover{
    border-bottom: 3px solid var(--colorTurquoise);
}

.articles-listing .category-nav ul li a.active{font-family: var(--mainFont);}
.articles-listing .category-nav ul li a:hover{}
.articles-listing .filter-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
*[dir="rtl"] .articles-listing .filter-nav .fa-angle-right{  transform: rotate(180deg);}




.filter-nav ul{}
.filter-nav ul li{
    display: inline-flex;
    position: relative;
    height: 48px;
    padding: 0 0 0 16px;
    box-sizing: border-box;
    border: 1px solid var(--colorGrey);
    border-radius: 5px;
    margin:0 0 0 24px;
    color: var(--colorGrey);
    font-family: var(--mainFont);
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
}
*[dir=rtl] .filter-nav ul li{padding: 0 16px 0 0; margin:0 24px 0 0;}
.filter-nav ul li.has-child > a:after{
    content: url("../images/svg/icon-arrow-down.svg");
    width: 20px;
    height: 20px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-nav ul li.has-child:hover > a:after{content: url("../images/svg/icon-arrow-up.svg");}
.filter-nav ul li.has-child.filter > a:after{content: url("../images/svg/icon-filter.svg");}
.filter-nav ul li a{
    color: var(--colorGrey);
    font-family: var(--mainFont);
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    display: flex;
    align-items: center;

}
.filter-nav ul li a.active{color: var(--colorTurquoise);}
.filter-nav ul li:hover{ }
/*.filter-nav ul li ul {
    display: none;
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 3;
    padding: 16px 24px;
    background: white;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}*/
.filter-nav ul li ul {
    display: none;
    position: absolute;
    top: 56px;
    right: 0;
    z-index: 3;
   /* padding: 16px 24px;*/
    background: white;
    border: 0 solid rgba(var(--rgbColorGrey) / 0.25);
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.filter-nav ul li ul:before { content: ""; height: 10px; width: 100%; display: block; position: absolute; top: -9px; left: 0;}


*[dir="rtl"] .filter-nav ul li ul{ left: 0; right: unset}
.filter-nav ul li ul li{ display: block;  margin: 0 0 0 0}
*[dir="rtl"] .filter-nav ul li ul li{ display: block; margin: 0 0 0 0; padding: 0 0 0 0}
.filter-nav ul li ul li { height: auto; border: none; margin: 0 0 0 0; padding: 0 0 0 0}
.filter-nav ul li ul li a{
    color: var(--colorGrey);
    font-family: var(--mainFont);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    text-decoration: none;
    min-width: 240px;
    background:white;
    border-radius: 5px;
    padding: 24px 24px;
    white-space: nowrap;
    transition: 1s;

   /* color: var(--colorDarkGreen);*/
}

.filter-nav ul li ul li a:hover,
.filter-nav ul li ul li a.active{ background: rgba(var(--rgbColorTurquoise) / 15%);  color: var(--colorTurquoise);
    font-weight: 500;
    transition: 1s;}
.filter-nav ul li:hover a + ul{ display: block;}

.filter-nav ul li ul li .form-outline{ padding: 0}
.filter-nav ul li ul li .form-check .form-check-label{ color: var(--colorTurquoise); white-space: nowrap;  font-family: var(--mainFont);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding: 2px 8px 0 8px;
}


.articles-listing-wrapper{
    display: grid;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
     grid-template-columns: repeat(4, 1fr);
    /* grid-template-columns: repeat(auto-fill, 280px); */
    /* grid-template-columns: minmax(280px, 4fr); */
    /* grid-template-columns: repeat( auto-fit, minmax(280px, 1fr)); */
    gap: 32px;
}
@media only screen and (min-device-width: 768px) and (max-width: 1264px){

  .articles-listing-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 868px){

  .articles-listing-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.articles-listing-wrapper.podcast-episods{grid-template-columns: repeat(3, 1fr);}
.profile-wrapper .articles-listing-wrapper{ display: flex; }

.sticky-nav-bar.inner-pages + section.profile-v3{ padding-top: 64px}
.profile.profile-v3 .profile-wrapper{ gap: 16px; grid-template-columns: 264px minmax(100px, 1fr) 258px; margin: 0 32px; }
.profile.profile-v3 .profile-left-nav{ width: 100%;}

.profile-v3 .profile-wrapper .articles-listing-wrapper{ flex-flow: row wrap; gap: 24px; justify-content: flex-start; }
.profile-v3 .profile-wrapper .articles-listing-wrapper .article-outer{ max-width: 258px;}
.profile-v3 .profile-wrapper .articles-listing-wrapper.podcast-episods .article-outer{ max-width: 352px; width: 100%}
.profile-v3 .articles-listing-wrapper .article-outer .article-content { padding: 16px 16px 16px 16px;}
.profile-v3 .articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before,
.profile-v3 .course-widgets .article-title .article-title-inner:before,
.profile-v3 .articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before{ left: -16px;}

.profile.profile-v3 .profile-widgets{}

.profile.profile-v3 .profile-widgets .gray-box .article-title-inner{}
.profile.profile-v3 .profile-widgets .gray-box .course-widgets .article-title{ padding: 0 0 0 0;  max-width: 150px;}
.profile.profile-v3 .profile-widgets .gray-box .course-widgets .article-title a{ color: var(--colorDarkGreen)}
.profile.profile-v3 .profile-widgets .gray-box .article-title-inner { padding: 0 16px; }
.profile.profile-v3 .profile-widgets .gray-box .article-title-inner:before{left: 0; right: unset}
*[dir="rtl"] .profile.profile-v3 .profile-widgets .gray-box .article-title-inner:before{left: unset; right: 0}
.profile.profile-v3 .profile-widgets .img-list-wrapper{  padding: 0 16px;  align-items: flex-start; margin: 0 0 8px 0;  justify-content: space-between;}
.profile.profile-v3 .profile-widgets .img-list-wrapper .img-container{ width: 78px; height: 48px}

.profile.profile-v3 .profile-widgets .location-bar-wrapper{ font-style: normal; font-weight: 200; font-size: 14px; line-height: 125%; color: #898A8D; padding: 0 16px;
    display: flex;
    justify-content: space-between;
}
.profile.profile-v3 .profile-widgets .location-bar-wrapper span{ padding: 0 8px;}

*[dir="rtl"] .profile-v3 .articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before,
*[dir="rtl"] .profile-v3 .course-widgets .article-title .article-title-inner:before,
*[dir="rtl"] .profile-v3 .articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before{ left: unset; right: -16px;}

.articles-carousel-listing-wrapper{ /*direction: ltr*/}
.articles-carousel-listing-wrapper .carousel-inner{ gap: 32px;
    padding: 16px;
    margin: -16px;
    width: calc(100% + 32px);
}
*[dir="rtl"] .articles-carousel-listing-wrapper .carousel-inner .carousel-item{ direction: rtl}
.articles-carousel-listing-wrapper .carousel-inner .carousel-item {  }
.articles-carousel-listing-wrapper .carousel-control-prev,
.articles-carousel-listing-wrapper .carousel-control-next {
    background-color: #FFFFFF;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    top: 50%;
    transform: translateY(-25%);
    color: red;
    opacity: 1;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev,
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-next {
    top: unset;
    bottom: 0;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(var(--rgbColorTurquoise) / 9);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    background-color: unset;
    transform: translateY(0);
}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev{ left: 0;}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-next{ right: 0;}
.articles-carousel-listing-wrapper.podcast-episods .btn-bar-wrapper button{ position: relative}
.articles-carousel-listing-wrapper.podcast-episods .btn-bar-wrapper button.disabled{
    opacity: 0.4;
    pointer-events: none;
}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon,
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon{ width: 18px}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-prev-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321B592'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.articles-carousel-listing-wrapper.podcast-episods .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321B592'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.articles-carousel-listing-wrapper .carousel-control-prev{ left: -29px;}
.articles-carousel-listing-wrapper .carousel-control-next{ right: -29px;}
.articles-carousel-listing-wrapper .carousel-control-prev-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.articles-carousel-listing-wrapper .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
@media (min-width: 768px) {
    .articles-carousel-listing-wrapper .carousel-item {
        margin-right: 0;
        flex: 0 0 calc(25% - 24px);
        display: block;
    }
    .articles-carousel-listing-wrapper.podcast-episods .carousel-item { flex: 0 0 calc(29% - 17px);}
    .articles-carousel-listing-wrapper .carousel-inner {
        display: flex;
        flex-wrap: nowrap;
    }
}

.articles-listing-wrapper.podcast-episods .article-outer,
.articles-carousel-listing-wrapper.podcast-episods .article-outer{
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    border: none;
    background: none;
    align-content: start;
}
.articles-carousel-listing-wrapper.podcast-episods .carousel-inner{ padding: 0; margin: 0; width: 100%; }


.articles-listing-wrapper.podcast-episods .article-outer .article-content,
.articles-carousel-listing-wrapper.podcast-episods  .article-outer .article-content{ padding: 16px 0}
.articles-listing-wrapper.podcast-episods .article-outer .article-content .article-title,
.articles-carousel-listing-wrapper.podcast-episods  .article-outer .article-content .article-title{ font-size: 24px; font-family: var(--mainFontN); font-weight: 500; min-height: 62px;}
.articles-listing-wrapper.podcast-episods .article-outer .article-content .article-text-wrapper,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-content .article-text-wrapper{ height: auto}
.articles-listing-wrapper.podcast-episods .article-outer .article-img,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-img{ height: 240px; position: relative;}
.articles-listing-wrapper.podcast-episods .article-outer .article-img a,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-img a{  width: 100%; display: block; height: 100% }
.articles-listing-wrapper.podcast-episods .article-outer .article-img:before,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-img:before{ content: ""; pointer-events: none; background: rgba(var(--rgbColorBlack) / 0.25); border-radius: 5px; position: absolute; width: 100%; height: 100%}
.articles-listing-wrapper.podcast-episods .article-outer .article-img img,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-img img{ border-radius: 5px}
.articles-listing-wrapper.podcast-episods .bottom-links-wrapper .time-label,
.articles-carousel-listing-wrapper.podcast-episods .bottom-links-wrapper .time-label{ position: relative; left: unset; right: unset; top: unset; padding: 8px 16px; height: 32px; }
*[dir="rtl"] .articles-carousel-listing-wrapper.podcast-episods .bottom-links-wrapper .time-label{right: unset; }
.articles-listing-wrapper.podcast-episods .article-outer .article-img .btn-play,
.articles-carousel-listing-wrapper.podcast-episods  .article-outer .article-img .btn-play{ position: absolute;
    width: 84px;
    cursor: pointer;
    text-decoration: none;
    height: 84px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px; color: white;
    left: 50%; top: 50%; transform: translate( -50%,-50px);
    background: rgb(255 255 255 / 15%);
    pointer-events: none;
}
.articles-listing-wrapper.podcast-episods .article-outer .article-img:hover .btn-play,
.articles-carousel-listing-wrapper.podcast-episods .article-outer .article-img:hover .btn-play{  border: 2px solid var(--colorTurquoise); background: var(--colorTurquoise); }

.podcast-episods .article-outer .article-img .bottom-link,
.articles-carousel-listing-wrapper .article-outer .article-img .bottom-link{
    padding: 16px;
    bottom: 0;
    position: absolute; color: white; font-weight: 500;
    font-size: 12px;
    line-height: 125%;  text-decoration: none;
    display: flex;
    align-items: center;

}
*[ dir="rtl"] .podcast-episods .article-outer .article-img .bottom-link,
*[ dir="rtl"] .articles-carousel-listing-wrapper .article-outer .article-img .bottom-link{ right: 0}
.podcast-episods .article-outer .article-img .bottom-link span{ padding: 4px 8px 0 8px; font-style: italic}
.podcast-episods .article-outer .article-img a.bottom-link:hover{ color: var(--colorTurquoise)}
.podcast-episods .article-outer .article-img a.bottom-link:hover svg path{ fill: var(--colorTurquoise)}
.podcast-episods .article-outer .article-img .btn-play:hover,
.podcast-episods .article-outer .article-img .btn-play:hover{ background: var(--colorTurquoise); border-color:var(--colorTurquoise); }



 .podcast-episods .article-tags a{ font-size: 12px; font-weight: 500; position: relative; color: rgba(0, 55, 42, 0.7) !important; padding: 0 8px 0 8px; }
 .podcast-episods .article-tags a:before{ content: "."; position: absolute; width: 4px; height: 4px; left: 0; top: 50%; transform: translate(0, -50% ); border-radius: 10px; background: rgba(0, 55, 42, 0.7);}
*[dir="rtl"] .podcast-episods .article-tags a:before{  left: unset; right: 0;  }
.podcast-episods .article-tags a:first-child{ padding-left: 0}
*[dir="rtl"] .podcast-episods .article-tags a:first-child{ padding-left: 8px; padding-right: 0}
.podcast-episods .article-tags a:first-child:before{display: none}
.podcast-episods .article-tags a:hover{ color: var(--colorTurquoise) !important;}
.podcast-episods .article-tags a:hover:before{background: var(--colorTurquoise);}
.articles-listing-wrapper .article-outer,
.articles-carousel-listing-wrapper .article-outer{
    background: white;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(var(--rgbColorBlack) / 0.05);

    border-radius: 5px;
    position: relative;
   /* max-width: 330px;*/
}

.articles-listing-wrapper .article-outer.v3,
.articles-carousel-listing-wrapper .article-outer.v3{
    display: flex;
    flex-flow: inherit;
    align-content: space-between;
}
.articles-listing-wrapper .article-outer.v3 .btn-bar-wrapper .btn{ min-width: 200px; width: auto}
.profile-wrapper .articles-listing-wrapper .article-outer{ box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);}
.articles-listing-wrapper .article-outer .time-label,
.articles-carousel-listing-wrapper .article-outer .time-label {
    position: absolute;
    left: 8px;
    top: 8px;
    width: fit-content;
    height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: var(--colorDarkGreen);

}
.articles-listing-wrapper .article-outer.v3 .time-label,
.articles-carousel-listing-wrapper .article-outer.v3 .time-label {box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);}

*[dir="rtl"] .articles-listing-wrapper .article-outer .time-label,
*[dir="rtl"] .articles-carousel-listing-wrapper .article-outer .time-label{ left: auto; right: 8px;}
.content-detail .separator {
    width: 100%;
    background: #ced4da;
    height: 1px;
}
*[dir="rtl"] .profile-v3 .articles-listing-wrapper .article-outer .time-label,
*[dir="rtl"] .profile-v3 .articles-carousel-listing-wrapper .article-outer .time-label{
    left: unset !important;
    right: unset !important;
}
.articles-listing-wrapper.events-listing{ grid-template-columns: repeat(2, 1fr);}
.articles-listing-wrapper.events-listing.program-overview{ grid-template-columns: repeat(1, 1fr) !important;}
.articles-listing-wrapper.events-listing.program-overview .article-outer{ box-shadow: 0 0 0 rgb(0 0 0 / 5%);  }
.articles-listing-wrapper.events-listing.program-overview .article-outer .article-img{ max-width: 380px; height: 240px  }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni {border-radius:20px   }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .article-img { max-height: unset  }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .social{ font-size: 18px; }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .social a i{ color: var(--colorTurquoise)  }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .social a:hover i{ color: var(--colorDarkGreen);
    font-family: 'Font Awesome 5 Free', serif;
    font-weight: normal;  }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .article-img{ max-width: 280px; position: relative; top: -5%; height: 110%; }
.articles-listing-wrapper.events-listing.program-overview .article-outer.featured-alumni .article-img img{ border-radius:10px  }

.articles-listing-wrapper.events-listing.program-overview .article-outer.testimonials {border-radius:20px;   min-height: 222px;}
.articles-listing-wrapper.events-listing.program-overview .article-outer.testimonials .article-img{ max-width: 180px; height: 220px; position: relative; }
.articles-listing-wrapper.events-listing.program-overview .article-outer.testimonials .article-img img{ border-radius:20px 0 0 20px; min-width: 106px  }
*[dir="rtl"] .articles-listing-wrapper.events-listing.program-overview .article-outer.testimonials .article-img img{ border-radius: 0 20px 20px 0  }
.articles-listing-wrapper.events-listing.program-overview .article-outer.testimonials .article-content { display: flex; align-items: center}
.content-gallery.carousel-testimonials{ padding: 0 0 0 0;}
.program-overview-v3 .content-gallery.carousel-testimonials .carousel-item{ height: auto}
 .carousel-item{ }
.carousel-testimonials .btn-bar-wrapper .carousel-control-next,
.carousel-testimonials .btn-bar-wrapper .carousel-control-prev{position: relative; bottom: 0; width: 36px; height: 36px;
    border: 1px solid var(--colorTurquoise);
    color: var(--colorTurquoise);
}
.carousel-testimonials .btn-bar-wrapper .carousel-control-next:hover,
.carousel-testimonials .btn-bar-wrapper .carousel-control-prev:hover{position: relative; bottom: 0; width: 36px; height: 36px;
    border: 1px solid var(--colorTurquoise) !important;
}

.carousel-testimonials .btn-bar-wrapper .carousel-control-next .carousel-control-next-icon,
.carousel-testimonials .btn-bar-wrapper .carousel-control-prev .carousel-control-prev-icon{
    width: 1rem;
    height: 1rem;
    color: var(--colorTurquoise);

}
*[dir="rtl"] .carousel-testimonials .btn-bar-wrapper .carousel-control-next .carousel-control-next-icon,
*[dir="rtl"] .carousel-testimonials .btn-bar-wrapper .carousel-control-prev .carousel-control-prev-icon{ transform: rotateZ(180deg)}
.carousel-testimonials .btn-bar-wrapper .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321b592'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-testimonials .btn-bar-wrapper .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2321b592'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.program-overview-v3{}
.program-overview-v3 .col-center{ width: 940px}

.content-detail.program-overview-v3 .two-col-content{ }
.program-overview-v3 .two-col-content .col-left{}
.program-overview-v3 .two-col-content .col-left .page-sections{}
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper{}
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .body-text-1{ font-family: var(--mainFontN); font-size: 16px; line-height: 20px; }
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-dark-green { }
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-dark-green .body-text-1{ font-weight: 300;  }
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-dark-green .body-text-1 b{ font-family: var(--mainFont); font-weight: 500; font-size: 18px; line-height: 24px; }
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-grey  { color: rgba(137, 138, 141, 0.9) }
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-grey .body-text-1{ font-weight: 200;  }

.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper .color-dark-green .fa-arrow-right{ display: none}
.program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper i{ font-size: 12px; line-height: 12px; margin-bottom: 4px;}
*[dir="rtl"] .program-overview-v3 .two-col-content .col-left .page-sections .course-widgets-table-wrapper i {    transform: rotate(180deg); }
header .row {    margin: 0; }
.course-widgets.on-header:after{ content: ""; width: 360px; height: 40px; position: absolute; bottom: -96px;
    right: calc((-100vw + 1220px ) / 2);
    transform: translateX(-8px);
    background: var(--heading-elements-7-lightGray);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
}
*[dir="rtl"] .course-widgets.on-header:after{
    left: calc((-100vw + 1220px ) / 2); right: unset;
    transform: translateX(8px) rotate(180deg);
}

.program-overview-v3 .col-center .wrapper-border-box{ padding: 32px;}
.program-overview-v3 .col-center .wrapper-border-box  ul{ padding: 0;}
.program-overview-v3 .col-center .wrapper-border-box  .label-tags-wrapper { gap:16px}
.program-overview-v3 .col-center .wrapper-border-box  .label-tags-wrapper .label-tag{ margin: 0}
.program-overview-v3 .articles-listing-wrapper .article-outer .article-content,
.program-overview-v3 .articles-carousel-listing-wrapper .article-outer .article-content{ padding: 24px}
.program-overview-v3 .col-center .wrapper-border-box.about-instructor{padding: 24px}
.program-overview-v3 .col-center .wrapper-border-box.selection-committee{padding: 24px}
.program-overview-v3 .col-center .video-container-wrapper{height: 498px;}
.program-overview-v3 .content-gallery .carousel-item{max-height: 440px; height: 440px}
.program-overview-v3 .accordion-course-outline .accordion-header .wrapper-border-box::after{ background-color: var(--colorTurquoise)}
.program-overview-v3 .accordion-course-outline .accordion-header [aria-expanded="true"] .wrapper-border-box::after{background-color: var(--colorLimeGreen)}





.articles-listing-wrapper.events-listing.program-overview .article-outer .time-label { padding: 0 0 0 0  }
.articles-listing-wrapper.events-listing.program-overview .article-outer .time-label span{  padding: 0 0 0 0; font-size: 18px; font-weight: 300; }
.articles-listing-wrapper.events-listing.program-overview .article-outer .article-text{  padding: 0 0 0 0; font-size: 18px; font-weight: 300; line-height: 150% }
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more{  position: absolute; bottom: 0; right: 0;}
*[dir="rtl"] .articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more{ right: unset; left: 0;}
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn{ border-radius: 5px 0 5px 0; width: fit-content; }
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn span{ padding: 0 16px }

*[dir="rtl"] .articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn{ border-radius: 0 5px 0 5px; }
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn[aria-expanded="true"]{ border-radius: 5px 0 0 0; }
.articles-listing-wrapper.events-listing.program-overview .article-outer .article-tags a{
    font-weight: 300;
    font-size: 18px;
}
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn.collapsed i{ transition: 0.3s; transform: rotateZ(0deg); }
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn.collapsed span.read-less{ display: none}
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn.collapsed span.read-more{ display: block }
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn span.read-less{ display: block}
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn span.read-more{ display: none}
.articles-listing-wrapper.events-listing.program-overview .article-outer .btn-read-more .btn i{ transition: 0.3s; transform: rotateZ(180deg); }


.articles-listing-wrapper.events-listing.program-overview .article-outer .article-tags a span{ padding: 0 5px}
.articles-listing-wrapper.events-listing .article-outer,
.articles-listing-wrapper .article-outer.event{ display: flex}
.articles-listing-wrapper.events-listing .article-outer .article-img,
.articles-listing-wrapper .article-outer.event .article-img{ height: 100%; max-width: 250px}
.articles-listing-wrapper.events-listing .article-outer .article-img img,
.articles-listing-wrapper .article-outer.event .article-img img{ border-radius: 5px 0 0 5px;}
.articles-listing-wrapper.events-listing .article-outer .article-content,
.articles-listing-wrapper .article-outer.event .article-content { }
.articles-listing-wrapper.events-listing .article-outer .article-content .article-text-wrapper,
.articles-listing-wrapper .article-outer.event .article-content .article-text-wrapper { height: auto;}
.articles-listing-wrapper.events-listing .article-outer .time-label.relative,
.articles-listing-wrapper .article-outer.event .time-label.relative{ position: relative; top: 0; left: 0;}

.search-listing-wrapper .article-outer{ width: calc(25% - 24px)}
.search-listing-wrapper .article-outer.event{ width: calc(50% - 16px); height: 230px}

.article-outer .time-label.bg-dark-green{background: var(--colorDarkGreen); color: white;}
.article-outer .time-label.bg-turquoise{background: var(--colorTurquoise); color: white}
.article-outer .time-label.bg-light-turquoise{background: rgba(var(--rgbColorTurquoise) / 15%);}
.article-outer .time-label.bg-limeGreen{background: var(--colorLimeGreen); }
.article-outer .time-label.bg-petroleum{background: var(--colorPetroleum); color: white}
.article-outer .time-label.bg-red{background: var(--colorRed);  color: white}
.article-outer .time-label.bg-orange{background: var(--colorOrange);  color: white}
.article-outer .time-label.bg-lightBlue{background: var(--colorLightBlue); color: white}
.article-outer .time-label.bg-peach{background: var(--colorPeach); color: white}
.article-outer .time-label.bg-yellow{background: var(--colorYellow);}
.article-outer .time-label.bg-blue{background: var(--colorBlue);}
.article-outer .time-label.bg-grey{background: var(--colorGrey); color: white}
.article-outer .time-label.bg-lightGrey{background: #F4F4F4;}

.articles-listing-wrapper .article-outer .time-label i,
.articles-carousel-listing-wrapper .article-outer .time-label i{font-size: 14px;}
.articles-listing-wrapper .article-outer .time-label span,
.articles-carousel-listing-wrapper .article-outer .time-label span{padding: 0 8px 0 8px; font-size: 12px; display: inline-flex;
    font-family: var(--mainFont);
    font-weight: 500;
}
.articles-listing-wrapper .article-outer .badges-icon,
.articles-carousel-listing-wrapper .article-outer .badges-icon{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    background: var(--colorTurquoise);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
*[dir="rtl"] .articles-listing-wrapper .article-outer .badges-icon,
*[dir="rtl"] .articles-carousel-listing-wrapper .article-outer .badges-icon{left: 8px; right: auto;}
.articles-listing-wrapper .article-outer .badges-icon i,
.articles-carousel-listing-wrapper .article-outer .badges-icon i{ font-size: 14px;}
.articles-listing-wrapper .article-outer .article-img,
.articles-carousel-listing-wrapper .article-outer .article-img{ width: 100%; height: 175px;}
.articles-listing-wrapper .article-outer .article-img img,
.articles-carousel-listing-wrapper .article-outer .article-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px 5px 0 0;
}
.articles-listing-wrapper .article-outer .article-content,
.articles-carousel-listing-wrapper .article-outer .article-content{ padding: 16px 24px 24px 24px; width: 100%}
.articles-listing-wrapper .article-outer .article-content .article-text-wrapper,
.articles-carousel-listing-wrapper .article-outer .article-content .article-text-wrapper{ height: 200px;}
.articles-listing-wrapper .article-outer .article-text-wrapper a,
.articles-carousel-listing-wrapper .article-outer .article-text-wrapper a{ text-decoration: none; color: var(--colorDarkGreen);}
.articles-listing-wrapper .article-outer .article-text-wrapper a:hover,
.articles-carousel-listing-wrapper .article-outer .article-text-wrapper a:hover{  color: var(--colorTurquoise);}
.articles-listing-wrapper .article-outer .article-title,
.course-widgets .article-title,
.articles-carousel-listing-wrapper .article-outer .article-title{
    font-family: var(--mainFont);
    font-size: 18px;
    line-height: 130%;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    color: var(--colorDarkGreen);

}
.articles-listing-wrapper .article-outer .article-title  .body-text-3 ,
.course-widgets .article-title .body-text-3 ,
.articles-carousel-listing-wrapper .article-outer .article-title  .body-text-3 {
    font-family: var(--mainFont);
    font-weight: 500;
    font-size: 11px;
    line-height: 125%;
    padding-top: 4px;

}
.articles-listing-wrapper .article-outer.v3 .article-title,
.course-widgets .article-title,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title{
    font-family: var(--mainFont);
    position: relative;
    min-height: 53px;
    display: flex;
    align-items: flex-start;
    flex-flow: row;
}
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner { position: relative}
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before,
.course-widgets .article-title .article-title-inner:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before{
    content: "";
    background: var(--colorRed);
    width: 6px;
    height: 100%;
    position: absolute;
    left: -24px;
    top: 0;
}
.course-widgets .article-title .article-title-inner:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before{}
.title-line-dark-green:before{background: var(--colorDarkGreen) !important;}
.title-line-turquoise:before{background: var(--colorTurquoise) !important;}
.title-line-limeGreen:before{background: var(--colorLimeGreen) !important; }
.title-line-petroleum:before{background: var(--colorPetroleum) !important;}
.title-line-purple:before{background: var(--colorPurple) !important;}
.title-line-red:before{background: var(--colorRed) !important;}
.title-line-orange:before{background: var(--colorOrange) !important;}
.title-line-lightBlue:before{background: var(--colorLightBlue) !important;}
.title-line-lightPurple:before{background: var(--colorLightPurple) !important;}
.title-line-peach:before{background: var(--colorPeach) !important;}
.title-line-yellow:before{background: var(--colorYellow) !important;}
.title-line-blue:before{background: var(--colorBlue) !important;}
.title-line-dark-blue:before{background: var(--colorDarkBlue) !important;}
.title-line-grey:before{background: var(--colorGrey) !important;}

.course-widgets .article-title{ min-height: auto; padding: 0 0 0 24px}
*[dir="rtl"] .course-widgets .article-title{ padding: 0 24px 0 0}
.course-widgets .article-title .article-title-inner:before{left:0;}
*[dir="rtl"] .course-widgets .article-title .article-title-inner:before{left:unset; right: 0}
.course-widgets .separator{ width: 100%; background: #ced4da; height: 1px;}
.course-widgets .video-container-wrapper{ height: 240px}

*[dir="rtl"] .articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before,
*[dir="rtl"] .articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner:before{
    left: unset; right: -24px;
}

.notable-speakers-wrapper{}
.notable-speakers-wrapper .col-md-6{ padding: 0 0;}
.notable-speakers-wrapper .row{ margin: 0 0;}
.notable-speakers-wrapper .sub-h3{ margin-bottom: 4px; line-height: 19px}
.notable-speakers-wrapper .notable-speaker{ background:#F2F2F2 url("../images/svg/img-bg-e-1-turquoise.svg"); background-size: cover;
    margin-bottom: 42px; padding: 32px 0;
    width: 100%; max-width: 312px; height:368px;


}
.notable-speaker-img{ width: 90%; max-width: 268px; height: 232px; margin: 0 auto 0 auto; border-radius: 5px; background: white}
.notable-speaker-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}

.event-agenda-v3 .row.mgx0_imp{ margin: 0 0; padding: 0 0; gap: 16px}
.event-agenda-v3 .row.mgx0_imp .col-md-6 { width: calc(50% - 8px); margin: 0 0; padding: 0 0;  }

.selection-committee-counter{ display: none}
.wrapper-border-box.selection-committee .body-text-2{ line-height: 130%}
.event-agenda-v3 .row.mgx0_imp.sc-show-less{ margin: 0 0; padding: 0 0; gap: 0}
.sc-show-less{ padding: 0 0; margin: 0 0; gap: 0;}
.sc-show-less .col-md-6{ width: auto; padding: 0; margin:0 -6px; display: none}
.event-agenda-v3 .row.mgx0_imp.sc-show-less .col-md-6{ width: auto; padding: 0; margin:0 -6px; }
.sc-show-less .col-md-6:first-child,
.sc-show-less .col-md-12 + .col-md-6 { margin: 0 -6px 0 0 !important; display:block; width: auto; padding: 0; }





.sc-show-less .col-md-6:nth-child(-n+3),
.sc-show-less .selection-committee-counter{ display: block}
.show-btn{ margin-right: 50%}
*[dir="rtl"] .show-btn{ margin-right: unset; margin-left: 50%}
.show-btn i{ margin-bottom: 3px; padding: 0 0 !important;}
.show-btn:hover,
.show-btn:focus{ color: var(--colorTurquoise) !important;}

.sc-show-less .show-btn{ padding: 0 24px; margin-right:0}
.col-md-12.show-btn{ }
.show-btn .more{ display: none}
.show-btn .less,
.show-btn .more{ padding: 0 8px}
.sc-show-less .show-btn .more{ display: block}
.sc-show-less .show-btn .less{ display: none}

.sc-show-less .wrapper-border-box.selection-committee{padding: 0 !important; border:none}
.sc-show-less .author-info-block-wrapper{margin: 0 !important; }
.sc-show-less .author-img{border: 2px solid var(--colorWhite) !important; background: none !important;  }
.sc-show-less .left  { padding: 0 !important;}
.sc-show-less .right { display: none}
.sc-show-less .body-text-2 { display: none}
.sc-show-less .body-text-3 { display: none}
.selection-committee-counter{ position: relative; z-index: 2}
.selection-committee-counter .inner-counter{ background: #F1F1F5; height: 42px; width: 42px; border-radius: 50%; display: flex; text-align: center; align-items: center;
font-size: 12px; font-weight: bold; justify-content: center;     border: 2px solid var(--colorWhite) !important;}

.event-agenda-v3{}
.event-agenda-v3 .wrapper-border-box.selection-committee{ padding:  16px;}

.event-agenda-v3 .author-info-block-wrapper.medium .author-img{width: 40px; height: 40px; border: 2px solid var(--colorLimeGreen); background: none}
.event-agenda-v3 .wrapper-border-box.selection-committee .author-info-block-wrapper .social a{ margin: 0 0 0 0;}
.program-highlights {}
.program-highlights .icon-img{ height: 48px; }
.program-highlights .icon-img img{ height: 48px; }

.icon-img-wrapper{ display: flex;  align-items: center; justify-content: flex-start;}
.icon-img-wrapper .icon{ height: 14px; margin-bottom: 2px}
.icon-img-wrapper .icon img{ height: 100%; display: block;}

.para-left-border.dark-green:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.dark-green:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.dark-green:before{background: var(--colorDarkGreen);}
 a.fc-daygrid-event.fc-event-past.dark-green,a.fc-daygrid-event.fc-event-future.dark-green { background: var(--colorDarkGreen);}
.para-left-border.turquoise:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.turquoise:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.turquoise:before{background: var(--colorTurquoise);}
 a.fc-daygrid-event.fc-event-past.turquoise,a.fc-daygrid-event.fc-event-future.turquoise  { background: var(--colorTurquoise);}
.para-left-border.lime-green:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.lime-green:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.lime-green:before{background: var(--colorLimeGreen);}
 a.fc-daygrid-event.fc-event-past.lime-green,a.fc-daygrid-event.fc-event-future.lime-green  { background: var(--colorLimeGreen);}
.para-left-border.petroleum:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.petroleum:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.petroleum:before{background: var(--colorPetroleum);}
 a.fc-daygrid-event.fc-event-past.petroleum,a.fc-daygrid-event.fc-event-future.petroleum  { background: var(--colorPetroleum);}
.para-left-border.purple:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.purple:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.purple:before{background: var(--colorPurple);}
 a.fc-daygrid-event.fc-event-past.purple,a.fc-daygrid-event.fc-event-future.purple  { background: var(--colorPurple);}
.para-left-border.red:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.red:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.red:before{background: var(--colorRed);}
 a.fc-daygrid-event.fc-event-past.red,a.fc-daygrid-event.fc-event-future.red { background: var(--colorRed);}
.para-left-border.orange:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.orange:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.orange:before{background: var(--colorOrange);}
 a.fc-daygrid-event.fc-event-past.orange,a.fc-daygrid-event.fc-event-future.orange  { background: var(--colorOrange);}
.para-left-border.light-blue:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.light-blue:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.light-blue:before{background: var(--colorLightBlue);}
a.fc-daygrid-event.fc-event-past.light-blue,a.fc-daygrid-event.fc-event-future.light-blue { background: var(--colorLightBlue);}
.para-left-border.light-purple:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.light-purple:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.light-purple:before{background: var(--colorLightPurple);}
a.fc-daygrid-event.fc-event-past.light-purple,a.fc-daygrid-event.fc-event-future.light-purple { background: var(--colorLightPurple);}
.para-left-border.peach:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.peach:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.peach:before{background: var(--colorPeach);}
a.fc-daygrid-event.fc-event-past.peach,a.fc-daygrid-event.fc-event-future.peach { background: var(--colorPeach);}
.para-left-border.yellow:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.yellow:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.yellow:before{background: var(--colorYellow);}
a.fc-daygrid-event.fc-event-past.yellow,a.fc-daygrid-event.fc-event-future.yellow  { background: var(--colorYellow);}
.para-left-border.blue:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.blue:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.blue:before{background: var(--colorBlue);}
a.fc-daygrid-event.fc-event-past.blue,a.fc-daygrid-event.fc-event-future.blue  { background: var(--colorBlue);}
.para-left-border.grey:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.grey:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.grey:before{background: var(--colorGrey);}
a.fc-daygrid-event.fc-event-past.grey,a.fc-daygrid-event.fc-event-future.grey  { background: var(--colorGrey);}
.para-left-border.white:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.white:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.white:before{background: var(--colorWhite);}
a.fc-daygrid-event.fc-event-past.white,a.fc-daygrid-event.fc-event-future.white  { background: var(--colorWhite);}
.para-left-border.black:before,
.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.black:before,
.articles-carousel-listing-wrapper .article-outer.v3 .article-title .article-title-inner.black:before{background: var(--colorBlack);}
a.fc-daygrid-event.fc-event-past.black,a.fc-daygrid-event.fc-event-future.black  { background: var(--colorBlack);}

.articles-listing-wrapper .article-outer .item-list,
.articles-listing-wrapper .article-outer .item-list a{
    color: var(--colorGrey);
    font-family: var(--mainFont);
    font-size: 14px;
    line-height: 125%;
    font-weight: 200;
}
.articles-listing-wrapper .article-outer .item-list i { width: 16px}
.articles-listing-wrapper .article-outer .item-list i + span{ margin: 0 8px}
.articles-listing-wrapper .article-outer .item-list li{ padding: 4px 0}

.articles-listing-wrapper .article-outer .article-title:hover,
.articles-carousel-listing-wrapper .article-outer .article-title:hover{}
.articles-listing-wrapper .article-outer .article-text,
.articles-carousel-listing-wrapper .article-outer .article-text{
    font-family: var(--mainFontN);
    font-size: 14px;
    font-weight: 400;
    color: var(--colorGrey);
    line-height: 21px;
}
.articles-listing-wrapper .article-outer .bottom-links-wrapper,
.course-widgets .bottom-links-wrapper,
.articles-carousel-listing-wrapper .article-outer .bottom-links-wrapper{
    display: flex;
    justify-content: space-between;
    line-height: 24px;
}
.articles-listing-wrapper .article-tags{}
.articles-carousel-listing-wrapper .article-tags,
.articles-listing-wrapper .article-tags a,
.articles-carousel-listing-wrapper .article-tags a{
    font-family: var(--mainFont);
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    color: var(--colorDarkGreen);
    text-decoration: none;
}
.articles-listing-wrapper .icon-link a:hover i,
.articles-carousel-listing-wrapper .icon-link a:hover i,
.articles-listing-wrapper .icon-link a.active i,
.articles-carousel-listing-wrapper .icon-link a.active i{ font-weight: normal}
.btn-bar-wrapper{
    display: flex ;
    align-items: center;
    justify-content: center;
    /*gap: 16px;*/
}


.btn-bar-wrapper.start{ justify-content: flex-start; }
.btn-bar-wrapper.end{ justify-content: flex-end; }
.btn-bar-wrapper a:last-child { margin: 0 0 0 0;}
.btn-bar-wrapper.alone a {margin: 0 0 0 0;}

.tabs-content-wrapper{}
.tabs-content-wrapper .nav-tabs{ border-bottom: 1px solid #F4F4F4;}
.tabs-content-wrapper .nav-tabs .nav-link{ text-decoration: none;  background: none; border: none; letter-spacing: 1px;  border-radius: 0; font-family:var(--mainFontN); color: var(--colorGrey); font-weight: 400; font-size: 14px;}
.tabs-content-wrapper .nav-tabs .nav-link a{ text-decoration: none; color: var(--colorGrey);  }
.tabs-content-wrapper .nav-tabs .nav-link.active a{ color: var(--colorTurquoise); }
.tabs-content-wrapper .nav-tabs .nav-item.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.active{ color: var(--colorTurquoise); border-bottom: 2px solid var(--colorTurquoise); font-weight: 600;}
.tabs-content-wrapper .nav-tabs .nav-item.colorTurquoise.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorTurquoise.active{ color: var(--colorTurquoise); border-bottom: 2px solid var(--colorTurquoise);}
.tabs-content-wrapper .nav-tabs .nav-item.colorPeach.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorPeach.active{ color: var(--colorPeach); border-bottom: 2px solid var(--colorPeach);}
.tabs-content-wrapper .nav-tabs .nav-item.colororange.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colororange.active{ color: var(--colorOrange); border-bottom: 2px solid var(--colorOrange);}
.tabs-content-wrapper .nav-tabs .nav-item.colorred.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorred.active{ color: var(--colorRed); border-bottom: 2px solid var(--colorRed);}
.tabs-content-wrapper .nav-tabs .nav-item.colorLightBlue.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorLightBlue.active{ color: var(--colorLightBlue); border-bottom: 2px solid var(--colorLightBlue);}
.tabs-content-wrapper .nav-tabs .nav-item.colorBlue.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorBlue.active{ color: var(--colorBlue); border-bottom: 2px solid var(--colorBlue);}
.tabs-content-wrapper .nav-tabs .nav-item.colorPetroleum.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorPetroleum.active{ color: var(--colorPetroleum); border-bottom: 2px solid var(--colorPetroleum);}
.tabs-content-wrapper .nav-tabs .nav-item.colorYellow.show .nav-link,
.tabs-content-wrapper .nav-tabs .nav-link.colorYellow.active{ color: var(--colorYellow); border-bottom: 2px solid var(--colorYellow);}

.content-detail .tabs-content-wrapper .nav-tabs{padding-bottom: 0;}
.content-detail .tabs-content-wrapper .nav-tabs li{ padding-left: 0; padding-bottom: 0; line-height: inherit; position: inherit;}
*[dir="rtl"] .content-detail .tabs-content-wrapper .nav-tabs li{ padding-right: 0; }
.content-detail .tabs-content-wrapper .nav-tabs li .nav-link,
.content-detail .tabs-content-wrapper .nav-tabs li .nav-link a{  font-size: 17px; white-space: nowrap;}
.event-overview-v3.content-detail .tabs-content-wrapper .nav-tabs li .nav-link,
.event-overview-v3.content-detail .tabs-content-wrapper .nav-tabs li .nav-link a{  font-size: 18px; white-space: nowrap;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    color: rgba(18 18 18 / 0.75);
}
.event-overview-v3.content-detail .tabs-content-wrapper .nav-tabs .nav-item.show .nav-link,
.event-overview-v3.content-detail .tabs-content-wrapper #eventAgendaTab.nav-tabs .nav-link { padding: 16px 40px}
.event-overview-v3.content-detail .tabs-content-wrapper .nav-tabs .nav-link.active{ color: rgba(33 181 146 / 1);}
.event-overview-v3.content-detail .wrapper-border-box.selection-committee .author-info-block-wrapper.medium{ align-items: center; }
.event-overview-v3.content-detail .wrapper-border-box.selection-committee .author-info-block-wrapper.medium .right .social{ width: 100%; position: relative}


.content-detail{}
.content-detail .content-detail-inner-wrapper{ width: 100%; margin: 0 auto; }
.content-detail h1, .content-detail h2, .content-detail h3,
.content-detail p, .content-detail ol, .content-detail ul{ padding-bottom: calc(var(--space) * 3);}
.content-detail p{ font-size: 18px; line-height: 27px;  }

.content-detail .content-detail-inner-wrapper .item.social{}
.content-detail .content-detail-inner-wrapper .item.social svg{ height: 36px; width: auto}
.content-detail .content-detail-inner-wrapper .item.social a{ text-decoration: none}
.content-detail .content-detail-inner-wrapper  .mta .item.social svg{ height: 24px; width: auto}



.wrapper-border-box{ border: 1px solid rgba(var(--rgbColorGrey) / 0.25 ); padding:24px; border-radius:5px; color: black; }
.wrapper-border-box.radius10{border-radius: 10px}
.wrapper-border-box.selection-committee{ padding:24px 16px; position: relative}
.wrapper-border-box.selection-committee .author-info-block-wrapper .social{    font-size: 18px;}
.wrapper-border-box.selection-committee .author-info-block-wrapper .social a{ margin: -12px 0 0 0;}



.wrapper-border-box.about-instructor{ padding:24px 24px; position: relative}
.wrapper-border-box.about-instructor .author-info-block-wrapper .social{    font-size: 18px;}
.wrapper-border-box.about-instructor .author-info-block-wrapper .social.v3{ position: absolute; right: 24px; top: 24px}
*[dir="rtl"] .wrapper-border-box.about-instructor .author-info-block-wrapper .social.v3{ position: absolute; left: 24px; right: unset; top: 24px}
.wrapper-border-box.about-instructor .author-info-block-wrapper .social.v3 a{ margin: 0 0 0 0; width: auto; padding: 4px 16px 0 16px; border-radius: 9px; font-weight: 700;
    font-size: 14px;
    line-height: 17px;}
.wrapper-border-box.about-instructor .author-info-block-wrapper .social a{ margin: -12px 0 0 0;}
.wrapper-border-box.about-instructor .author-info-block-wrapper .left{ padding-top: 8px}


.wrapper-border-box.mg-top{ margin-top: -82px; position: relative; z-index: 5; min-height: 96px }
.wrapper-border-box .icon-box-wrapper { height:40px;  }
.wrapper-border-box .icon-box-wrapper img{ height: 100%;  }
.wrapper-border-box .box-top-img{ margin: -24px -24px 16px -24px; }
.wrapper-border-box .box-top-img img{ object-fit: cover;  width: 100%}

.wrapper-border-box.table { padding:0; vertical-align: middle;  overflow-X: auto; white-space: nowrap; width: 100% }
.wrapper-border-box.table::-webkit-scrollbar { width: 10px; height: 10px;  cursor: pointer; }
.wrapper-border-box.table::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.wrapper-border-box.table::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(var(--rgbColorDarkGreen) / 1);
    cursor: pointer;
}
.wrapper-border-box.table::-webkit-scrollbar-thumb:hover{
    background: var(--colorDarkGreen);
}

.wrapper-border-box table>:not(:first-child ){ border: none }
.wrapper-border-box table tr { border: none !important; border-bottom-width: 0 !important; }
.wrapper-border-box table tr { margin: 0;   }
.wrapper-border-box table tr th,
.wrapper-border-box table tr td { height:74px !important; vertical-align:middle; border: none !important; padding: 0 24px; border-bottom-width: 0 !important; }
.wrapper-border-box table .color-grey{ color: var(--colorGrey) !important;}
.wrapper-border-box table thead th,
.wrapper-border-box table thead td { font-weight: 500; color: #00372A;
    height: 74px !important; background-color: #FAFAFB;
}
 .wrapper-border-box table tbody tr:nth-of-type(odd)>*{ font-weight: 300;  color: #203040; background-color: white; --bs-table-accent-bg:white;}
 .wrapper-border-box table tbody tr:nth-of-type(even)>*{ font-weight: 300;  color: #203040; background-color: #FAFAFB; --bs-table-accent-bg:#FAFAFB;}

.wrapper-border-box .program-highlights-icon img{ height: 48px; width: auto; }




.content-gallery{ position: relative; padding-bottom: 110px;}
.content-gallery .carousel-inner { border-radius: 5px;}
.content-gallery .carousel-inner img {width: 100%; height: 100%;}
.content-gallery .carousel-item { max-height: 400px; }
.event .content-gallery .carousel-item { max-height: 400px; height: 400px; }

.content-gallery .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.content-gallery .carousel-indicators {
    margin: 0 0 0 0;
    justify-content: start;
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.content-gallery div.carousel-indicators{width: 72%; left: 14%; right: 14%}
.content-gallery .carousel-indicators ol{ width: 100%; overflow-x:hidden; justify-content: space-between }
.content-gallery .carousel-indicators>li { width: 80px; margin: 0 8px; padding: 0; }
.content-gallery .carousel-indicators>li:before { display: none}
.content-gallery .carousel-indicators li a { display: block; width: 100%; height: 100%; margin: 0 0 0 0;}
.content-gallery .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    width: 80px;
    height: 64px;
    object-fit: cover;
    border-radius: 5px;
}
.content-gallery .carousel-indicators .active img { opacity: 1}
.content-gallery .carousel-indicators li:hover img { opacity: 0.75 }

.content-gallery .carousel-indicators .thumb{ display: inline-block}
.content-gallery .carousel-indicators .thumb button{ width: 80px; height: 64px;}
.content-gallery .carousel-indicators .thumb img{
    display: block;
    opacity: 0.5;
    width: 80px;
    height: 64px;
    object-fit: cover;
    border-radius: 5px;
}


.content-gallery .carousel-control-prev, .content-gallery .carousel-control-next{
    width: 56px;
    height: 56px;
    background: white;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    opacity: 1;
    bottom: 28px;
    top: unset;

}
.content-gallery .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.content-gallery .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.content-gallery .carousel-control-prev:hover, .content-gallery .carousel-control-next:hover{ background: var(--colorTurquoise);}
.content-gallery .carousel-control-prev:hover .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.content-gallery .carousel-control-next:hover .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.content-banner{ }
.content-banner a{ display: block; text-decoration: none}
.content-banner .content-banner-img-wrapper{ position: relative; width: 100%; height: 100%;}
.content-banner .content-banner-img-wrapper .main-img{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);  }

.insights-detail .content-banner img{ width: 100%; aspect-ratio: 2 / 1.5; min-height: 100%; object-fit: cover;}

.content-banner-img-wrapper .elements{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: visible;
}
.content-banner-img-wrapper .elements:before {
    content: "";
    width: 100%; height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.content-banner-img-wrapper .elements.e10  { right: 12%; bottom: -24px;}
.content-banner-img-wrapper .elements.e10:before {
    background-position: right bottom ;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}
.content-banner-img-wrapper .elements.e10.art-color-lime-green:before { background-image: var(--elements-10-LimeGreen); }

.content-banner-img-wrapper .elements.e4  { z-index: 0; left: 12%; bottom: 0;}
.content-banner-img-wrapper .elements.e4:before {
    background-position: left bottom ;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.content-banner-img-wrapper .elements.e4.art-color-turquoise:before { background-image: var(--elements-4-Turquoise);}

.content-banner.v3{ border-radius: 5px; position: relative; overflow: hidden }

.content-banner.v3 .elements{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: visible;
}
.content-banner.v3 .elements:before {
    content: "";
    width: 100%; height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.content-banner.v3 .elements.e4{ z-index: 0; right: 0; top: 0; width: 60px;  height: 120px; }
*[dir="rtl"] .content-banner.v3 .elements.e4{left:0; right: unset;}
.content-banner.v3 .elements.e4:before {
    background-position: left bottom ;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.content-banner.v3 .elements.e4.art-color-turquoise:before { background-image: var(--elements-4-Turquoise);}

.content-banner.v3 .elements.e10  { left: 0; top: 0;}
*[dir="rtl"] .content-banner.v3 .elements.e10  { left: unset; right: 0;}
.content-banner.v3 .elements.e10:before {
    background-position: left top ;
    background-repeat: no-repeat;
    background-size: 130px 70px;
}
*[dir="rtl"] .content-banner.v3 .elements.e10:before {background-position: right top ;}
.content-banner.v3 .elements.e10.art-color-lime-green:before { background-image: var(--elements-11-LimeGreen); }
.content-banner.v3 .link{ text-decoration: none; color: var(--colorLimeGreen); display: flex; align-items: center;}
.content-banner.v3 .link span{ height: 26px}
.content-banner.v3 .link svg{ margin: 0 8px}
*[dir="rtl"] .content-banner.v3 .link svg{ transform: rotate(180deg)}
.content-banner.v3 .link:hover{ text-decoration: none; color: var(--colorWhite); }
.content-banner.v3 .link:hover svg[stroke]{ stroke: white;}
.content-banner.v3 .link:hover svg[fill]{ fill: white;}
.content-banner.v3 .link:hover svg[fill="none"]{ fill: none;}



.content-banner.v3 .content-banner-img-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 280px;
}
.content-banner.v3 .content-banner-img-wrapper.small{  min-height: 222px; height: 100%;}
.content-banner.v3 .content-banner-img-wrapper .main-img{
    width: 280px;
    height: 100%;
    bottom: unset;
    left: unset;
    right: 0;
    transform: unset;
}
*[dir="rtl"] .content-banner.v3 .content-banner-img-wrapper .main-img{left: 0; right: unset;}
.content-banner.v3.v2 .content-banner-img-wrapper{
    position: relative;
    width: 100%;
    height: 380px;
}
.content-banner.v3.v2 .content-banner-img-wrapper .main-img{
    width: 380px;
}
.separator{ width: 100%; background: #ced4da; height: 1px;}
.separator.or{ position: relative}
.separator.or:before{ content: "OR"; position: absolute; left:calc(50% - 16px ); top: calc(50% - 10px ) ; font-size: 16px; color: #ced4da; background: white;
    height: 20px;
    width: 32px;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}
*[dir="rtl"] .separator.or:before{ content: "أو";}


.course-widgets{}
.course-widgets .registration-timer-wrapper{
    background: rgba(var(--rgbColorTurquoise) / 0.08);
    padding: 8px 16px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 24px;
}
.course-widgets .registration-timer-wrapper .title{ font-size: 16px; font-family: var(--mainFont);  line-height: 16px; font-weight: 500}
.course-widgets .registration-timer-wrapper .registration-timer{
    display: flex;
    justify-content:center ;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--mainFont);
    color: var(--colorTurquoise);
}
.course-widgets .registration-timer-wrapper .registration-timer .label{font-size: 10px; font-weight: 300; color: var(--colorDarkGreen);}
.course-widgets .course-widgets-table-wrapper{  }
.course-widgets .course-widgets-table-wrapper .row{ }
.course-widgets .course-widgets-table-wrapper .body-text-2{line-height: 16px;/* white-space: nowrap*/ }
.course-widgets .course-widgets-table-wrapper .body-text-2[style]{  width: clamp(28px, 70%, 230px); text-align:right}
*[dir="rtl"] .course-widgets .course-widgets-table-wrapper .body-text-2[style]{  text-align:left}
.course-widgets .course-widgets-table-wrapper i{ font-size: 16px; line-height: 16px }
.course-widgets.on-header{
    position: fixed;
    top: unset;
    /* position: absolute;
    top: 0;*/
    right: unset;
    background: white;
    width: 100%;
    max-width: 380px;
    transition: all 1s;
}
*[dir="rtl"] .course-widgets.on-header{left: unset !important; right: auto;}

.rightFixed{ position: fixed !important; right:auto !important; top: unset  !important; transition: all 1s;}

.page-sections{ }

.page-sections a{ text-decoration: none; color: inherit}

header .content-detail{ position: relative}
.main-partners-wrapper{position: relative; border: none; border-radius: 0 5px 5px 0;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
*[dir="rtl"] .main-partners-wrapper{border-radius: 5px 0 0 5px;}
.main-partners-wrapper:before{content: " "; z-index: 0; background: none; width: 50vw; position: absolute; left: calc(-50vw + 0px ); top: 0; height: 100%;}
*[dir="rtl"] .main-partners-wrapper:before{left:unset; right: calc(-50vw + 0px );}

header.event-overview-v3 .headerContentWset{ max-width: 730px;}

.content-detail ul ,
.content-detail ol {}
.content-detail ul li,
.content-detail ol li{
    font-family: var(--mainFontN);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 16px;
    position: relative;
    padding-left: 24px;

}
*[dir="rtl"] .content-detail ul li,
*[dir="rtl"] .content-detail ol li{ padding-left: inherit; padding-right: 24px;}
.content-detail ul li:last-child,
.content-detail ol li:last-child{padding-bottom: 0;}
.content-detail ol { counter-reset: li;}
.content-detail ol li{ counter-increment: li;}
.content-detail ol li::before {
    font-family: var(--mainFont);
    content: counter(li)".";
    color: var(--colorTurquoise);
    position: absolute;
    display: inline-block; width: 1em; margin-left: -24px
}
*[dir="rtl"] .content-detail ol li::before { margin-right: -24px; margin-left: inherit }
.content-detail ul li::before {
    content: " "; border-radius:50%; color: var(--colorTurquoise); background: var(--colorTurquoise);
    display: inline-block; width: 8px; height: 8px;
    position: absolute; top: 8px;
    margin-left: -24px;
}
.content-detail ul li::before{}
*[dir="rtl"] .content-detail ul li::before { margin-right: -24px; margin-left: inherit; }
.content-detail ul.small li::before {width: 5px; top: 10px; height: 5px;  margin-left: -24px; }
*[dir="rtl"] .content-detail ul.small li::before { margin-right: -24px; margin-left: inherit; }
.content-detail ul.check li::before ,
.content-detail .check li::before {
    content:"\f00c";
    background: none !important;
    font-size: 12px;
    line-height: 8px;
    font-family: 'Font Awesome 5 Free', serif;}
.content-detail ol.round li{padding-left: 64px; min-height: 48px; }
*[dir="rtl"] .content-detail ol.round li{padding-right: 64px; padding-left:inherit; }
.content-detail ol.round li::before { content: counter(li) ; width: 44px; height: 44px;  margin-left: -64px; background: var(--colorDarkGreen); border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center}
*[dir="rtl"] .content-detail ol.round li::before { margin-right: -64px; margin-left: inherit;}
.content-detail ul.black li::before {background: var(--colorBlack); color: var(--colorBlack);}
.content-detail ol.black li::before { color: var(--colorBlack);}
.content-detail ul.lime-green li::before ,
.content-detail .lime-green li::before {background: var(--colorLimeGreen); color: var(--colorLimeGreen);}
.content-detail .lime-green li::before ,
.content-detail ol.lime-green li::before { color: var(--colorLimeGreen);}
.content-detail .body-text-img{ width: 375px; height: 245px; object-fit: cover; border-radius: 5px; float: left; }
*[dir="rtl"] .content-detail .body-text-img{ float: right;}
.content-detail .body-text-img-2{ width: 176px; height: 222px; object-fit: cover; border-radius: 5px; float: left; }
*[dir="rtl"] .content-detail .body-text-img-2{ float: right;}
.content-detail .body-text-img-3{ width: 263px; height: 308px; object-fit: cover; border-radius: 5%; float: left; }
*[dir="rtl"] .content-detail .body-text-img-3{ float: right;}
.content-detail .application-process ol.round li::before{ z-index: 1 }
.content-detail .application-process ol.round li::after{ content: ""; height: 99.9%; width: 2px;
    position: absolute;
    left: 21px;
    top: 0;
    z-index: 0;
    background: var(--colorDarkGreen);
}
*[dir="rtl"] .content-detail .application-process ol.round li::after{left:unset; right: 21px;}
.content-detail .application-process ol.round li .sub-h2{ font-weight: 300;}
.content-detail .application-process ol.round li:last-child::after{background: none}
.content-detail .links-bar-wrapper{color: var(--colorDarkGreen); font-family: var(--mainFontN); font-weight: 600; font-size: 18px; line-height: 27px;}
.content-detail .links-bar-wrapper a{ text-decoration: none; color: var(--colorDarkGreen); margin-right: 8px; font-weight: 600;}
.content-detail .links-bar-wrapper a .fa,
.content-detail .links-bar-wrapper a .far,
.content-detail .links-bar-wrapper a .fas{ text-decoration: none; color: var(--colorLimeGreen); margin: 0 8px}
.content-detail .links-bar-wrapper a .fa.fa-grip-lines-vertical{ margin: 0 8px 0 0;}
*[dir="rtl"] .content-detail .links-bar-wrapper a .fa.fa-grip-lines-vertical{ margin: 0 0 0 8px;}

.content-detail .nav-links-bar-wrapper{ display: flex; justify-content: space-between; align-items: center}
.content-detail .nav-links-bar-wrapper.border-bottom{border-bottom: 1px solid rgba(137, 138, 141, 0.15);}
.content-detail .nav-links-bar-wrapper .tags-wrapper .label{ font-family: var(--mainFontN); font-weight: 500; font-size: 14px; color: var(--colorDarkGreen); font-style: italic}
.content-detail .nav-links-bar-wrapper .tags-wrapper a{
    font-family: var(--mainFontN);
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
    padding: 0 4px;
}
.content-detail .nav-links-bar-wrapper .btns-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.content-detail .nav-links-bar-wrapper .btns-wrapper .btn { width: fit-content; }
.content-detail .nav-links-bar-wrapper .btns-wrapper .btn i{ margin: 0 8px;}
.content-detail .nav-links-bar-wrapper .btns-wrapper .label{ /*padding:0 16px 0 0;*/}
*[dir="rtl"] .content-detail .nav-links-bar-wrapper .btns-wrapper .label{  /*padding: 0 0 0 16px;*/}

.content-detail .nav-links-bar-wrapper .tags-wrapper.partners-logo{display: flex; flex-flow: wrap;}
.content-detail .nav-links-bar-wrapper .tags-wrapper.partners-logo .body-text-2 { width: 100%;}
.content-detail .nav-links-bar-wrapper .tags-wrapper.partners-logo img{ height: 32px;  margin-bottom: 12px; }

.content-detail .img-container{ display: flex; grid-gap: 60px; justify-content: center; align-items: center}
.content-detail .img-container img{ border-radius: 5px; width: 550px; height: 380px; object-fit: cover;}
.content-detail .img-container.full-wd img{ border-radius: 5px; width: 100%; height: 380px; object-fit: cover;}
/*.img-container-contain{ display: flex; grid-gap: 0; justify-content: center; align-items: center}*/
.img-container-contain img{ border-radius: 5px; width: 100%; height: 380px; object-fit: contain;}

.video-container-wrapper{
    position: relative;
    height: 470px;
}
.video-container-wrapper .img-container {    grid-gap: 0;  width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-container-wrapper .img-container ,
.content-detail .video-container-wrapper .img-container img{ height: 100%;}
.video-container-wrapper .play{ position: absolute; top:calc(50% - 40px); left: calc(50% - 40px); z-index: 2;}

.video-container-wrapper .img-container img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px}

.video-container-wrapper iframe{ width: 100%; height: 100%; border-radius: 5px}

.content-detail .inner-banner{
    height: 500px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 5px;
    color: white;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    position: relative;
}
.content-detail .inner-banner:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(var(--rgbColorBlack) / 0.5);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.content-detail .inner-banner .inner-banner-content{ max-width: 650px; position: relative}
.content-detail .inner-banner .inner-banner-content h2{ color: white; padding-bottom: var( --space); text-decoration: none}
.content-detail .inner-banner .inner-banner-content a { text-decoration: none}
.content-detail .inner-banner .inner-banner-content a:hover { text-decoration: none}
.content-detail .inner-banner .inner-banner-content a:hover h2{ color: var(--colorTurquoise);}
.content-detail .inner-banner .inner-banner-content p{ color: white; padding-bottom: var( --space)}
.content-detail .inner-banner .inner-banner-content .bottom-links-wrapper{ display: flex; justify-content: flex-start; line-height: 24px;}
.content-detail .inner-banner .inner-banner-content .bottom-links-wrapper a{ color: white; text-decoration: none}
.content-detail .inner-banner .inner-banner-content .bottom-links-wrapper a:hover{color: var(--colorTurquoise); text-decoration: none}
.content-detail .inner-banner .inner-banner-content .bottom-links-wrapper .icon-link a:hover i{
    font-family: 'Font Awesome 5 Free', serif; font-weight: 400;}
.content-detail .inner-banner .inner-banner-content .time-label{
    width: fit-content;
    height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: var(--colorDarkGreen);
}
.content-detail .inner-banner .inner-banner-content .time-label i{ font-size: 14px;}
.content-detail .inner-banner .inner-banner-content .time-label span{  padding: 0 8px;
    font-size: 12px;
    display: inline-flex;
}
.content-detail .inner-banner .inner-banner-content .badges-icon{
    width: 24px;
    height: 24px;
    background: var(--colorTurquoise);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-detail .sign-up-alert-box-wrapper{
    margin-top: -24px;
    border: 1px solid #000000;
    padding: 24px;
    /*box-shadow: 0 -5px 12px -5px #333;*/
    position: relative;
    text-align: center;
}
.content-detail .sign-up-alert-box-wrapper:before{ content: "" ; height: 53px; width: 100%;
    background: url("../images/trasparent-line.png");
    position: absolute;
    top: -55px;
    left: 0;
}
.content-detail .sign-up-alert-box-wrapper a{text-decoration: none}

.content-detail .podcast-about-wrapper{
    display: flex;
    max-width: 1010px;
    margin: auto;
}

.content-detail .podcast-about-wrapper .podcast-about-image{ width: 400px; height: 400px}
.content-detail .podcast-about-wrapper .podcast-about-image img{ width: 400px; border-radius: 5px;
    height: 100%; object-fit: cover}
.accordion{margin: auto}
.accordion .accordion-button{ line-height: 27px;  color: black}
*[dir="rtl"] .accordion .accordion-button{ text-align: right;}
.accordion .accordion-button a{ text-decoration: none; color: black}

.content-detail .podcast-about-wrapper.v3{ margin: unset; max-width: 1216px;}
.content-detail .podcast-about-wrapper.v3 .podcast-about-image{
    width: 380px;
    height: 370px;
}
.content-detail .podcast-about-wrapper.v3 .podcast-about-image img{ width: 380px}

.podcast-element{position: relative; overflow: hidden;}
.podcast-element.v3:before{display: none}
.podcast-element:before,
.podcast-element:after{
    content: "";
    position: absolute;
    top: 100px;
    height: 40px;
    width: 300px;
    background: var(--heading-elements-7-lightGray);
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.podcast-element:before{ left: -115px; transform: translateY(-50%) rotate(180deg); background-position: left; }
.podcast-element:after{ right: -115px; transform: translateY(-50%); background-position: right;}

.accordion .accordion-button {  outline: none !important;}
.accordion-button:focus{box-shadow: none;}

.podcast-content-wrapper { background: white;}
.podcast-content-wrapper .accordion{max-width: 800px; }

.podcast-content-wrapper.v3 .accordion-body {border: 1px solid #E5E5E5;}
.podcast-content-wrapper.v3 .accordion-button:after{ background-color: var(--colorDarkBlue)}
.podcast-content-wrapper.v3 .accordion-button:not(.collapsed)::after{ background-color: var(--colorDarkGreen)}
.podcast-content-wrapper.v3 .filter-nav ul li{ background: var(--colorDarkBlue); color: white; height: 76px; padding: 24px 40px; }
.podcast-content-wrapper.v3 .filter-nav ul li a{ font-size: 20px; font-weight: 500;  }
.podcast-content-wrapper.v3 .filter-nav ul li.has-child > a:after{
    background: white;
    color: black;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    font-size: 10px;
    /*margin: 0 40px 0 40px;*/
}
.podcast-content-wrapper.v3 .filter-nav ul li ul{ top: 85px; min-width: 100%; z-index: 100}
.podcast-content-wrapper.v3 .filter-nav ul li ul li{ background: white; height: unset; padding: 0;}
.podcast-content-wrapper.v3 .filter-nav ul li ul li a{ font-size: 16px; padding: 24px; color: var(--colorDarkBlue)}


.testimonial-slider-wrapper{}
.testimonial-slider-wrapper .testimonial-slide{
    max-width: 800px;
    margin: auto;
}
.testimonial-slider-wrapper .testimonial-slide .sub-h2{ font-size: 44px; font-weight: 500; font-style: italic; line-height: 130%; letter-spacing: -0.03em}
.testimonial-slider-wrapper .testimonial-slide .sub-h2 .btnMore,
.testimonial-slider-wrapper .testimonial-slide .sub-h2 .btnLess{ display: inline-block; font-size: 32px; text-decoration: none; cursor: pointer; color: var(--colorTurquoise)}
.testimonial-slider-wrapper .testimonial-slide .sub-h2 .btnMore:hover{ text-decoration: underline}
.testimonial-slider-wrapper .testimonial-slide .sub-h2 .more-text{ display: none}
.testimonial-slider-wrapper .testimonial-slide .sub-h2 .btnLess{ display: none}
.testimonial-slider-wrapper .testimonial-slide .author-info-block-wrapper{ border: none; align-items: center;}
.testimonial-slider-wrapper .testimonial-slide .author-info-block-wrapper .name{ font-size: 24px; font-weight: 500}

.testimonial-slider-wrapper .btn-bar-wrapper { position: relative}
.testimonial-slider-wrapper .btn-bar-wrapper button{position: relative}

.testimonial-slider-wrapper .carousel-control-prev,
.testimonial-slider-wrapper .carousel-control-next {
    top: unset;
    bottom: 0;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(var(--rgbColorTurquoise) / 9);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    background-color: unset;
    transform: translateY(0);
    border-radius: 50%;
    opacity: 1;
}

.testimonial-slider-wrapper .btn-bar-wrapper button{ position: relative}
.testimonial-slider-wrapper .carousel-control-prev-icon,
.testimonial-slider-wrapper .carousel-control-next-icon{ width: 18px}




.apple-podcast{}
.apple-podcast .apple-podcast-wrapper{ display: flex; height: 180px; margin: 0 auto; box-sizing: border-box;}
.apple-podcast .apple-podcast-wrapper .apple-podcast-img{
    width: 180px;
    height: 180px;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content{
    font-family: var(--mainFontN);
    max-width: 76%;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .apple-podcast-date{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    color: #898A8D;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .apple-podcast-heading{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--colorDarkGreen);
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .apple-podcast-info{
    font-size: 16px;
    line-height: 20px;
    color: #898A8D;
}


.apple-podcast .apple-podcast-wrapper .apple-podcast-content .nav-links-bar-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .nav-links-bar-wrapper .btns-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .nav-links-bar-wrapper .btns-wrapper .btn{
    width: fit-content;
    padding: 0 16px;
}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .nav-links-bar-wrapper .btns-wrapper .btn i{margin: 0 8px;}
.apple-podcast .apple-podcast-wrapper .apple-podcast-content .nav-links-bar-wrapper .btns-wrapper .btn{ font-weight: 500; font-family: var(--mainFontN)}

.accordion{

}
.accordion .accordion-item{
    background: white;
    border: 0 solid rgba(var(--rgbColorGrey) / 0.25);
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin: 16px 0;
}
.accordion .accordion-item:first-of-type{}

.accordion .podcast-player-wrapper{ max-width: 100%; background: none; border:none; box-shadow:none;}

.accordion .accordion-button{border-radius: 5px; padding: 24px; font-size: 18px; font-weight: 600; border: 0 solid rgba(var(--rgbColorGrey) / 0.25); font-family: var(--mainFontN); background-color:white;}
.accordion .accordion-button:not(.collapsed){ font-size: 18px; border: 0 solid rgba(var(--rgbColorGrey) / 0.25); font-weight: 600; box-shadow : none; color: var(--colorDarkGreen); font-family: var(--mainFontN)}


.event .accordion .accordion-body{}
.event .accordion .accordion-item{ border: 1px solid #E5E5E5; box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);}
.event .accordion .accordion-item:first-child{ margin-top: 0}

.accordion .accordion-body{ background: #F7F7F9}

.accordion-button::after{ background-color: var(--colorTurquoise); border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: 14px auto ;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
*[dir="rtl"] .accordion-button::after{ margin-left: unset; margin-right: auto;}
.accordion-button:not(.collapsed)::after{ background-color: var(--colorLimeGreen); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.faq .accordion-button:not(.collapsed)::after{ background-color: var(--colorLimeGreen); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.accordion-course-outline{}
.accordion-course-outline .accordion-header{ cursor: pointer}
.accordion-course-outline .accordion-header [aria-expanded="true"] .wrapper-border-box { border-radius: 5px 5px 0 0 ; }
.accordion-course-outline .accordion-header .wrapper-border-box { position: relative; }
.accordion-course-outline .accordion-header .wrapper-border-box::after{ content: ""; background-color: var(--colorDarkGreen);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat;
    background-size: 14px auto; background-position: center center;
    width: 24px;
    height: 24px; position: absolute; right:16px; top: 50%; transform: translateY(-50%); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.accordion-course-outline .accordion-header [aria-expanded="true"] .wrapper-border-box::after{
    background-color: var(--colorTurquoise);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); top: 50%; transform: rotate(-180deg) translateY(50%);  }
*[dir="rtl"] .accordion-course-outline .accordion-header .wrapper-border-box::after{ left: 16px; right: auto}
    /*.accordion-course-outline .accordion-header .collapsed .wrapper-border-box { border-radius: 5px 5px 5px 5px ;}*/
.accordion-course-outline .accordion-header .col-1{ padding: 0 0}
.accordion-course-outline .accordion-header .img-container{ width: 72px}
.accordion-course-outline .accordion-collapse .wrapper-border-box{
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.accordion-course-outline .accordion-item{
    background: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 0;
}

.podcast-player-wrapper{
    max-width: 800px;
    height: 180px;
    margin: 0 auto;
    background: white;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: relative;
    display: flex;
}
.podcast-img{
    width: 180px;
    height: 100%;
}
.podcast-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 0 0 0;
}
.podcast-player-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.podcast-player-controls .btn{ width: calc(var(--space ) * 6); height: calc(var(--space ) * 6); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);}
.podcast-player-controls .progress-bar{
    background: rgba(137, 138, 141, 0.15);
    height: 4px;
    width: 380px;
}

.podcast-player-controls .progress-bar .progress-buffer{ height: 4px; background: var(--colorTurquoise);}
.podcast-player-controls .volume{ width: 140px; display: flex; align-items: center; justify-content: flex-start;}
.podcast-player-controls .volume .progress-bar{width: 110px;}

.podcast-player-controls .progress-bar .progress-buffer{     color: rgba(193,200,209,.6);}

.podcast-player-video{}

.podcast-player-video .podcast-player-wrapper{
    max-width: 680px;
    height: 460px;
    margin: 0 auto;
    background: white;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: relative;
}
.podcast-player-video .podcast-img{ width: 100%; height: 100%; border-radius: 5px;}
.podcast-player-video .podcast-img img{ border-radius: 5px;}
.podcast-player-video .podcast-player-controls{ position: absolute; bottom: 32px; left: calc(50% - 274px); color: white }
.podcast-player-video .podcast-player-controls .progress-bar{ background: rgba(137, 138, 141, 0.55); }

.author-info-block-wrapper{
    border-top: 1px solid var(--colorGrey);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.author-info-block-wrapper.mta{ border: none}
.author-info-block-wrapper.large,
.author-info-block-wrapper.medium{border-top: 0;}
.author-info-block-wrapper .author-img{ background: white; width: 70px; height: 70px; border-radius: 50%;}
.author-info-block-wrapper.mta .author-img{ width: 82px; height: 82px;}
.author-info-block-wrapper.medium .author-img{ width: 104px; height: 104px;}
.author-info-block-wrapper.large .author-img{ width: 124px; height: 124px;}
.author-info-block-wrapper .author-img img{ border-radius: 50%; width: 100%; height: 100%; object-fit: cover}
.author-info-block-wrapper .social { font-size: 22px; display: flex }
.author-info-block-wrapper .social a{ margin-right: 8px; margin-top: -12px;}
.author-info-block-wrapper .social a:hover i,
.author-info-block-wrapper .social a.active i{ font-family: "Font Awesome 5 Free", serif; font-weight: normal}

.gray-box.mta .social{}
.gray-box.mta .social span{ padding: 0 8px; font-size: 20px;}
.gray-box.mta .social span i{ }
.gray-box.mta .social span a:hover i{ font-family: 'Font Awesome 5 free', serif;}

.gray-box .video-sponsered-by-logo{ width: 120px; height: 64px;}
.gray-box .video-sponsered-by-logo img{ width: 100px; height: 100%; object-fit: contain;}

*[dir="rtl"] .profile .gray-box.mta  .main-title-bar h3{ padding: 0 0 0 0}

.gray-box.mta{ position: relative; overflow: hidden}
.gray-box.mta .art-work-1{ position: absolute; width: 34px; height: 56px; bottom: 0; left: 0}
*[dir="rtl"] .gray-box.mta .art-work-1{  left: unset; right: 0}
.gray-box.mta .art-work-1 svg,
.gray-box.mta .art-work-2 svg{ width: 100%; height: 100%;}
[dir="rtl"] .gray-box.mta .art-work-2 svg{ transform: rotate(180deg);}
.gray-box.mta .art-work-2{ position: absolute; width: 72px; height: 35px; top: 0; right: 0}
*[dir="rtl"] .gray-box.mta .art-work-2{right: unset; left: 0}
.label-tags-wrapper{ display: flex; flex-flow: wrap}
.label-tags-wrapper .label-tag{
    width: fit-content;
    padding: 8px 16px 7px 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--colorTurquoise);
    color: white;
    margin-right: 8px;
    margin-bottom: 8px;
    text-decoration: none;
}
.gray-box.mta .complete-your-profile{ padding: 0 24px}
.gray-box.mta .complete-your-profile .complete-your-profile-badge{  }
.gray-box.mta .complete-your-profile .complete-your-profile-badge img{ width: 72px; height: 72px; object-fit: contain }
.gray-box.mta .complete-your-profile .progress-wrapper { padding: 12px 0}

.gray-box.mta .complete-your-profile .progress-wrapper .progress-main{
    height: 9px;
    overflow: hidden;
    background: rgba(var(--rgbColorGrey) / 0.25);
    border-radius: 6px;
}
.gray-box.mta .complete-your-profile .progress-wrapper .progress-main .bar{
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #20a5a1;
}
*[dir="rtl"] .gray-box.mta .complete-your-profile .progress-wrapper .progress-main .bar{ float: right;}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper{ }
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar{  flex-flow: column }
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li{ font-size: 14px; text-align: unset; display: flex;  align-items: center; padding: 8px 0 }
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li .body-text-2{ color: #C4C5C6; padding-top: 4px;}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li .counter{ font-weight: 500; color: #C4C5C6; padding-top: 4px;}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li.active .body-text-2{  color: var(--colorDarkGreen)}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li.active .counter{  color: var(--colorTurquoise)}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li:before{  content: ""; width: 22px; height: 20px; margin: 0 0 0 0; line-height: 18px; font-size: 8px }
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li:after{ height: 50%; border-bottom:unset; border-left:1px solid var(--colorGrey) ;  left: 9px; top: 36px; }
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li.active:before{ content: "\f00c";}
.gray-box.mta .complete-your-profile .my-app-progressbar-wrapper .my-app-progressbar li:last-child:after{ display: none}
.gray-box.mta .complete-your-profile .progressbar-outer { height: 160px; overflow: hidden}
.gray-box.mta.complete-profile .bottom-btn-bar{ margin-top: 0; }
.gray-box.mta.complete-profile .bottom-btn-bar .more{ display: flex }
.gray-box.mta.complete-profile .bottom-btn-bar .less{ display: none }
.gray-box.mta.complete-profile.active  {  }
.gray-box.mta.complete-profile.active  .complete-your-profile .progressbar-outer{ height: auto; overflow: unset  }
.gray-box.mta.complete-profile.active .bottom-btn-bar{ margin-top: 0; }
.gray-box.mta.complete-profile.active .bottom-btn-bar .more{ display: none }
.gray-box.mta.complete-profile.active .bottom-btn-bar .less{ display: flex }

.label-tags-wrapper .label-tag.gray{background: #F4F4F4; color: var(--colorDarkGreen);}
.label-tags-wrapper .label-tag.dark-green{background: var(--colorDarkGreen); color: white;}
.label-tags-wrapper a:hover.label-tag{ background: var(--colorDarkGreen); color: white;}
.label-tags-wrapper .label-tag span{
    font-size: 16px;
    display: inline-flex;
    font-family: var(--mainFont);
    font-weight: 500;
}
.label-tags-wrapper.v3  .label-tag{padding: 12px 16px; }
.label-tags-wrapper.v3 .label-tag .label-tag span{font-family: var(--mainFont);  }
.label-tags-wrapper .label-tag .close{
    background: white;
    display: flex;
    width: 16px;
    height: 16px;
    color: var(--colorTurquoise);;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0 0 8px;
    cursor: pointer;
}
*[dir="rtl"] .label-tags-wrapper .label-tag .close{ margin: 0 8px 0 0;}
.label-tags-wrapper .label-tag .close:hover{background: var(--colorDarkGreen); color: white;}

.label-tags-wrapper .label-tag i + span{padding: 2px 8px 0 8px;}
.icontest{ font-size: 44px; line-height: normal; border: 1px solid var(--colorBlue); /*height: 54px;*/    }

.icontest .far:hover{ font-weight: normal}
.icontest .fab:hover{ font-family: "Font Awesome 5 Free", serif; font-weight: normal}

.user2-info-wrapper{ }
.user2-info-wrapper .user2-info-img-wrapper {background: var(--elements-4-Turquoise);}
.user2-info-wrapper .user2-info-img-wrapper img{
    border-radius: 0;
    width: 100%;
}

.two-col-content{
    display: grid;
    justify-content: start;
    align-items: stretch;
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 32px;
}
.two-col-content.col-auto{ grid-template-columns: auto auto auto auto;}
.two-col-content .col-left{ grid-column-start: span 1; width: 380px; position: relative}
.two-col-content .col-left .stickyDiv{ width: 380px;}
.two-col-content .col-center{ grid-column-start: span 3;}
.insights-author .two-col-content .col-center {    grid-column-start: span 2;}
.two-col-content .span2{ grid-column-start: span 2;}
.two-col-content .col-center .articles-listing-wrapper{ grid-template-columns: repeat(auto-fill, 280px);}
.insights-author .two-col-content .col-center .articles-listing-wrapper {  grid-template-columns: repeat(auto-fill, 48%);}
.two-col-content .span-2{ grid-column-start: span 2;}
.two-col-content .span-1{ grid-column-start: span 1;}
   /* grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
}*/

.fc-theme-standard{
    background: white;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    gap:0;
}
.fc .fc-toolbar{justify-content: flex-start !important;}
.fc .fc-toolbar.fc-header-toolbar{ margin-bottom: 0 !important; padding: 24px 32px;}
.fc .fc-toolbar-title{padding: 4px 16px 0 16px; font-size: 28px; font-family: var(--mainFont);}
.fc .fc-button-group > .fc-button{
    width: 56px;
    height: 56px;
    background: white;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    border-radius: 50% !important;
    margin: 0 8px;
    cursor: pointer;
}
.fc-popover-body .fc-daygrid-event-harness .fc-daygrid-event{ border-radius: 0; margin-right: 0 !important; margin-left: 0 !important;}
.insight-nologin{ height: 100vh; overflow: hidden}
.insight-nologin .sign-up-alert-box-wrapper{
    position: sticky;
    text-align: center;
    bottom: 0;
    /*transform: translatey(-50%);*/
    background: #fafafa;
}
.insight-nologin .top-nav-bar-wrapper,
.insight-nologin .links-bar-wrapper,
.insight-nologin .nav-links-bar-wrapper,
.insight-nologin .subscribe ,
.insight-nologin footer { pointer-events: none}

.fc .fc-h-event, .fc .fc-event{background: var(--colorTurquoise); border: 1px solid var(--colorTurquoise); height: 44px; border-radius: 5px; padding: 4px 8px;
    font-family: var(--mainFontN);
    font-size: 12px;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
}
.fc .fc-h-event:hover, .fc .fc-event:hover{background: var(--colorTurquoise); border: 1px solid var(--colorTurquoise); height: 44px; border-radius: 5px; padding: 4px 8px;}
.fc .fc-button .fc-icon{color: var(--colorDarkGreen);cursor: pointer;}
.fc .fc-button-group > .fc-button:hover{background: var(--colorTurquoise);border: 1px solid var(--colorTurquoise); box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);}
.fc .fc-button-group > .fc-button:hover .fc-icon,.fc .fc-button .fc-icon:hover{ color: white}
.fc .fc-col-header-cell{padding: 4px;}
.fc .fc-col-header-cell-cushion{ color: var(--colorDarkGreen); text-decoration: none; cursor: pointer; font-family: var(--mainFontN); font-size: 14px}
.fc .fc-col-header-cell-cushion:hover{ color: var(--colorLimeGreen);}
.fc .fc-daygrid-day.fc-day-today{background-color: rgba(var(--rgbColorTurquoise) / 0.15) !important; }
.fc .fc-daygrid-day-top{flex-direction: row; padding: 8px 8px 0 8px;}
.fc .fc-daygrid-day-frame{background: rgba(var(--rgbColorGrey) / 0.05);}
.fc-daygrid-day-number{ text-decoration: none; color: var(--colorGrey); cursor: pointer; font-family: var(--mainFontN); font-size: 14px}
.fc-daygrid-day-number:hover{ color: var(--colorLimeGreen);}
.fc-theme-standard td {height: 120px;}
.fc-event .fc-event-main{ height: 100%; display: flex; align-items: center}
.fc-daygrid-day-bottom{ }

.fc .fc-daygrid-more-link{
    color: #121212; font-family: var(--mainFontN);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    background: #E5E5E5; border-radius: 5px;
    padding: 4px 8px;
    width: 100%;
    display: block;
    text-decoration: none;
}
.fc .fc-list-event-dot{ border-color: var(--colorTurquoise) !important;}

.fc-h-event .fc-event-main{ font-family: var(--mainFontN); font-size: 12px; line-height: 150%; font-style: normal; font-weight: 400; }
*[dir="rtl"] .fc-event .fc-event-main{justify-content: end; text-align: right}
*[dir="rtl"] .fc .fc-h-event, *[dir="rtl"] .fc .fc-event{justify-content: end; text-align: right}
*[dir="rtl"] a.fc-daygrid-more-link.fc-more-link{    text-align: right; padding: 13px 8px 0 0 ;}
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child { margin-left: auto; }
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group{  }
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group > .fc-button{ color: var(--colorDarkGreen); border-radius: 0 !important; width: fit-content; margin: 0 0;}
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group > .fc-button.fc-button-active{ color: white; border-color:var(--colorTurquoise) ; background: var(--colorTurquoise);}
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group > .fc-button:hover{ color: white; background: var(--colorTurquoise);}
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group > .fc-button:first-child{border-radius: 5px 0 0 5px !important}
.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group > .fc-button:last-child { border-radius: 0 5px 5px 0 !important}

.two-col-content .col-center .articles-listing-wrapper{}
.white-content-box{
    max-width: 100%;
    min-height: 120px;
    margin: 0 auto;
    background: white;
    border: 1px solid rgba(var(--rgbColorGrey) / 0.25);
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: relative;
}
.two-col-content .col-left .author-box .social{ font-size: 24px}
.two-col-content .col-left .author-box .social a{ margin-right: 8px;}
*[dir="rtl"] .two-col-content .col-left .author-box .social a{ margin-left: 8px; margin-right: inherit;}
.two-col-content .col-left .author-box .social a:hover i, .autor-box .social a.active i{    font-family: "Font Awesome 5 Free", serif; font-weight: normal;}

.contact-us{ font-size: 24px}
.contact-us .social a{ margin-right: 8px;}
*[dir="rtl"] .contact-us .social a{ margin-left: 8px; margin-right: inherit;}
.contact-us .social a:hover i, .autor-box .social a.active i{    font-family: "Font Awesome 5 Free", serif; font-weight: normal;}


.application-form-box-wrapper{
    margin-top: -15px !important;
    position: relative;
    max-width: 1000px;
    box-shadow: 0 0 12px rgb(var(--rgbColorBlack) / 5%);
    background: white;
}

.application-form-box-wrapper.gray-box h3, .application-form-box-wrapper.gray-box p{ padding: 0 0 0 0;}

.application-form-box-wrapper.gray-box h3, .application-form-box-wrapper.gray-box p{ padding: 0 0 0 0;}
.application-form-box-wrapper .umbraco-forms-field{ padding: 8px 0;}
.application-form-box-wrapper .radiobuttonlist{ display: flex; padding-top: 8px; flex-flow: row wrap;}
.application-form-box-wrapper .radiobuttonlist .form-check{ padding-left: inherit; padding-right: 1.5em;}
*[dir="rtl"] .application-form-box-wrapper .radiobuttonlist .form-check{ padding-left: 1.5em; padding-right: inherit;}

.application-form-box-wrapper .checkboxlist{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(160px, 1fr));}

.umbraco-forms-caption{ font-size: 18px; font-weight: 400; font-family:var(--mainFont);color: var(--colorDarkGreen);}
.umbraco-forms-container label {
    font-size: 14px;
    line-height: 16px;
    color: var(--colorDarkGreen);
    padding-bottom: 8px;
    width: 100%;
}
.umbraco-forms-container label .umbracoForms-Indicator { color: var(--colorPeach)}

.umbraco-forms-field-wrapper .datepickerfieldshadow,
.umbraco-forms-field-wrapper .form-control {
    height: 48px;
    color: var(--colorDarkGreen);
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--mainFontN);
    font-weight: normal;
}
.umbraco-forms-field-wrapper textarea.form-control{ min-height: 120px;}
.umbraco-forms-field-wrapper .field-validation-valid{ font-size: 16px; color: var(--colorTurquoise); font-family: var(--mainFontN)}
.umbraco-forms-field-wrapper .field-validation-error{ font-size: 16px; color: var(--colorPeach); font-family: var(--mainFontN)}
.contact-us .btn-wrapper{ padding-top: 16px}

.umbraco-forms-field-wrapper select.form-control{    height: 48px;
    color: var(--colorDarkGreen);
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--mainFontN);
    font-weight: normal;
    background: url(../images/svg/icon-arrow-down-turquoise.svg) no-repeat center right 16px;
    background-size: auto 6px;}
.umbraco-forms-field-wrapper input[type="file"] {
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--mainFontN);
    height: auto;
    border: 0 solid #ced4da;
    background-clip: padding-box;
    display: block;
    overflow: hidden;
    line-height: 32px;
    cursor: pointer;

}
*[dir="rtl"] .umbraco-forms-field-wrapper select.form-control{background: url(../images/svg/icon-arrow-down-turquoise.svg) no-repeat center left 16px;}

.two-col-content .col-left .author-box .author-img {
    background: var(--colorDarkGreen);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 24px;
}
.two-col-content .col-left .author-box .author-img img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.testimonials-slider-wrapper{ height: 510px; width: 100%; position: relative; overflow: hidden; cursor: pointer }
.testimonials-slider-wrapper ul{ /*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px;
    overflow-y: scroll;*/ }
*[dir="rtl"] .testimonials-slider-wrapper ul{ left: -17px;}
.testimonials-slider-wrapper ul li:first-child{margin-top: 32px;}
.testimonials-slider-wrapper ul li{  background: rgba(var(--rgbColorGrey) / 0.05); min-height: 60px; border-radius:5px; margin-bottom: 24px; padding: 16px 24px   }
.testimonials-slider-wrapper ul li:nth-child(even){ margin-left:33%;  }
.testimonials-slider-wrapper ul li:nth-child(odd){ margin-right:33%;}
.testimonials-slider-wrapper .bottom-links-wrapper{
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}
.testimonials-slider-wrapper .testimonials-star-wrapper{ font-size: 12px; color: var(--colorGrey)}
.testimonials-slider-wrapper .testimonials-star-wrapper .checked{ color: var(--colorYellow)}
.testimonials-slider-wrapper .author-name{
    font-family: var(--mainFont);
    font-weight: 400;
    font-size: 12px;
}




.subscribe{
    height: 220px;
    width: 100%;
    background: url("../images/1.png");
    color: white;
    border-radius:5px;
    padding: 32px 56px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    background-size: cover;
}

.subscribe h2{ color: white}
.subscribe p{
    font-family: var(--mainFontN);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
.subscribe .subscribe-form {
    padding-top: 24px;
}
.subscribe .subscribe-form form {
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.subscribe .subscribe-form .subscribe-input {
    background: none;
    border-radius: 5px;
    border: 1px solid white;
    height: 48px;
    padding: 0 15px;
    font-family: var(--main-font);
    font-size: 14px;
    color: white;
    width: 380px;
}

.subscribe .subscribe-form .btn {
    height: 48px;
    width: fit-content;
    padding: 0 48px;
    outline: none;
    margin: 0 16px;
}

.subscribe.newsletter{  background: white; height: auto; padding: 60px 0; position: relative;}
.subscribe.newsletter .subscribe-content{ position: relative; z-index: 1;}
.subscribe.newsletter .newsletter-img{ height: 100%; margin-right: -16px}
*[dir="rtl"] .subscribe.newsletter .newsletter-img{ height: 100%; margin-left: -16px; margin-right: auto; transform: rotatey(180deg);}
.subscribe.newsletter .newsletter-element{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    z-index: 0;
    background: white;
}
.subscribe.newsletter .newsletter-element .right{ height: 50%}

.subscribe.newsletter h2,
.subscribe.newsletter h3,
.subscribe.newsletter p{ color: var(--colorDarkGreen); }

.subscribe .subscribe-form .subscribe-input{border: 1px solid var(--colorDarkGreen); color: var(--colorDarkGreen); font-size: 11px; border-radius: 5px 0 0 5px; border-right: none;}
*[dir="rtl"] .subscribe .subscribe-form .subscribe-input{border-radius: 0 5px 5px 0 ; border-left: none; border-right: 1px solid var(--colorDarkGreen);}

.subscribe .subscribe-form .subscribe-input:invalid {}
.form-control.is-invalid, .was-validated .form-control:invalid{border: 1px solid var(--colorRed); border-right: none ;}
.subscribe .subscribe-form  .invalid-feedback{ position: absolute; bottom: -20px; }
.subscribe .subscribe-form  .success-feedback{ position: absolute; bottom: -20px; color: var(--colorTurquoise); }
.subscribe .subscribe-form .btn{ margin: 0 0; border-radius: 0 5px 5px 0}
*[dir="rtl"] .subscribe .subscribe-form .btn{border-radius: 5px 0 0 5px; }

.from-box-wrapper{
    min-height: 84vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: auto;

}

.from-box-wrapper .box-container{
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 100%; max-width: 600px;
}

.from-box-wrapper .heading-wrapper{ display: flex; justify-content: space-between; align-items: flex-start; font-size: 16px; font-family: var(--mainFontN); line-height: 55px;}
.from-box-wrapper form .row{ padding: 0; margin: 0;}
.from-box-wrapper form .row>*{ padding: 0; margin: 0;}

.from-box-wrapper .separator{ width: 100%; background: #ced4da; height: 1px;}
.from-box-wrapper .separator.or{ position: relative}
.from-box-wrapper .separator.or:before{ content: "OR"; position: absolute; left:calc(50% - 16px ); top: calc(50% - 10px ) ; font-size: 16px; color: #ced4da; background: white;
    height: 20px;
    width: 32px;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}
.form-outline{ font-size: 16px; font-family: var(--mainFontN);
    padding: 8px 0; margin: 0 0 0 0}
.form-outline label{ font-size: 12px; line-height: 10px; color: var(--colorGrey)}
.form-outline .inner-addon{ position: relative;}
.form-outline .inner-addon .form-control{ height: 48px; color: var(--colorDarkGreen);  padding: 0 40px; border-radius: 5px; font-size: 16px; font-family: var(--mainFontN); font-weight: normal;}
*[dir="rtl"] .form-outline .inner-addon .form-control{
    flex-flow: row-reverse;
    text-align: right;
}
.form-outline .inner-addon .form-control::placeholder{ color: var(--colorGrey)}
.form-outline .inner-addon i{ position: absolute;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 16px;
    top: 0;
    font-size: 12px;
    color: var(--colorGrey);
}
.form-outline .inner-addon .opt-input .form-control{ background: rgba(var(--rgbColorGrey ) / 0.15) ; border: none !important;
    height: 82px;
    width: 66px;
    margin: 0 8px;
    font-size: 56px;
    line-height: 82px;
    text-align: center;
    padding: 8px 0 0 0;
    font-family: var(--mainFontN);
    color: var(--colorGrey);
}

.form-control.is-invalid, .was-validated .form-control:invalid{border-color: var(--colorPeach);}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{    border-color: var(--colorPeach);}
.valid-feedback, .invalid-feedback{ font-size: 16px; margin-top: 8px;}
.valid-feedback, .form-outline .inner-addon .valid-feedback i{ color: var(--colorTurquoise)}
.invalid-feedback, .form-outline .inner-addon .invalid-feedback i{ color: var(--colorPeach)}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF6B63'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF6B63' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right 8px;
}
*[dir="rtl"] .was-validated .form-control:invalid, .form-control.is-invalid {

    background-position: center left 8px;
}

.form-check-input{ width: 16px; height: 16px; border-radius: 3px; margin: 0 0 ;  border: 1px solid #ced4da;}
.form-check-input[type=checkbox]{border-radius: 3px;}
.form-check-input:checked{
    background-color: var(--colorTurquoise);
    border-color: var(--colorTurquoise);
}
.form-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form-check .form-check-label{ font-size: 16px; color: black; padding: 0 16px; line-height: 18px}
.form-outline .btn{ width: 100%}


*[dir="rtl"] .pre-login-wrapper .separator.or:before{ content: "أو";}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .row  * .valid-feedback,
.was-validated :valid ~ .valid-tooltip{ display: block}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .row  * .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block;
}
.form-outline .inner-addon .valid-feedback i,
.form-outline .inner-addon .invalid-feedback i{
    position: relative;
    width: fit-content;
    display: inline;
    margin: 0 0;
}
.form-outline .inner-addon .valid-feedback span,
.form-outline .inner-addon .invalid-feedback span{ padding: 0 8px}
.row.validation { display: none}
.is-valid ~ .row.validation,
.is-invalid ~ .row.validation,
.was-validated :valid ~ .row.validation,
.was-validated :invalid ~ .row.validation{ display: flex}


.content-gallery-wrapper { display: flex; }
.content-gallery-wrapper .left-wrapper{ width: calc(30% - 16px); margin-right: 32px; height: 100%  }
*[dir="rtl"] .content-gallery-wrapper .left-wrapper{ width: calc(30% - 16px); margin-right: 0; margin-left: 32px; height: 100%  }
.content-gallery-wrapper .content-gallery-carousel{  width: calc(70% - 16px); }
.content-gallery-wrapper .content-gallery-carousel .carousel-inner{  display: flex; gap: 32px; max-width:1440px; max-height: 390px;  }

.content-gallery-wrapper .content-gallery-carousel .carousel-item { position: absolute; top: 0; left: 0; width: 115%; height: 100%; display: flex; gap: 32px;  opacity: 0.3 !important; }
*[dir="rtl"] .content-gallery-wrapper .content-gallery-carousel .carousel-item{ left: -15%;}
.content-gallery-wrapper .content-gallery-carousel .carousel-item .article-outer{ position: relative; width: 100%; height: 70%; }
.content-gallery-wrapper .content-gallery-carousel .carousel-item .article-outer:nth-child(2){  width: 140%; height: 100% }
.content-gallery-wrapper .content-gallery-carousel .carousel-item.active{  z-index: 2; opacity: 1 !important}
.content-gallery-wrapper .content-gallery-carousel  .carousel-item .article-outer .article-img { width: 100%; height: 100%; border-radius: 5px; background: #ced4da}
.content-gallery-wrapper .content-gallery-carousel  .carousel-item .article-outer .article-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px}
.content-gallery-wrapper .btn-bar-wrapper .d-flex{ padding-left: 8vw; }
*[dir="rtl"] .content-gallery-wrapper .btn-bar-wrapper .d-flex{ padding-left: 0; padding-right: 10vw; }
.content-gallery-wrapper .carousel-control-prev,
.content-gallery-wrapper .carousel-control-next {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(var(--rgbColorTurquoise) / 9);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    background-color: unset;
    transform: translateY(0);
    opacity: 1;
}
.content-gallery-wrapper .carousel-control-prev-icon,
.content-gallery-wrapper .carousel-control-next-icon{ width: 18px;}
*[dir="rtl"] .content-gallery-wrapper .carousel-control-prev-icon,
*[dir="rtl"] .content-gallery-wrapper .carousel-control-next-icon{ transform: rotate(180deg)}
.content-gallery-wrapper .carousel-control-prev-icon {  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='%2321B592' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.87925 12.1802L7.9305 11.1352L3.77026 6.99213L12.8437 6.99213L12.8437 5.50983L3.77026 5.50983L7.93795 1.37421L6.87925 0.321777L0.914757 6.25098L6.87925 12.1802Z'/%3E%3C/svg%3E");}
.content-gallery-wrapper .carousel-control-next-icon {  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='%2321B592' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12075 11.9302L5.0695 10.8852L9.22974 6.74213L0.15625 6.74213L0.15625 5.25983L9.22974 5.25983L5.06205 1.12421L6.12075 0.0717771L12.0852 6.00098L6.12075 11.9302Z' /%3E%3C/svg%3E");}
.content-gallery-wrapper .btn-bar-wrapper{ position: relative; z-index: 5; bottom: 0;   height: 48px; margin-top: 32px; padding: 0 0 ;}


.profile-my-achievements {}

.profile-my-achievements .modal-header {
    border-bottom: none;
    position: absolute;
    width: 103%;
    top: -24px;
    left: 0;
}

.profile-my-achievements .modal-header .btn-close {
    background-color: var(--colorTurquoise);
    width: 40px;
    height: 40px;
    opacity: 1;
    border-radius: 50%;
    padding: 0;
    background: var(--colorTurquoise) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px 12px;
    cursor: pointer;
}

.profile-my-achievements .modal-header .btn-close:hover {
    background-color: var(--colorDarkGreen);
}

*[dir="rtl"] .profile-my-achievements .modal-header{
    right: unset;}

.profile-my-achievements ul{ display: flex; flex-flow: row wrap; justify-content: space-between; }
.profile-my-achievements ul li{ width: 46%; display: flex; justify-content: space-between; margin-bottom: 32px; margin-right: 32px;}
.profile-my-achievements ul li .achievement-badge{}
.profile-my-achievements ul li .achievement-badge img{ width: 56px; height: 56px}
.profile-my-achievements ul li .achievement-content{ width: -webkit-fill-available; width: -moz-available;}
.profile-my-achievements ul li .achievement-icons{}
.profile-my-achievements ul li .achievement-icons a{cursor: pointer}
.profile-my-achievements ul li .achievement-icons i{ font-size: 19px; cursor: pointer}

.profile-my-achievements .progress-wrapper{ width: 90%}
.profile-my-achievements .progress-wrapper .progress-main{ width: 100%; height: 4px; border-radius: 3px; background: #E5E5E5}
.profile-my-achievements .progress-wrapper .progress-main .bar{ background: var(--colorTurquoise); height: 100%}

.profile-my-achievements .modal.my-achievements{}
.profile-my-achievements .modal.my-achievements .modal-dialog{ /*max-width: 784px;*/}
.profile-my-achievements .modal.my-achievements .modal-dialog .modal-body { padding: 48px}
.profile-my-achievements .modal.my-achievements .modal-dialog .popup-achievement-badge{ }
.profile-my-achievements .modal.my-achievements .modal-dialog .popup-achievement-badge img{ width: 80px; height: auto }
.profile-my-achievements .modal.my-achievements .modal-dialog .top-popup-content{display: flex; align-items: center;}
.profile-my-achievements .modal.my-achievements .modal-dialog .popup-achievement-share{display: flex; }
.profile-my-achievements .modal.my-achievements .modal-dialog .popup-achievement-share .social{ margin: unset; min-width: auto; font-size: 19px}
.profile-my-achievements .modal.my-achievements .modal-dialog .popup-achievement-share .social a{ margin: 0 8px; cursor: pointer }

.profile-my-achievements .modal.my-achievements-info  .modal-dialog .popup-achievement-badge{ }
.profile-my-achievements .modal.my-achievements-info  .modal-dialog .popup-achievement-badge img{ width: 72px; height: auto }
.profile-my-achievements .modal.my-achievements-info .progress-wrapper{ width: 64%; margin: auto}
.profile-my-achievements .modal.my-achievements-info .progress-wrapper .progress-main{ width: 100%; height: 8px; border-radius: 6px;     overflow: hidden;  background: #E5E5E5}
.profile-my-achievements .modal.my-achievements-info .progress-wrapper .progress-main .bar{ background: var(--colorTurquoise); height: 100%}


.application-form-steps-wrapper{ text-align: center; margin-bottom: 8px}
.application-form-steps-wrapper ul{ display: flex; justify-content: space-evenly}
.application-form-steps-wrapper li{ display: flex; flex-flow: column; align-items: center; flex: 1; position: relative; }
.application-form-steps-wrapper li:first-child::before{ display: none}
.application-form-steps-wrapper li:last-child::after{ display: none}
.application-form-steps-wrapper li::before ,
.application-form-steps-wrapper li::after { position: absolute; top: 20px; content: ""; width: calc(100% - 42px); border-bottom: 1px solid var(--colorTurquoise);}
.application-form-steps-wrapper li::before { left: calc(-50% + 21px); }
.application-form-steps-wrapper li::after { left: calc(50% + 21px); }
.application-form-steps-wrapper li.active ~ li::before ,
.application-form-steps-wrapper li.active ~ li::after { border-bottom: 1px solid #C4C5C6;}

.application-form-steps-wrapper .step-number{ width: 42px; height: 42px; border: 1px solid var(--colorTurquoise); border-radius: 5px; display: flex; align-items: center; justify-content: center;
    color:  white;
    font-size: 16px;
    font-weight:500 ;
    margin-bottom: 16px;
    background: var(--colorTurquoise);
}
.application-form-steps-wrapper .step-label{
    color:  var(--colorTurquoise);
    font-size: 14px;
    font-weight:300 ;
    text-transform: uppercase;
    max-width: 120px;
}
.application-form-steps-wrapper li.active .step-number{ background: none; color:  var(--colorTurquoise);}
.application-form-steps-wrapper li.active .step-label{ color:  var(--colorTurquoise); font-weight: 500}
.application-form-steps-wrapper li.active ~ li .step-number,
.application-form-steps-wrapper li.active ~ li .step-label{ background: none; color: #C4C5C6; border-color: #C4C5C6}

.article-content .article-text-wrapper .item-list ul{
  list-style: none;
}

.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.before-ffb500:before{
  background: #ffb500 !important;
}

.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.before-00372a:before{
  background: #00372a !important;
}

.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.before-c4003e:before{
  background: #c4003e !important;
}

.articles-listing-wrapper .article-outer.v3 .article-title .article-title-inner.before-0033a1:before{
  background: #0033a1 !important;
}



.modal-backdrop{
	z-index: 1 !important;
}