/*-----------------------+++------------------------
Main CSS File
Site: Pink Attitude
Font: Oswald | Roboto | Caveat
-------------------------+++----------------------*/

/*==============================================
## Common Declaration
================================================*/

:root {
--font: #222D37;
--pink: #EE2A7B;
--darkpink: #882C52;
--lightpink: #EA93AD;
--dimpink: #C63E76;
--dullpink: #D16C8A;
--softpink: #F9C8D4;
--hardpink: #D7879F;
--white: #ffffff;
--black: #111314;
--navy: #112545;
--silver: #F8F1F1;
--border: #C4C4C4;
--btnpadding:0.5rem 1.5rem;
--btnfsize:1.15rem;
--btnrmfsize:0.85rem;
}

*{box-sizing:border-box;}
html, body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
html {
-ms-overflow-style: scrollbar;
}
body {
color: var(--font);
background: var(--white);
}
::selection {
color: #fff;
background-color: var(--pink);
}
::-moz-selection {
color: #fff;
background-color: var(--pink);
}
h1,h2,h3{
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
h4,h5,h6{
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
h1{
font-size: 7.5rem;
}
h2{
font-size: 4rem;
}
h3{
font-size: 2rem;
}
h4{
font-size: 1.8rem;
}
h5{
font-size: 1rem;
}
h6{
font-size: 0.75rem;
}
.oswald-font{
font-family: 'Oswald', sans-serif!important;
}
.roboto-font{
font-family: 'Roboto', sans-serif!important;
}
.caveat{
font-family: 'Caveat', cursive!important;
}
img {
border: 0;
max-width: 100%;
}
a {
color: var(--black);
text-decoration: none;
outline: none;
}
button {
outline: none!important
}
a:hover, a:focus {
color: inherit;
outline: none;
box-shadow: none;
text-decoration: none;
}
.btn.focus, .btn:focus {
box-shadow: none!important;
}
p {
margin: 0 0 20px;
font-weight: normal;
}
strong{
font-weight: 600;
}
small{font-size:90%;}

/*==============================================
## Genearal Declaration
================================================*/
main section{padding-top:8rem;}
main section.spt-8{padding-top:8rem;}
main section.spt-6{padding-top:6rem;}
main section.spt-4{padding-top:4rem;}
main section.spt-2{padding-top:2rem;}
main section.spt-0{padding-top:0rem;}
main section.spb-8{padding-bottom:8rem;}
main section.spb-6{padding-bottom:6rem;}
main section.spb-4{padding-bottom:4rem;}
main section.spb-2{padding-bottom:2rem;}
main section.spb-0{padding-bottom:0rem;}
main section.spy-8{padding-top:8rem; padding-bottom:8rem;}
main section.spy-6{padding-top:6rem; padding-bottom:6rem;}
main section.spy-4{padding-top:4rem; padding-bottom:4rem;}
main section.spy-2{padding-top:2rem; padding-bottom:2rem;}
main section.spy-0{padding-top:0rem; padding-bottom:0rem;}

/*---- Back to Top ----*/
.back-to-top {
position: relative;
z-index: 2;
}
.back-to-top .btn-dark {
width: 35px;
height: 35px;
border-radius: 50%;
padding: 0;
position: fixed;
bottom: 20px;
right: 20px;
background: var(--pink);
border-color: var(--dimpink);
color:var(--white);
line-height: normal;
display: none;
z-index: 999;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.wrapper .btn.read-more::after{content: " "; background: url(../icons/objects/pink-arrow-right.svg) no-repeat; width: 84px; height: 20px; display: inline-block; top: 7px; left: 15px; position: relative;}

/* #Navigation styles
================================================== */
.start-header {
opacity: 1;
transform: translateY(0);
padding: 20px 0;
box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
padding: 10px 0;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
transform: scale(0.9);
}
.navigation-wrap{
position: sticky;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navigation-wrap .navbar{
padding: 0;
}
.navigation-wrap .navbar .navbar-nav .nav-link {
color: var(--pink);
padding: 0 1rem;
font-size: 0.97rem;
}
.navigation-wrap .navbar-brand img{
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navigation-wrap .navbar-toggler {
float: right;
border: none;
padding-right: 0;
}
.navigation-wrap .navbar-toggler:active,
.navigation-wrap .navbar-toggler:focus {
outline: none;
}
.navigation-wrap .navbar-light .navbar-toggler-icon {
width: 24px;
height: 17px;
background-image: none;
position: relative;
border-bottom: 1px solid #000;
transition: all 300ms linear;
}
.navigation-wrap .navbar-light .navbar-toggler-icon:after, 
.navigation-wrap .navbar-light .navbar-toggler-icon:before{
width: 24px;
position: absolute;
height: 1px;
background-color: #000;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
}
.navigation-wrap .navbar-light .navbar-toggler-icon:after{
top: 8px;
}
.navigation-wrap .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);
}
.navigation-wrap .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(8px) rotate(-45deg);
}
.navigation-wrap .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}
.navigation-wrap .nav-link{
transition: all 200ms linear;
position: relative;
padding: 5px 0 !important;
display: inline-block;
}
.navigation-wrap .nav-item:after,
.navigation-wrap .nav-item.active:after
{
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
content: '';
background-color: var(--pink);
opacity: 0;
transition: all 200ms linear;
}
.navigation-wrap .nav-item:hover:after,
.navigation-wrap .nav-item.active:after
{
bottom: 0;
opacity: 1;
}
.navigation-wrap .nav-item.active:hover:after{
opacity: 0;
}
.navigation-wrap .nav-item{
position: relative;
transition: all 200ms linear;
}

/* #Primary style
================================================== */
.navigation-wrap .nav-item .dropdown-menu {
transform: translate3d(0, 10px, 0);
visibility: hidden;
opacity: 0;
max-height: 0;
display: block;
padding: 0;
margin: 0;
transition: all 200ms linear;
}
.navigation-wrap .nav-item.show .dropdown-menu {
opacity: 1;
visibility: visible;
max-height: 999px;
transform: translate3d(0, 0px, 0);
}
.navigation-wrap .dropdown-menu {
padding: 10px!important;
margin: 0;
font-size: 13px;
letter-spacing: 1px;
color: #212121;
background-color: #fcfaff;
border: none;
border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
transition: all 200ms linear;
}
.navigation-wrap .dropdown-item {
padding: 3px 15px;
color: #212121;
border-radius: 2px;
transition: all 200ms linear;
}
.navigation-wrap .dropdown-item:hover, 
.navigation-wrap .dropdown-item:focus {
color: #fff;
background-color: rgba(238, 42, 123, .7);
}

/*-- search box --*/
.search-container{position: relative;}
.search-box {
transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 0.85rem;
border: none;
cursor: pointer;
background: none;
}
.search-box + label .search-icon {
color: var(--black);
}
.search-box:hover {
color: white;
background: var(--pink);
}
.search-box:hover + label .search-icon {
color: white;
}
.search-box:focus {
transition: width 0.4s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.4s, background 0.4s;
border: none;
outline: none;
box-shadow: none;
padding-left: 15px;
cursor: text;
width: 130px;
border-radius: auto;
background: var(--white);
color: black;
}
.search-box:focus + label .search-icon {
color: black;
left:calc(100% - 30px);
top: 50%;
transform: translate(0, -50%);
}
.search-box:not(:focus) {
text-indent: -5000px
}
.search-icon {
position: absolute;
left: calc(50% - 1px);
top: 50%;
transform: translate(-50%, -50%);
color: white;
cursor: pointer;
}

/*==============================================
## Header Section
================================================*/

/*--- Top Bar ---*/
.header-top{background: var(--silver); font-size: 0.9rem;}
.top-bar{display: flex; align-items: center; justify-content: space-between;}
.top-bar .tb-links ul{list-style: none; margin: 0; padding: 0; float: left;}
.top-bar .tb-links ul li{display: inline-block;}
.top-bar .tb-links-1 ul li a{color: var(--darkpink);display: inline-block; margin: 0 0.5rem;}
.top-bar .tb-links-2 ul{float: left;}
.top-bar .tb-links-2 ul li a{display: inline-block; margin: 0 0.5rem; line-height: 48px;}
.top-bar .tb-links-2 .tbl-menus li a{border-bottom: 2px solid transparent;}
.top-bar .tb-links-2 .tbl-menus li a:hover,
.top-bar .tb-links-2 .tbl-menus li.active a
{
border-bottom: 2px solid var(--pink);
}

/*--- Home Banner ---*/
.banner-home .view img{/*min-height: 600px;*/}
.banner-home .carousel-item a{color: inherit;}
.banner-home .cc-custom{transform: translateY(-50%);top: 50%; padding: 0; margin: 0; left: 12%; right: 10%; position: absolute;}
.banner-home .cc-custom .bh-txt{color: var(--white); margin: 2rem; text-align: left;}
.banner-home .cc-custom .bh-txt h2{font-size: 1.25rem;}
.banner-home .cc-custom .bh-txt h3{text-transform: uppercase; font-size: 3.25rem}
.banner-home .h3-responsive{font-size: 3.5rem; text-transform: uppercase;}
.banner-home .ci-slide1 .carousel-caption{bottom: 2rem;}
.banner-home .ci-slide1 .view::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.6) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.banner-home .ci-slide2 .cc-custom .w-element-50{width: calc(50% + 100px);}
.banner-home .carousel-item .cc-custom .bh-img{text-align: center;}
.banner-home .btn.read-more-white.d-block::after {
	left: 0;
	display: block;
}

/*==============================================
## Section Evolution
================================================*/
.section-evolution{background: var(--lightpink) url(../img/circle.png) no-repeat top 50px right 240px; color: var(--white); padding: 0; position: relative;}
.section-evolution .se-pic{position: relative;padding: 4rem 0; }
.section-evolution .se-pic::after {
content: " ";
background: url(../img/empowering-women.png) no-repeat bottom 0 right 0;
background-size: 550px auto;
position: absolute;
height: 100%;
width: 70%;
top: 0;
right: 0;
z-index: 1;
}
.section-evolution h2{font-size: 1.5rem; font-weight: 600;}
.section-evolution h3{font-size: 6.25rem;text-transform: uppercase; line-height: 6.5rem; text-decoration: underline;}
.section-evolution p{max-width: 450px;}
.section-evolution p>a{font-size: 1.25rem; line-height: 20px; font-weight: 500; display: block; color: inherit;position: relative; z-index: 9;}
.section-evolution p>a::after{content: " "; background: url(../icons/objects/white-arrow-right.svg) no-repeat; width: 84px; height: 20px; display: inline-block; top: 7px; left: 15px; position: relative;}

/*==============================================
## Section National
================================================*/
.section-national{background: var(--white);}
.section-national .sn-txt{width: 90%;}
.section-national .sn-flag{display: inline-block; position: relative; bottom: 10px;}
.section-national h2{font-size: 1.5rem; font-weight: 400;}
.section-national h3{font-size: 4rem;text-transform: uppercase; line-height: 4.5rem;}
.section-national .asian-women{position: relative; background: url(../img/small-circle.png) no-repeat top 10% right 50%;}
.section-national .asian-women > div{position: absolute; background-repeat: no-repeat;}
.section-national .asian-women > .aw-teacher{width: 200px; height: 200px; top:70px; left: 0px; background-image: url(../img/women-teacher.png);}
.section-national .asian-women > .aw-doctor-nurse{width: 300px; height: 300px; top:70px; right: 0; background-image: url(../img/women-doctor-nurse.png);}
.section-national .asian-women > .aw-food-service{width: 241px; height: 241px; top:300px; left: 0; background-image: url(../img/women-food-service.png);}
.section-national .asian-women > .aw-retail-manager{width: 200px; height: 200px; top:400px; right: 60px; background-image: url(../img/women-retail-manager.png);}
.section-national .asian-women > div > span{position: absolute; bottom: 20px; background: var(--white); border-radius: 24px; text-align: center; text-transform: uppercase; padding: 7px 10px; font-size: 0.85rem;transform: translateX(-25%);}
.section-national .asian-women > div > span.pos-right{right: 0;transform: translateX(25%); white-space: nowrap;}
.asian-women-common > div > span{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

/*==============================================
## Section Newsletter
================================================*/
.wrapper.newsletter .section-about-highlight{padding: 4rem 0;}
.wrapper.newsletter footer{margin-top: 1rem;}
.section-newsletter .sn-wrap{background: var(--font); padding: 0; color: var(--white);}
.section-newsletter > .container > .row{justify-content: space-between; align-items: center;}
.section-newsletter h4{font-size: 1.5rem; color: var(--white); font-weight: 400;}
.section-newsletter h5{color:var(--pink); font-weight: 500;}
.section-newsletter .sn-bell{background: var(--black); padding: 2rem 2.21rem;}
.section-newsletter .sn-link{margin-right: 3rem;}
.section-newsletter .sn-link a{font-weight: 700;}
.section-newsletter .snt-h4{font-size: 1.35rem; font-weight: 300; margin: 0; text-align: center;}
.section-newsletter .sn-text a{text-decoration: none;color: inherit;}
.section-newsletter .sn-text .snt-h4 a{pointer-events: none}
.section-newsletter .sn-text .btn::after{content: " "; background: url(../icons/objects/white-arrow-right.svg) no-repeat; width: 84px; height: 20px; display: inline-block; top: 5px; left: 15px; position: relative;}

/*==============================================
## Section Gala
================================================*/
.section-gala{background: var(--white) url(../img/water-mark.svg); background-size: cover; background-attachment: fixed;}
.section-gala .h2{text-transform: uppercase; font-size: 3.5rem; font-weight: 400;}
.section-gala h2>span{color: var(--pink);}
.section-gala .sg-women{padding-left: 2rem;}
.section-gala .sg-women h5{font-weight: 500; margin-bottom: 1rem;}
.section-gala .sg-women p{margin-bottom: .75rem; line-height: normal;}
.section-gala .sg-women .p-des{font-size: 0.95rem; font-style: italic;}
.section-gala .sg-women img{width: 150px;}
.section-gala .sg-text{background: var(--font); position: relative;}
.section-gala .sg-text>div{position: absolute; top:50%; transform: translateY(-50%); text-align: center; width: 100%;margin-top: 0.5rem;}
.section-gala .sg-text h3{color: var(--white); text-transform: uppercase; font-size: 1.75rem;}
.section-gala .sg-text h4{color: var(--pink);font-size: 4rem; margin-bottom: 0;}
.section-gala .sg-text h4 a{color: inherit!important;}
.section-gala .sg-awardees .read-more{font-weight: 500;}
.section-gala .sg-awardpre{padding: 0 0 0 2rem;}
.section-gala .sg-awardpre h2{font-size: 2rem;}
.section-gala .sg-awardpre h4{font-size: 1.25rem; font-weight: 500;}
.section-gala .sg-awardpre p>a{font-weight: 500; font-size: var(--btnrmfsize);}


/*==============================================
## Section Sponsors
================================================*/
.section-sponsors{background: var(--white);}
.section-sponsors .ss-wrap{background: var(--silver); padding: 3rem 1rem; text-align: center;}
.section-sponsors .hr{
width: 100%;
border:0;
border-top: solid 1px var(--border);
margin: 0;
}
.section-sponsors h2{font-size: 1.25rem; font-weight: 600;margin-bottom: 40px;}
.section-sponsors .owl-carousel .item img {
/*filter: none;*/
transition: all 0.5s ease;
width: auto;
height: auto;
margin: auto;
}
.section-sponsors .ss-inkind{display: flex; align-items: center; justify-content: space-around;}
.section-sponsors .ssi-text h4{font-size: 1.5rem; font-weight: 500;}
.section-sponsors .owl-carousel .owl-nav button.owl-prev {
float: left;
}
.section-sponsors .owl-carousel .owl-nav button.owl-next {
float: right;
}

/*==============================================
## Section Highlight Home Page Only
================================================*/
.section-highlight .sh-sponsor{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 3rem;}
.section-highlight .sh-sponsor h4{font-size: 1rem; font-weight: 300;}
.section-highlight .sh-sponsor h5{font-size: 2rem; font-weight: 300;}
.section-highlight .sh-join{background:url(../img/join-us-bg.jpg) no-repeat; color: var(--white); background-size: 100% 100%; background-position: center center; padding: 2rem 3rem; position: relative; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
.section-highlight .sh-join::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.35);}
.section-highlight .sh-join .shj-text{position: relative; z-index: 1;}
.section-highlight .sh-join h2{font-size: 2.75rem;}
.section-highlight .sh-join a{color: inherit; font-size: 1.1rem;}
.section-highlight .sh-press{background:var(--darkpink); color: var(--white); background-size: cover; padding: 2.25rem 3rem;}
.section-highlight .sh-press h3{font-size: 1.5rem; font-weight: 400;}
.section-highlight .sh-press p{font-weight: 400;}
.section-highlight .sh-press a{color: var(--white);}
.section-highlight .sh-press a > img{width: 48px; height: auto;}
.section-highlight .sh-media{background:var(--lightpink); color: var(--white); background-size: cover; padding: 2.25rem 3rem;}
.section-highlight .sh-media h3{font-size: 1.5rem; font-weight: 400;}
.section-highlight .sh-media p{font-size: 1rem;}
.section-highlight .sh-media p strong{font-weight: 500;}
.section-highlight .sh-media .shm-list{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid var(--white);padding-bottom: 0.75rem;}
.section-highlight .sh-media .shm-list:last-child{border-bottom: 0; padding-bottom: 0;}
.section-highlight .sh-media a{color: var(--white);}
.section-highlight .sh-media hr {
border-top: 1px solid rgba(255,255,255,.5);
}

/*==============================================
## Footer Part
================================================*/
footer{background: var(--font);margin-top: 8rem; padding: 3rem 2rem 1rem;}
footer .footer-main{color: var(--lightpink);}
footer .footer-main p{line-height: 1.25rem;}
footer .footer-main ul{list-style: none; margin: 0; padding: 0;}
footer .footer-main .tbl-social li{display: inline-block; margin: 0 0.5rem;vertical-align: top;}
footer .footer-main .fm-top ul li:first-child{margin-left: 0;}
footer .footer-main ul li a{width: 18px; height: 18px;}
footer .footer-main a{color: inherit;}
footer .footer-main h4{font-size: 1rem;}
footer .footer-main h3{font-size: 2.5rem; line-height: 3rem;}
footer .footer-main h3>span{color: var(--white);}
footer .footer-main .fm-links ul{margin: 0 0 0 1rem;}
footer .footer-main .fm-links a{font-size: 0.9rem;}
footer .copyright-area{
font-size: 0.85rem;
font-weight: 300;
}
footer .copyright-area a{color: var(--white)}
footer .copyright-text p {
margin: 0;
color: var(--white);
}
footer .copyright-text p a{
color: #ff5e14;
}
footer .footer-menu li {
display: inline-block;
margin-left: 20px;
}
footer .footer-menu li:hover a{
color: #ff5e14;
}
footer .footer-menu li a {
font-size: 14px;
color: var(--white);
}
footer .hr{
width: 100%;
border:0;
border-top: solid 1px var(--border);
margin: 0;
}


/*==============================================
## Inner Pages
================================================*/

/*--- About Us ---*/
.banner-about{background: var(--pink); color: var(--white); padding: 3rem 0 0;}
.banner-about h2{font-size: 2rem; text-transform: uppercase;}
.banner-about .ba-right p{font-size: 1.25rem; line-height: normal;}
.section-about-image{background: var(--silver);padding: 3rem 0;}
.section-about-attitude{background: var(--silver); padding: 0;}
.section-about-attitude .card .arrow-curve{width: 84px; height: auto;}
.section-about-attitude .card{background: transparent;}
.section-about-attitude .card{background: transparent;}
.section-about-attitude .card{background: transparent;}
.section-about-attitude .card img.saa-img{border: 10px solid #fff; display: block; margin: auto; max-width: 90%; margin: 1rem 0;}
.section-about-attitude .card h4{color: var(--pink); font-size: 1.25rem; font-weight: 500;}
.section-about-attitude .card .card-body{padding: 1rem 0;}
.section-about-attitude .saa-r2 .card .card-body{background: url(../icons/objects/left-arrow-curve.svg) no-repeat top right 20px; background-size: 84px;}
.section-about-attitude .saa-r2 .card .card-img-top{transform: translateY(-35%);}
.section-about-attitude .saa-r3{margin-top: -6rem;}
.section-about-attitude .saa-r3 .card .card-img-top{transform: translateY(-25%);}
.section-about-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}

.section-about-highlight .sah-sponsor{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-about-highlight .sah-sponsor h4{font-size: 1rem; font-weight: 400;}
.section-about-highlight .sah-sponsor h5{font-size: 1.75rem; font-weight: 400; letter-spacing: 1px; line-height: 1.75rem;}
.section-about-highlight .sah-board{background: var(--darkpink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-about-highlight .sah-board h4{font-size: 1.25rem; font-weight: 400;}
.section-about-highlight .sah-board h5{font-size: 0.85rem; font-weight: 400;}
.section-about-highlight .sah-board p{font-size: 0.85rem;}
.section-about-highlight .sah-board a{color: inherit;}
.section-about-highlight .sah-gala{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; justify-content: space-between; padding: 0;}
.section-about-highlight .sah-spacing{padding: 2rem 2rem;}
.section-about-highlight .sah-gala h4{font-size: 1.25rem; font-weight: 400;}
.section-about-highlight .sah-gala h5{font-size: 0.85rem; font-weight: 300;}
.section-about-highlight .sah-gala p{font-size: 0.85rem;}
.section-about-highlight .sah-gala a{color: inherit;}
.section-about-highlight .sah-board::before {
background: url(../img/members-group.png) bottom no-repeat;
background-size: contain;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
padding: 1rem;
opacity: 0.28;
}

/*--- Mission Pink ---*/
.banner-pink{background: var(--pink); color: var(--white); padding: 3rem 2rem;}
.banner-pink h2{font-size: 2rem; text-transform: uppercase;}
.text-pink{padding: 2rem 0 0;}
.text-pink h3{font-size: 3rem; line-height: 4.25rem;}
.text-pink h3>span{color: var(--pink);}
.section-mission-cohorts{padding: 4rem 0 0;}
.section-mission-cohorts [class^="smc-"]{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-mission-cohorts [class^="smc-"] h2{margin-bottom: 1rem;}
.section-mission-cohorts [class^="smc-"] h3{font-size: 2rem; font-weight: 400}
.section-mission-cohorts .smc-high{background: var(--darkpink);}
.section-mission-cohorts .smc-middle{background: var(--dimpink);}
.section-mission-cohorts .smc-post{background: var(--pink);}
.section-mission-cohorts .smc-next{background: var(--font);}
.section-mission-know{background: linear-gradient(to bottom, var(--white) 51.25%, var(--silver) 0)}
.section-mission-know .spacer{height: 60px;}
.section-mission-know .smk-img{position: relative; height: 100%;}
.section-mission-know .smk-img img{position: absolute; bottom: 0}


/*--- Mission Approach ---*/
.section-mission-approach{}
.section-mission-approach .sma-txt ul{list-style: none; margin: 0; padding: 0;counter-reset: sma-counter;}
.section-mission-approach .sma-txt ul li{border-bottom: 1px solid var(--black);}
.section-mission-approach .sma-txt ul li a{display: block; padding: 1rem 0 1rem 4rem; margin: 1rem 0;counter-increment: sma-counter; font-size: 1.5rem; position: relative; pointer-events: none;}
.section-mission-approach .sma-txt ul li a>span{color: var(--pink);}
.section-mission-approach .sma-txt ul :last-of-type{border-bottom: 0;}
.section-mission-approach .sma-txt ul li a::before{content: counter(sma-counter) " "; display: inline-block; margin-left: -4rem; font-size: 5rem; font-weight: 100; position: absolute; top: -7px;}
.section-mission-approach .sma-img{margin-top: 6rem; margin-left: 3rem;}


/*--- Mission Highlight ---*/
.section-mission-highlight{position: relative;}
.section-mission-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.section-mission-highlight a{color: inherit;}
.section-mission-highlight .smh-attitude{background: var(--pink) url(../img/members-group-sponsorship.png) no-repeat bottom; background-size: contain; color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-mission-highlight .smh-attitude h4{font-size: 1.25rem; font-weight: 400;}
.section-mission-highlight .smh-attitude p{font-size: .85rem; font-weight: 300;}

.section-mission-highlight .smh-board{background: var(--darkpink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-mission-highlight .smh-board h4{font-size: 1.25rem; font-weight: 400;}
.section-mission-highlight .smh-national{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; padding: 0;}
.section-mission-highlight .smh-spacing{padding: 2rem 3rem;}
.section-mission-highlight .smh-national h4{font-size: 1.25rem; font-weight: 400;}
.section-mission-highlight .smh-national h3{font-size: 2rem; font-weight: 400; text-transform: uppercase; color: var(--black);line-height: 3.25rem;}
.section-mission-highlight .smh-national h3 > span{border-bottom: 1px solid var(--white); display: block;}
.section-mission-highlight .smh-national h3 span span{color: var(--white);}
.section-mission-highlight .smh-national p{font-size: 0.85rem;}


/*--- Banner Board ---*/
.banner-board{background: url(../img/banner-board.jpg) no-repeat center center; background-size: cover; height: 600px; color: var(--white);position: relative;}
.ob-officers .banner-board{background-image: url(../img/banner-officers.jpg);}
.ob-volunteer .banner-board{background-image: url(../img/banner-volunteers.jpg); color: var(--font)}
.banner-board h2{font-size: 2rem; text-transform: uppercase;}
.section-board-members{padding: 0;}
.section-board-members .tab-content{margin: 0;}
.section-board-members .tab-content .card{border:0; margin: 1rem 0.5rem; }
.section-board-members .tab-content .card .cb-overlay {
position: relative;
top: 0;
border: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 100%;
opacity: 1;
transition: .5s ease;
background-color: var(--white);
}
.section-board-members .tab-content .card:hover .cb-overlay{background-color: var(--pink);}
.section-board-members .tab-content .card .cb-overlay .cb-hover-arrow {
position: absolute;
transform: translate(50%, -50%);
top: 50%;
right: 0;
opacity: 0;
transition: all .3s ease-in-out;
cursor: pointer;
}

.section-board-members .tab-content .card:hover .cb-overlay .cb-hover-arrow {opacity: 1;}
.section-board-members .tab-content .card .cb-overlay img.card-img-top{transition:all .6s cubic-bezier(.4,0,.2,1);}
.section-board-members .tab-content .card:hover .cb-overlay img.card-img-top{opacity: 0.35;}
.section-board-members .tab-content .card .card-body{text-align: center; }
.section-board-members .tab-content .card .card-body h4{font-size: 0.9rem; font-weight: 400; text-transform: uppercase;}
.section-board-members .tab-content .card .card-body h5{font-size: 0.85rem; font-weight: 300;}


/*--- Section Board Team ---*/
.section-board-team .sbi-tm{margin-top: 2rem; padding-top: 3rem; border-top: 1px solid var(--border)}
.section-board-team .sbi-tm h3{font-size: 1.25rem; font-weight: 400; line-height: 1.75rem; margin:2rem 2rem;}
.section-board-team .sbi-tm .sb-quotes::before{content:'\201c';}
.section-board-team .sbi-tm .sb-quotes::after{content:'\201d';}
.section-board-team .sbi-txt{margin-left: 3rem;}
.section-board-team .sbi-txt .linked-icon a{font-size: 1.5rem; color: #0a66c2; display: inline-block;}
.section-board-team .sbi-txt h5{font-size: 1.5rem; font-weight: 400; margin: 1rem 0 2rem;}
.section-board-team .sbi-tm:first-child{border:0;margin-top: 0; padding-top: 0;}

/*--- Banner Board ---*/
.section-board-video{}
.section-board-video h2{font-size: 1.75rem;}
.section-board-video .wpb_wrapper{width: 100%;position: relative;}
.section-board-video .wpb_wrapper iframe {
width: 100%;
height: calc(100vh - 50px);
max-height: 520px;
display: block;
margin: 0;
box-sizing: border-box;
} 

/*--- Board Highlight ---*/
.section-board-highlight{position: relative;}
.section-board-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.section-board-highlight a{color: inherit;}
.section-board-highlight .sbh-readmore{position: absolute; bottom: 2rem}
.section-board-highlight .sbh-attitude{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-board-highlight .sbh-attitude h3{font-size: 1rem; font-weight: 300;}
.section-board-highlight .sbh-attitude h4{font-size: 2rem; font-weight: 400; line-height: normal;}
.section-board-highlight .sbh-board{background: var(--pink) url(../img/board-volunteer.png); background-size: cover; color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-board-highlight .sbh-board h2{font-size: 1.25rem; font-weight: 400;}
.section-board-highlight .sbh-board h3{font-size: 2.35rem; font-weight: 400;}
.section-board-highlight .sbh-national{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; padding: 0;}
.section-board-highlight .sbh-spacing{padding: 2rem 2rem;}
.section-board-highlight .sbh-national h4{font-size: 1.25rem; font-weight: 400;}
.section-board-highlight .sbh-national h3{font-size: 2.25rem; font-weight: 400; text-transform: uppercase; color: var(--black);}
.section-board-highlight .sbh-national h3 > span{border-bottom: 1px solid var(--white); display: block;}
.section-board-highlight .sbh-national h3 span span{color: var(--white);}
.section-board-highlight .sbh-national p{font-size: 0.85rem;}


/*--- Banner Board Inside ---*/
.banner-board-inside{background: var(--pink); color: var(--white); padding: 3rem 2rem;}
.banner-board-inside h2{font-size: 2rem; text-transform: uppercase;}
.banner-board-inside .bbi-header{align-items: center;}
.section-board-scroll {position: relative;}
.section-board-scroll .customNavigation a {
position: absolute;
color: var(--pink);
top: 50%;
transform: translateY(-50%);
padding: 0;
background: #fff;
border-radius: 50%;
opacity: 1;
display: inline-block;
margin-top: auto;
margin-bottom: auto;
cursor: pointer;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
}
.section-board-scroll .customNavigation .prev {
left: -2rem;
box-shadow: -2px 1px 10px #bdbdbd;
}
.section-board-scroll .customNavigation .next {
right: -2rem;
box-shadow: 2px 1px 10px #bdbdbd;
}
.section-board-scroll{
background: var(--silver);
padding: 4rem 0 2rem 0;
margin-top: 6rem;
}
.section-board-scroll .owl-carousel .card{
background: none;
border: 0;
text-align: center;
}
.section-board-scroll .owl-carousel .card h3{
font-weight: 500;
font-size: 1.5rem;
}
.section-board-scroll .owl-carousel .card h4{
font-weight: 300;
font-size: 1.25rem;
}
.section-board-scroll .owl-carousel .card .cb-overlay{
position: relative;
}
.section-board-scroll .owl-carousel .card .cb-overlay .cb-hover-arrow {
position: absolute;
transform: translate(-14%, -50%);
width: 100%;
top: 100%;
left: 50%;
opacity: 0;
transition: all .3s ease-in-out;
}
.section-board-scroll .owl-carousel .card .cb-overlay .cb-hover-arrow img{
width: 60px;
height: 60px;
}
.section-board-scroll .owl-carousel .card:hover .cb-overlay .cb-hover-arrow {opacity: 1;}
.section-board-scroll .sbs-carouselbox{position: relative;}
.our-board-inside footer{margin-top: 0;}

/*--- Pink Events ---*/
.banner-events{background: var(--pink); color: var(--white); padding: 0; position: relative;}
.banner-events::before{background: url(../img/pink-attitude-events.jpg) no-repeat top left; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; width: 50%; left: 50%; background-size: cover; height: 100%;}
.banner-events h2{font-size: 2rem; text-transform: uppercase;}
.banner-events .be-txt{height: 460px; display: flex; align-items: center;}

/*--- section Events Evolution ---*/
.section-events-evolution .see-gala{
background-size: contain;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--lightpink);
text-align: center;
padding: 2rem 2rem;
margin: 1rem 0.5rem;
color: var(--dimpink);
}
.section-events-evolution .see-gala h2{
font-size: 1rem;
margin-bottom: 1rem;
}
.section-events-evolution .see-gala h3{
font-size: 3.5rem;
line-height: 3.5rem;
}
.section-events-evolution .see-gala h3 a{
color: inherit;
pointer-events: none;
}
.section-events-evolution .gala-2021{
background-image: url(../img/gala-2021.png);
color: var(--lightpink);
}
.section-events-evolution .gala-2020{
background-image: url(../img/gala-2020.png);
}
.section-events-evolution .gala-2019{
background-image: url(../img/gala-2019.png);
}
.section-events-evolution .gala-2018{
background-image: url(../img/gala-2018.png);
}
.section-events-evolution .see-gala .cb-hover-arrow {
position: absolute;
transform: translate(-50%, -50%);
width: 100%;
top: calc(100% - 12px);
left: 50%;
opacity: 0;
transition: all .3s ease-in-out;
}
.section-events-evolution .see-gala .cb-hover-arrow img{width: 72px; height: 72px;}
.section-events-evolution .see-gala:hover .cb-hover-arrow {opacity: 1;}
.pink-attitude-events .section-events-highlight{padding-top: 4rem; padding-bottom: 4rem;}
.wrapper.pink-attitude-events .national-study-highlight{margin-top: 6rem;}

/*--- Event Highlight ---*/
.section-events-highlight{position: relative;}
.section-events-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.section-events-highlight a{color: inherit;}
.section-events-highlight .seh-readmore{position: absolute; bottom: 2rem}
.section-events-highlight .seh-attitude{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-events-highlight .seh-attitude h3{font-size: 1rem; font-weight: 300;}
.section-events-highlight .seh-attitude h4{font-size: 2rem; font-weight: 400; line-height: normal;}
.section-events-highlight .seh-volunteer{background: var(--pink) url(../img/board-volunteer.png); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-events-highlight .seh-volunteer h3{font-size: 1.25rem; font-weight: 400;}
.section-events-highlight .seh-volunteer h4{font-size: 2.5rem; font-weight: 400;}
.section-events-highlight .seh-board{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-events-highlight .seh-board::before{background: url(../img/members-group.png) bottom no-repeat; background-size: contain; content:""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; padding: 1rem; opacity: 0.28;}
.section-events-highlight .seh-board h4{font-size: 1.25rem; font-weight: 400;}
.section-events-highlight .seh-board h3{font-size: 1.25rem; font-weight: 400;}
.section-events-highlight .seh-board p{font-size: 0.85rem; font-weight: 400;}
.section-events-highlight .seh-board a{color: inherit;}


/*--- Section Event Inside ---*/
.section-event-inside{padding: 0;}
.section-event-inside .tab-content{margin: 0;}
.section-event-inside .tab-content .sei-txt h3{font-size: 1rem; color: var(--pink); margin-bottom: 1rem;}
.section-event-inside .tab-content .sei-txt h4{font-size: 1.25rem; margin-bottom: 0.25rem;}
.section-event-inside .tab-content .sei-txt p strong{font-weight: 500; line-height: normal; font-size: 0.95rem;}
.section-event-inside .tab-content .card{border:0; margin: 1rem 1.5rem; }
.section-event-inside .tab-content .card .cb-overlay {
position: relative;
top: 0;
border: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 100%;
opacity: 1;
transition: .5s ease;
background-color: var(--white);
}
.section-event-inside .tab-content .card .card-body{text-align: center; }
.section-event-inside .tab-content .card .card-body h3{font-size: 1.25rem; font-weight: 400;}
.section-event-inside .tab-content .card .card-body h4{font-size: 1rem; font-weight: 300;}
.section-event-inside .sei-thumbnail{padding: 1rem 0; height: 100%;}
.section-event-inside .sei-thumbnail .seit-wrap{position: relative; height: 100%;}
.section-event-inside .sei-thumbnail .fb-overlay{position: absolute; top: 0; right: 0; bottom:0; left: 0; background: rgba(0,0,0,0.65); opacity: 0;transition: all 0.6s ease-in-out;}
.section-event-inside .sei-thumbnail .fb-overlay .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: var(--silver);background-color: var(--font)}
.section-event-inside .sei-thumbnail:hover .fb-overlay{opacity: 1;}


/*--- Section Media Center ---*/
.wrapper.in-the-news .section-about-highlight{padding-top: 4rem; padding-bottom: 4rem;}
.wrapper.in-the-news footer{margin-top: 4rem;}
.section-media-center{padding: 0;}
.section-media-center .tab-content{margin: 0;}
.section-media-center .smc-thumbnail{margin: 1rem 0; position: relative;}
.section-media-center #media-coverage .smc-thumbnail a{display: block; cursor: pointer;}
.section-media-center #media-coverage .smc-thumbnail h4{font-size: 1rem; font-weight: 500;}
.section-media-center #media-coverage .smc-thumbnail h5{font-size: 0.95rem; color: var(--pink);}
.section-media-center #press-coverage .card{border:0;}
.section-media-center #press-coverage .card h5{color: var(--pink);}
.section-media-center #press-coverage .card p{margin: 0; line-height: normal; font-size: 0.9rem;}
.section-media-center .smc-overlay{position: relative;}
.section-media-center #press-coverage .card .pc-para{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.section-media-center .smc-icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);transition: all .2s ease;}
.section-media-center .smc-icon:hover{
transform:translate(-50%, -50%) scale(1.1);
}

/*--- Banner National Study ---*/
.banner-national-study{background: var(--pink); color: var(--white); padding: 3rem 2rem;}
.banner-national-study h2{font-size: 2rem; text-transform: uppercase;}
.section-national-workforce{padding-top: 4rem;}
.section-national-workforce h2{font-size: 3.35rem; margin-bottom: 3rem;}
.section-national-workforce .snw-txt{margin-right: 5rem;}
.section-national-workforce .snw-txt h3{margin: 0 0 1.5rem 0; font-size: 1.35rem; font-weight: 500;}
.section-national-workforce .snw-txt h4{margin: 1rem 0; font-weight: 400;}
.section-national-workforce .snw-txt  p{font-size: 1.25rem; line-height: normal;}
.section-national-workforce .snw-num{margin-top: 4.5rem;}
.section-national-workforce .snw-list{display: flex; align-items: center; border-bottom: 1px solid var(--border); margin-bottom: 1rem; padding-bottom: 0.5rem;}
.section-national-workforce .snw-list:last-child{border-bottom: 0}
.section-national-workforce .snw-list h3{color:var(--pink); font-weight: 400; font-size: 2.75rem;}
.section-national-workforce .snw-list h3 strong{color:#ABAAAA; font-weight: 400;}
.section-national-workforce .snw-list p{margin: 0 0 0 1rem;line-height: 120%;font-size: .95rem;}
.section-national-evolution{background: linear-gradient(to bottom, var(--lightpink) 34.0%, var(--dullpink) 0); padding: 0; overflow: hidden;}
.section-national-evolution .sne-bg{padding: 3rem 0;}
.section-national-evolution .sne-evolution{position: relative;}
.section-national-evolution .sne-evolution img{position: absolute; bottom:-14px; right: 0;}
.section-national-evolution .sne-bottom{color: var(--white); margin: 2rem 4rem 0 0;}
.section-national-evolution .sne-bottom h3{font-size: 3.75rem; margin-bottom: 2rem;}
.section-national-evolution .sne-bottom h4{font-size: 1.25rem; font-weight: 400;}
.section-national-newcomers{background: var(--font); color: var(--white); padding: 5rem 0;}
.section-national-newcomers h2{font-size: 3rem; margin-right: 2rem; font-weight: 400; line-height: 4rem;}
.section-national-newcomers .snn-list{display: flex; align-items: center; margin-bottom: 2rem; justify-content: stretch;}
.section-national-newcomers .snn-list > *{margin: 0 2rem 0 0;}
.section-national-newcomers .snn-list > p{margin: 0;}
.section-national-newcomers .snn-list h3{color: var(--pink); font-size: 3.25rem; font-weight: 300;}
.section-national-newcomers .snn-list h3 hr{width: 210px; margin: 0; border-color:transparent;}
.section-national-newcomers .snn-box{background: var(--pink); display: flex; align-items: center; justify-content: center; border-radius: 36px; padding: 1rem 1.5rem}
.section-national-newcomers .snn-box h2{color: var(--font); font-size: 3.25rem; font-weight: 600;}
.section-national-newcomers .snn-box h4{font-size: 1.25rem; font-weight: 300; padding-right: 8rem;}
.section-national-immigrants{padding: 3rem 0; background: var(--silver);}
.section-national-immigrants .h2{text-transform: uppercase; font-size: 3.25rem; font-weight: 400;}
.section-national-immigrants .sni-list{color: var(--pink); display: flex; align-items: center; justify-content: center;}
.section-national-immigrants .sni-list h4{color: var(--dullpink); font-size: 1.35rem; font-weight: 500; width: 30%;}
.section-national-immigrants .sni-list ul{list-style-type: none; margin: 0; padding: 0; color: var(--darkpink); font-weight: 500;}
.section-national-immigrants .sni-list li{margin: 0.5rem 0; border-bottom: 1px solid var(--border);}
.section-national-immigrants .sni-list li:last-child{border-bottom: 0}
.section-national-immigrants .sni-list li >span{display: inline-block; margin-right: 1rem;}
.section-national-immigrants .sni-map{background: url(../img/world-map.png) no-repeat center top; background-size: contain; padding-top: 5rem;}
.section-national-immigrants .sni-map h3{font-size: 3rem; font-weight: 300;}
.section-national-immigrants .sni-map .active{border-radius: 100%; border: 1px solid var(--border);}
.section-national-immigrants .sni-map .active > *{font-weight: 500;}
.section-national-immigrants .sni-map .last{align-items: flex-start;}
.section-national-immigrants .sni-map .last h3{color: var(--lightpink); font-weight: 300; text-align: left;}
.section-national-immigrants .sni-map .last p{font-size: 0.85rem;}
.section-national-immigrants .map-list {
width: 175px; 
height: 175px;
border-radius: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
background-repeat: no-repeat;
background-position: top 5px center;
}

.section-national-immigrants .ml-other{
background-image: url(../icons/map/globe-map.svg);
}
.section-national-immigrants .ml-south{
background-image: url(../icons/map/south-asia-map.svg);
background-size: 75%;
background-position: top 25px center;
}
.section-national-immigrants .ml-china{
background-image: url(../icons/map/china-map.svg);
}
.section-national-immigrants .ml-philippines{
background-image: url(../icons/map/philippines-map.svg);
}
.section-national-immigrants .ml-syria{
background-image: url(../icons/map/syria-map.svg);
}
.section-national-immigrants .ml-usa{
background-image: url(../icons/map/usa-map.svg);
}
.section-national-immigrants .ml-nigeria{
background-image: url(../icons/map/nigeria-map.svg);
}
.section-national-immigrants .ml-france{
background-image: url(../icons/map/france-map.svg);
}
.section-national-immigrants .ml-uk{
background-image: url(../icons/map/uk-map.svg);
}
.section-national-immigrants .ml-iraq{
background-image: url(../icons/map/iraq-map.svg);
}
.section-national-immigrants .ml-iran{
background-image: url(../icons/map/iran-map.svg);
}

.section-national-employment{padding: 4rem 0;}
.section-national-employment h2{font-size: 3rem;}
.section-national-employment p > span{font-size: 2.5rem;}
.section-national-employment .progress {
background-color:var(--white);
border-radius: 0;
line-height: 2.5rem;
height: 2.5rem;
font-size: 1.2rem;
}
.section-national-employment .progress.active > span{
color: var(--pink);
}
.section-national-employment .progress .progress-bar{
text-align: right;
padding-right: 2rem;
}
.section-national-employment .progress > span{
display: inline-block;
margin-left: 1rem;
font-size: 1.35rem;
}

.section-national-important{background: var(--light); padding: 4rem 0;}
.section-national-important h2{font-size: 1.5rem;}
.section-national-important h3{font-size: 1.75rem; font-weight: 400; color: var(--pink);}
.section-national-important .sni-txt{padding: 0 1rem;}
.section-national-important .sni-br{border-right: 1px solid var(--border);}
.section-national-granted{padding: 4rem 0;}
.section-national-granted h3{margin-bottom: 2rem; font-size: 4rem; font-weight: 400; color: var(--font);}
.section-national-granted h3 strong{font-weight: 500;}
.section-national-sponsors .sns-logos{padding: 0 2rem; text-align: center;}
.section-national-sponsors .sns-logos img{max-height: 72px;}
.section-national-sponsors .sns-txt{margin-top: 2rem; text-align: center;}
.section-national-sponsors h2{font-size: 1.35rem; font-weight: 500; margin-bottom: 2rem;}
.section-national-sponsors .sns-logos h4{font-size: 1.35rem; font-weight: 500; color: var(--pink);}
.section-national-sponsors .sni-br{border-right: 1px solid var(--border);}
.section-national-sponsors .pr-agency-partner h4{color: var(--pink); font-weight: 500; font-size: 1.35rem;}
.section-national-sponsors .pr-agency-partner h5{font-size: 1.25rem; text-align: center;}
.section-national-sponsors .pr-agency-partner h5 a{color: var(--pink); font-weight: 500;}
.section-national-sponsors .pr-agency-partner hr{border-top-width: 1px; background-color: var(--font);}
.section-national-culturaliq{padding: 5rem 0;} 
.section-national-culturaliq img{width: 220px; height: auto} 
.section-national-culturaliq h2{font-size: 1.35rem; font-weight: 500;}

/*--- National Study Highlight ---*/
.national-study-highlight{position: relative; padding: 0;}
.national-study-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.national-study-highlight a{color: inherit;}
.national-study-highlight .nsh-readmore{position: absolute; bottom: 2rem}
.national-study-highlight .nsh-attitude{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.national-study-highlight .nsh-attitude h3{font-size: 1rem; font-weight: 300;}
.national-study-highlight .nsh-attitude h4{font-size: 2rem; font-weight: 400; line-height: normal;}
.national-study-highlight .nsh-newsletter{background: var(--dimpink) url(../img/heros-in-uniform.png) no-repeat; background-size: contain; color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.national-study-highlight .nsh-newsletter h2{font-size: 1.25rem; font-weight: 400;}
.national-study-highlight .nsh-newsletter .bottom-txt{top:55%; position: relative;}
.national-study-highlight .nsh-newsletter .bottom-txt h3{font-size: 1rem; font-weight: 400;}
.national-study-highlight .nsh-newsletter .bottom-txt h4{font-size: 1.75rem; font-weight: 400; margin-bottom: 0.5rem;}
.national-study-highlight .nsh-board{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.national-study-highlight .nsh-board::before{background: url(../img/members-group.png) bottom no-repeat; background-size: contain; content:""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; padding: 1rem; opacity: 0.28;}
.national-study-highlight .nsh-board h4{font-size: 1.25rem; font-weight: 400;}
.national-study-highlight .nsh-board h3{font-size: 1.25rem; font-weight: 400;}
.national-study-highlight .nsh-board p{font-size: 0.85rem; font-weight: 400;}
.national-study-highlight .nsh-board a{color: inherit;}
.section-newsletter-book{padding: 4rem 0;}
.section-newsletter-book .snb-box{padding: 0 1rem;}
.section-newsletter-book .sn-book{color: var(--white); height: 364px; background-position: top left; background-repeat: no-repeat; background-size: cover; position: relative; padding: 1rem;}
.section-newsletter-book .sn-book h2{font-size: 1rem; font-weight: 400;}
.section-newsletter-book .sn-book h3{font-size: 2rem; font-weight: 500;}
.section-newsletter-book .sn-book h4{position: absolute; bottom: 20px; font-size: 2.5rem; line-height: 3rem;}
.section-newsletter-book .snb-1{background-image: url(../img/newsletter-may-2021.png)}
.section-newsletter-book .snb-2{background-image: url(../img/newsletter-jul-2020.png)}
.section-newsletter-book .snb-3{background-image: url(../img/newsletter-oct-2020.png)}
.section-newsletter-book .sn-buttons{display: flex; align-items: center; justify-content: space-between; margin: 1rem 0.75rem; font-size: 0.9rem;}
.section-newsletter-book .sn-buttons p:nth-child(1){color: var(--pink)}
.section-newsletter-book .sn-buttons p:nth-child(2){color: var(--font); font-weight: 500;}
.section-newsletter-book .sn-buttons p a{color: inherit;}
.section-newsletter-book .read-more::before {
content: " ";
background: url(../icons/objects/gray-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
right: 15px;
position: relative;
}
.newsletter .section-newsletter{padding-top: 0;}
.newsletter .section-newsletter .sn-form h4{font-weight: 400; font-size: 1.25rem;}
.wrapper .section-newsletter .sn-form .form-control{border:0; border-radius: 0}


/*--- Section Experience Grant ---*/
.experience-grant .banner-national-study p{font-size: 1.35rem;}
.section-labour-shortage{padding: 3rem 2rem;}
.section-labour-shortage .sls-wraper{margin: 0 auto;}
.section-labour-shortage h2{font-size: 2.65rem; color: var(--font); line-height: 3.5rem; font-weight: 400; text-transform: capitalize; margin-bottom: 0; text-align: center;}


/*--- Section Birth Rate ---*/
.section-birth-rate{padding: 3rem 2rem; background: var(--lightpink);}
.section-birth-rate .sbr-wraper{margin: 0 auto;}
.section-birth-rate h2{font-size: 1.35rem; font-weight: 600; font-family: 'Roboto', sans-serif!important;}


/*--- Section Experience Newcomers ---*/
.section-experience-newcomers{background: var(--font); color: var(--white); padding: 5rem 0;}
.section-experience-newcomers h2{font-size: 2.65rem; margin-right: 1rem; padding-right: 1rem; font-weight: 400; line-height: 4rem; border-right: solid 1px #ffffff;}
.section-experience-newcomers .snn-list{display: flex; align-items: center; margin-bottom: 2rem; justify-content: stretch;}
.section-experience-newcomers .snn-list > *{margin: 0 2rem 0 0;}
.section-experience-newcomers .snn-list > p{margin: 0;}
.section-experience-newcomers .snn-list h3{color: var(--pink); font-size: 3.25rem; font-weight: 300;}
.section-experience-newcomers .snn-list h3 hr{width: 210px; margin: 0; border-color:transparent;}
/*.section-experience-newcomers .snn-img{ height: auto;}*/

/*--- Section Experience Immigrants ---*/
.section-experience-immigrants{padding: 3rem 0; background: var(--silver);}
.section-experience-immigrants .h2{text-transform: uppercase; font-size: 3rem; font-weight: 400;}
.section-experience-immigrants .sni-list{color: var(--pink); display: flex; align-items: center; justify-content: center;}
.section-experience-immigrants .sni-list h4{color: var(--dullpink); font-size: 1.35rem; font-weight: 500; width: 30%; margin-top: .5rem;}
.section-experience-immigrants .sni-list ul{list-style-type: none; margin: 0; padding: 0; color: var(--darkpink); font-weight: 500;}
.section-experience-immigrants .sni-list li{margin: 0.5rem 0; border-bottom: 1px solid var(--border);}
.section-experience-immigrants .sni-list li:last-child{border-bottom: 0}
.section-experience-immigrants .sni-list li >span{display: inline-block; margin-right: 1rem; width: 98px;}
.section-experience-immigrants .sni-map{background: url(../img/world-map.png) no-repeat center top; background-size: contain; padding-top: 5rem;}
.section-experience-immigrants .sni-map h3{font-size: 3rem; font-weight: 300;}
.section-experience-immigrants .sni-map .active{border-radius: 100%; border: 1px solid var(--border);}
.section-experience-immigrants .sni-map .active > *{font-weight: 500;}
.section-experience-immigrants .sni-map .last{align-items: flex-start;}
.section-experience-immigrants .sni-map .last h3{color: var(--lightpink); font-weight: 300; text-align: left;}
.section-experience-immigrants .sni-map .last p{font-size: 0.85rem;}
.section-experience-immigrants .map-list {
width: 175px; 
height: 175px;
border-radius: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
background-repeat: no-repeat;
background-position: top 5px center;
}

.section-experience-immigrants .ml-other{
background-image: url(../icons/map/globe-map.svg);
}
.section-experience-immigrants .ml-south{
background-image: url(../icons/map/south-asia-map.svg);
background-size: 75%;
background-position: top 25px center;
}
.section-experience-immigrants .ml-china{
background-image: url(../icons/map/china-map.svg);
}
.section-experience-immigrants .ml-philippines{
background-image: url(../icons/map/philippines-map.svg);
}
.section-experience-immigrants .ml-syria{
background-image: url(../icons/map/syria-map.svg);
}
.section-experience-immigrants .ml-usa{
background-image: url(../icons/map/usa-map.svg);
}
.section-experience-immigrants .ml-nigeria{
background-image: url(../icons/map/nigeria-map.svg);
}
.section-experience-immigrants .ml-france{
background-image: url(../icons/map/france-map.svg);
}
.section-experience-immigrants .ml-uk{
background-image: url(../icons/map/uk-map.svg);
}
.section-experience-immigrants .ml-iraq{
background-image: url(../icons/map/iraq-map.svg);
}
.section-experience-immigrants .ml-iran{
background-image: url(../icons/map/iran-map.svg);
}

/*--- Section Immigrants Arrive ---*/
.section-immigrants-arrive{padding: 3rem 0;}
.section-immigrants-arrive .sia-wraper{margin: 0 2rem;}
.section-immigrants-arrive h2{text-transform: uppercase; font-size: 3.5rem; font-weight: 400; text-align: center;}
.section-immigrants-arrive h3{font-size: 2rem; font-weight: 400; text-align: center;}
.section-immigrants-arrive h4{font-size: 1.25rem; font-weight: 400; text-align: center; margin: 1.5rem 0;}
.section-immigrants-arrive p{text-align: center; margin-top: 1.5rem;}
.section-immigrants-arrive .sia-chart{display: flex; align-items: flex-end; justify-content: center; gap: 10px;}
.section-immigrants-arrive .sia-chart .sc-wrap{text-align: center; position: relative;}
.section-immigrants-arrive .sia-chart h3{font-size: 1.5rem; font-weight: 400;}
.section-immigrants-arrive .sia-chart h5{font-size: .9rem; font-weight: 500; position: absolute; top: calc(100% + 20px); width: 100%;}
.section-immigrants-arrive .sia-chart .scw-box{background: var(--font); height: 70px; width: 150px;}
.section-immigrants-arrive .sia-chart .scw-2 .scw-box{height: 110px;}
.section-immigrants-arrive .sia-chart .scw-3 .scw-box{height: 125px;}
.section-immigrants-arrive .sia-chart .scw-4 h3{color: var(--pink);}
.section-immigrants-arrive .sia-chart .scw-4 .scw-box{height: 200px; background: var(--pink);}
.section-immigrants-arrive .sia-chart + hr{margin: 0 0 6rem; border-top: solid 1px var(--font);}
.section-immigrants-arrive .sia-table{background: var(--silver); margin-top: 2rem;}
.section-immigrants-arrive .sia-table table{margin-bottom: 0;}
.section-immigrants-arrive .sia-table th{color: var(--pink);font-weight: 500; font-size: 1.35rem; font-family: 'Oswald', sans-serif; border-color: var(--font); border-top: none}
.section-immigrants-arrive .sia-table td{font-weight: 600;border-color: var(--font)}


/*--- Section Culturaliq Study ---*/
.section-culturaliq-study{padding: 3rem 0;}
.section-culturaliq-study .scs-wraper{margin: 0 2rem;}
.section-culturaliq-study h2{text-transform: uppercase; font-size: 3.5rem; font-weight: 400; text-align: center; margin: 0 6rem 3rem}
.section-culturaliq-study h3{font-size: 1.25rem; font-weight: 500; font-family: 'Roboto', sans-serif; margin-bottom: 1rem; line-height: 2rem;}
.section-culturaliq-study p strong{font-weight: 500;}
.section-culturaliq-study p span{color: var(--pink)}
.section-culturaliq-study .scs-table{background: var(--silver); margin-top: 2rem;}
.section-culturaliq-study .scs-table table{margin-bottom: 0;}
.section-culturaliq-study .scs-table .border-lft{border-left: solid 1px var(--border);}
.section-culturaliq-study .scs-table thead th{background: var(--font); color: var(--pink); text-align: center;}
.section-culturaliq-study .scs-table th{color: var(--pink);font-weight: 400; font-size: 1rem; font-family: 'Oswald', sans-serif; border-color: var(--font); border-top: none; vertical-align: middle;}
.section-culturaliq-study .scs-table td{font-weight: 500;border-color: var(--font)}
.section-culturaliq-study .scs-list li+li{margin-top: 10px}


/*--- Section Experience Gap ---*/
.section-experience-gap{padding: 3rem 0 1rem;}
.section-experience-gap .seg-wraper{margin: 0 2rem;}
.section-experience-gap h2{text-transform: uppercase; font-size: 1.5rem; font-weight: 500; text-align: center; color: var(--pink); font-family: 'Roboto', sans-serif;}
.section-experience-gap h3{text-transform: uppercase; font-size: 3.25rem; font-weight: 400; text-align: center; margin: 3rem 0 2rem; font-family: 'Oswald', sans-serif;}
.section-experience-gap h4{font-weight: 600; font-size: 1.85rem; margin-bottom: 2rem; margin-top: 2rem; text-align: center;}
.section-experience-gap h5 {
	font-weight: 600;
	font-size: 1.25rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.section-experience-gap p strong{font-weight: 500;}
.section-experience-gap p span{color: var(--pink); font-weight: 500;}
.section-experience-gap ol, .section-experience-gap ul{margin: 0; padding: 0 15px;}
.section-experience-gap ol li strong, .section-experience-gap ul li strong{font-weight: 500;}
.section-experience-gap .seg-box1{background: var(--pink); color: var(--white); padding: 1.5rem 4.25rem; margin: 3rem 4rem 4rem;}
.section-experience-gap .seg-box1 h4{margin: 0; font-weight: 400; font-size: 1.35rem;}

.section-experience-gap .seg-box2{background: var(--silver); color: var(--pink); padding: 1.5rem 6rem; margin: 3rem 4rem 0;}
.section-experience-gap .seg-box2 h4{margin: 0; text-align: center; font-size: 1.5rem; font-weight: 600; line-height: normal;}


/*--- Section Founded Pink ---*/
.section-founded-pink{padding: 1rem 0 3rem;}
.section-founded-pink .sfp-wraper{text-align: center;}
.section-founded-pink h2{font-size: 1.35rem; font-weight: 600; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 2rem;}
.section-founded-pink h3{font-size: 1.25rem; font-weight: 600; text-align: center; font-family: 'Roboto', sans-serif; margin-top: 1rem; margin-bottom: 2rem;}



/*--- Section Sponsorship  ---*/
.wrapper.sponsorship .section-mission-highlight{padding-top: 6rem; padding-bottom: 6rem;}
.wrapper.sponsorship footer{margin-top: 2rem;}
.section-sponsorship-national{background: var(--font); color: var(--white); padding: 6rem 0;}
.section-sponsorship-national h4{font-size: 2.25rem; font-weight: 300;}
.section-sponsorship-national h5{font-size: 1rem; line-height: normal; font-weight: 300;}

.section-sponsorship-national .asian-women{position: relative; transform: scale(0.95) translate(5%, -15%); transform-origin: top;}
.section-sponsorship-national .asian-women > div{position: absolute; background-repeat: no-repeat;}
.section-sponsorship-national .asian-women > .aw-teacher{width: 200px; height: 200px; top:70px; left: 0px; background-image: url(../img/women-teacher.png);}
.section-sponsorship-national .asian-women > .aw-doctor-nurse{width: 300px; height: 300px; top:70px; right: 0; background-image: url(../img/women-doctor-nurse.png);}
.section-sponsorship-national .asian-women > .aw-food-service{width: 241px; height: 241px; top:300px; left: 0; background-image: url(../img/women-food-service.png);}
.section-sponsorship-national .asian-women > .aw-retail-manager{width: 200px; height: 200px; top:400px; right: 60px; background-image: url(../img/women-retail-manager.png);}

.section-sponsorship-national .btn.btn-sponsor {
background: var(--pink);
color: var(--white);
}

.section-sponsorship-national .btn-volunteer {
display: inline-block;
text-align: center;
font-weight: 500;
font-size: var(--btnfsize);
padding: var(--btnpadding);
background: none;
color: var(--white);
border: 1px solid var(--pink);
border-radius: 0;
}

/* Sponsorship Modal Form*/
#form-modal-sponsorship .ss-form{padding: 2rem 1rem;}
#form-modal-sponsorship .ss-form .form-control{border:0; border-radius: 0; background: var(--silver);}
#form-modal-sponsorship .ss-form textarea{resize: none}

.section-mission-highlight .ssn-newsletter{background: var(--dimpink) url(../img/heros-in-uniform.png) no-repeat; background-size: contain; color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.section-mission-highlight .ssn-newsletter h2{font-size: 1.25rem; font-weight: 400;}
.section-mission-highlight .ssn-newsletter .bottom-txt{top:55%; position: relative;}
.section-mission-highlight .ssn-newsletter .bottom-txt h3{font-size: 1rem; font-weight: 400;}
.section-mission-highlight .ssn-newsletter .bottom-txt h4{font-size: 1.5rem; font-weight: 400; margin-bottom: 1rem;}

/*--- Section Contact From ---*/
.section-contact-form{background: var(--silver); padding: 4rem 2rem;}
.section-contact-form form h3{font-size: 1.35rem; margin-bottom:2rem;}
.section-contact-form form a{color: var(--pink);}
.section-contact-form .form-control{border:0; border-radius: 0}
.section-contact-form textarea{height: 90px; resize: none;}
.contact footer{margin-top: 0;}

/*--- Press Release Highlight ---*/
.press-release-highlight{position: relative;}
.press-release-highlight .read-more::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.press-release-highlight a{color: inherit;}
.press-release-highlight .prh-readmore{position: absolute; bottom: 2.5rem}
.press-release-highlight .prh-attitude{background: var(--pink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.press-release-highlight .prh-attitude h4{font-size: 1.25rem; font-weight: 400;}
.press-release-highlight .prh-board{background: var(--darkpink); color: var(--white); display: flex; flex-direction:column; padding: 2rem 2rem;}
.press-release-highlight .prh-board h4{font-size: 1.25rem; font-weight: 400;}
.press-release-highlight .prh-national{background: var(--lightpink); color: var(--white); display: flex; flex-direction:column; padding: 0;}
.press-release-highlight .prh-spacing{padding: 2rem 2rem;}
.press-release-highlight .prh-national h4{font-size: 1.25rem; font-weight: 400;}
.press-release-highlight .prh-national h3{font-size: 2.75rem; font-weight: 400; text-transform: uppercase; color: var(--black);}
.press-release-highlight .prh-national h3 > span{border-bottom: 1px solid var(--white); display: block;}
.press-release-highlight .prh-national h3 span span{color: var(--white);}
.press-release-highlight .prh-national p{font-size: 0.85rem;}
.section-press-release{padding: 3rem 0;}
.section-press-release h2{color: var(--pink); font-size: 1.25rem; font-weight: 400; margin-bottom: 1rem;}
.section-press-release h4{color: var(--pink); font-size: 1rem; font-weight: 300; margin-bottom: 1rem;}
.section-press-release h5{font-size: 1.25rem; font-weight: 400; margin-bottom: 1rem;}


/*--- Podcast ---*/
.wrapper.podcast{color: var(--navy);}
.wrapper.podcast footer{margin-top: 0;}
.banner-podcast{color: var(--silver); height: 600px; overflow: hidden; /*background: url(../img/banner-podcast.jpg); background-size: cover;*/}
.banner-podcast .card-img{border:0; border-radius: 0;}
.banner-podcast h2{font-size: 2rem; font-weight: 400; margin-bottom: 2rem;}
.banner-podcast h3{font-size: 1.95rem;font-weight: 400;}
.nav-tabs-podcast {
	border-bottom: 1px solid var(--silver);
	margin-bottom: 5rem;
}
.banner-podcast .btn.read-more-white:link {
	color: inherit;
	font-size: inherit;
}
.banner-podcast .btn.read-more-white::after {
	top: 3px;
}
.nav-tabs-podcast .nav-link{
	color: inherit;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin: 0 2rem 0 0;
	padding: 0 0 1rem 0;
}
.nav-tabs-podcast .nav-link:last-child{margin-right: 0;}
.nav-tabs-podcast .nav-item.show .nav-link, .nav-tabs-podcast .nav-link.active {
	border-bottom: solid 2px var(--silver);
}

.banner-board-podcast {
	padding: 2rem 2rem 2rem;
}

.banner-board-podcast h3{
	color: var(--pink);
	font-size: 2.5rem;
}

.banner-board-podcast p{
	line-height: normal;
}

.section-podcast-join{background: linear-gradient(to bottom, var(--white) 30px, var(--softpink) 0)}
.section-podcast-join h2{color: var(--pink); font-size: 2.2rem; margin-bottom: 0;}
.section-podcast-join h2 span{color: var(--font);}
.section-podcast-join .spj-txt{margin-right: 0rem;}
.section-podcast-join .spj-img{position: relative; padding-left: 5rem}
/*.section-podcast-join .spj-img .img-fluid{margin-left: 4rem;}*/
.section-podcast-join .spj-img .spj-music{position: absolute; bottom: 60px; right: 0;transform: translateX(10%);}

.section-podcast-known{background: var(--hardpink);}
.section-podcast-known h2{color: var(--silver); font-size: 1.35rem; margin-bottom: 1rem; line-height: 2rem;}
.section-podcast-known h2 span{color: var(--darkpink);}
.section-podcast-known .card {
	border: 0;
	margin: 1rem 0.5rem;
	background: none;
	border:none;
	font-weight: 500;
}
.section-podcast-known .spk-lft{padding-right: 3rem;}
.section-podcast-known .spk-rgt{border-left:solid 1px var(--silver); padding-left: 3rem;}
.section-podcast-known .card .cb-overlay{text-align: center;}
.section-podcast-known .card .cb-overlay a{pointer-events: none}
.section-podcast-known .card .cb-overlay a img{width: 200px; height: auto}
.section-podcast-known .card .card-body{text-align: center; padding-bottom: 0;}
.section-podcast-known .card .card-body h4{font-size: 1.25rem; color: var(--darkpink); font-family: 'Oswald', sans-serif; margin-bottom: 0;}

.section-podcast-recent{background: var(--silver);}
.section-podcast-recent .spr-lft{background: var(--white); border-radius: 24px; padding: 2rem; height: 100%;}
.section-podcast-recent .spr-lft .list-inline{margin-bottom: 0;}
.section-podcast-recent .spr-lft .list-inline-item{width: calc((100% / 3) - .5rem);}
.section-podcast-recent .spr-lft .list-inline-item img{width: 48px; height: auto;}
.section-podcast-recent .spr-lft h3{font-size: 1.35rem; color: var(--pink); font-weight: 500; line-height: 1.8rem; margin-bottom: 2rem;}
.section-podcast-recent .spr-lft a{pointer-events: none}
.section-podcast-recent .spr-lft a img{width: 60px; height: auto;}

.section-podcast-recent .spr-rgt{background: var(--white); border-radius: 24px; padding: 2rem; height: 100%;}
.section-podcast-recent .spr-rgt .spr-top{margin-bottom: 1rem;}
.section-podcast-recent .spr-rgt .spr-top h3{color: var(--pink); font-size: 1.25rem; font-weight: 600;}
.section-podcast-recent .spr-rgt .spr-top h4{font-size: 1rem; font-weight: 400;}
.section-podcast-recent .spr-rgt .spr-top h4 img{width: 20px; height: auto; margin-left: .5rem;}
.section-podcast-recent .spr-rgt .spr-btm h4{font-size: 2.5rem;}
.section-podcast-recent .spr-rgt .spr-btm a{color: var(--pink);}
.section-podcast-recent .spr-rgt .spr-icn {display: flex; align-items: center;/* gap: 12px;*/}
.section-podcast-recent .spr-rgt .spr-icn > * { margin: 0 10px; }    
.section-podcast-recent .spr-rgt .spr-icn > :first-child { margin-left: 0; }
.section-podcast-recent .spr-rgt .spr-icn > :last-child { margin-right: 0; }
.section-podcast-recent .spr-rgt .spr-icn img:not(.play-icn){width: 36px; height: auto;}
.section-podcast-recent .spr-rgt .spr-icn p{margin-bottom: 0; margin-right: 1rem;}

.section-podcast-episode{background: var(--pink); color: var(--silver);}
.section-podcast-episode h3{font-size: 2.5rem;}
.section-podcast-episode p{margin: 2rem 0; font-weight: 500;}
.section-podcast-episode img{width: 18px; margin-right: 0.5rem;}
.section-podcast-episode a{color: inherit;}

/*==============================================
## Effects
================================================*/
body .btn.btn-readmore{padding: 0.65rem 2.7rem; text-align: center; border: solid 1px var(--font); font-size: 0.85rem; border-radius: 0}
body .btn.read-more-white::after {
content: " ";
background: url(../icons/objects/white-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
body .btn.btn-submit {
display: inline-block;
text-align: center;
font-weight: 500;
font-size: 1rem;
padding: 0.35rem 3.9rem;
background: var(--font);
color: var(--white);
border-radius: 0;
border: 0;
}
body .btn.btn-sponsor{display: inline-block; text-align: center; font-weight: 500; font-size: var(--btnfsize); padding: var(--btnpadding); background: var(--font); color: var(--white); border-radius:0; outline: 1px solid var(--font); border:0;}
body .btn.btn-effect1 {
width: auto; max-width: 100%;  
background-position: right bottom;
transition: all .6s ease-out;
background: linear-gradient(to right, var(--pink) 50%, var(--white) 50%);
background-origin: border-box;
background-size: 200% 100%;
background-position: right bottom;
}
body .btn.btn-effect1:hover{
background-position: left bottom; 
color:var(--white);
}
body .btn.btn-effect2 {
width: auto; max-width: 100%;  
background-position: right bottom;
transition: all .6s ease-out;
background: linear-gradient(to right, var(--pink) 50%, var(--font) 50%);
background-origin: border-box;
background-size: 200% 100%;
background-position: right bottom;  
}
body .btn.btn-effect2:hover{
background-position: left bottom; 
color:var(--white);
}
body .btn.btn-effect3 {
width: auto; max-width: 100%;  
background-position: right bottom;
transition: all .6s ease-out;
background: linear-gradient(to right, var(--white) 50%, var(--pink) 50%);
background-origin: border-box;
color: var(--white);
background-size: 200% 100%;
background-position: right bottom;
}
body .btn.btn-effect3:hover{
background-position: left bottom; 
color:var(--white);
color: var(--font);
}
body .btn.btn-effect4 {
width: auto; max-width: 100%;  
background-position: right bottom;
transition: all .6s ease-out;
background: linear-gradient(to right, var(--font) 50%, var(--pink) 50%);
background-origin: border-box;
background-size: 200% 100%;
background-position: right bottom;  
}
body .btn.btn-effect4:hover{
background-position: left bottom; 
color:var(--white);
}
body .arw.arrow-effect1 a::after{
transition: all .4s ease-out;
}
body .arw.arrow-effect1 a:hover::after{
margin-left: 7px;
}
body .arw.arrow-effect2 a::after{
transition: all .3s ease-out;
}
body .arw.arrow-effect2 a:hover::after{
margin-left: 1rem;
}
body .arw.arrow-effect3 a::before{
transition: all .4s ease-out;
}
body .arw.arrow-effect3 a:hover::before{
margin-left: 7px;
}
body .icn.icon-effect1 a img{
transition: all .35s ease-in-out;
}
body .icn.icon-effect1 a:hover img{
transform:rotate(360deg) scale(1.1);
}
body a.icn.icon-effect2 img{
transition: all .35s ease-in-out;
}
body a.icn.icon-effect2:hover img{
transform:scale(1.1);
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
body .hover-zoom-effect {
transition: all 0.4s ease-in-out;
filter: grayscale(90%);
-webkit-filter: grayscale(90%);
-moz-filter: grayscale(90%);
-o-filter: grayscale(90%);
filter: grayscale(90%);
}
body .hover-zoom-effect:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/* Wobble Horizontal */
@keyframes wobble-horizontal {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
}
.wrapper .hover-shake-effect:hover {
display: inline-block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wrapper .hover-shake-effect:hover:hover {
animation-name: wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}

/*==============================================
## Preloader
================================================*/
.preloader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: var(--lightpink);
z-index: 99999999;
}

.loading-msg {
width: 100%;
font-size: 0.75em;
color: #555;
position: absolute;
bottom: 10%;
left: 50%;
transform: translate(-50%, 50%);
text-align: center;
}

.spinner {
width: 80px;
height: 80px;
border: 2px solid #f3f3f3;
border-top: 3px solid var(--pink);
border-radius: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
animation: spin 1s infinite ease;
}

@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

#loading-msg {
width: 100%;
position: absolute;
left: 0;
top: 50%;
text-align: center;
color: #333;
font-size: 0.8em;
transform: translateY(-50%);
}


/*==============================================
## Overriding CSS (Third Party Plugins)
================================================*/

.carousel-control-next, .carousel-control-prev {
opacity: 0.7;
}
.wrapper .owl-carousel .owl-stage {
display: flex;
align-items: center;
}
.home .banner-home .show-arrow-hover{
opacity:0;
transition:500ms ease-in-out;
width: 10%;
}
.home .banner-home:hover .show-arrow-hover{
opacity:1;
}
.nav-tabs-common.nav-tabs{margin: 1rem 0 2rem 0; text-transform: uppercase;font-family: 'Oswald', sans-serif;}
.nav-tabs-common.nav-tabs .nav-link{font-size: 1.35rem; font-weight: 400;}
.nav-tabs-common.nav-tabs .nav-link:first-child{margin-left: 0!important;}
.nav-tabs-common.nav-tabs .nav-link:link{border:0;}
.nav-tabs-common.nav-tabs .nav-link.active{border:0; border-bottom: 2px solid var(--pink);color: var(--pink); }
.pink-attitude-events .nav-tabs-common.nav-tabs{margin-bottom: 3rem;}

.malihu_scroll {
max-height: 200px;
}
.nation-report{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_report_btn{
    width: 30%;
}
.view_report_btn .btn-effect2{
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.view_report_btn .btn-effect2 img{
    margin-right: 15px;
    width: 30px;
}
.ci-slide4 h3, .ci-slide4 p{
    color: #ee2a7b !important;
}
.save-date{
    font-family: 'Oswald', sans-serif;
    background-color: #ee2a7b !important;
    color: #fff !important;
    padding: 8px 30px 7px 30px;
    width: auto;
    text-align: center;
    display: initial;
}
.banner4-model{
    width: calc(74% + 1vw);
}
body .btn.read-more-pink::after {
content: " ";
background: url(../icons/objects/pink-arrow-right.svg) no-repeat;
width: 84px;
height: 20px;
display: inline-block;
top: 8px;
left: 15px;
position: relative;
}
.mobile-banner{
    display:none !important;
}
.spo-desktop{
    display: block;
}
.spo-mobile{
    display: none;
}
.custome-banner{
    right: 0 !important;
}
.apply-pink{
    background-color: #fff;
    border-radius: 0;
    color: #222D37 !important;
    padding: 10px 40px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
}
.read-pink{
    background-color: transparent !important;
    border-radius: 0;
    color: #fff !important;
    padding: 10px 30px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;   
    border: 1px solid #fff !important;
}
.read-pink img{
    width: 15px;
    margin-left:10px;
}
.extra-high{
    position: absolute;
    right: 0;
    top: -280px;
    width: 100%;
}
.mobile-display{
    display:none !important;
}
.desktop-display{
        display:block !important;
}
.mobile-social-icon{
    display: flex;
    list-style-type: none;
    padding-left: 20px;
}
.mobile-social-icon li{
    padding-right: 15px;
    float: left;
}
.mobile-social-icon li img{
    width: 25px;
}

/*==============================================
## New Banner
================================================*/

.ci-banner{
  height: 75vh;
}
.full-height{
  display:flex;
  align-items: center;
  height: 100%;  
}
.text-upper{
    text-transform: uppercase !important;
}
.text-white{
    color: #fff !important;
}
.ci-banner h2{
    font-size: 3.5rem !important;
}

/*==============================================
## Series
================================================*/
.series-bg{
    padding: 3rem 2rem;
    background: #F8F1F1;
    margin-bottom: 5rem;
}
.font-pink{
    color: var(--pink);
}
.panelist-img{
    width: 150px;
}

.display-desktop{
    display:block;
}
.display-mobile{
    display:none;
}

/*==============================================
## South Asian Women
================================================*/
.background-ul{
    list-style-type:none !important;
    padding:0;
}
.background-ul li{
    margin-bottom: 12px;
    border-bottom: 2px solid #000;
    padding-bottom: 12px;
}
.background-ul li:last-child{
    border-bottom: none !important;
}

.section-about-program{
        padding: 4rem 0;
}
.section-about-program h2{
    font-size: 3rem !important;
}
.section-about-program h3{
    font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.topic-bg{
    background-color: #F8F1F1;
    padding: 20px;
    height: 100%;
}
.topic-bg h5{
    font-weight: 500;
}

.section-program-outcome{
        padding-top: 0;
        padding-bottom: 4rem;
}
.section-program-outcome h2{
    font-size: 3rem !important;
}
.section-program-outcome h3{
    font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.section-program-outcome h4{
        font-size: 1.5rem;
    color: #EE2A7B;
  font-weight: 500;  
}
.section-program-outcome ol li{
    font-size: 1.5rem;
}
.section-program-chart{
        padding-top: 0;
        padding-bottom: 4rem;
}
.section-program-chart h4{
    font-size: 1.5rem;
    font-weight: 500;
}
.section-program-chart h5{
        font-weight: 500;
    color: #EE2A7B;
}
.spacer{
    width: 100%;
    height: 1px;
    background-color: #000;
}
.section-nsp-table{
        padding-top: 0;
        padding-bottom: 4rem;
}
.section-nsp-table h4{
    font-size: 1.5rem;
    font-weight: 500;
}

.section-nsp-table .scs-table{background: var(--silver);}
.section-nsp-table .scs-table table{margin-bottom: 0;}
.section-nsp-table .scs-table .border-lft{border-left: solid 1px var(--border);}
.section-nsp-table .scs-table thead th{background: var(--font); color: var(--white); }
.section-nsp-table .scs-table th{color: var(--pink);font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; border-color: var(--font); border-top: none; vertical-align: left;}
.section-nsp-table .scs-table td{font-weight: 500;border-color: var(--font)}
.section-nsp-table .scs-list li+li{margin-top: 10px}

.section-thought-program{
         padding-top: 0;
        padding-bottom: 4rem;   
}
.section-thought-program h4{
    font-size: 1.5rem;
    font-weight: 500;
}
.program-bg{
    position: relative;
    background-color: #EE2A7B;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}
.program-bg:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 25px #EE2A7B;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}
.program-bg p{
    font-size: 1.3rem;
    text-align: center;
    color: #fff;
}
.section-leadership-path{
          padding-top: 0;
        padding-bottom: 4rem;      
}
.section-leadership-path h4{
    font-size: 1.5rem;
    font-weight: 500;
}
.section-leadership-path .scs-table{background: var(--silver);}
.section-leadership-path .scs-table table{margin-bottom: 0;}
.section-leadership-path .scs-table .border-lft{border-left: solid 1px var(--border);}
.section-leadership-path .scs-table thead th{background: var(--font); color: var(--white); }
.section-leadership-path .scs-table th{color: var(--pink);font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; border-color: var(--font); border-top: none; vertical-align: left;}
.section-leadership-path .scs-table td{font-weight: 500;border-color: var(--font)}
.section-leadership-path .scs-list li+li{margin-top: 10px}

.section-next-steps{
        padding-top: 0;
        padding-bottom: 4rem;   
}
.section-next-steps h3{
   font-family: 'Roboto', sans-serif; 
   font-size: 1.5rem;
   color: #EE2A7B;
   font-weight: 500;
}
.section-next-steps h4{
    font-size: 1.5rem;  
    font-weight: 500;
}
.section-change-hard{
        background-image: url(../img/home-banner-2.jpg);
        background-size: cover;
        padding: 4rem 0;
        position:relative;
}
.section-change-hard:after{
    content:"";
    position:absolute;
    right: 0;
    bottom: 0;
            background-image: url(../img/Leadership-Program.png);
        background-size: cover;
        width: 45vw;
        height: 45vw;
}
.section-change-hard h2, .section-change-hard p{
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .topic-bg ul{
        padding-left: 15px;
    }
    .background-ul li:last-child{
        border-bottom: 2px solid #000 !important;
    }
    .section-change-hard h2{
        font-size: 3rem;
        text-align: center;
    }
    .section-change-hard p{
        text-align: center;
    }
    .section-experience-immigrants h3{
        text-align: center; 
    }
    .section-change-hard:after{
        display: none;
    }
    .background-ul li{
           text-align: center;      
    }
    .section-about-program h2{
        font-size: 3rem;
        text-align: center;        
    }
    .section-about-program h3{
        font-size: 1.5rem;
        text-align: center;  
    }
    .section-about-program p{
        text-align: center;  
    }
    .sm-mb-4{
        margin-bottom: 15px;
    }
    .sm-mb-5{
        margin-bottom: 25px;
    }
    .section-program-outcome h2{
         font-size: 3rem;
        text-align: center;       
    }
    .section-program-outcome h3{
         font-size: 1.5rem;
                 text-align: center; 
    }
        .section-program-outcome h4{
         font-size: 1.5rem;
                 text-align: center; 
    }
        .section-program-outcome p{
                 text-align: center; 
    }
    .section-program-chart h4{
                text-align: center;         
    }
    .section-program-chart h5{
        padding: 10px 0;
                text-align: center;  
    }
    .section-nsp-table h4, .section-nsp-table p{
                text-align: center;          
    }
    .section-thought-program .mb-5{
            margin-bottom: 0rem !important;
    }
    .section-next-steps h2{
         font-size: 3rem;
        text-align: center;       
    }
        .section-next-steps h3{
         font-size: 1.5rem;
                 text-align: center; 
    }
        .section-next-steps h4{
         font-size: 1.5rem;
                 text-align: center; 
    }
        .section-next-steps p{
                 text-align: center; 
    }
}