/* Please ❤ this if you like it! */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200&family=Hurricane&family=Shadows+Into+Light&display=swap');


/* #Primary
================================================== */

body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #212112;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
::selection {
    color: #fff;
    background-color: #8167a9;
}
::-moz-selection {
    color: #fff;
    background-color: #8167a9;
}
a,
a:hover {
    text-decoration: none;
    cursor: pointer;
}

button:focus,
button {
    outline: none;
    cursor: pointer;
}


/* #Navigation
================================================== */

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 0px 0;
    box-shadow: none;
    border: 1px solid #ededed;
    -webkit-transition : all 0.3s ease-out;
    transition : all 0.3s ease-out;
}
.start-header.scroll-on {
    position: fixed;
    box-shadow: 0 10px 20px 6px rgb(138 155 165 / 20%);
    background-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0));
    border: none;
    padding: 0px 0;
    -webkit-transition : all 0.5s ease-out;
    transition : all 0.5s ease-out;
    background-color: #003875 !important;
}
.start-header.scroll-on .navbar-brand img{
    height: 35px;
    -webkit-transition : all 0.3s ease-out;
    transition : all 0.3s ease-out;
}
.navigation-wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition : all 0.5s ease-out;
    transition : all 0.5s ease-out;
}
.navbar{
    padding: 0;
}
.navbar-brand img{
    height: 45px;
    width: auto;
    display: block;
    /* filter: brightness(10%); */
    -webkit-transition : all 0.3s ease-out;
    transition : all 0.3s ease-out;
}
.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none !important;
    box-shadow: none;
}
.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #fff;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before{
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #fff;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
    top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}
.nav-link{
    color: #212121;
    font-weight: 500;
    transition: all 200ms linear;
}
/*.nav-item:hover .nav-link{
    color: #8167a9 !important;
}*/
.nav-item.active .nav-link{
    color: #777 !important;
}
.nav-link {
    position: relative;
    padding: 5px 0 !important;
    display: inline-block;
}
/*.nav-item:after{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #8167a9;
    opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
    bottom: 0;
    opacity: 1;
}
.nav-item.active:hover:after{
    opacity: 0;
}*/
.nav-item{
    position: relative;
    transition: all 200ms linear;
    margin: 0px 16px;
    font-size: 16px;
}

.nav-item .dropdown-menu:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background: #00b5e0;
    left: 40px;
    top: -7px;
    transform: rotate(
            45deg
    );
    z-index: -1;
}

.HeadTopFlex {
    display: flex;
    justify-content: flex-end;
}

.HeadTopSec {
    padding: 11px 30px;
    border-right: 1px solid #33c2e3;
}

.HeadTopSec a {
    display: flex;
}

.HeadTopSecAda {
    display: flex;
    padding: 11px 30px;
    background: #33c2e3;
}

.SmallHead {
    background: #00b3dc;
    margin-top: 0;
    transition: all .5s ease-in-out;
}

.scroll-on .SmallHead {
    margin-top: -46px;
}

.HeaderTopIcon {
    width: 16px;
    height: auto;
    margin-right: 10px;
}

.HeadTopText {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 0;
}

.HeadTopText span {
    font-weight: 600;
}

.ADALink {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #fff;
}

.ADALink:hover {
    color: #fff;
}

.dropdown .ADALink {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    position: relative;
    padding-right: 22px;
    margin-right: 0px;
    border-right: 0px solid #fff;
}

.dropdown .ADALink:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    right: 0;
    top: 5px;
    border-top: 0;
    border-right: 0;
    transform: rotate(
            -45deg
    );
}

.HeaderTopLanguageIcon {
    width: 21px;
    height: auto;
    margin-right: 10px;
    margin-top: 0px;
}

.nav-link.MainNav {
    padding: 40px 0 !important;
    transition: all .3s ease-in-out;
}

.scroll-on .nav-link.MainNav {
    padding: 25px 0 !important;
}

.Search .HeaderSearch {
    position: absolute;
    right: 0%;
    width: 0%;
    opacity: 0;
    border: none;
    border-bottom: 1px solid #c2c2c2;
    font-size: 16px;
    transition: all .3s ease-in-out;
}

.Search .HeaderSearch:focus {
    outline: none;
}

.Search.open .HeaderSearch {
    right: 5%;
    width: 76%;
    opacity: 1;
}

/* #Primary style
================================================== */

.bg-light {
    background-color: transparent !important;
    background-image: linear-gradient(rgba(0,0,0,1) 30%, rgba(0,0,0,0));
    transition: all 200ms linear;
    border: none;
}
.section {
    position: relative;
    width: 100%;
    display: block;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20;
}
h1{
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #212112;
    text-align: center;
}
p{
    text-align: center;
    margin: 0;
    padding-top: 10px;
    opacity: 1;
    transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1700ms;
}
h1 span{
    display: inline-block;
    transition: all 300ms linear;
    opacity: 1;
    transform: translate(0);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
#switch {
    width: 60px;
    height: 8px;
    border: 2px solid #8167a9;
    border-radius: 27px;
    background: #000;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
#circle {
    position: absolute;
    top: -11px;
    left: -13px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #000;
}
.switched {
    border-color: #000 !important;
    background: #8167a9 !important;
}
.switched #circle {
    left: 43px;
    box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
    background: #fff;
}
.nav-item .dropdown-menu {
    /*transform: translate3d(0, 10px, 0);*/
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: all .3s ease-in-out;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    /*transform: translate3d(0, 0px, 0);*/
    top: 104px;
}
.nav-item.MobMenu1.show .dropdown-menu,
.nav-item.MobMenu2.show .dropdown-menu,
.nav-item.MobMenu3.show .dropdown-menu,
.nav-item.MobMenu5.show .dropdown-menu{
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0px, 0);
    top: 104px;
}
.scroll-on .nav-item.show .dropdown-menu {
    top: 74px;
}
.scroll-on .nav-item.MobMenu1.show .dropdown-menu,
.scroll-on .nav-item.MobMenu2.show .dropdown-menu,
.scroll-on .nav-item.MobMenu3.show .dropdown-menu,
.nav-item.MobMenu5.show .dropdown-menu{
    top: 74px;
}
.nav-item .dropdown-menu.Attatched {
    padding: 0 !important;
}
.nav-item .dropdown-menu {
    padding: 10px!important;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #00b5e0;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
    min-width: 15rem;
}
.dropdown-menu ul.CollapseMenu {
    padding: 0;
    display: flex;
}
ul.CollapseMenu li {
    list-style: none;
    width: 240px;
    padding-top: 25px;
    padding-bottom: 25px;
}
ul.CollapseMenu li.LeftChildNew {
    padding-left: 25px;
}
ul.CollapseMenu li.RightChildNew {
    padding-right: 25px;
}
.dropdown-toggle::after {
    display: none;
}

.nav-item .dropdown-item {
    padding: 6px 15px;
    color: #fff;
    border-radius: 2px;
    transition: all 200ms linear;
    position: relative;
}
.nav-item .dropdown-item:hover,
.nav-item .dropdown-item:focus {
    color: #01576b;
    background-color: transparent;
}
.dropdown-menu2 {
    position: absolute;
    top: 20px;
    right: CalC(0px - 85%);
    background: #00b5e0;
    border-radius: 5px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease-in-out;
}
.dropdown-item.Sub:hover ~ .dropdown-menu2,
.dropdown-menu2:hover {
    opacity: 1;
    transform: scale(1);
}
.dropdown-menu2 a:first-child {
    padding: 0;
}
.dropdown-content ul,
.dropdown-menu  ul {
    padding: 0;
}
body.dark{
    color: #fff;
    background-color: #1f2029;
}
body.dark .navbar-brand img{
    filter: brightness(100%);
}
body.dark h1{
    color: #fff;
}
body.dark h1 span{
    transition-delay: 0ms !important;
}
body.dark p{
    color: #fff;
    transition-delay: 0ms !important;
}
body.dark .bg-light {
    background-color: #14151a !important;
}
body.dark .start-header {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
    color: #fff !important;
}
body.dark .nav-item.active .nav-link{
    color: #999 !important;
}
body.dark .dropdown-menu {
    color: #fff;
    background-color: #1f2029;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
    color: #fff;
}
body.dark .navbar-light .navbar-toggler-icon {
    border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after,
body.dark .navbar-light .navbar-toggler-icon:before{
    background-color: #fff;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.LeftChildNew .dropdownItem,
.MiddleChildNew .dropdownItem,
.RightChildNew .dropdownItem {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 15px;
    color: #fff;
    text-align: left;
    position: relative;
    margin: 0;
    width: 100%;
    display: inline-block;
    text-decoration: none;
}

.LeftChildNew .dropdownItem::before,
.MiddleChildNew .dropdownItem::before,
.RightChildNew .dropdownItem::before {
    content: '';
    width: 0%;
    height: 1px;
    position: absolute;
    background: #fff;
    bottom: -2px;
    left: 0;
    opacity: 1;
    transition: all .3s ease-in-out;
}
ul.CollapseMenu li:hover .dropdownItem::before {
    width: 100%;
}

ul.CollapseMenu .dropdown::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #fff;
    top: 65px;
    left: 0;
    opacity: .5;
}

ul.CollapseMenu .dropdown-content {
    margin-top: 15px;
}

.navbar-light .navbar-nav .nav-link.MainNav.active,
.navbar-light .navbar-nav .show>.nav-link.MainNav,
.navbar-light .navbar-nav .nav-link.MainNav:focus,
.navbar-light .navbar-nav .nav-link.MainNav:hover,
.nav-item.active .nav-link.MainNav {
    color: #1cf2fd !important;
}

.navbar-light .navbar-nav .nav-link.MainNav {
    color: #fff;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.dropdown-content .nav-item,
.dropdown-content .nav-item a.nav-link,
.dropdown-content .nav-item.show a.nav-link {
    font-size: 14px;
    color: #fff !important;
    font-weight: 400;
    line-height: 22px;
    padding: 2px 0px;
    transition: all .3s ease-in;
}

.dropdown-content .nav-item a.nav-link:hover,
.dropdown-content .nav-item a.nav-link:focus,
.dropdown-content .nav-item.show a.nav-link:hover,
.dropdown-content .nav-item.show a.nav-link:focus {
    color: #01576b !important;
    transition: all .3s ease-in;
}

.navbar-light .navbar-nav .nav-link.MainNav svg {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-left: 3px;
}

.DonateBUHeader {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #f26722;
    text-decoration: none;
    padding: 0 35px;
    height: 46px;
    text-align: center;
    padding-top: 10px;
    transition: all .3s ease-in-out;
}

.DonateBUHeader:hover {
    color: #fff;
    text-decoration: none;
    background: #dc5f21;
}

.DonateBUHeaderIcon {
    width: 16px;
    height: auto;
    margin-right: 8px;
    margin-top: -3px;
}

.SearchBUHeader{
    text-align: center;
    padding-top: 0px;
    padding-left: 20px;
    margin: 0 0px 0 20px;
    color: #646464;
}

.SearchBUHeader:hover {
    color: #646464;
}

/*.SearchBUHeader svg {
    margin-top: 2px;
}*/

.Search {
    margin-top: 4px;
}

.SupportersSlider {
    width: 100%;
    min-height: 600px;
    background-image: url(../img/SupportersBG.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 100px;
    /*padding-bottom: 64px;*/
}

.LeadershipSlider {
    width: 100%;
    min-height: 600px;
    background-image: url(../img/SupportersBG.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 100px;
}

.LeadershipSliderBig {
    width: 100%;
    min-height: 600px;
    background-image: url(../img/SupportersBG.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 100px;
}

.NewsPressSlider {
    width: 100%;
    min-height: 600px;
    background-image: url(../img/NewsBG.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 100px;
}

.SupportersSlider:before,
.LeadershipSlider:before,
.NewsPressSlider:before,
.LeadershipSliderBig:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}

.SupportersSlider:after,
.LeadershipSlider:after,
.NewsPressSlider:after,
.LeadershipSliderBig:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 148px;
    background-image: url("../images/about/BannerGra.png");
    bottom: -90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.BannerTitle {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.BannerTitle.Thin {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 42px;
}

.SMTabsUL {
    margin-top: 60px;
    border: none;
}

.SMTabsUL li {
    width: 50%;
    margin: 0;
}

.SMTabsUL li a {
    width: 100%;
    display: inline-block;
    background: #003875 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 22px;
    font-weight: 600;
    color: #fff !important;
    padding: 20px 0 !important;
    text-align: center;
    position: relative;
}

.SMTabsUL li a.active {
    background: #fff !important;
    color: #000 !important;
}

.SMTabsUL li a.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    left: 0;
    background: #00b5e0;
}

.SMTabsUL li a.active::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid #00b5e0;
    left: 50%;
    top: -5px;
    transform: rotateZ(
            45deg
    );
    border-top: 0;
    border-left: 0;
}

.SupportersTabMain {
    width: 90%;
    margin: 80px auto;
}

/*.SupportersTab {
    margin-top: 80px;
}*/

.TabRow {
    display: flex;
    flex-wrap: wrap;
    margin: 70px -12px;
}

.TabsBodyTitle {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    color: #1c2e40;
}

.TabsBodyTitle::before {
    content: '';
    width: 7px;
    height: 7px;
    background: #00b5e0;
    border-radius: 50%;
    position: absolute;
    bottom: 9px;
    right: -9px;
}

.TabFullDiv {
    width: 100%;
    padding: 0 15px;
}

.TabHalfDiv {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.FunderList {
    width: 50%;
    font-size: 16px;
    font-weight: 600;
    /*line-height: 30pt;*/
    color: #000;
    text-align: left;
    position: relative;
    padding: 10px 0 10px 25px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

/*.FunderList:hover {*/
/*color: #00b5e0;*/
/*}*/

.FunderList::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #00b5e0;
    left: -1px;
    top: 17px;
    transform: rotateZ(
            -45deg
    );
    border-top: 0;
    border-left: 0;
}

.TabDonerList {
    width: 100%;
    padding: 70px 0px;
    display: flex;
}

.ImgDivMain {
    min-width: 370px;
    height: 300px;
    padding: 0 15px;
    position: relative;
}

.ImgDivMain:after {
    content: '';
    background-image: url(../img/BlueBot.png);
    width: 100px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -15px;
    bottom: -31px;
    z-index: -1;
}

.ImgDivMainClient {
    min-width: 370px;
    height: 300px;
    /* padding: 0 15px; */
    position: relative;
}

.ImgDivMainClient:after {
    content: '';
    background-image: url(../img/BgDot.png);
    width: 175px;
    height: 260px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -36px;
    bottom: -43px;
    z-index: -1;
}

.DonerImg  {
    width: 300px;
    height: 300px;
    /* border-radius: 12px;
    overflow: hidden;
    background: #fff; */
}

.DonerImgInside  {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.DonerImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.DonnerContent {
    width: 100%;
    padding: 0 15px;
}

.DonnerContent h3 {
    font-weight: 700;
    color: #1c2e40;
}

.DonnerContent p.Des {
    font-size: 16px;
    text-align: left;
    color: #000;
    line-height: 28px;
    margin-bottom: 15px;
}

.LeadershipMain {
    margin: 50px 0;
}

.LeadershipMainClient {
    margin: 50px 0 0 0;
}

.LeaderTitle {
    font-size: 16px;
    text-align: left;
    color: #f26722;
    padding: 10px 0 0 0;
    font-weight: 600;
    margin-bottom: 15px;
}

.LeaderLearnLink,
.LeaderLearnLink:hover {
    font-size: 16px;
    color: #00b3dc;
    line-height: 28px;
    margin-top: 18px;
    display: inline-block;
    position: relative;
}

.LeaderLearnLink:hover::after {
    right: -50px;
    opacity: 0;
}

.LeaderLearnLink::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #00b5e0;
    right: -20px;
    top: 11px;
    transform: rotateZ(
            -45deg
    );
    border-top: 0;
    border-left: 0;
    opacity: 1;
    transition: all .3s ease-in-out;
}

/*.HeaderCon {
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    display: flex;
}*/

.NavDropDBU {
    margin-left: auto;
}

.Leadership .modal-body {
    padding: 0;
}

.LeaderModalHead {
    background: #00b3dc;
    height: 350px;
    padding-top: 25px;
}

.Name {
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    color: #fff;
}

.Title {
    font-size: 18px;
    line-height: 50px;
    font-weight: 600;
    color: #0e0f12;
    padding: 0;
    text-align: left;
}

.ModalIMG {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ModalIMG .DonerImg  {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #e2e2e2;
    background: #fff;
    margin-top: -110px;
}

.LeaderModalBody {
    margin-top: -105px;
    background: #fff;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    text-align: center;
    padding: 50px;
    padding-top: 0;
}

.ModalMail {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    color: #00b3dc;
    margin: 25px 0;
    display: inline-block;
}

.ModalBodyText {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    text-align: left;
    margin-bottom: 15px;
}

.ModalFavPlace {
    width: 100%;
    display: flex;
    background: #f7f7f7;
    border-radius: 15px;
    padding: 25px 35px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.ModalFavPlaceCon {
    margin-left: 30px;
}

.ModalFavPlace img {
    width: 58px;
    height: auto;
    object-fit: contain;
    object-position: top;
}

.ModalFavPlaceConTitle {
    font-size: 16px;
    font-weight: 600;
    /*line-height: 36px;*/
    color: #000;
    text-align: left;
    padding: 0;
}

.ModalFavPlaceConText {
    font-size: 16px;
    font-weight: 400;
    /*line-height: 27px;*/
    color: #000;
    text-align: left;
}

.LeadershipBtn {
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    color: #fff;
    text-transform: uppercase;
    background: #f26722;
    border: none;
    padding: 10px 45px;
}

.dropdown-content .nav-item, .dropdown-content .nav-item a, .dropdown-content .nav-item.show a {
    width: 100%;
}

.NewsBG {
    width: 100%;
    height: 240px;
    background: #005c72;
}

.NewsBu {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    background: #81c341;
    width: 240px;
    width: 240px;
    display: block;
    text-align: center;
    padding: 12px 0px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .3s ease-in-out;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 15px;
}

.NewsBu:hover {
    color: #fff;
    background: #77b43b;
}

.NewsTabCardMain {
    width: 33.33%;
    padding: 15px;
    height: auto;
}

.NewsTabCard {
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 35px 0 #3333331c;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.NewsTabCard img,
.NewsTabCard iframe {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.NewsTabCardBody {
    padding: 15px 25px 85px 25px;
}

.NewsTabCardBodyDate {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #99999e;
    text-align: left;
    padding: 0;
}

.NewsTabCardBodyDate svg {
    width: 18px;
    height: 18px;
    margin-top: -4px;
    margin-right: 6px;
}

.NewsTabCardBodyFoot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 25px;
    border-top: 1px solid #e2e2e2;
}

.NewsTabCardBodyTitle,
.NewsTabCardBodyTitle a {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    transition: all .3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.NewsTabCardBodyTitle a:hover {
    color: #00b5e0;
}

.NewsTabCardBodyLink{
    font-size: 16px;
    font-weight: 400;
    color: #f26722;
    transition: all .3s ease-in-out;
}

.NewsTabCardBodyLink:hover {
    color: #00b5e0;
}

.NewsTabCardBodyLink:hover:after {
    width: 100%;
}

.FooterMain {
    background: #fff;
    padding: 80px 0;
    width: 99%;
}

.FootRow {
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

.FootBigDiv {
    width: 50%;
    padding: 0 40px 0 15px;
    border-right: 1px solid #e9ecf3;
    margin-right: 40px;
    display: flex;
}

.FootBigDiv img.Logo {
    min-width: 270px;
    max-width: 399px;
}

.FootBigDivText {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    color: #252934;
    text-align: left;
    margin: 30px 0;
    width: 80%;
}

.FootLogoSec img {
    width: auto;
    height: auto;
    max-width: 130px;
    max-height: 90px;
    margin: 0 15px;
}

.FootLogoSec img:first-child {
    margin-left: 0px;
}

.FootLogoSec img:last-child {
    margin-right: 0px;
}

.FootSmallDiv {
    width: 25%;
    padding: 0 15px;
}

.FootSmallDiv .Title {
    font-size: 18px;
    line-height: 50px;
    font-weight: 600;
    color: #0e0f12;
    text-align: left;
    text-transform: uppercase;
    padding-top: 0px;
    margin-bottom: 20px;
}

.FootSmallDiv ul {
    padding: 0;
}

.FootSmallDiv ul li {
    list-style: none;
}

.FootSmallDiv ul li a {
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    color: #252934;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
}

.FootSmallDiv ul li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: -2px;
    background: #00aff0;
    transition: all ease-in-out .3s;
}

.FootSmallDiv ul li a:hover:after {
    width: 100%;
}

.FootSmallDiv ul li a svg {
    width: 12px;
    height: 12px;
    margin-top: -3px;
    margin-right: 14px;
    color: #87939a;
    transition: all .3s ease-in-out;
}

.FootSmallDiv ul li a:hover,
.FootSmallDiv ul li a:hover svg,
.FootCon a:hover {
    color: #00aff0;
}

.SubTitle {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
    color: #646464;
    text-align: left;
    padding-top: 0;
}

.FootCon a {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: normal;
    font-weight: 300;
    color: #252934;
    text-align: left;
    padding: 0px 0;
    transition: all .3s ease-in-out;
}

.FootCon a span {
    font-weight: 400;
    color: #000;
    transition: all .3s ease-in-out;
    padding-right: 5px;
    width: 100%;
    display: block;
}

.FootCon a:hover {
    color: #000;
}

.FootCon a:hover span {
    color: #00aff0;
}

.FootCon svg,
.FootCon a svg {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    margin-top: 2px;
}

.FootIconSec {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
}

.FootIconSec svg {
    width: auto;
    height: auto;
    max-width: 18px;
    max-height: 18px;
}

.FootIconSec a {
    margin: 0 5px;
    width: 42px;
    height: 42px;
    background: #ebeef5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #858da8;
    transition: all ease-in-out .3s;
}

.FootIconSec a:hover {
    background: #00aff0;
    color: #fff;
}

.FootIconSec a:first-child {
    margin-left: 0px;
}

.FootIconSec a:last-child {
    margin-right: 0px;
}

.FootFullDiv {
    width: 100%;
    padding: 0 0px;
    position: relative;
    border-top: 1px solid #e9ecf3;
    margin-top: 60px;
}

.FootFullDiv .Title {
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: #999999;
    text-align: left;
    /*border-top: 1px solid #e2e2e2;*/
    position: relative;
    padding-top: 40px;
    text-align: center;
}

.FootFullDiv .Title a {
    color: #999999;
}

.FootFullDiv .Title a:hover {
    color: #00b3dc;
}

/* #Media
================================================== */

@media (max-width: 1199px) {
    h1{
        font-size: 38px;
    }
    .nav-item:after{
        display: none;
    }
    /*.nav-item::before {
        position: absolute;
        display: block;
        top: 15px;
        left: -23;
        width: 11px;
        height: 1px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
    }
    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"]::after{
        transform: rotate(90deg);
        opacity: 0;
    }*/
    .nav-item {
        margin: 2px 0;
    }
    /*.navbar-expand-md .navbar-collapse {
        margin: 15px 0;
    }*/

    .dropdown-menu {
        padding: 0 !important;
        background-color: #00b5e0;
        box-shadow: none;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    body.dark .nav-item::before {
        background-color: #fff;
    }
    body.dark .dropdown-toggle::after {
        background-color: #fff;
    }
    body.dark .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
    }
}

/* #Link to page
================================================== */

.logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: block;
    z-index: 100;
    transition: all 250ms linear;
}
.logo img {
    height: 26px;
    width: auto;
    display: block;
    filter: brightness(10%);
    transition: all 250ms linear;
}
body.dark .logo img {
    filter: brightness(100%);
}

.HomeCustDiv50 {
    width: 50%;
    padding: 15px;
}

.HomeCustDiv25 {
    width: 25%;
    padding: 15px;
}

.HomeCustDiv75 {
    width: 75%;
    padding: 15px;
}

.HomeCustDiv100 {
    width: 100%;
}

.ImgDiv {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.ImgDivSmall {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.ImgDiv .title {
    position: absolute;
    background: #fff;
    left: 0;
    padding: 13px 20px 15px 0px;
    z-index: 2;
    max-width: 70%;
}

.ImgDivSmall .title {
    position: absolute;
    height: 100%;
    left: 0;
    /* padding: 13px 20px 15px 0px; */
    z-index: 2;
    width: 100%;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.HomeTopImgSec .FullCon a:hover .title {
    opacity: 0;
}

.ImgDiv .title h2 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}

.ImgDivSmall .title h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 7px #000000a3;
    transform: translate(0px, -50%);
}

.ImgDiv .Content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.ImgDivSmall .Content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.HomeTopImgSec .Alter a:hover .Content {
    opacity: 1;
}

.HomeTopImgSec .FullCon a:hover .Content {
    opacity: 1;
}

.ImgDiv .Content p {
    padding: 0 30px;
    text-align: left;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.ImgDivSmall .Content .ConTextTo {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.ImgDivSmall .Content p {
    padding: 0 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.ImgDivSmall .Content h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    width: 100%;
    text-align: center;
}

.FirstSecImg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.SecondSecImg {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center;
}

.ThirdSecImg {
    width: 100%;
    height: 155px;
    object-fit: cover;
    object-position: center;
}

.HomeTopImgSec {
    padding-top: 0px;
    padding-bottom: 30px;
    height: 100%;
}

.HomeTopImgSec .Alter:nth-child(odd) .title {
    border-bottom-right-radius: 10px;
    top: 0;
}

.HomeTopImgSec .Alter:nth-child(even) .title {
    border-top-right-radius: 10px;
    bottom: 0;
}

.FullCon:first-child {
    margin-bottom: 30px;
}

.HomeCounterSec {
    padding: 40px 15px;
}

.CounterDiv25 {
    width: 25%;
    padding: 15px;
    position: relative;
}

.CounterDiv25:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e0e0e0;
    right: 0;
    top: 0;
}

.CounterDiv25:last-child:after {
    display: none;
}

.CounterNum {
    font-size: 54px;
    font-weight: 200;
    color: #000;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.CounterCon {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #87939a;
    text-align: center;
}

.ColorOrange {
    color: #f26722;
}

.ColorGreen {
    color: #81c240;
}

.ColorBlue {
    color: #00b3dc;
}

.HomeCommServiceSec {
    padding: 40px 12px 100px 12px;
}

.VissionMissionSec {
    padding: 100px 12px 50px 12px;
}

.CustomrowJusti {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.HomeCommService50 {
    width: 47%;
    padding: 15px;
}

.AboutCommService50 {
    width: 47%;
    padding: 15px 0;
}

.HomeMapDiv {
    width: 100%;
    position: relative;
    /* background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a; */
}

.HomeMapDivInside {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;
}

.HomeMapDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: -130px;
    bottom: -90px;
    z-index: -1;
}

.HomeMapDiv #map {
    position: relative;
    width: 100% !important;
}

.HomeMapDiv img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: center;
}

.AboutMapDiv {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    /* padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a; */
}

.AboutMapDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: -65px;
    bottom: -65px;
    z-index: -1;
}

.AboutMapDiv img,
.AboutMapDiv #map {
    width: 100% !important;
    height: 650px !important;
    object-fit: cover;
    object-position: center;
}

.SpeakersIMGDiv {
    width: 100%;
    position: relative;
    /*background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;*/
    margin-bottom: 80px;
}

.SpeakersIMGDivInside {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;
}

.SpeakersIMGDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: -65px;
    bottom: -65px;
    z-index: -1;
}

.SpeakersIMGDiv img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: center;
}

.CareerVideoDiv {
    width: 100%;
    position: relative;
    /*background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;*/
    margin-bottom: 80px;
}

.CareerVideoDivInside {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;
}

.CareerVideoDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: -65px;
    bottom: -65px;
    z-index: -1;
}

.CareerVideoDiv .CareerVimg,
.CareerVideoDiv #map {
    width: 100% !important;
    height: 650px !important;
    object-fit: cover;
    object-position: center;
}

.HomeCommServiceTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

.HomeCommServiceTitle::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    background: #00b3dc;
    left: 0;
    top: 10%;
}

.HomeCommServiceCon,
.HomeCommServiceCon p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 20px;
}

.HomeCommServiceCon span,
.HomeCommServiceCon p span{
    font-weight: 700;
    color: #000;
}

.HomeCommServiceCon a,
.HomeCommServiceCon p a{
    color: #00b3dc;
}

.HomeBuOrange {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 18px 28px;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 25px;
    z-index: 2;
    min-width: 200px;
}

.HomeBuOrange::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    border-radius: 6px;
    transform: scale3d(1, 1, 1);
    z-index: -1;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.HomeBuOrange:hover::before {
    transform: scale3d(1.1,1.2,1);
}

/* .HomeBuOrange::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    opacity: .2;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
    border-radius: 6px;
    transform: scale3d(1,1,1);
    z-index: -1;
}

.HomeBuOrange:hover::after {
    transform: scale3d(0.85, 0.65, 1);
} */

.HomeBuOrangeAni {
    position: relative;
    padding: 18px 28px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
}
.HomeBuOrangeAni span {
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    text-align: center;
    background: #0c0c0c;
    color: rgba(255,255,255,.2);
    transition: .5s;
    z-index: 1;
}
.HomeBuOrangeAni:hover span {
    color: rgba(255,255,255,1);
}
.HomeBuOrangeAni span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(255,255,255,.1);
}
.HomeBuOrangeAni::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #fb0094, #00b3dc, #81c240, #ff0, #f26722, #fb0094, #00b3dc, #81c240, #ff0, #f26722);
    background-size: 400%;
    opacity: 0;
    transition: 0.5s;
    animation: animate 20s linear infinite;
}
.HomeBuOrangeAni::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #fb0094, #00b3dc, #81c240, #ff0, #f26722, #fb0094, #00b3dc, #81c240, #ff0, #f26722);
    background-size: 400%;
    opacity: 0;
    filter: blur(20px);
    transition: 0.5s;
    animation: animate 20s linear infinite;
}
.HomeBuOrangeAni:hover::before,
.HomeBuOrangeAni:hover::after {
    opacity: 1;
}
@keyframes animate {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 300% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.parallax-background {
    background-position: 50%;
    background-repeat: no-repeat;

    background-size: cover;
    -webkit-background-size: cover;

    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

/* Used for visualization only */
.ParallaxHeight350 {
    min-height: 350px;
    height: 350px;
    margin: 40px 0;
    background-size: auto;
}

.ParallaxHeight400 {
    min-height: 400px;
    height: 400px;
    margin: 8px 0 60px 0;
    background-size: auto;
}

.ParallaxHeight650 {
    min-height: 650px;
    height: 650px;
    margin: 0px 0;
    background-size: auto;
}

.ParallaxHeight900 {
    min-height: 900px;
    height: 650px;
    margin: 0px 0;
    background-size: auto;
}

.Parallaxinside {
    width: 80%;
    margin: auto;
    display: table;
    height: 350px;
}

.ParallaxinsideBig {
    width: 80%;
    margin: auto;
    display: table;
    height: 400px;
}

.ParallaxinsideCon {
    display: table-cell;
    vertical-align: middle;
}

.Flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.DonateTitle {
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    margin-right: 30px;
}

.ParallaxHomeSelect {
    position: relative;
    box-shadow: 0 0 20px 0 #33333326;
    border-radius: 12px;
    background: #fff;
}

.ParallaxHomeSelect .form-control {
    width: 400px;
    height: 100%;
    border: none;
    border-radius: 12px;
    font-size: 22px;
    padding: 15px 40px 15px 20px;
    color: #686868;
    position: relative;
    background: transparent;
    z-index: 2;
}

.ParallaxHomeSelect .form-control:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.ParallaxHomeSelect::after {
    content: '';
    width: 16px;
    height: 10px;
    position: absolute;
    right: 18px;
    top: 50%;
    background: #ccc;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    transform: translate(0px, -50%);
    z-index: 1;
}

.HomeVideoSec {
    padding: 100px 15px;
    position: relative;
    z-index: 1;
}

.VideoDiv {
    width: 800px;
    position: relative;
    border-radius: 30px;
    margin: auto;
}

.VideoDivInside {
    width: 100%;
    position: relative;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 30px 0px #0000001a;
    padding: 15px;
    margin: auto;
}

.VideoDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0px;
    bottom: -100px;
    z-index: -1;
    transform: rotate(
            90deg
    );
}

.VideoDiv .VideoIMG {
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.PlayBu {
    width: 100px;
    height: 100px;
    padding: 37px;
    background: #f26722;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.PlayBu::after {
    content: '';
    width: 240px;
    height: 240px;
    border: 45px solid #f26722;
    position: absolute;
    top: -70px;
    left: -70px;
    border-radius: 50%;
    opacity: .2;
    transition: all .3s ease-in-out;
}

.HomeVideoSec a:hover .PlayBu::after {
    opacity: .4;
}

.PlayBu img {
    width: 100%;
    height: auto;
    margin-top: -2px;
    margin-left: 3px;
}

.VideoDiv p {
    font-family: 'Satisfy', cursive;
    font-size: 40px;
    line-height: 32px;
    color: #00b3dc;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -90%);
}

.InstaMainDiv {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px;
    background: #0bb2f1;
    background-image: url(../images/get-started.jpg);
}

.GetInTouchDiv {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 40px;
    /*background: #e8e8e8;*/
    position: relative;
    z-index: 1;
}

.InstaFlex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.InstaDiv40 {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
}

.InstaDiv20 {
    width: 20%;
    padding: 8px;
}

.InstaDivUnder50 {
    width: 50%;
    height: auto;
    padding: 8px;
}

.InstaDivUnder100 {
    width: 100%;
    height: 100%;
    background: #81c341;
    position: relative;
    overflow: hidden;
}

.InstaDivUnder100::before {
    content: '';
    background-image: url(../img/instagramWhite.svg);
    width: 100%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: -60px;
    opacity: .15;
}

.InstaDivUnder50 img {
    width: 100%;
    height: 370px;
    object-position: center;
    object-fit: cover;
}

.InstaText {
    width: 130px;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    position: relative;
}

.InstaConDiv {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.InstaConDivTitle {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.InstaConDiv a {
    font-size: 18px;
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
    font-style: italic;
    font-weight: 100;
}

.NewsletterTitle {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.NewsletterConText {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}

.NewsletterFormSec {
    width: 820px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    margin: auto;
    padding: 5px;
}

.NewsletterFormSec svg {
    min-width: 20px;
    color: #ababac;
    margin-top: 20px;
    margin-left: 15px;
}

.NewsletterFormSec input {
    border: none !important;
    width: 88%;
    font-size: 18px !important;
    color: #272727 !important;
    padding: 20px !important;
    line-height: unset !important;
    min-height: unset !important;
}

.NewsletterFormSec input:focus {
    outline: none;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_body {
    width: 100%;
}

.NewsletterFormBU {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 18px 28px;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.NewsletterFormBU::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    border-radius: 6px;
    transform: scale3d(0.9, 0.8, 1);
    z-index: -1;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.NewsletterFormBU:hover::before {
    transform: scale3d(1,1,1);
}

/* .NewsletterFormBU::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    opacity: .2;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
    border-radius: 6px;
    transform: scale3d(1,1,1);
    z-index: -1;
}

.NewsletterFormBU:hover::after {
    transform: scale3d(0.85, 0.65, 1);
} */

.Pagination {
    width: 100%;
    padding: 40px 15px 0 15px;
}

.Pagination.Client {
    width: 100%;
    padding: 40px 15px 80px 15px;
}

.Pagination .page-item svg {
    width: 20px;
    height: 20px;
    margin-top: -4px;
}

.Pagination nav {
    display: flex;
    justify-content: center;
}

.Pagination .page-item {
    margin: 0 5px;
    width: 40px;
    height: 40px;
}

.Pagination .page-item .page-link {
    padding: 7px 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #00b3dc;
    color: #00b3dc;
    background: #fff;
}

.Pagination .page-item .page-link:hover {
    color: #fff;
    background: #00b3dc;
}

.Pagination .page-item .page-link.Disable,
.Pagination .page-item .page-link.Disable:hover {
    border: 1px solid #e2e2e2;
    color: #e2e2e2;
    background: #fff;
    cursor: auto;
}

.Pagination .page-item .page-link.Active {
    border: 1px solid #00b3dc;
    color: #fff;
    background: #00b3dc;
}

.NewsTextIMG {
    height: 25px !important;
    width: auto !important;
    margin: 15px 0 10px 0;
}

.WhatWeRow {
    display: table;
    padding:  100px 0;
    margin: 0 -50px;
}

.OurHistoryRow {
    display: table;
    padding:  100px 0;
    margin: 0 -50px;
}

.WhatDiv50 {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
}

.WhatDivTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.WhatDivTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    bottom: 0;
}

.WhatDivDes,
.WhatDivDes p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 20px;
    padding-top: 0;
}

.WhatDivConList {
    padding: 0;
    margin: 0;
}

.WhatDivConList li {
    list-style: none;
    color: #00b3dc;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    position: relative;
    padding-left: 30px;
}

.WhatDivConList li a {
    color: #00b3dc;
}

.WhatDivConList li:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 18px;
    border-top: 0;
    border-left: 0;
    transform: rotate(
            -45deg
    );
}

.WhatIMGDiv {
    width: 100%;
    margin-left: auto;
    position: relative;
    /*background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;*/
}

.WhatIMGDivInside {
    width: 100%;
    margin-left: auto;
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;
}

.WhatIMGDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: -60px;
    bottom: -60px;
    z-index: -1;
}

.HistoryMainIMGDiv {
    width: 100%;
    margin-left: auto;
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 30px 0px #0000001a;
}

.HistoryMainIMGDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: -60px;
    bottom: -60px;
    z-index: -1;
}

.WhatWeRow:nth-child(even) .WhatIMGDiv::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: unset;
    left: -60px;
    bottom: -60px;
    z-index: -1;
}

.WhatConDiv {
    width: 100%;
}

.WhatIMGDiv img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.HistoryMainIMGDiv img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.VideoCardBody {
    padding: 15px 25px 40px 25px;
}

.VideoLink {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.VideoPlayBu {
    width: 55px;
    height: 55px;
    padding: 15px;
    background: #f26722;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VideoPlayBu img {
    width: 100%;
    height: auto !important;
    margin-top: -2px;
    margin-left: 3px;
    object-fit: cover;
    object-position: center;
}

.VideoPlayBu::after {
    content: '';
    width: 140px;
    height: 140px;
    border: 45px solid #f26722;
    position: absolute;
    top: -43px;
    left: -43px;
    border-radius: 50%;
    opacity: 0.2;
    transition: all .3s ease-in-out;
}

.VideoLink:hover .VideoPlayBu::after {
    opacity: 0.4;
}

.SubcribeMain {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.SubcribeMain p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    width: 100%;
    padding-top: 40px;
}

.SubcribeBU {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 18px 28px;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 25px;
    z-index: 2;
    min-width: 200px;
}

.SubcribeBU img {
    width: 28px;
    height: auto;
    margin-top: -4px;
    margin-right: 12px;
}

.SubcribeBU::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff0000;
    border-radius: 6px;
    transform: scale3d(0.9, 0.8, 1);
    z-index: -1;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.SubcribeBU:hover::before {
    transform: scale3d(1,1,1);
}

/* .SubcribeBU::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff0000;
    opacity: .2;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
    border-radius: 6px;
    transform: scale3d(1,1,1);
    z-index: -1;
}

.SubcribeBU:hover::after {
    transform: scale3d(0.85, 0.65, 1);
} */

.ClientDes {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #98999a;
    width: 75%;
    margin: 60px auto 0 auto;
}

.DonnerContentClient {
    width: 100%;
    /* padding: 0 15px; */
}

.DonnerContentClient h3 {
    font-weight: 800;
    color: #00b3dc;
}

.DonnerContentClient p.ClientDesQu {
    font-size: 16px;
    text-align: left;
    color: #98999a;
    line-height: 28px;
    padding-bottom: 25px;
}

.DesPanel.More {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.DonnerContentClient p.Des,
.DonnerContentClient p {
    font-size: 16px;
    text-align: left;
    color: #98999a;
    line-height: 28px;
    margin-bottom: 15px;
}

.ClientDeShowLink,
.ClientDeShowLink:hover {
    font-size: 16px;
    color: #00b3dc;
    line-height: 28px;
    margin-top: 18px;
    display: inline-block;
    position: relative;
}

.ClientDeShowLink svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: 5px;
}

.ClientDeShowLink.Less svg {
    transform: rotate(
            180deg
    );
}

.TabDonerListClient {
    width: 100%;
    padding: 0px 0px 120px 0px;
    margin: 80px 0px 0px 0px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
}

.TabDonerListClient:last-child {
    border-bottom: 0px solid #e2e2e2;
}

.Stickyrow {
    width: 100%;
    padding: 100px 0;
}

.StickysideTab {
    width: 30%;
    float: left;
    position: sticky;
    right: 0;
    top: 120px;
}

.tab-content.Sticky {
    width: 70%;
    float: left;
    padding-left: 80px;
}

.StickysideTab .nav-tabs {
    border-right: 1px solid #e2e2e2;
    border-bottom: none;
    padding-right: 50px;
}

.StickysideTab .nav-item {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #98999a;
    padding: 12px 0 !important;
}

.StickysideTab .nav-tabs .nav-item.show,
.StickysideTab .nav-tabs .nav-link.active {
    border-color: transparent;
    color: #00b3dc;
}

.StickysideTab .nav-tabs .nav-link.active {
    position: relative;
    padding-left: 25px !important;
}

.StickysideTab .nav-tabs .nav-link.active:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #00b3dc;
    border-top: none;
    border-right: none;
    transform: rotate(
            -135deg
    );
    top: 20px;
    left: 0px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.CovidResoTabTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.CovidResoTabTitle::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 5px;
    background: #00b3dc;
    left: 3px;
    bottom: 0;
}

.CovidResoTabUL {
    padding: 0;
    margin: 30px 0;
}

.CovidResoTabUL li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin: 20px 0;
}

.CovidResoTabUL li p{
    text-align: left;
}

.CovidResoTabUL li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    border: 2px solid #81c240;
    left: 0;
    top: 9px;
    transform: rotate(
            -45deg
    );
    border-top: none;
    border-right: none;
}

.CovidResoTabListTitle {
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 500;
    text-align: left;
    padding: 0;
}

.CovidResoTabListLink,
.CovidResoTabListLink:hover {
    font-size: 16px;
    line-height: 30px;
    color: #00b3dc;
    font-weight: 500;
    text-decoration: underline;
    text-align: left;
}

.CovidResoTabListDes {
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 500;
    text-align: left;
    padding: 0;
    padding-bottom: 15px;
}

.VissionMissionTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

.VissionMissionTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.SpeakerTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 30px;
    width: 100%;
    text-align: left;
}

.SpeakerTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 0%;
    bottom: 0;
}

.ContactAboutTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 90px;
    width: 100%;
    text-align: center;
}

.ContactAboutTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.VissionMissionSmallTitle {
    font-weight: 700;
    color: #00b3dc;
}

.MissionVisionList {
    padding: 0;
    margin: 30px 0;
}

.MissionVisionList li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin: 9px 0;
    font-size: 16px;
    line-height: normal;
    color: #98999a;
    font-weight: 500;
    text-align: left;
}

.MissionVisionList li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    border: 2px solid #81c240;
    left: 0;
    top: 9px;
    transform: rotate(
            -45deg
    );
    border-top: none;
    border-right: none;
}

.CoreValueTitle {
    font-size: 50px;
    line-height: 56px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

.CoreValueTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.CoreValueTitle.Dark {
    color: #0e0f12;
}

.CoreValueTitle.Dark::before {
    background: #0e0f12;
}

.MarB80 {
    margin: 80px 0;
}

.CoreValueRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.CoreValueSec {
    width: 47%;
    display: flex;
    padding: 25px 0;
}

.CoreValueSec img {
    width: 70px;
    height: 70px;
}

.CoreValueCon {
    padding-left: 30px;
}

.CoreValueConTitle {
    font-weight: 700;
    color: #fff;
    margin-bottom: 13px;
}

.CoreValueConDes {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: left;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.PaddingTopBo {
    padding-top: 80px;
    padding-bottom: 80px;
}

.VideoDiv.About {
    margin-top: 50px;
    margin-bottom: 120px;
}

.contactTab {
    width: 50%;
    padding: 15px;
}

.contactTabInside {
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 5px 20px 0 #33333324;
    padding: 80px 50px 20px 50px;
    text-align: center;
    position: relative;
}

.contactTabInside h5 {
    font-weight: 700;
    text-transform: uppercase;
}

.contactTabInside .InsideDes {
    font-size: 16px;
    line-height: 28px;
    color: #98999a;
    padding: 0;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
}

.contactTabInside .InsideDes:hover {
    color: #00b3dc;
}

.contactTabInside .InsideLink {
    font-size: 14px;
    line-height: 28px;
    color: #00b5e0;
}

.ContactIcon {
    padding: 30px;
    width: 90px;
    height: 90px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
}

.ContactIcon img {
    width: 30px;
    height: 30px;
}

.Orange .ContactIcon {
    background: #fd5387;
}

.Green .ContactIcon {
    background: #2fbef3;
}

.Blue .ContactIcon {
    background: #003875;
}

.contactTabInside.Orange h5 {
    color: #fd5387;
}

.contactTabInside.Green h5 {
    color: #2fbef3;
}

.contactTabInside.Blue h5 {
    color: #003875;
}

.HistorySec {
    margin: 80px 0;
    position: relative;
}

.HistoryTopCon {
    background-color: #f0f0f0;
    width: 70%;
    margin: auto;
    border: 10px solid #fff;
    border-radius: 40px;
    padding: 40px 60px;
    text-align: center;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 19%);
}

.HistoryTopCon p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

section#History {
    /* width: 70%; */
    margin: auto;
    padding-bottom: 20px;
    margin-bottom: 80px;
    margin-top: 80px;
    position: relative;
}

.HistorySec:before {
    top: 300px;
    bottom: -5%;
    position: absolute;
    content: " ";
    width: 2px;
    /* background-color: #EF693A; */
    left: 50%;
    height: Calc(100% - 450px);
    margin-left: -1.5px;
    border-left: 2px dashed #a3a3a3;
}

.YearLaps {
    position: relative;
}

section#History .YearBU {
    width: 90px;
    height: 90px;
    font-size: 18px;
    font-weight: 700;
    /*margin: 35px auto;*/
    display: grid;
    align-content: center;
    line-height: 14px;
    padding: 0px 20px;
    border-radius: 50%;
    background: #81c240;
    color: #FFF;
    position: absolute;
    border: 0px solid #fff;
    box-shadow: 0 0 20px 0px #00000038;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    animation: pulse-black 2.2s infinite;
    /*transition: all .3s ease-in-out;*/
    z-index: 2;
}

section#History .YearBU:hover {
    z-index: 4;
}

@keyframes pulse-black {
    0% {
        box-shadow: 0 0 0 0 rgba(129, 194, 64, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(129, 194, 64, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(129, 194, 64, 0);
    }
}

section#History article {
    width: 100%;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
    transition: all .3s ease-in-out;
    transform: scale(1);
}

section#History .YearBU:hover ~ article {
    z-index: 3;
    transform: scale(1.05);
}

section#History article div.ConPanel {
    width: 45%;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
}

section#History article div.ConPanel .PanelBody {
    position: relative;
    background: #00b3dc;
    border-radius: 15px;
    box-shadow: 5px 8px 15px rgb(0 0 0 / 12%);
}

.PanelBodyGraphic {
    position: relative;
    overflow: hidden;
    padding: 20px 25px;
    border-radius: 15px;
    min-height: 150px;
    display: grid;
    align-content: center;
}

section#History article div.ConPanel .PanelBody .PanelBodyGraphic:before {
    content: '';
    position: absolute;
    background-image: url(../img/history/graphic.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 200px;
    top: -100px;
    left: -100px;
}

section#History article div.ConPanel .PanelBody:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -9px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg) translate(0, -50%);
    background: #00b3dc;
}

.PanelBody p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
}

.YearLaps:nth-child(odd) .ConPanel {
    margin-left: 0;
}

.YearLaps:nth-child(odd) .ConPanel .PanelBody p {
    text-align: right;
}

.YearLaps:nth-child(even) .ConPanel {
    margin-left: auto;
}

.YearLaps:nth-child(even) .ConPanel .PanelBody p {
    text-align: left;
}

.YearLaps:nth-child(even) .ConPanel .PanelBody:after {
    left: -1px;
    right: unset !important;
}

.YearLaps:nth-child(even) .ConPanel .PanelBody .PanelBodyGraphic:before {
    right: -100px;
    left: unset !important;
}

.ReportRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
    padding-bottom: 80px;
}

.ReportCard {
    width: 25%;
    padding: 15px;
}

.ReportCardInside {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 1px 1px 35px 0 #33333326;
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
}

.LongIMG {
    height: 340px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.SmallIMG {
    height: 230px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.ReportCardCon {
    width: 100%;
    position: relative;
    padding: 30px 20px;
}

.ReportCardCon h4 {
    font-weight: 700;
    margin: 0;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.ReportCardCon img {
    width: 30px;
    height: auto;
    position: absolute;
    top: -22px;
    right: 20px;
}

.ReportCard a:hover .ReportCardInside {
    background: #00b3dc;
}

.ReportCard a:hover .ReportCardCon h4 {
    color: #fff;
}

.padding-80UD {
    padding-top: 80px;
    padding-bottom: 80px;
}

.owl-carousel.Report .owl-item {
    display: flex;
    justify-content: center;
}

.owl-carousel.Report .owl-item img {
    /* display: block; */
    /* width: 100%; */
    margin: 0 10px;
    text-align: center;
    display: inline-block;
    width: 100px;
}

.owl-carousel.Report .owl-item .item {
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}

.CenterConSlide {
    width: fit-content;
    margin: auto;
}

.owl-carousel.Report .owl-dots {
    display: none;
}

.owl-carousel.Report .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-carousel.Report .owl-nav button.owl-next,
.owl-carousel.Report .owl-nav button.owl-prev {
    height: 100%;
    font-size: 30px !important;
    padding: 10px !important;
    background: #fff;
    color: #000;
    cursor: pointer;
}

.owl-carousel.Report .owl-nav button.owl-next.disabled,
.owl-carousel.Report .owl-nav button.owl-prev.disabled {
    color: #e2e2e2;
    cursor: auto;
}

.SliderReportTitle {
    font-size: 16px;
    color: #87939a;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    width: 100%;
    padding-bottom: 50px;
}

.SliderReport {
    border-top: 1px solid #e2e2e2;
    padding-top: 80px;
}

.SelectLang {
    width: 100%;
    position: relative;
    padding-right: 15px;
}

.SelectLang:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    right: 0;
    top: 6px;
    border-top: 0;
    border-right: 0;
    transform: rotate(
            -45deg
    );
}

.SelectLang select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    max-width: 68px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SelectLang select:focus {
    outline: none;
}

.SelectLang select option {
    color: #000;
}

.HeadTopBUDr {
    display: flex;
}

.InstaMainDiv #sb_instagram .sbi_info {
    display: none;
}

.InstaMainDiv .InstaDiv40 #sb_instagram {
    padding: 0 !important;
}

.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images {
    padding: 0 !important;
}

.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
    width: 50%;
    padding: 8px !important;
}

.NewsletterFormSec .gform_legacy_markup_wrapper {
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    width: 100%;
}

.NewsletterFormSec .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    margin-top: 0px;
    margin: 0 !important;
    padding: 0;
    border: none;
    background: transparent;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 0px !important;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer {
    padding: 0px 0 0px 0;
    margin: 0px 0 0 0;
    width: fit-content;
    position: relative;
    height: 64px;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer img {
    display: none;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer input.button,
.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
    font-size: 18px !important;
    line-height: 24px;
    font-weight: 400;
    color: #fff !important;
    padding: 18px 28px !important;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    min-width: 150px;
    height: 64px;
    margin: 0 !important;
    z-index: 1;
}

/*.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer:after {*/
/*content: '';*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background: #f26722;*/
/*opacity: .2;*/
/*transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);*/
/*border-radius: 6px;*/
/*transform: scale3d(1,1,1);*/
/*z-index: 0;*/
/*}*/

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer:hover::after {
    transform: scale3d(0.85, 0.65, 1);
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    border-radius: 6px;
    transform: scale3d(0.9, 0.8, 1);
    z-index: 0;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer:hover::before {
    transform: scale3d(1,1,1);
}

.NewsletterFormSec .gform_legacy_markup_wrapper form {
    display: flex;
}

.NewsletterFormSec .gform_validation_errors {
    display: none;
}

.NewsletterFormSec .gform_legacy_markup_wrapper .field_description_below .gfield_description {
    padding-top: 0px;
    padding-left: 20px;
}

.NewsletterFormSec .gform_confirmation_wrapper {
    width: 100%;
}

.NewsletterFormSec .gform_confirmation_wrapper .gform_confirmation_message {
    font-size: 22px;
    font-weight: 600;
    color: #81c240;
    width: 100%;
    padding: 20px 20px 20px 20px;
    text-align: center;
}

.PastSec {
    padding: 60px 0 0 0;
}

.PastSecSubTi,
.PastSecSubTi p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: center;
    padding: 0;
    width: 825px;
    margin: auto;
    margin-bottom: 20px;
}

.PastSSpeakerCon {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.PastSSpeakerCon li {
    list-style: none;
    width: 46%;
}

.PastSSpeakerCon li p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 20px;
}

.PastSSpeakerCon li p span {
    font-weight: 700;
    color: #000;
}

.PastSSpeakerCon li p a {
    color: #00b3dc;
}

/*.sbi_lb-nav,
span.sbi_lb-number {
    display: none !important;
}*/

span.sbi_lb-number {
    display: none !important;
}

#sbi_lightbox .sbi_lightbox_action.sbi_share {
    padding: 0 0 0 0px !important;
    margin: 5px 0 0 0px !important;
    border-left: 0px solid #666 !important;
}

.DonerText.More {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.DonnerContent .DonerText.More .Des {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.DonnerContent .DonerText .Des {
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
}

.HistoryIMG {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 0;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 10px 40px 0px #00000047;
    z-index: 3;
    opacity: 0;
    transform: scale(.8);
    transition: all .5s ease-in-out;
}

.YearBU:hover ~ .HistoryIMG {
    opacity: 1;
    transform: scale(1);
}

.YearLaps:nth-child(odd) .HistoryIMG {
    right: CalC(0px + 120px);
}

.YearLaps:nth-child(even) .HistoryIMG {
    left: CalC(0px + 120px);
}

.HistoryIMG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.CareerConFormat {
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 20px;
}

.CareerConFormat span {
    font-weight: 700;
    color: #000;
}

.CereearUL {
    padding: 0;
    margin: 0;
}

.CereearUL li {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    /*line-height: 30pt;*/
    color: #000;
    text-align: left;
    position: relative;
    padding: 7px 0 7px 25px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.CereearUL li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #00b5e0;
    left: -1px;
    top: 17px;
    transform: rotateZ(
            -45deg
    );
    border-top: 0;
    border-left: 0;
}

.overlay {
    position: relative;
}

.overlay:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    z-index: -2;
    opacity: 0;
    /* transform: scale(0, 1); */
    /*transition: all .3s ease-in-out;*/
}

.overlay.On:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    top: 0;
    /* transform: scale(1, 1); */
    z-index: 2;
    opacity: 1;
}

.CustomrowJustiCareer {
    /* margin: 0 -15px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.CareerDivDiverSmall {
    width: 40%;
    padding: 15px;
}

.CareerDivDiverBig {
    width: 52%;
    padding: 15px;
}

.CareerDivTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.CareerDivTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    bottom: 0;
}

.PositionRow {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
}

.PositionCard {
    width: 100%;
    box-shadow: 1px 1px 35px 0 #33333326;
    border-radius: 8px;
    margin: 15px 0;
    background: #fff;
}

.PositionCardTop {
    padding: 25px;
    border-bottom: 1px solid #e2e2e2;
}

.PositionCardTitle {
    display: flex;
    margin-bottom: 8px;
}

.PositionCardTitle img {
    width: 22px;
    height: 24px;
    margin-right: 15px;
}

.PositionCardTitle p {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    padding: 0;
    text-align: left;
}

.PositionCardTop .CardCon {
    font-size: 16px;
    line-height: 26px;
    color: #98999a;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.PositionCardBottom {
    padding: 15px 25px;
    display: flex;
}

.Address {
    width: 100%;
    display: flex;
    position: relative;
}

.Address img {
    width: 20px;
    height: auto;
    margin-right: 15px;
    position: absolute;
    top: 0;
}

.Address p {
    font-size: 16px;
    line-height: 26px;
    color: #98999a;
    text-align: left;
    padding: 0;
    padding: 0 15px 0 35px;
}

.ApplyBU {
    font-size: 16px;
    line-height: 26px;
    color: #f26722;
    min-width: 81px;
    transition: all .3s ease-in-out;
}

.ApplyBU:hover {
    color: #00b3dc;
}

.TestiSliderMain {
    margin: 0 -25px;
    padding-top: 50px;
}

.owl-carousel.Testimonial .owl-nav {
    display: none;
}

.TestiSlideDivMain {
    width: 100%;
    padding: 25px;
}

.TestiSlideDiv  {
    width: 100%;
    height: 450px;
    background: #00b3dc;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 20px 5px #00000014;
}

.TestiSlideDiv:before {
    content: '';
    position: absolute;
    width: 110px;
    height: 80px;
    background-image: url(../img/career/slideicon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40px;
    left: 50px;
}

.TestiSlideDivMain .item {
    width: 100%;
    height: 100%;
    padding-left: 230px;
}

.TestiSlideDivMain .item .itemInside {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    display: table;
    padding: 50px 120px 50px 150px;
    border-radius: 80px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.TestiSlideDivMain .item .itemInside img {
    width: 180px;
    height: 180px;
    border: 10px solid #e2e2e2;
    border-radius: 50%;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.TestiSlideDivMain .item .itemInside .itemInsideConArea {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.MainContent {
    font-size: 22px;
    line-height: 38px;
    color: #98999a;
    text-align: left;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.TestiName {
    padding-top: 50px;
}

.TestiName .Name {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    text-align: right;
    padding: 0;
    text-transform: capitalize;
}

.TestiName .Desig {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    text-align: right;
    padding: 0;
    text-transform: capitalize;
}

.TestiSliderText {
    font-size: 16px;
    line-height: 30px;
    color: #87939a;
    text-align: center;
    width: 70%;
    margin: 25px auto 25px auto;
}

.ProTempTabUL {
    padding: 0;
    margin: 20px 0;
}

.ProTempTabUL li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin: 8px 0;
}

.ProTempTabUL li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    border: 2px solid #81c240;
    left: 0;
    top: 9px;
    transform: rotate(
            -45deg
    );
    border-top: none;
    border-right: none;
}

.ProTempTabListDes {
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 500;
    text-align: left;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
}

.DivisionBox {
    width: 65%;
    margin: 0 auto;
    padding: 60px 0;
}

.DiviTempDes {
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 500;
    text-align: left;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
}

.ProgramCardSec {
    padding-top: 50px;
}

.ProgramCard {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ProgramCard:last-child {
    border-bottom: 0px;
}

.ProgramCardTitle {
    font-weight: 700;
    color: #00b3dc;
}

.ProgramCardDes {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
}

.ProgramCard ul {
    padding: 0;
    margin: 10px 0;
}

.ProgramCard ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin: 8px 0;
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 500;
    text-align: left;
}

.ProgramCard ul li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    border: 2px solid #81c240;
    left: 0;
    top: 9px;
    transform: rotate(
            -45deg
    );
    border-top: none;
    border-right: none;
}

.StatementBox {
    width: 65%;
    margin: 0 auto;
    padding: 140px 0 60px 0;
}

.StatemtImgDiv {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    border: 12px solid #e2e2e2;
    overflow: hidden;
    position: absolute;
    top: -113px;
    left: 50%;
    transform: translate(-50%, 0);
}

.StatemtImgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.StatementName {
    font-weight: 700;
    color: #000;
    text-align: center;
}

.DiviTempDesHasTag {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    padding: 15px 0;
}

.DiviTempDesHasTag p {
    color: #000;
    padding: 0;
    text-align: left;
}

.DiviTempDes a {
    color: #00b3dc;
}

.StateTag {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    padding: 15px 0;
    position: relative;
}

.StateTag p {
    color: #98999a;
    padding: 0;
    text-align: left;
}

.StateTag a {
    color: #00b3dc;
}

.StateSign {
    width: 250px;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
}

.StateSign img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.SearchMain {
    margin-top: 100px;
}

.SearchCon {
    width: 70%;
    float: left;
    padding-right: 50px;
}

.SearchHead {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
    margin-top: 3px;
    text-align: left;
}

.SearchHead span {
    color: #f26722;
}

.SearchDiv {
    padding: 30px 0 10px 0;
}

.SearchConHead {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-bottom: 0rem !important;
    transition: all .4s;
    line-height: 30px;
    text-align: left;
}

.SearchDiv a:hover .SearchConHead {
    color: #00b3dc;
}

.SearchConBody {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #979797;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-top: 10px;
}

.SearchConBody p {
    text-align: left;
    padding-bottom: 0 !important;
}

.SearchCon .page-numbers {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    padding: 7px 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #00b3dc;
    color: #00b3dc;
    background: #fff;
    display: inline-block;
}

.SearchCon .page-numbers.dots {
    margin: 0 5px;
    width: auto;
    height: 40px;
    padding: 7px 0;
    text-align: center;
    border-radius: 5px;
    border: 0px solid #00b3dc;
    color: #00b3dc;
    background: #fff;
    display: none;
}

.SearchCon .page-numbers.current {
    border: 1px solid #00b3dc;
    color: #fff;
    background: #00b3dc;
}

.SearchCon .page-numbers.next,
.SearchCon .page-numbers.prev {
    overflow: hidden;
    position: relative;
    display: inline-flex;
}

.SearchCon .page-numbers.next:before,
.SearchCon .page-numbers.prev:before {
    content: '';
    position: absolute;
    width: 100%;
    height:100%;
    background: #fff;
    top:0;
    left: 0;
}

.SearchCon .page-numbers.next:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border:1px solid #00b3dc;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%) rotate(
            45deg
    );
    border-left: 0;
    border-bottom: 0;
}

.SearchCon .page-numbers.prev:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border:1px solid #00b3dc;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%) rotate(
            45deg
    );
    border-right: 0;
    border-top: 0;
}

.SearchBoxPagi {
    width: 100%;
    margin-top: 40px;
}

.SearchBoxPagiUnder {
    display: flex;
    justify-content: center;
}

.SearchRecNews {
    width: 30%;
    float: left;
    padding-left: 50px;
    position: sticky;
    top: 150px;
}

.SearchSideHead {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #00b3dc;
    margin-bottom: .5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e4e4e4;
}

.SideNewsBlock {
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    margin: 10px 0;
    padding: 10px 0;
}

.SideNewsImg {
    min-width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 20px;
    margin-bottom: 13px;
}

.SideNewsDetailsSmall {
    font-size: 12px;
    font-weight: 600;
    color: #00b3dc;
}

.SideNewsDetailsP {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    transition: all .3s;
    text-align: left;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.SideNewsDetails .SideNewsDetailsP:hover {
    color: #00b3dc;
}

.ContactTabBody {
    padding-top: 100px;
    padding-bottom: 100px;
}

.PositionUp2 {
    position: relative;
    z-index: 2;
}

.DonnerContent .Des {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.DonnerContent .Des p {
    text-align: left;
}

.ContactCustomRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Contact1TabHalf {
    width: 47%;
    padding-top: 60px;
    background: #fff;
}

.ContactTabForm {
    width: 100%;
    box-shadow: 0px 5px 20px 0 #33333324;
    padding: 60px 80px;
}

.FormTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

.FormTitle:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.FormShortDes {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 0;
}

.FormFieldBox {
    padding: 12px 0;
    width: 48%;
}

.FormFieldBoxFull {
    padding: 12px 0;
    width: 100%;
}

.FormFieldBoxFull .error {
    font-size: 12px;
    color: #f00;
}

.ContactForm {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #959595;
}

.ContactForm:focus {
    outline: none;
}

textarea.ContactForm {
    height: 150px;
    resize: none;
}

.FormFieldBox p {
    color: #f40;
    text-align: left;
    font-size: 13px;
    padding-top: 2px;
}

.FormButtonBox {
    position: relative;
    overflow: hidden;
}

.FormButtonBox::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: -100%;
    position: absolute;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
    transition: all .5s ease-in-out;
}

.FormButtonBox:hover::before {
    left: 100%;
}

.ContactFormBu {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 9px;
    text-transform: uppercase;
    background: #2fbef3;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

.StickyRow {
    width: 100%;
}

.CareerDivDiverSmallSticky {
    width: 40%;
    padding: 15px;
    float: left;
}

.CareerDivDiverBigSticky {
    width: 52%;
    padding: 15px;
    float: left;
}

.ContactExpert {
    padding-top: 40px;
}

.ContactExpertTitle {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    padding-bottom: 5px;
}

.ContactExpertList {
    max-height: 600px;
    overflow: auto;
}

.ExpertListDiv {
    padding: 6px 0;
}

.ExpertListTitle {
    font-size: 19px;
    color: #00b3dc;
    line-height: 36px;
    font-weight: 600;
    padding: 0;
    text-align: left;
}

.ExpertListDesig {
    font-size: 16px;
    color: #98999a;
    font-weight: 400;
    line-height: 27px;
    padding: 0;
    text-align: left;
}

.ContactTableBody {
    padding: 80px 0;
}

.ContactTableHeadTitle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ContactTableTitle {
    font-weight: 700;
    color: #000;
}

.ContabSearch {
    width: 400px;
    height: 45px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.ContabSearch input {
    border: none;
    width: 100%;
    height: 100%;
    font-size: 15px;
    padding: 5px 40px 5px 12px;
    font-style: italic;
    color: #98999a;
}

.ContabSearch input:focus {
    outline: none;
}

.ContabSearch svg {
    position: absolute;
    color: #666666;
    right: 10px;
    top: 12px;
    width: 22px;
    height: 22px;
}

.ContactTable {
    width: 100%;
    padding-top: 50px;
    overflow: auto;
}

.ContactTable table {
    width: 100%;
}

.ContactTable table tr th.TableHead {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    background: #00b3dc;
    color: #fff;
    letter-spacing: 2px;
    padding: 14px 25px;
    white-space: nowrap;
}

.ContactTable table tr td {
    font-size: 16px;
    font-weight: 400;
    color: #98999a;
    padding: 18px 25px;
    width: 100%;
}

.ContactTable table tr td a {
    color: #00b3dc;
}

.ContactTable table tbody tr {
    border-bottom: 1px solid #e2e2e2;
}

.ContactTable table tbody tr:nth-child(odd) {
    background: #fff;
}

.ContactTable table tbody tr:nth-child(even) {
    background: #f6f6f6;
}

.ContactTable table tbody tr td:nth-child(1) {
    width: 25%;
}

.ContactTable table tbody tr td:nth-child(2) {
    width: 10%;
}

.ContactTable table tbody tr td:nth-child(3) {
    width: 28%;
}

.ContactTable table tbody tr td:nth-child(4) {
    width: 15%;
}

.ContactTable table tbody tr td:nth-child(5) {
    width: 22%;
}

.DFlexCenter {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

.DFlexCenter img {
    width: 400px;
    height: 400px;
    margin: auto;
    object-fit: contain;
    object-position: center;
}

.VolunteerOppSec {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.VolunteerOppSec::after {
    content: '';
    position: absolute;
    background-image: url(../img/home/BgDot.png);
    width: 300px;
    height: 420px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 62px;
    left: -50px;
    z-index: -1;
}

.VolunteerOppHalf {
    width: 48%;
    padding: 20px 0;
}

.VolunteerOppcard {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 1px 1px 35px 0 #3333331c;
    position: relative;
    /* padding-bottom: 85px; */
}

.VolunteerOppImgSec {
    width: 100%;
    height: 240px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.VolunteerOppImgSec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.VolOppBU {
    position: absolute;
    opacity: 0;
    transition: all .3s ease;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.VolunteerOppImgSec:hover .VolOppBU {
    opacity: 1;
}

.VolOppBU p {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    background: #f26722;
    padding: 15px 25px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%)scale(.9);
    transition: all .3s ease;
    z-index: 2;
}

.VolunteerOppImgSec:hover .VolOppBU p {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
}

.VolunteerOppBody {
    padding: 25px 30px 20px 30px;
    position: relative;
}

.VolunteerOppBodyTitle {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
}

.VolunteerOppBodyDes {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.OppDatePlace {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.OppDatePlace p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #999999;
    padding-top: 15px;
    text-align: left;
}

.OppDatePlace p svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 3px;
    stroke-width: 1px;
}

.OppTag {
    border-top: 1px solid #e2e2e2;
    width: 100%;
    padding: 20px 30px 20px 30px;
    /* position: absolute;
    bottom: 0;
    left: 0; */
}

.OppTag span {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #fff;
    background: #81c341;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 2px;
    display: inline-block;
}

.VolunteerOppWishList {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.WidhListDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    margin: 60px 0;
    padding: 0 0 60px 0;
}

.WidhListDiv:last-child {
    border-bottom: 0px;
    padding: 0 0 0 0;
}

.WidhListImgDiv {
    width: 30%;
    height: auto;
    text-align: center;
}

.WidhListConDiv {
    width: 70%;
    padding-left: 60px;
}

.WidhListImgDiv img {
    width: 250px;
    height: 250px;
    object-position: center;
    object-fit: contain;
}

.WidhListConTitleB {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.WidhListConDes {
    font-size: 16px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 30px;
}

.WidhListConDes a {
    color: #00b3dc;
}

.WidhListConTitleS {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.WidhListConDesUl {
    width: 70%;
    margin-bottom: 0;
}

.WidhListConDesUl li {
    font-size: 16px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    padding: 3px 0;
}

.VolunteerParalaxTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    width: 100%;
    text-align: left;
}

.VolunteerParalaxTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 0%;
    bottom: 0;
    transform: translate(0%, 0);
}

.VolunteerParalaxDestop {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    width: 60%;
    padding-bottom: 30px;
    padding-top: 0;
}

.VolunteerParalaxDestop a {
    color: #00b3dc;
}

.VolunteerParalaxRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.VolunteerParalaxRow::after {
    content: '';
    position: absolute;
    width: 1px;
    height: CalC(100% - 50px);
    background: #414e5b;
    top: 25px;
    left: 50%;
}

.VolunteerParalaxDivHalf {
    width: 44%;
    padding: 25px 0;
}

.VolunteerParalaxDivHalfTitle {
    font-size: 22px;
    font-weight: 700;
    color: #00b3dc;
}

.VolunteerParalaxDesBo {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding-bottom: 30px;
    padding-top: 0;
}

.VolunteerParalaxDesBo a {
    color: #00b3dc;
}

.VolunteerForm .modal-body {
    padding: 0;
}

.VolunteerFormModalHead {
    padding: 45px 25px;
    background: #00b3dc;
    margin-bottom: 30px;
}

.VolunteerFormModalTitle {
    font-size: 36px;
    font-weight: 800;
    line-height: 48px;
    color: #fff;
    padding: 0;
}

.VolunteerFormModalBody {
    padding: 50px;
    padding-top: 0;
}

.FormFieldBox .form-check-input:focus {
    box-shadow: none;
}

.FormFieldBox .form-check-input:checked {
    background-color: #00b3dc;
    border-color: #00b3dc;
}

.FormLabel {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 8px;
}

.FormLabel span {
    color: #f40;
}

.FormBuOrange {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 10px 15px;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 25px;
    z-index: 2;
    min-width: 120px;
    margin-right: 5px;
}

.FormBuOrange::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f26722;
    border-radius: 6px;
    transform: scale3d(1, 1, 1);
    z-index: -1;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.FormBuOrange:hover::before {
    transform: scale3d(1.05,1.1,1);
}

.FormBuBlue {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 10px 15px;
    background: transparent;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 25px;
    z-index: 2;
    min-width: 120px;
    margin-right: 5px;
}

.FormBuBlue::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00b3dc;
    border-radius: 6px;
    transform: scale3d(1, 1, 1);
    z-index: -1;
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.FormBuBlue:hover::before {
    transform: scale3d(1.05,1.1,1);
}

.IndiVolunteerTitle {
    font-size: 20px;
    font-weight: 700;
    color: #00b3dc;
    padding-top: 0;
    padding-bottom: 30px;
}

.ModalCloseBU {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: none;
    color: #fff;
}

.VolunteerFormModalDes {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.VolunteerForm .modal-content {
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
}

.VolunteerFormModalHeadXL {
    padding: 50px 50px;
    background: #00b3dc;
}

.VolunteerFormModalTitleXL {
    font-size: 36px;
    font-weight: 800;
    line-height: 48px;
    color: #fff;
    padding: 0;
    text-align: left;
}

.MisionVisionPopsAction {
    display: flex;
    flex-wrap: wrap;
}

.PopsActionCard {
    width: 20%;
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 35px 20px 20px 20px;
}

.PopsActionCardIcon {
    padding: 0;
}

.PopsActionCardIcon svg {
    color: #000;
    width: 20px;
    height: 20px;
    margin-bottom: 8px;
}

.PopsActionCardText {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #000;
    padding: 0;
}

.MisionVisionPopsConBody {
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.PopsConBodySmall {
    width: 38%;
}

.PopsConBodySmall p {
    font-size: 16px;
    line-height: 30px;
    color: #98999a;
    font-weight: 400;
    text-align: left;
    padding: 0;
}

.PopsConBodyBig {
    width: 58%;
}

.ContactFormPops {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    width: 48%;
    padding: 12px 15px;
    margin: 5px;
}

.ContactFormPops:focus {
    outline: none;
}

.form-check.MVPops {
    padding: 16px 5px 5px 5px;
}

.form-check.MVPops label {
    font-weight: 600;
    font-size: 18px;
}

.form-check.MVPops .form-check-input {
    float: unset;
    margin-left: 6px;
}

.form-check.MVPops .form-check-input:checked {
    background-color: #00b3dc;
    border-color: #00b3dc;
}

.form-check.MVPops .form-check-input:focus {
    box-shadow: none;
}

.FormPopSText {
    font-size: 14px;
    line-height: 27px;
    color: #000;
    font-weight: 400;
    text-align: left;
    padding: 0 5px;
}

.form-check.MVPopsCheck {
    padding: 16px 5px 5px 5px;
    display: flex;
}

.form-check.MVPopsCheck label {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}

.form-check.MVPopsCheck label a {
    color: #00b3dc;
}

.form-check.MVPopsCheck .form-check-input:checked {
    background-color: #00b3dc;
    border-color: #00b3dc;
}

.form-check.MVPopsCheck .form-check-input:focus {
    box-shadow: none;
}

.form-check.MVPopsCheck .form-check-input {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    min-width: 16px;
    min-height: 16px;
}

.SIATextDiv {
    width: 70%;
    margin: auto;
    padding: 80px 0;
}

.SIATextSmallTitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #000;
    text-align: center;
}

.SIATextSmallDes {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #98999a;
    text-align: center;
    padding-bottom: 25px;
}

.SIATextSmallDes a {
    color: #00b3dc;
}

.SIATextBigTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

.SIATextBigTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.SIAFilter {
    box-shadow: 1px 1px 35px 0 #3333331c;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 35px;
    display: flex;
}

.FilterSec {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    position: relative;
    padding-right: 20px;
    width: 17%;
    margin: 5px;
}

.FilterSec::after {
    content: '';
    position: absolute;
    background-image: url(../img/SIA/arrowdown.svg);
    width: 12px;
    height: 12px;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.FilterSec .form-control {
    border: none;
    color: #a0a1a2;
    height: 100%;
    padding: 0.375rem 0.75rem;
}

.form-control:focus {
    box-shadow: none;
}

.datepicker-dropdown {
    top: 1530px !important;
    padding: 10px;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    display: none;
}

.datepicker td {
    padding: 5px;
}

.datepicker th {
    padding: 5px;
}

.datepicker th.dow {
    color: #00b3dc;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #00b3dc !important;
    color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #f26722;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: linear-gradient(to bottom, #f96, #f26722);
}

.FilterBuSec {
    width: 13%;
    margin: 5px;
    position: relative;
    overflow: hidden;
}

.FilterBuSec::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: -100%;
    position: absolute;
    background: linear-gradient(
            90deg
            ,transparent,rgba(255,255,255,.4),transparent);
    transition: all .5s ease-in-out;
    z-index: 3;
}

.FilterBuSec:hover::before {
    left: 100%;
}

.SIAFilterBU {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 7px 15px;
    background: #f26722;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
    z-index: 2;
    width: 100%;
    margin-right: 5px;
    transform: scale3d(1, 1, 1);
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.SliderReportSIA {
    padding-top: 80px;
    padding-bottom: 100px;
}

.GallerySec {
    padding: 100px 0;
}

.GallerySec img {
    width: 100%;
    height: auto;
}

.SliderVolunteer {
    padding-top: 0px;
    padding-bottom: 100px;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardTop {
    display: flex;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardTop img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardBodyDes {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    padding: 0;
    text-align: left;
    padding-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardBodyDes a {
    color: #00b3dc;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardTop .CardTopCon {
    padding-left: 20px;
    padding-top: 5px;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardTop .CardTopCon .TopConB {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    padding: 0;
    text-align: left;
}

.owl-carousel.VolunteerTesti .item .VoTestiCardTop .CardTopCon .TopConS {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #999999;
    padding: 0;
    text-align: left;
}

.owl-carousel.VolunteerTesti .owl-dots {
    display: none;
}

.owl-carousel.VolunteerTesti .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-carousel.VolunteerTesti .owl-nav button.owl-next,
.owl-carousel.VolunteerTesti .owl-nav button.owl-prev {
    height: 100%;
    font-size: 30px !important;
    padding: 10px !important;
    background: transparent;
    color: #000;
    cursor: pointer;
}

.owl-carousel.VolunteerTesti .owl-nav button.owl-next.disabled,
.owl-carousel.VolunteerTesti .owl-nav button.owl-prev.disabled {
    color: #e2e2e2;
    cursor: auto;
}

.owl-carousel.VolunteerTesti .CenterConSlide {
    width: fit-content;
    margin: auto;
    padding: 20px 30px;
}

.owl-carousel.VolunteerTesti .CenterConSlide .item {
    padding: 25px;
    box-shadow: 0 0 20px 0 #00000024;
    border-radius: 12px;
    min-height: 222px;
}

.navbar-light .navbar-nav .MenuLinkMain {
    position: relative;
}

.navbar-light .navbar-nav .MenuLinkMain svg.Modile {
    min-width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-left: 3px;
    color: #fff;
    position: absolute;
    top: 21px;
    right: 13px;
}

.nav-item.active .MenuLinkMain svg.Modile {
    color: #00b3dc;
}

.HeadTopEventDe {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
}

.DetailDateTop {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #999999;
    padding: 0;
    text-align: left;
}

.DetailDateTop svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    margin-bottom: 5px;
}

/* .MobHo {
    position: absolute;
    top: 21px;
    right: 13px;
} */

.DetailSecial img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.NewsDetailTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #000;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 80%;
}

.NewsDetailTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    background: #00b3dc;
    bottom: 0;
}

.EventDeBody img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin-bottom: 30px;
}

.EventDeBodyDes {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    padding: 15px 0;
}

.FootTopEventDe {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
    margin-top: 30px;
}

.ArticleBackLink {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #00b3dc;
}

.ArticleBackLink svg {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    margin-right: 5px;
}

.ArticleBackLink:hover {
    color: #00b3dc;
}

.ArDeSideHead {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    color: #f26722;
    margin-bottom: .5rem;
    padding-bottom: 1rem;
}

.ArDeSideNewsDetailsSmall {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.LearnMoreAction {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #00b3dc;
}

.LearnMoreAction svg {
    width: 22px;
    height: 22px;
    margin-top: -2px;
    margin-left: 5px;
}

.LearnMoreAction:hover {
    color: #00b3dc;
}

.HomeBuDonate {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 10px 20px;
    background: #04a2c6;
    border-radius: 12px;
    border: none;
    margin-left: 15px;
    transition: all .3s ease-in-out;
}

.HomeBuDonate svg {
    width: 40px;
    height: 40px;
}

.HomeBuDonate:hover {
    background: #0391b1;
}

.ContactTabForm .gform_wrapper .gform_validation_errors,
.ContactTabForm .gform_wrapper .gform_heading {
    display: none;
}

/*.ContactTabForm .gform_wrapper.gravity-theme .gfield {
    padding: 8px 0;
}*/

.ContactTabForm .gform_wrapper.gravity-theme .gfield input {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    width: 100%;
    padding: 12px 15px;
}

.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    width: 100%;
    padding: 12px 15px;
    height: 150px !important;
    resize: none;
}

.ContactTabForm .gform_wrapper.gravity-theme .gfield input:focus,
.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea:focus {
    outline: none;
}

.ContactTabForm .gform_wrapper.gravity-theme .gfield_description {
    color: #f40;
    text-align: left;
    font-size: 14px;
    padding: 0;
    padding-top: 5px;
    background: transparent;
    border: none;
    margin: 0;
}

.ContactTabForm .gform_wrapper.gravity-theme .gform_footer {
    position: relative;
}

.ContactTabForm .gform_wrapper.gravity-theme .gform_footer::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: -100%;
    position: absolute;
    background: linear-gradient(
            90deg
            ,transparent,rgba(255,255,255,.4),transparent);
    transition: all .5s ease-in-out;
}

.ContactTabForm .gform_wrapper.gravity-theme .gform_footer:hover::before {
    left: 100%;
}

.ContactTabForm .gform_wrapper.gravity-theme .gform_footer .gform_button {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 9px;
    text-transform: uppercase;
    background: #f26722;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    cursor: pointer;
}

.gform_ajax_spinner {
    display: none;
}

.MapReload {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background: rgba(165, 165, 166, .65);
    padding: 4px 10px 8px 10px;
    color: #f3f2f3;
    border-radius: 3px;
    transition: all .3s ease-in-out;
}

.MapReload:hover {
    background: rgba(165, 165, 166, 1);
}

.MapReload svg {
    width: 16px;
    height: 16px;
}

.CareerVideoDiv iframe {
    width: 100% !important;
    height: 440px !important;
}

.dropdown-menu .CollapseMenu .MenuLinkMain a.MobHo {
    display: none;
}

.cookiesBU {
    width: 27%;
    min-width: 496px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.SettingBU {
    min-width: 130px;
}

.SettingBU a {
    margin: 0;
}

.ActionBU {
    min-width: 150px;
}

.ActionBU a {
    margin: 0 5px;
}

.Text {
    padding-top: 5px;
    padding-left: 5px;
}

.CookiesSec {
    padding: 0px 12px 50px 12px;
}

.CookiesSec p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #98999a;
    text-align: left;
    margin-bottom: 20px;
}

.CookieMainTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    position: relative;
    margin-bottom: 10px;
    margin-top: 80px;
}

.CookieMainDes,
p.CookieMainDes {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin-bottom: 80px;
}

.WhatDivDes a,
.CookieMainDes a {
    color: #00b3dc !important;
}

.CookieTitle {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.CookieTitle::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background: #00b3dc;
    bottom: 0;
}

table.cookielawinfo-classic {
    font-family: 'Open Sans', sans-serif !important;
}

table.cookielawinfo-classic thead tr th {
    background: #00b3dc !important;
    color: #fff;
}

table.cookielawinfo-classic td, table.cookielawinfo-classic th {
    padding: 12px !important;
}

.Header {
    justify-content: space-between;
}

.HomeBannerSec {
    background-image: url("../images/home/bannerBG.jpg");
    position: relative;
    height: 930px;
    margin-bottom: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.HomeBannerSec:after {
    content: '';
    position: absolute;
    background-image: url("../images/home/bannerGra.png");
    width: 100%;
    height: 190px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -88px;
}

/*.HomeBannerSec:before {
    content: '';
    position: absolute;
    background-image: url("../images/home/bannerGra2.png");
    width: 148px;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 70px;
    right: 0px;
    transform: rotate(180deg);
}*/

.HeaderConBU {
    font-size: 14px;
    font-weight: 500;
    color: #00aff0;
    background: #fff;
    width: 120px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    transition: all .3s ease-in-out;
    box-shadow: 0px 4px 16px 0px #33333363;
}

.HeaderConBU:hover{
    background: #004974;
    color: #fff;
}

.HomeBannerRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    margin: 0 auto;
    justify-content: flex-end;
}

.HomeBannerTextDiv {
    width: 46%;
    position: relative;
    background: rgba(0, 0, 0, .8);
    padding: 25px 40px;
    border-radius: 8px;
}

/*.HomeBannerTextDiv:before {
    content: '';
    position: absolute;
    width: 148px;
    height: 200px;
    left: -105px;
    top: -80px;
    background-image: url("../images/home/bannerGra2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}*/

.HomeBannerTitleText {
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    width: 350px;
    margin-bottom: 15px;
}

.HomeBannerTitleText span {
    color: #31aff0;
}

.HomeBannerConText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
}

.HomeBannerBU {
    font-size: 14px;
    font-weight: 500;
    color: #00aff0;
    background: #fff;
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin-top: 35px;
    transition: all .3s ease-in-out;
}

.HomeBannerBU:hover {
    color: #00aff0;
    background: #fff;
    border-bottom-right-radius: 0;
}

.HomeBannerImgDiv {
    width: 46%;
}

.HomeBannerImgDiv img {
    width: 100%;
    height: auto;
}

.HomeAboutSec {
    padding: 100px 12px;
    position: relative;
    z-index: 1;
}

.HomeCusrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;;
}

.HomeAboutImgSec {
    width: 46%;
    position: relative;
}

.HomeAboutImgSec:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 120%;
    background: #e4f1fb;
    left: -30%;
    top: -15%;
    transform: skewX(6deg);
    border-top-right-radius: 50px;
}

.HomeAboutImgSec:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 360px;
    background-image: url(../images/home/ImgGraDot.png);
    left: 15%;
    top: 25%;
    z-index: 1;
}

.HomeAboutImgSec img {
    width: 100%;
    height: auto;
    border-radius: 40px;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 1
}

.HomeAboutImgSec.NonGra img {
    width: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.HomeAboutImgSec.Reverse:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 120%;
    background: #e4f1fb;
    right: 40%;
    left: unset;
    top: -15%;
    transform: skewX(-6deg);
    border-top-left-radius: 50px;
    border-top-right-radius: 0px;
}

.HomeAboutImgSec.Reverse:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 360px;
    background-image: url(../images/home/ImgGraDot.png);
    right: 25%;
    left: unset;
    top: 25%;
    z-index: 1;
}

.HomeAboutImgSec.Reverse img {
    width: 100%;
    height: auto;
    border-radius: 40px;
    border-bottom-left-radius: 0;
    position: relative;
    z-index: 1
}

.HomeAboutImgSec.NonGra:after,
.HomeAboutImgSec.NonGra:before {
    display: none; 
}

.HomeAboutTextSec {
    width: 46%;
    margin-bottom: 25px;
}

.AboutIcon {
    background-image: radial-gradient(farthest-corner at 100% 0%,#8ca2fb,#003875 );
    width: 54px;
    height: 54px;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 7px 17px 0 #0038758c;
    margin-bottom: 40px;
}

.AboutTitleText {
    font-size: 32px;
    line-height: 46px;
    font-weight: 600;
    color: #0e0f12;
    text-align: left;
    margin-bottom: 15px;
}

.AboutTitleText span.wrap {
    color: #23baf2;
}

.AboutTitleTextHome {
    font-size: 30px;
    line-height: 44px;
    font-weight: 600;
    color: #0e0f12;
    max-width: 800px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.AboutConText {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #202122;
    text-align: left;
}

.AboutConTextParallax {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.blinkS {
    animation: blinks 4s linear infinite;
}

@keyframes blinks {
  0% {
    font-size: 16px;
  }
  25% {
    font-size: 17px;
  }
  50% {
    font-size: 18px;
  }
  75% {
    font-size: 17px;
  }
  100% {
    font-size: 16px;
  }
}

.AboutConTextParallax span.Bold {
    font-size: 22px;
}

.AboutConTextParallax.Dark {
    color: #252934;
}

.HomeWeAreSec {
    background: #efefef;
    min-height: 600px;
    position: relative;
    margin: 60px 0;
}

.HomeWeAreSec:after {
    content: '';
    position:absolute;
    background-image: url(../images/home/gra.png);
    width: 250px;
    height: 500px;
    right: 0px;
    top: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    opacity: .05;
}

.HomeWeAreImg {
    width: 45%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.HomeWeAreImg img {
    width: 85%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: absolute;
    bottom: 50%;
    left: 50%;
    border-radius: 30px;
    transform: translate(-50%, 50%);
    box-shadow: 0 0 0 25px #fff;
}

.HomeWeAreTextSec {
    width: 55%;
    padding: 0 150px 0 100px;
}

.HomeWeAreTitleText {
    font-size: 40px;
    line-height: 56px;
    font-weight: 600;
    color: #051441;
    text-align: left;
    margin-bottom: 15px;
}

.HomeWeAreTitleText span {
    color: #2fbef3;
}

.HomeWeAreConText {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: #202122;
    text-align: left;
}

.ButtonGroup {
    display: flex;
    flex-wrap: wrap;
}

.HomeWeAreSolidBU {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #003875;
    border: 1px solid #003875;
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin-right: 15px;
    margin-top: 40px;
}

.HomeWeAreSolidBU:hover {
    color: #003875;
    background: #fff;
    border: 1px solid #003875;
}

.HomeWeAreLineBU {
    font-size: 15px;
    font-weight: 500;
    color: #003875;
    background: #fff;
    border: 1px solid #003875;
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin-top: 40px;
}

.HomeWeAreLineBU:hover {
    color: #fff;
    background: #003875;
    border: 1px solid #003875;
}

.HomeExploreSec {
    width: 80%;
    padding: 60px 0;
    margin: 0 auto;
}

.HomeExploreMainSec {
    width: 100%;
    position: relative;
}

.HomeExploreMainSec:after {
    content: '';
    position:absolute;
    background-image: url(../images/home/IndGra.jpg);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    opacity: 1;
}

.HomeExploreTextSec {
    width: 33%;
    text-align: -webkit-center;
}

.HomeExploreConSec {
    width: 65%;
}

.HomeExploreConSecUnder {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 25px 0px;
}

.HomeExploreConCard {
    width: 31%;
    padding: 15px;
    margin: 25px 0;
}

.HomeExploreConCardUnder {
    width: 100%;
    border: 2px dashed #a8b6c5;
    border-bottom: 0;
    position: relative;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 18px;
    height: 100%;
    transition: all ease-in-out .3s;
    background: #fff;
}

.HomeExploreConCardUnder::before {
    border-bottom: 2px dashed #a8b6c5;
    position: absolute;
    bottom: -24px;
    left: 6px;
    transform: rotate(15deg);
    content: "";
    width: 50%;
    transition: all ease-in-out .3s;
    height: 50px;
    background: #fff;
}

.HomeExploreConCardUnder::after {
    border-bottom: 2px dashed #a8b6c5;
    position: absolute;
    right: 6px;
    bottom: -24px;
    content: "";
    width: 50%;
    transform: rotate(-15deg);
    transition: all ease-in-out .3s;
    height: 50px;
    background: #fff;
}

.HomeExploreConCardUnder:hover {
    border: 2px dashed #003875;
    border-bottom: 0;
}

.HomeExploreConCardUnder:hover::before,
.HomeExploreConCardUnder:hover::after {
    border-bottom: 2px dashed #003875;
}

.HexImg {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0px 0;
    z-index: 1
}

.HexImg:after {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: #f2f2f2;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    content: "";
    top: 0;
    opacity: .9;
    border: 4px solid #fff;
}

/*.HomeExploreConCard:focus,
.HomeExploreConCard:hover {
    box-shadow: 10px 10px 0 0 rgba(208, 208, 208, 1);
}*/

.HomeExploreConCardText {
    width: 100%;
    position: relative;
    z-index: 1;
}

.HexImg img {
    max-width: 75px;
    max-height: 65px;
    margin: 15px auto;
    z-index: 1;
    position: relative;
    -webkit-animation: bounce 5s infinite alternate;
    width: auto !important;
}
@keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@-webkit-keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}

.ExploreConCardTitleText {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #181818;
    text-align: center;
    padding: 0 0px 0 0;
    position: relative;
    transition: all .3s ease-in-out;
}

.ExploreConCardConText {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    color: #003875;
    text-align: left;
}

.Height100 {
    height: 100%;
}

.ParallexImgSecMain{
    width: 45%;
}

.ParallexImgSec {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    border: 8px solid #fff;
}

.ParallexImgSec img {
    width: 100% !important;
    height: 370px;
    object-fit: cover;
    object-position: center;
}

.HomePlayBU {
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-black 1.2s infinite;
}

@keyframes pulse-black {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.HomePlayBU img {
    width: 100% !important;
    height: auto !important;
}

.ParallexTextSec {
    width: 46%;
}

.ParallexTitleText {
    font-size: 44px;
    line-height: 56px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.ParallexTitleText span {
    font-weight: 700;
}

.ParallexConText {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    color: #fff;
    text-align: left;
}

.ParallexTitleTextWhite {
    font-size: 44px;
    line-height: 56px;
    font-weight: 400;
    color: #0;
    text-align: left;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.ParallexTitleTextWhite span {
    font-weight: 700;
}

.ParallexConTextWhite {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: #000;
    text-align: left;
}

.ParallexBU {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #fd5387;
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin-top: 40px;
    box-shadow: 0 7px 17px 0 #fd538759;
}

.ParallexBU:hover {
    color: #fff;
    background: #fd5387;
}

.ParallexBU svg {
    transform: translate(5px, 0px);
    transition: all ease-in-out .3s;
    width: 20px;
}

.ParallexBU:hover svg {
    transform: translate(15px, 0px);
}

.HomeCardTitleText {
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    color: #051441;
    text-align: center;
    width: 800px;
    margin: 0 auto 60px auto;
}

.HomeCardSec {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    /*box-shadow: 0 0 25px 0 #33333326;*/
    transition: all ease-in-out .3s;
    margin: 0;
    height: 100%;
    border: 2px solid #a8b6c5;
}

.HomeCardSec:hover {
    border: 2px solid #003875;
    background: #003875;
}

.HomeCardSec img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: all .3s ease-in-out
}

.HomeCardSecTT {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 30px 0 #33333340;
    transition: all ease-in-out .3s;
    margin: 0;
    height: 100%;
}

/*.HomeCardSecTT:hover {
    box-shadow: 0 0 30px 0 #33333340;
    background: #fff;
}*/

.HomeCardSecTT img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.HomeCardTitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #051441;
    text-align: left;
    margin: 25px 0;
    padding: 0;
    transition: all ease-in-out .3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 52px;
}

.HomeCardSec:hover .HomeCardTitle{
    color: #fff;
}

.HomeCardTitle a {
    color: #051441;
}

.HomeCardSec:hover .HomeCardTitle a {
    color: #fff;
}

.HomeCardText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #202122;
    text-align: left;
    margin-bottom: 35px;
    padding: 0;
    transition: all ease-in-out .3s;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 6;
      overflow: hidden;
}

.HomeCardSec:hover .HomeCardText {
    color: #fff;
}


.HomeCardSecTT:hover .HomeCardTitle a,
.HomeCardSecTT:hover .HomeCardText {
    color: #fff;
}

.HomeCardSecTT:hover .HomeCardTitle {
    color: #202122;
}

.HomeCardTextTT {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #202122;
    text-align: left;
    margin-bottom: 35px;
    padding: 0;
    transition: all ease-in-out .3s;
}

/*.HomeCardSecTT:hover .HomeCardTextTT {
    color: #202122
}*/

.HomeCardLink {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #051441;
    text-align: left;
    margin-bottom: 0px;
    position: relative;
    transition: all ease-in-out .3s;
}

.HomeCardSec:hover .HomeCardLink {
    color: #fff;
}

.HomeCardLink:hover {
    color: #fff;
}

.HomeCardLink:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background: #051441;
    bottom: -3px;
    left: 0;
    transition: all ease-in-out .3s;
}

.HomeCardLink:hover:after {
    width: 98%;
    background: #fff;
}

.HomeCardLink svg {
    margin-left: 5px;
    width: 18px;
}

/*.HomeCardSec:hover .HomeCardTitle,
.HomeCardSec:hover .HomeCardText,
.HomeCardSec:hover .HomeCardLink {
    color: #fff
}*/

.HomeCusrowTwo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.NewsletterTextSec {
    width: 46%;
}

.NewsletterText {
    font-size: 19px;
    line-height: 54px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    margin: 0px 0;
    padding: 0;
}

.GetInTouchDiv .NewsletterText {
    font-size: 34px;
    line-height: 46px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin: 0px 0;
    padding: 0;
}

.GetInTouchDiv .NewsletterBU {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #0bb2f1;
    width: 18%;
    min-width: 150px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
}

.NewsletterInputSec {
    width: 45%;
    /*background: #fff;*/
    border-radius: 5px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 0px;
}

.NewsletterInput {
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
    color: #949db5;
    background: #fff;
    border: none;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 8px;
}

.NewsletterBU {
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
    color: #fff;
    background: #003875;
    border: none;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 8px;
}

.NewsletterInput:focus,
.NewsletterBU:focus {
    outline: none;
}

.NewsletterInputSec img {
    min-width: 28px;
    min-height: 23px
}

.HomeMapSec {
    width: 100%;
    height: 460px;
}

.HomeMapSec img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    object-position: center;
}

.NewsletterInputSec.text-center {
    width: 100% !important;
}

.FootContainer {
    width: 1460px;
    margin: auto;
}

.FootGra {
    width: 100%;
    height: auto;
}

.FootSmallDivIcon {
    width: 15%;
    padding: 0 15px;
}

.FootCopySec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.FootCopyText {
    font-size: 14px;
    line-height: 40px;
    font-weight: 300;
    color: #7f88a6;
    text-align: left;
    margin: 0px 0;
    padding: 0;
}

.FootCopyText a,
.FootCopyText a:hover {
    color: #00aff0;
}

.FootCopyTermText {
    font-size: 14px;
    line-height: 40px;
    font-weight: 300;
    color: #7f88a6;
    text-align: left;
    margin: 0px 0;
    padding: 0;
}

.FootCopyTermText a,
.FootCopyTermText a:hover {
    color: #7f88a6;
}

.back-to-top,
.back-to-top:hover {
    width: 42px;
    height: 42px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #e9ecf3;
    color: #11b4f1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -20px);
}

.back-to-top svg {
    width: 20px;
}

.owl-carousel .item {
    padding: 20px;
}

.HomeVideoSec .owl-nav,
.HomeHexSec .owl-nav {
    position: absolute;
    width: 100%;
    top: 45%;
    /*z-index: -1;*/
    margin: auto;
}

.HomeVideoSec .owl-carousel .owl-nav button.owl-prev,
.HomeHexSec .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    margin-left: -10px;
    font-size: 62px !important;
    line-height: 0 !important;
    color: #0d2d40 !important;
}

.HomeVideoSec .owl-carousel .owl-nav button.owl-next, 
.HomeVideoSec .owl-carousel .owl-nav button.owl-prev, 
.HomeVideoSec .owl-carousel button.owl-dot,
.HomeHexSec .owl-carousel .owl-nav button.owl-next,
.HomeHexSec .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.HomeVideoSec .owl-carousel .owl-nav button.owl-next,
.HomeHexSec .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    margin-right: -10px;
    float: right;
    font-size: 62px !important;
    line-height: 0 !important;
    color: #0d2d40 !important;
}

.HomeHexSec .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 50px;
    display: none;
}

.HomeHexSec  .owl-dots button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    display: inline-block;
    zoom: 1;
}

.HomeHexSec .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #efefef;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.HomeHexSec .owl-dots .owl-dot.active span, 
.HomeHexSec .owl-dots .owl-dot:hover span {
    background: #003875;
}

.AboutCusRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.AboutCard {
    width: 33.33%;
    padding: 15px;
}

.AboutCardTT {
    width: 50%;
    padding: 15px;
}

.AboutMinskyBlogSec {
    width: 80%;
    margin: 0 auto;
}

.WhyMinsIconRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.WhyMinsIconCard {
    width: 22.6%;
    background: rgb(58, 116, 179);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 25px;
    margin: 15px;
    transition: all .3s ease-in-out;
}

.WhyMinsIconCard:hover {
    box-shadow: 10px 10px 0 0 rgb(208 208 208);
}

.WhyMinsCardIMG {
    max-width: 60px;
    max-height: 60px;
}

.WhyMinsCardTitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    margin: 25px 0;
    padding: 0;
    transition: all ease-in-out .3s;
}

.WhyMinsCardText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #e7e7e7;
    text-align: left;
    margin-bottom: 35px;
    padding: 0;
    transition: all ease-in-out .3s;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;*/
}

.WhyMinsCardLink {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #051441;
    text-align: left;
    margin-bottom: 0px;
    position: relative;
    transition: all ease-in-out .3s;
}

.WhyMinsCardLink svg {
    margin-left: 5px;
    width: 18px;
}

.WhyMinsCardLink:hover {
    color: #003875;
}

.KeyBenefitText {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #252934;
    text-align: left;
    margin-bottom: 0px;
}

.KeyBenefitUL {
    margin: 0;
    padding: 0;
}

.KeyBenefitUL li {
    list-style: none;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #00346d;
    text-align: left;
    padding: 10px 10px 10px 45px;
    overflow: hidden;
}

.KeyBenefitUL li:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 30px;
    background-image: url(../images/AIicon.svg);
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.KeyBenefitUL li:after {
    z-index: -1;
    width: 400px;
    height: 2px;
    bottom: 0;
    left: -177px;
    margin: 0 auto;
    right: auto;
    transform: rotate(90deg);
    content: ' ';
    position: absolute;
    background-image: linear-gradient(to right, #252934 50%, transparent 0%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-position: 0% bottom;
    animation-name: iq-work-before;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes iq-work-before {
  0% { background-position: 0% bottom; }
  100% { background-position: 100% bottom; }
} 

.EdgeAIConText {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #252934;
    text-align: left;
    padding-bottom: 30px;
}

.BeniEdgeAICon {
    width: 46%;
}

.BeniEdgeAICardRow {
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.BeniEdgeAICard {
    width: 48%;
    border: 2px solid #959595;
    display: flex;
    align-items: center;
    padding: 18px 18px;
    margin: 20px 0;
    transition: all ease-in-out .3s;
    border-radius: 5px;
    background: #003875;
    backdrop-filter: blur(8px);
    background-color: rgb(255 255 255 / 44%);
}

/*.BeniEdgeAICard:hover {
    border: 2px dashed #959595;
    box-shadow: none;
    background-color: rgb(255 255 255 / 44%);
}*/

.BeniEdgeAICardText {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    color: #003875;
    text-align: left;
    padding: 0;
    transition: all ease-in-out .3s;
}

/*.BeniEdgeAICard:hover .BeniEdgeAICardText {
    color: #003875;
}*/

.WhiteSec .BeniEdgeAICardText {
    color: #2e2e2e;
}

/*.WhiteSec .BeniEdgeAICard:hover .BeniEdgeAICardText {
    color: #2e2e2e;
}*/

.WhiteSec .HomeWeAreConText {
    color: #fff;
}

.WhiteSec .AboutTitleText {
    color: #fff;
}

.WhiteSec .BeniEdgeAICard {
    border: 0px dashed #fff;
}

.WhiteSec .AboutConText,
.WhiteSec .KeyBenefitText {
    color: #fff;
}

.EdgeAIMain {
    background: #efefef;
    overflow: hidden;
    position: relative;
}

.EdgeAIMain:after {
    content: '';
    position: absolute;
    background-image: url(../images/home/gra.png);
    width: 200px;
    height: 400px;
    right: 0px;
    top: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    opacity: .05;
}

.AboutTitleText2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 200;
    color: #0e0f12;
    text-align: left;
    margin-bottom: 5px;
}

.IndustriConSecUnder {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.IndustriConCard {
    width: 31%;
    /*border: 2px solid #344aa0;*/    
    padding: 15px;
    transition: all ease-in-out .3s;
}

.IndustriConCard .CardDiv {
    background-image: url(../images/industries/manufacturing.jpg);
    width: 100%;
    height: 490px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
}

.IndustriConCard .CardDiv:hover {
    transform: scale(1.05);
}

.IndustriConCard .CardDiv:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, .85);
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
}

.IndustriConCard .CardDiv:hover:before {
    background-color: rgba(0, 0, 0, .7);
}

/*.IndustriConCard:focus,
.IndustriConCard:hover {
    box-shadow: 6px 6px 0 0 rgba(208, 208, 208, 1);
}*/

.IndustriConCard a {
    display: block;
    align-items: center;
    width: 100%;
    padding: 150px 25px 25px 25px;
    position: relative;
}

.IndustriConCard img {
    max-width: 65px;
    max-height: 54px;
    margin-bottom: 25px;
}

.ArticleImgCard {
    width: 100%;
    /*border: 2px solid #344aa0;*/    
    padding: 15px;
    transition: all ease-in-out .3s;
}

.ArticleImgCard .CardDiv {
    background-image: url(../images/industries/manufacturing.jpg);
    width: 100%;
    height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 50px 25px 50px;
}

.ArticleImgCard .CardDiv:hover {
    transform: scale(1.05);
}

.ArticleImgCard .CardDiv:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, .85);
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
}

.ArticleImgCard .CardDiv:hover:before {
    background-color: rgba(0, 0, 0, .7);
}

/*.IndustriConCard:focus,
.IndustriConCard:hover {
    box-shadow: 6px 6px 0 0 rgba(208, 208, 208, 1);
}*/

.ArticleImgCard a.IndustriConCardLearnM {
    display: block;
    align-items: center;
    width: 100%;
    padding: 15px 0 0 0;
    position: relative;
}

.ArticleImgCard img {
    max-width: 65px;
    max-height: 54px;
    margin-bottom: 25px;
}

.ServicesLineBU {
    font-size: 15px;
    font-weight: 500;
    color: #003875;
    background: #fff;
    border: 1px solid #003875;
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.ServicesLineBU:hover {
    color: #fff;
    background: #003875;
    border: 1px solid #003875;
}

.ServicesAICon {
    width: 20%;
}

.ServicesAICardRow {
    /*width: 76%;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
}

.BenefitsCardMain {
    width: 33.33%;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.BenefitsCardMainHalf {
    width: 50%;
    padding: 15px;
}

.BenefitsCard {
    width: 100%;
    padding: 20px;
    background: #ebf6ff;
    border-radius: 3px;
    /*border: 2px dashed #959595;*/
    transition: all ease-in-out .3s;
    margin: 0;
    height: 100%;
}/*

.BenefitsCard:focus, 
.BenefitsCard:hover {
    box-shadow: none;
    background: #003875;
    border: 2px dashed #003875;
}*/

.BenefitsCard img {
    max-width: 75px;
    max-height: 65px;
    margin-bottom: 15px;
}

.BenefitsCard img.White {
    display: none;
}

.BenefitsCardTitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin: 25px 0;
    padding: 0;
    transition: all ease-in-out .3s;
}

.BenefitsCardText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #535353;
    text-align: left;
     margin-bottom: 5px; 
    padding: 0;
    transition: all ease-in-out .3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

/*.BenefitsCard:hover .BenefitsCardTitle,
.BenefitsCard:hover .BenefitsCardText {
    color: #fff;
}

.BenefitsCard:hover img.White {
    display: inline-block;
}

.BenefitsCard:hover img.Blue {
    display: none;
}*/

.SuccessTitle {
    font-size: 32px;
    line-height: 56px;
    font-weight: 300;
    color: #0e0f12;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    width: 1190px;
    text-align: center;
    margin: 0 auto 40px auto;
    /*max-width: 51ch;*/
    padding-left: 0;
    padding-right: 0;
}

.SuccessTitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #0e0f12;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.ArticleTitle {
    font-size: 38px;
    line-height: 56px;
    font-weight: 100;
    color: #0e0f12;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}

.ArticleTitleSmall {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #0e0f12;
    text-transform: capitalize;
    position: relative;
    width: 100%;
    text-align: center;
}

.BannerSmallText {
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 0
}

.ConBannerBU {
    font-size: 15px;
    font-weight: 500;
    color: #003875;
    background: #ffffff;
    border: 1px solid #ffffff;
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin: 40px auto 0 auto;
}

.ConBannerBU:hover {
    color: #fff;
    background: transparent;
}

.contactFormRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 0;
}

.FullFormDiv {
    width: 100%;
    padding-bottom: 25px;
}

.FormLabel {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    text-align: left;
    padding: 0;
    margin-bottom: 5px;
}

.FormFieldBoxMaxWI {
    padding: 12px 0;
    width: 70%;
}

.FormFieldBoxMaxWI p {
    color: #f40;
    text-align: left;
    font-size: 13px;
    padding-top: 2px;
}

.FormFieldBoxMaxWI .form-check {
    margin-bottom: 5px;
}

.FormFieldBoxMaxWI .form-check label {
    font-size: 15px;
}

.ConFormBUGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ConFormBUGroup .FormButtonBox {
    width: 46%;
    overflow: hidden;
}

.PaddTB {
    padding-top: 80px;
    padding-bottom: 80px;
}

.IndustriesModalBody {
    text-align: center;
    padding: 15px;
    position: relative;
}

.IndustriesModalBody .btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.IndustriesModalBody .btn-close:focus {
    outline: none;
}

.IndustriesModalBody img {
    max-width: 75px;
    max-height: 65px;
    margin-bottom: 15px;
}

.HeadBannerText {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px #787878;
}

.HeadBannerText2 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 1px 1px 3px #787878;
}

.BannerMainConDiv {
    width: 60%;
    padding: 200px 0 100px 0;
}

.typewrite.white > .wrap { border-right: 0.08em solid #fff !important}

.StoriesDetailsMainDiv h1,
.StoriesDetailsMainDiv h2,
.StoriesDetailsMainDiv h3,
.StoriesDetailsMainDiv h4,
.StoriesDetailsMainDiv h5,
.StoriesDetailsMainDiv h6 {
    color: #0e0f12;
}

.StoriesDetailsMainDiv h1 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
}

.StoriesDetailsMainDiv h2 {
    font-size: 30px;
    line-height: 44px;
    font-weight: 600;
    text-transform: uppercase;
}

.StoriesDetailsMainDiv h3 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
}

.StoriesDetailsMainDiv h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
}

.StoriesDetailsMainDiv h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.StoriesDetailsMainDiv h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.StoriesDetailsMainDiv p {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #252934;
    text-align: left;
    margin-bottom: 30px;
}

.StoriesDetailsMainDiv p img {
    width: 100%;
    height: auto;
}

.StoriesDetailsMainDiv p.Bold {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #252934;
    text-align: left;
    margin-bottom: 30px;
}

.StoriesDetailsMainDiv ul,
.CommonUL,
.StaticUL {
    margin: 0 0 30px 0;
    padding: 0;
}

.StoriesDetailsMainDiv li,
.CommonUL li {
    list-style: none;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #252934;
    text-align: left;
    padding: 10px 10px 10px 45px;
}

.StaticUL li {
    list-style: none;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    text-align: left;
    padding: 10px 10px 10px 45px;
}

.StoriesDetailsMainDiv li:before,
.CommonUL li:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/AIicon.svg);
    left: 10px;
    top: 14px;
    border-radius: 50%;
}

.StaticUL li:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/AIiconW.svg);
    left: 10px;
    top: 14px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.LoginBG {
    background-image: url(../images/login-bg.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Login {
    width: 320px;
    background: rgba(255, 255, 255, .5);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    border-radius: 8px;
    text-align: center;
}

.LoginLogo {
    width: 140px;
    height: auto;
    margin-bottom: 30px;
}

.Login input {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #959595;
    margin-bottom: 15px
}

.Login .ButtonDiv {
    position: relative;
    overflow: hidden;
}

.Login .ButtonDiv:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: -100%;
    position: absolute;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
    transition: all .5s ease-in-out;
}

.Login .ButtonDiv:hover::before {
    left: 100%;
}

.Login .ButtonDiv .ButtonVoiletSolid {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 9px;
    text-transform: uppercase;
    background: #003875;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

.IndusTextArea {
    width: 100%;
    padding: 80px 0;
}

.IndusTitleText {
    font-size: 30px;
    line-height: 44px;
    font-weight: 600;
    color: #0e0f12;
    margin-bottom: 15px;
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.IndusExploreConSec {
    width: 100%;
    padding-bottom: 60px;
}

.IndustriConCardTitleText {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    text-align: left;
    padding: 0 0px 0 0;
    transition: all .3s ease-in-out;
}

.IndustriConCardConText {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
    text-align: left;
    margin-top: 5px;
    transition: all .3s ease-in-out;
}

.IndustriConCard .CardDiv:hover .IndustriConCardTitleText,
.IndustriConCard .CardDiv:hover .IndustriConCardConText,
.ArticleImgCard .CardDiv:hover .IndustriConCardTitleText,
.ArticleImgCard .CardDiv:hover .IndustriConCardConText {
    color: #fff;
}

.IndustriConCardLearnM {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #003875;
    text-align: left;
    margin-top: 10px;
    transition: all .3s ease-in-out;
}

.IndustriConCard .CardDiv:hover .IndustriConCardLearnM,
.ArticleImgCard .CardDiv:hover .IndustriConCardLearnM {
    color: #fff;
}

.IndustriConCardLearnM .ArrowRight {
    width: 20px;
    margin-left: 5px;
}

.HomeBannerTitleText svg {
    position: absolute;
    top: 30px;
    left: -10px;
}

.HomeBannerTitleText svg text {
  /*font-family: Lora;
  letter-spacing: 10px;*/
  stroke: #fff;
  font-size: 40px;
  font-weight: 700;
  stroke-width: 1;
 
  animation: textAnimate 5s infinite alternate;
  
}

@keyframes textAnimate {
  0% {
    stroke-dasharray: 0 50%;
    stroke-dashoffset:  20%;
    fill:hsl(200, 86%, 57%)

  }
  
  100% {
    stroke-dasharray: 50% 0;
    stroke-dashoffstet: -20%;
    fill: hsla(200, 86%, 57%,0%)
  }
  
}

.sign {}

@keyframes blink {
  0%,
  22%,
  36%,
  75% {
    color: #051441;
  }
  28%,
  33% {
    color: #00aff0;
    text-shadow: none;
  }
  82%,
  97% {
    color: #00aff0;
    text-shadow: none;
  }
}

.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite;
}

.fast-flicker {
  animation: shine 2s forwards, blink 10s 1s infinite;
}

@keyframes shine {
  0% {
    color: #00aff0;
    text-shadow: none;
  }
  100% {
    color: #00aff0;
  }
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}

.NewsForm {
    display: none;
}

.NewsForm.Open {
    display: block;
}

.NewsletterBU {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #fd5387;
    width: 50%;
    min-width: 280px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    box-shadow: 0 7px 17px 0 #fd538759;
}

.NewsletterBU:hover {
    color: #fff;
    background: #fd5387;
}

.NewsletterBU svg {
    transform: translate(5px, 0px);
    transition: all ease-in-out .3s;
    width: 20px;
}

.NewsletterBU:hover svg {
    transform: translate(15px, 0px);
}

.HomeExploreConSecUnder.hex img:first-child {
    display: block;
    transition: all .3s ease-in-out;
}

.HomeExploreConSecUnder.hex img:last-child {
    display: none;
    transition: all .3s ease-in-out;
}

.HomeExploreConSecUnder.hex:hover img:first-child {
    display: none;
}

.HomeExploreConSecUnder.hex:hover img:last-child {
    display: block;
}

.TextCenter {
    text-align: center !important;
}

#particles canvas {
    position: absolute;
}

.HomeHexGra polygon {
    fill: #fff !important;
    transition: all .3s ease-in-out
}

.HomeHexGra polygon:hover {
    fill: #e5e5e5 !important;
}

.hexagon {
  position: relative;
  width: 250px; 
  height: 144.34px;
  background-color: #ebf6ff;
  margin: 72.17px auto;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  transition: all .3s ease-in-out;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 176.78px;
  height: 176.78px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 36.6117px;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.hexagon:before {
  top: -88.3883px;
}

.hexagon:after {
  bottom: -88.3883px;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:0px;
  left: 0;
  width:250px;
  height:100%;
  z-index: 2;
  background: inherit;
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebf6ff;
    transition: all .3s ease-in-out;
}

.HomeHexSec {
    padding-top: 100px;
    padding-bottom: 60px;
}

/*.hexagon:hover {
    background-color: #003875;
}

.hexagon:hover span {
    background: #003875;
}

.hexagon:hover .ExploreConCardTitleText {
    color: #fff;
}*/

/*.hexagon span:after {
    content: '';
    position: absolute;
    background-image: url(../images/home/HexGra.jpg);
    width: 130px;
    height: 150px;
    left: -40px;
    top: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0%, -50%);
    opacity: .3;
    z-index: 0;
}*/

.AboutCusRow.PlusWidth {
    width: 95%;
    margin: auto;
}

.paralaxBGAnimation {
    background: linear-gradient(-45deg, #02b0f0, #3a74b3, #003875, #5325b8);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    margin: 50px 15px 0px 15px;
    border-radius: 8px;
    padding: 15px 15px 25px 15px;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.AboutMinskyBlogSecFull {
    width: 100%;
    position: relative;
}

.PlatFormIconRow {
    width: 100%;
    margin: 0 auto;
}

.PlatFormIconRowUnder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}

.PlatFormIconRowUnder.ZZ1 {
    justify-content: flex-start;
}

.PlatFormIconRowUnder.ZZ2 {
    justify-content: flex-start;
}

.PlatFormIconRowUnder.ZZ2 .BenefitsCardMain:first-child {
    margin-left: 33.33%;
}

.PlatFormIconCard {
    width: 100%;
    padding: 20px;
    background: #003875;
    border-radius: 3px;
    border: 2px dashed #003875;
    transition: all ease-in-out .3s;
    margin: 0;
    height: 100%;
    text-align: center;
    border-radius: 50%;
    width: 320px;
    height: 320px;
    display: block;
    /*max-width: 320px;
    max-height: 320px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*.PlatFormIconCard:focus, 
.PlatFormIconCard:hover {
    box-shadow: none;
    background: #fff;
    border: 2px dashed #959595;
}*/

.PlatFormIconCard div {
    width: 100%;
}

.PlatFormIconCard img {
    max-width: 100px;
    max-height: 90px;
    margin: 15px auto;
}

.PlatFormIconCardTitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 25px auto;
    padding: 0;
    transition: all ease-in-out .3s;
    width: 90%;
}

/*.PlatFormIconCard:hover .PlatFormIconCardTitle {
    color: #000;
}*/

/*.PlatFormIconCard:hover .ImgWhite,*/
.ImgBlue {
    display: none;
}

/*.PlatFormIconCard:hover .ImgBlue,
.ImgWhite {
    display: inline-block;
}*/

.textCenter .EdgeAIConText {
    text-align: center;
    padding-top: 25px
}

.textCenter .ServicesLineBU {
    font-size: 15px;
    font-weight: 500;
    color: #003875;
    background: #fff;
    border: 1px solid #003875;
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.MachineLearningIMG {
    width: 90%;
    margin: 50px auto;
}

.AboutConTextParallax2W {
    font-size: 30px;
    line-height: 44px;
    font-weight: 200;
    color: #fff;
    margin-bottom: 65px;
    max-width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

.CoreValueTitleBold {
    font-size: 56px;
    line-height: 66px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

.CoreValueTitleBold::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.AboutConTextParallaxBold {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.desc {
  padding: 1rem;
  font-size: 1rem;
  letter-spacing: 0.2rem;
  opacity: 0;
  transition: 1s 1.5s;
}

.ex1 {
  opacity: 1;
}

.ex1 span {
  position: relative;
  top: 10px;
  left: 10px;
  opacity: 0;
}

.ex2 {
  opacity: 1;
}
.ex2 span {
  position: relative;
  left: -10px;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.blinkb {
    animation: blinkb 4s linear infinite;
}

@keyframes blinkb {
  0% {
    font-size: 30px;
  }
  50% {
    font-size: 32px;
  }
  100% {
    font-size: 30px;
  }
}

.blinkc {
    animation: blinkc 4s linear infinite;
}

@keyframes blinkc {
  0% {
    font-size: 18px;
  }
  50% {
    font-size: 20px;
  }
  100% {
    font-size: 18px;
  }
}

.blinkd {
    animation: blinkd 4s linear infinite;
}

@keyframes blinkd {
  0% {
    font-size: 30px;
  }
  50% {
    font-size: 32px;
  }
  100% {
    font-size: 30px;
  }
}

.BGGra2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.BGGra2:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(3deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 75%)), url(../images/bg-texture.jpg);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    opacity: .3;
    z-index: -1;
}

.marBo-50 {
    margin-bottom: 50px;
}

.VideoTitle {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    padding: 10px 0;
}

.StoryDetailsRow {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 30px;
}

.StoryDetailsDivHalf {
    width: 50%;
    padding: 15px;
}

.ArticlePDFSec {
    width: 650px;
    margin: 0 auto 0 auto;
}

.ArticleRow {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.ArticlePDF {
    width: 50%;
    padding: 15px;
}

.ArticlePDFUnder {
    width: 100%;
    height: 100%;
    background: #003875;
    padding: 30px 20px 1px 20px;
    text-align: center;
    border-radius: 8px;
}

.ArticlePDFUnder img {
    width: 100px;
    height: auto;
}

.ArticlePDFA {
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.ArticlePDFA img {
    width: 30px;
    height: auto;
}

.PlatFormIconCardTitleA {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #003875;
    text-align: left;
    margin: 2px 10px;
    padding: 0;
    transition: all ease-in-out .3s;
    width: auto;
}

.ThankUTextDic {
   width: 800px;
    position: relative;
    margin: 0 auto 70px auto;
}

.Text1 {
    font-family: 'Hurricane', cursive;
    font-size: 68px;
    text-align: left;
    line-height: normal;
    color: #05b1f0;
    padding: 0;
}

.Text2 {
    font-family: 'Dosis', sans-serif;
    font-size: 60px;
    text-align: left;
    line-height: normal;
    padding: 0;;
}

.ThankUTextDic img {
    position: absolute;
    top: -26px;
    right: 0;
}


.marBo15 {
    margin-bottom: 15px;
}

.modal-header {
    background: #003875;
}

.modal-title {
    color: #fff;
}

iframe {
    width: 100%;
}

.dropdown-menu2 {
    transition: none;
}

.dropdown-menu2.SSMenuOpen {
    position: relative;
    top: 0px;
    right: CalC(0px - 5%);
}

.SSMenu {
    display: flex;
    justify-content: space-between;
}

@media (min-width:360px) {
    .ParaVideo.First,
    .ParaVideo.Second {
        width: 100%;
        max-width: 600px;
        margin: 40px auto;
        box-shadow: 0 0 11px 0 #33333326;
        padding: 10px 10px 10px 10px;
        border-radius: 8px;
        background: #fff;
        display: inline-flex;
    }
    .ParaVideo iframe {
        height: 220px;
    }
    .HomeWeAreTitleText {
        font-size: 38px;
    }
    .FormTitle {
        font-size: 34px;
    }
    .ArticleImgCard .CardDiv {
        padding: 25px 25px 25px 25px;
    }
    .StoryDetailsDivHalf {
        width: 100%;
    }
    .HomeCardSec {
        padding: 10px;
    }
    .SuccessTitle {
        width: 100%;
    }
    .PlatFormIconRowUnder.ZZ2 .BenefitsCardMain:first-child {
        margin-left: 0;
    }    
    /*.LeadershipSliderBig {
        height: 1100px;
    }*/
    .PlatFormIconCard {
        width: 320px;
        height: 320px;
    }
    .InstaMainDiv {
        padding: 20px;
    }
    .HomeVideoSec .owl-nav, 
    .HomeHexSec .owl-nav {
        width: 97.5%;
    }
    .ParallexTitleText {
        text-align: center;
    }
    .ParallexBU {
        margin-left: auto;
        margin-right: auto;
    }
    .HomeWeAreImg img {
        width: 95%;
        height: auto;
        position: unset;
        border-radius: 30px;
        transform: translate(0%, 0%);
        box-shadow: 0 0 0 5px #fff;
        margin: 80px 0 30px 0;
    }
    .FootCopyText {
        width: 100%;
        text-align: center;
    }
    .FootSmallDiv .Title,
    .FootSmallDiv ul li,
    .Title,
    .FootCon a {
        text-align: center;
    }
    .FootIconSec,
    .FootCon a {
        justify-content: center;
    }
    .NewsletterText {
        line-height: 34px;
        text-align: center;
    }
    .Parallaxinside {
        width: 100%;
    }
    .CareerVideoDiv iframe {
        width: 100% !important;
        height: 240px !important;
    }
    .VideoDiv iframe {
        width: 100% !important;
        height: 220px !important;
    }
    .navbar-expand-md .navbar-collapse {
        position: fixed;
        top: 68px;
        background: #003875;
        box-shadow: -2px 6px 13px 0 #33333336;
        /*width: 420px;*/
        height: 92vh;
        right: -350px;
        overflow: auto;
        padding: 15px 0px 50px 0px;
        display: block;
        transition: all .3s ease-in-out;
    }
    .start-header.scroll-on .navbar-expand-md .navbar-collapse {
        top: 68px;
    }
    .navbar-expand-md .navbar-collapse.show {
        right: -1px;
    }
    .navbar-light .navbar-nav .nav-link {
        display: flex;
        justify-content: space-between;
    }
    .dropdown-menu ul.CollapseMenu {
        flex-wrap: wrap;
    }
    .nav-item.show .dropdown-menu ul.CollapseMenu {
        display: block;
    }
    ul.CollapseMenu li {
        width: 100%;
    }
    ul.CollapseMenu li.LeftChildNew {
        padding-left: 0px;
    }
    ul.CollapseMenu li.RightChildNew {
        padding-right: 0px;
    }
    .dropdown-content .nav-item, .dropdown-content .nav-item a, .dropdown-content .nav-item.show a {
        padding: 2px 15px;
    }
    ul.CollapseMenu li {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    ul.CollapseMenu .dropdown::before {
        top: 54px;
    }
    .HeadTopSec .HeadTopText {
        display: none;
    }
    .DonateBUHeader {
        display: none;
    }
    .navbar-brand img{
        height: 26px;
        margin: 16px 0;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 26px;
    }
    .HeadTopSecAda {
        background: transparent;
        padding: 11px 2px 11px 16px;
    }
    .Search {
        margin-top: 4px;
        margin-left: auto;
    }
    .SearchBUHeader {
        text-align: center;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0 20px 0 0px;
        color: #646464;
        border-left: 0px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
    }
    .NavDropDBU {
        margin-left: auto;
        margin-right: 30px;
    }
    .HeadTopSec img {
        margin-right: 0px;
        margin-top: 6px;
    }
    .HeadTopSec {
        padding: 11px 16px;
    }
    .Search .HeaderSearch {
        position: absolute;
        right: 0%;
        width: 100%;
        top: 12px;
        opacity: 0;
        padding: 15px;
        border: none;
        border-radius: 5px;
        box-shadow: 1px 1px 7px 0 #33333363;
        font-size: 16px;
        transition: all .3s ease-in-out;
        z-index: -1;
    }
    .Search.open .HeaderSearch {
        right: 0%;
        width: 100%;
        top: 82px;
        opacity: 1;
        z-index: 2;
    }
    .nav-link.MainNav {
        padding: 15px 15px !important;
    }
    .scroll-on .nav-link.MainNav {
        padding: 15px 15px !important;
    }
    .nav-item .dropdown-menu {
        padding: 0px !important;
    }
    .nav-item .dropdown-menu:before {
        display: none;
    }
    .FootBigDiv {
        width: 100%;
        text-align: center;
    }
    .FootSmallDiv {
        width: 100%;
        padding: 0 25px;
    }
    .FootBigDiv img.Logo {
        min-width: 150px;
        max-width: 150px;
    }
    .FootBigDivText {
        width: 100%;
        text-align: center;
    }
    .FootLogoSec img {
        max-width: 120px;
        max-height: 70px;
    }
    .InstaDiv40 {
        width: 100%;
    }
    .InstaDiv20 {
        width: 100%;
    }
    .InstaDivUnder100 {
        height: 500px;
    }
    .InstaDivUnder100::before {
        width: 145%;
        height: 100%;
        bottom: 0px;
        left: -300px;
    }
    .ParallaxinsideBig {
        width: 100%;
    }
    .NewsletterFormSec {
        width: 100%;
        flex-wrap: wrap;
    }
    .VideoDiv {
        width: 90%;
    }
    .VideoDiv::after {
        right: 40px;
        bottom: -100px;
    }
    .HomeCommService50 {
        width: 100%;
    }
    .HomeCommService50:first-child {
        margin-bottom: 80px;
    }
    .AboutCommService50 {
        width: 100%;
    }
    .AboutCommService50:last-child {
        margin-bottom: 80px;
    }
    .DonateTitle {
        margin-right: 0;
        margin-bottom: 30px;
        font-size: 48px;
    }
    .HomeCustDiv50 {
        width: 100%;
    }
    .HomeCustDiv25 {
        width: 100%;
    }
    .HomeCustDiv75 {
        width: 100%;
    }
    .CounterDiv25 {
        width: 100%;
        padding: 15px;
        position: relative;
    }
    .CounterDiv25:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #e0e0e0;
        right: 0;
        top: 0;
        display: none;
    }
    .CounterDiv25:nth-child(3):before {
        content: '';
        position: absolute;
        width: 94%;
        height: 1px;
        background: #e0e0e0;
        left: 3%;
        bottom: 0;
    }
    .CounterDiv25:nth-child(2):before {
        content: '';
        position: absolute;
        width: 94%;
        height: 1px;
        background: #e0e0e0;
        left: 3%;
        bottom: 0;
    }
    .CounterDiv25:nth-child(1):before {
        content: '';
        position: absolute;
        width: 94%;
        height: 1px;
        background: #e0e0e0;
        left: 3%;
        bottom: 0;
    }
    .CounterDiv25:nth-child(2):after {
        display: none;
    }
    .CounterDiv25:last-child:after {
        display: none;
    }
    .ParallaxHomeSelect .form-control {
        width: 240px;
    }
    .InstaDivUnder50 {
        width: 100%;
    }
    .NewsletterTitle {
        font-size: 42px;
    }
    .ImgDiv .title h2 {
        font-size: 22px;
    }
    .ImgDiv .title {
        max-width: 90%;
    }
    .HomeTopImgSec .Alter:nth-child(odd) .title {
        border-bottom-right-radius: 0px;
        top: auto;
        border-top-right-radius: 10px;
        bottom: 0;
    }
    .HomeTopImgSec .Alter:nth-child(even) .title {
        border-top-right-radius: 10px;
        bottom: 0;
    }
    .FirstSecImg {
        height: 300px;
    }
    .SecondSecImg {
        height: 200px;
    }
    .HomeMapDiv img {
        height: 280px;
    }
    .AboutMapDiv img,
    .AboutMapDiv #map {
        height: 280px !important;
    }
    .SpeakersIMGDiv img {
        height: 280px;
    }
    .CareerVideoDiv .CareerVimg,
    .CareerVideoDiv #map {
        height: 380px !important;
    }
    .VideoDiv .VideoIMG {
        height: 340px;
    }
    .PlayBu {
        width: 80px;
        height: 80px;
        padding: 28px;
    }
    .PlayBu::after {
        content: '';
        width: 220px;
        height: 220px;
        border: 45px solid #f26722;
    }
    .NewsletterFormBU {
        width: 100%;
    }
    .SupportersTabMain {
        width: 100%;
    }
    .TabHalfDiv {
        width: 100%;
    }
    .TabDonerList {
        flex-wrap: wrap;
    }
    .TabDonerListClient {
        flex-wrap: wrap;
    }
    .ImgDivMain {
        min-width: unset;
        height: 260px;
        margin: 0 auto 80px auto;
    }
    .ImgDivMainClient {
        min-width: unset;
        height: 260px;
        margin: 0 auto 90px auto;
    }
    .DonerImg  {
        width: 260px;
        height: 260px;
    }
    .SMTabsUL li {
        width: 100%;
    }
    .SMTabsUL li a.active::before {
        content: '';
        position: absolute;
        width: 5px;
        height: 100%;
        top: 0px;
        left: 0;
        background: #003875;
    }
    .SMTabsUL li a.active::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border: 5px solid #003875;
        left: 3px;
        top: 50%;
        transform: rotateZ(
                -45deg
        ) translate(0%, -50%);
        border-top: 0;
        border-left: 0;
    }
    .ModalFavPlace {
        flex-wrap: wrap;
    }
    .ModalFavPlaceCon {
        margin-left: 0px;
        margin-top: 30px;
    }
    .NewsTabCardMain {
        width: 100%;
    }
    .WhatWeRow {
        display: -webkit-box;
        display: -moz-box;
        display: box;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        padding:  100px 0;
        margin: 0 0px;
    }
    .OurHistoryRow {
        display: -webkit-box;
        display: -moz-box;
        display: box;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        padding:  100px 0;
        margin: 0 0px;
    }
    .WhatDiv50 {
        width: 100%;
        display: block;
        padding: 0 0px;
    }
    .WhatWeRow:nth-child(odd) .WhatDiv50:nth-child(odd) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .WhatWeRow:nth-child(odd) .WhatDiv50:nth-child(even) {
        margin-bottom: 100px;
    }
    .WhatWeRow:nth-child(even) .WhatDiv50:nth-child(odd) {
        margin-bottom: 100px;
    }
    .WhatIMGDiv::after {
        right: unset;
        left: -60px;
        bottom: -60px;
    }
    .WhatIMGDiv img {
        height: 300px;
    }
    .HistoryMainIMGDiv img {
        height: 360px;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 200px;
    }
    .DonnerContentClient p.ClientDesQu,
    .DonnerContentClient h3,
    .DonnerContentClient p.Des,
    .DonnerContentClient p,
    .DonnerContent h3,
    .LeaderTitle,
    .DonnerContent p.Des,
    .DonnerContentClient,
    .DonnerContent {
        text-align: center;
    }
    .TabDonerListClient {
        padding: 0px 0px 80px 0px;
    }
    .StickysideTab {
        width: 100%;
        position: relative;
        top: 0;
    }
    .StickysideTab .nav-tabs {
        border-right: 0px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        padding-right: 0px;
        padding-bottom: 50px;
    }
    .tab-content.Sticky {
        width: 100%;
        padding-left: 0px;
        padding-top: 80px;
    }
    .AboutMapDiv::after {
        right: -10px;
        bottom: -65px;
    }
    .SpeakersIMGDiv::after {
        right: -10px;
        bottom: -65px;
    }
    .CareerVideoDiv::after {
        right: -10px;
        bottom: -65px;
    }
    .CoreValueSec {
        width: 100%;
        padding: 25px 0;
    }
    .contactTab {
        width: 100%;
        margin-bottom: 50px;
    }
    .BannerTitle {
        width: 100%;
        font-size: 36px;
    }
    .OurHistoryRow .WhatDiv50:first-child {
        margin-bottom: 90px;
    }
    /* section#History {
        width: 100%;
    } */
    .HistoryTopCon {
        width: 100%;
    }
    section#History article div.ConPanel {
        width: 100%;
    }
    section#History article div.ConPanel .PanelBody:after {
        display: none;
    }
    section#History .YearBU {
        position: relative;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    section#History article {
        margin-top: 25px;
    }
    .YearLaps:nth-child(odd) .ConPanel .PanelBody p {
        text-align: center;
    }
    .YearLaps:nth-child(even) .ConPanel .PanelBody p {
        text-align: center;
    }
    .ReportCard {
        width: 100%;
    }
    .LongIMG {
        height: 280px;
    }
    .SmallIMG {
        height: 160px;
    }
    .HomeMapDiv #map {
        height: 380px !important;
    }
    .NewsletterFormSec .gform_legacy_markup_wrapper form {
        flex-wrap: wrap;
    }
    .NewsletterFormSec svg {
        display: none;
    }
    .NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer {
        width: 100%;
    }
    .InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
        width: 100%;
    }
    .PastSecSubTi,
    .PastSecSubTi p {
        width: 100%;
    }
    .SpeakersIMGDiv {
        margin-bottom: 0px;
    }
    .CareerVideoDiv {
        margin-bottom: 0px;
    }
    .PastSSpeakerCon li {
        width: 100%;
    }
    .FunderList {
        width: 100%;
    }
    .YearLaps:nth-child(odd) .HistoryIMG {
        right: unset;
        left: CalC(0px + 50%);
        transform: translate(-50%, 0px);
        top: -80px;
        position: relative;
    }
    .YearLaps:nth-child(even) .HistoryIMG {
        left: CalC(0px + 50%);
        transform: translate(-50%, 0px);
        top: -80px;
        position: relative;
    }
    .HistoryIMG {
        width: 300px;
        height: 0px;
    }
    .YearBU:hover ~ .HistoryIMG {
        opacity: 1;
        height: 200px;
    }
    .CareerDivDiverSmall {
        width: 100%;
    }
    .CareerDivDiverBig {
        width: 100%;
    }
    .CareerDivDiverSmallSticky {
        width: 100%;
    }
    .CareerDivDiverBigSticky {
        width: 100%;
    }
    .CareerVideoDiv {
        margin-bottom: 80px;
    }
    .TestiSlideDiv {
        height: auto;
    }
    .TestiSlideDivMain .item {
        padding-left: 0px;
        padding-top: 180px;
    }
    .TestiSlideDivMain .item .itemInside {
        padding: 80px 30px 30px 30px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 0px;
    }
    .TestiSlideDivMain .item .itemInside img {
        width: 180px;
        height: 180px;
        border: 10px solid #e2e2e2;
        left: 50%;
        top: -10%;
        transform: translate(-50%, -50%);
    }
    .MainContent {
        font-size: 20px;
        line-height: 34px;
    }
    .TestiName {
        padding-top: 20px;
    }
    .TestiSliderMain {
        margin: 0 -12px;
    }
    .TestiSliderText {
        width: 90%;
    }
    .DivisionBox {
        width: 100%;
    }
    .StatementBox {
        width: 100%;
    }
    .StateSign {
        position: relative;
        margin-top: 15px;
    }
    .SearchCon {
        width: 100%;
        float: left;
        padding-right: 0px;
        padding-bottom: 50px;
    }
    .SearchRecNews {
        width: 100%;
        float: left;
        padding-left: 0px;
        padding-top: 50px;
        position: relative;
        top: 0px;
    }
    .Contact1TabHalf {
        width: 100%;
        padding-top: 60px;
    }
    .ContactTabForm {
        padding: 60px 20px;
    }
    .ContactTable table tbody tr td:nth-child(1) {
        min-width: 350px;
    }
    .ContactTable table tbody tr td:nth-child(2) {
        min-width: 185px;
    }
    .ContactTable table tbody tr td:nth-child(3) {
        min-width: 330px;
    }
    .ContactTable table tbody tr td:nth-child(4) {
        min-width: 195px;
    }
    .ContactTable table tbody tr td:nth-child(5) {
        min-width: 260px;
    }
    .SIATextDiv {
        width: 100%;
    }
    .SIAFilter {
        flex-wrap: wrap;
    }
    .FilterSec {
        width: 100%;
    }
    .FilterBuSec {
        width: 100%;
    }
    .VolunteerOppHalf {
        width: 100%;
    }
    .VolunteerOppBody {
        padding: 25px 20px 20px 20px;
    }
    .VolunteerOppBodyTitle {
        font-size: 20px;
    }
    .VolunteerOppBodyDes {
        font-size: 14px;
    }
    .OppDatePlace p {
        font-size: 14px;
    }
    .PopsActionCard {
        width: 33.33%;
        padding: 35px 12px 20px 12px;
    }
    .PopsActionCard:nth-child(1),
    .PopsActionCard:nth-child(2) {
        width: 50%;
    }
    .PopsConBodySmall {
        width: 100%;
    }
    .PopsConBodyBig {
        width: 100%;
        padding-top: 30px;
    }
    .ContactFormPops {
        width: 100%;
    }
    .VolunteerFormModalHeadXL {
        padding: 50px 20px;
    }
    .VolunteerFormModalTitleXL {
        font-size: 30px;
        line-height: 40px;
    }
    .MisionVisionPopsConBody {
        padding: 50px 20px;
    }
    .WidhListImgDiv {
        width: 100%;
    }
    .WidhListConDiv {
        width: 100%;
        padding-left: 0px;
        padding-top: 40px;
    }
    .VolunteerParalaxDestop {
        width: 100%;
    }
    .VolunteerParalaxDivHalf {
        width: 100%;
    }
    .VolunteerParalaxDivHalf:first-child {
        border-bottom: 1px solid #414e5b;
    }
    .VolunteerParalaxRow::after {
        display: none;
    }
    .DFlexCenter img {
        width: 280px;
        height: 280px;
    }
    .VolunteerFormModalTitle {
        font-size: 30px;
        line-height: 40px;
    }
    .VolunteerFormModalBody {
        padding: 50px 25px;
    }
    .navbar-light .navbar-nav .nav-link.MainNav svg {
        display: none;
    }
    .navbar-light .navbar-nav .MenuLinkMain svg.Modile {
        display: block;
    }
    .SelectLang select {
        max-width: 36px;
    }
    .HomeBuDonate {
        width: auto;
        margin-left: 15px;
        margin-top: 0;
    }
    .PositionCardBottom {
        flex-wrap: wrap;
    }
    .ApplyBU {
        padding: 10px 0 0 35px;
    }
    .cookiesBU {
        width: 27%;
        min-width: 280px;
        padding-top: 15px;
    }
    .ContactTableTitle {
        width: 100%;
    }
    .ContabSearch {
        width: 100%;
        margin-top: 15px;
    }
    .FootContainer {
        width: 95%;
    }
    .FootBigDiv {
        width: 100%;
        padding: 0 0px 40px 0px;
        border-right: 0px solid #e9ecf3;
        border-bottom: 1px solid #e9ecf3;
        margin-right: 0px;
        margin-bottom: 40px;
    }
    .FootBigDiv > div {
        width: 80%;
        margin: auto;
    }
    .HomeExploreTextSec {
        width: 100%;
        margin-bottom: 25px;
    }
    .HomeExploreConSec {
        width: 100%;
    }
    .HomeAboutImgSec {
        width: 100%;
        margin: 40px auto 50px auto;
        display: flex;
        justify-content: center;
    }
    .HomeAboutTextSec {
        width: 100%;
    }
    .HomeWeAreImg {
        width: 100%;
    }
    .HomeWeAreTextSec {
        width: 100%;
        padding: 30px 20px 50px 20px;
    }
    .HomeExploreConCard,
    .IndustriConCard {
        width: 100%;
    }
    .ParallexTextSec {
        width: 100%;
        padding: 50px 0 50px 0;
    }
    .ParallexImgSecMain{
        width: 100%;
        margin: 0 auto;
    }
    .ParallexImgSec {
        width: 100%;
        margin: 0 auto;
    }
    .ParallaxHeight650 {
        min-height: 900px;
        height: 900px;
    }
    .HomeCardTitleText {
        width: 100%;
    }
    .NewsletterTextSec {
        width: 100%;
    }
    .NewsletterInputSec {
        width: 100%;
        margin: 30px 0 0 0;
    }
    .HomeBannerTextDiv {
        width: 100%;
        padding: 25px 20px;
    }
    .HomeBannerImgDiv {
        display: none;
    }
    .HomeBannerSec {
        height: 730px;
    }
    .HomeBannerTitleText {
        width: 300px;
        font-size: 32px;
        line-height: 48px;
    }
    .HomeExploreSec {
        width: 90%;
    }
    .ParallexImgSec img {
        width: auto;
        height: 220px;
    }
    .FootSmallDivIcon {
        width: 100%;
        padding: 0 25px;
    }
    .FootCopySec {
        justify-content: center;
    }
    .FootCopyText {
        padding: 25px 0 0 0;
    }
    .AboutCard {
        width: 100%;
    }
    .AboutCardTT {
        width: 100%;
    }
    .AboutConTextParallax {
        width: 100%
    }
    .AboutMinskyBlogSec {
        width: 100%
    }
    .ParalaxBGHeight {
        height: 650px;
    }
    .WhyMinsIconCard {
        width: 100%;
    }
    .BeniEdgeAICon {
        width: 100%;
    }
    .BeniEdgeAICardRow {
        width: 100%;
    }
    .BeniEdgeAICard {
        width: 100%;
    }
    .ServicesAICon {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .BenefitsCardMain {
        width: 100%;
    }
    .BenefitsCardMainHalf {
        width: 100%;
    }
    .FormFieldBox {
        width: 100%;
    }
    .FormFieldBoxMaxWI {
        width: 100%;
    }
    .BannerMainConDiv {
        width: 95%;
    }
    .HeadBannerText {
        font-size: 20px;
        line-height: 30px;
    }
    .hex {
        display: none;
    }
    .Login {
        width: 260px;
        padding: 40px 20px;
    }
    .HomeBannerTitleText svg {
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(-5px, 15px);
        width: 160px;
        height: 60px;
    }
    .CoreValueTitleBold {
        font-size: 45px;
    }
    .AboutConTextParallaxBold {
        font-size: 16px;
        width: 95%;
    }
    .HomeAboutImgSec.NonGra img {
        width: 320px;
        height: 320px;
    }
    .AboutCusRow.PlusWidth {
        width: 100%;
        margin: auto;
    }
    .HomeCardSecTT {
        padding: 12px;
    }
}

@media (min-width:480px) {
    .ParaVideo iframe {
        height: 280px;
    }
    .HomeWeAreTitleText {
        font-size: 40px;
    }
    .FormTitle {
        font-size: 40px;
    }
    .InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
        width: 50%;
    }
    .SelectLang select {
        max-width: 68px;
    }
    .HomeBannerTextDiv {
        width: 100%;
        padding: 25px 40px;
    }
    .HomeBannerTitleText {
        width: 420px;
        font-size: 40px;
        line-height: 60px;
    }
    .FootCopySec {
        justify-content: space-between;
    }
    .FootCopyText {
        padding: 0;
        width: auto;
        text-align: left;
    }
    .HeadBannerText {
        font-size: 26px;
        line-height: 36px;
    }
    .HeadBannerText2 {
        font-size: 18px;
        line-height: 32px;
    }
    .Login {
        width: 320px;
        padding: 50px;
    }
    .HomeBannerTitleText svg {
        position: absolute;
        top: 80px;
        left: 55px;
        transform: translate(0px, 0px);
    }
}

@media (min-width:576px) {
    .ParaVideo iframe {
        height: 330px;
    }
    .HomeCardSec {
        padding: 20px;
    }   
    /*.LeadershipSliderBig {
        height: 900px;
    }*/  
    .InstaMainDiv {
        padding: 60px;
    }
    .CoreValueTitleBold {
        font-size: 56px;
    }
    .AboutConTextParallaxBold {
        font-size: 18px;
        width: 90%;
    }
    .HomeAboutImgSec.NonGra img {
        width: 400px;
        height: 400px;
    }
    .HomeVideoSec .owl-nav, 
    .HomeHexSec .owl-nav {
        width: 100%;
    }
    .HomeWeAreTitleText {
        font-size: 36px;
    }
    .HomeWeAreImg img {
        width: 85%;
        box-shadow: 0 0 0 15px #fff;
    }
    .FootSmallDiv .Title,
    .FootSmallDiv ul li,
    .Title,
    .FootCon a {
        text-align: left;
    }
    .FootIconSec,
    .FootCon a {
        justify-content: flex-start;
    }
    .Parallaxinside {
        width: 80%;
    }
    .CareerVideoDiv iframe {
        width: 100% !important;
        height: 340px !important;
    }
    .VideoDiv iframe {
        width: 100% !important;
        height: 360px !important;
    }
    .navbar-brand img{
        height: 26px;
        margin: 16px 0;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 26px;
    }
    .HeadTopSecAda {
        background: #33c2e3;
        padding: 11px 30px;
    }
    .HeadTopSec {
        padding: 11px 30px;
    }
    .FootSmallDiv {
        width: 50%;
        padding: 0 15px;
    }
    .FootBigDiv img.Logo {
        min-width: 150px;
        max-width: 150px;
    }
    .FootLogoSec img {
        max-width: 130px;
        max-height: 90px;
    }
    .CounterDiv25 {
        width: 50%;
        padding: 15px;
        position: relative;
    }
    .CounterDiv25:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #e0e0e0;
        right: 0;
        top: 0;
        display: block;
    }
    .CounterDiv25:nth-child(2):before {
        content: '';
        position: absolute;
        width: 98%;
        height: 1px;
        background: #e0e0e0;
        right: 0;
        left: auto;
        bottom: 0;
    }
    .CounterDiv25:nth-child(1):before {
        content: '';
        position: absolute;
        width: 98%;
        height: 1px;
        background: #e0e0e0;
        left: 0;
        bottom: 0;
    }
    .CounterDiv25:nth-child(2):after,
    .CounterDiv25:nth-child(3):before {
        display: none;
    }
    .CounterDiv25:last-child:after {
        display: none;
    }
    .ImgDiv .title {
        max-width: 80%;
    }
    .InstaDivUnder100::before {
        width: 90%;
        height: 100%;
        bottom: 0px;
        left: -265px;
    }
    .NewsletterTitle {
        font-size: 48px;
    }
    .ParallaxHomeSelect .form-control {
        width: 310px;
    }
    .DonateTitle {
        font-size: 60px;
    }
    .VideoDiv {
        width: 100%;
    }
    .InstaDivUnder50 {
        width: 50%;
    }
    .ImgDiv .title h2 {
        font-size: 28px;
    }
    .FirstSecImg {
        height: 400px;
    }
    .SecondSecImg {
        height: 250px;
    }
    .HomeMapDiv img {
        height: 400px;
    }
    .AboutMapDiv img,
    .AboutMapDiv #map {
        height: 400px !important;
    }
    .SpeakersIMGDiv img {
        height: 400px;
    }
    .CareerVideoDiv .CareerVimg,
    .CareerVideoDiv #map {
        height: 500px !important;
    }
    .VideoDiv .VideoIMG {
        height: 540px;
    }
    .PlayBu {
        width: 100px;
        height: 100px;
        padding: 37px;
    }
    .PlayBu::after {
        content: '';
        width: 240px;
        height: 240px;
        border: 45px solid #f26722;
    }
    .NewsletterFormSec {
        flex-wrap: nowrap;
    }
    .NewsletterFormBU {
        width: auto;
    }
    .WhatIMGDiv img {
        height: 450px;
    }
    .HistoryMainIMGDiv img {
        height: 650px;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 320px;
    }
    .AboutMapDiv::after {
        right: -28px;
        bottom: -65px;
    }
    .SpeakersIMGDiv::after {
        right: -28px;
        bottom: -65px;
    }
    .CareerVideoDiv::after {
        right: -28px;
        bottom: -65px;
    }
    .ReportCard {
        width: 50%;
    }
    .HomeMapDiv #map {
        height: 550px !important;
    }
    .HistoryIMG {
        width: 400px;
        height: 0px;
    }
    .YearBU:hover ~ .HistoryIMG {
        opacity: 1;
        height: 300px;
    }
    .start-header.scroll-on .navbar-expand-md .navbar-collapse {
        top: 68px;
    }
    .navbar-expand-md .navbar-collapse {
        top: 68px;
    }
    .TestiSliderMain {
        margin: 0 -25px;
    }
    .ContactTabForm {
        padding: 60px 80px;
    }
    .FilterSec {
        width: 47.9%;
    }
    .FilterBuSec {
        width: 47.9%;
    }
    .VolunteerOppBody {
        padding: 25px 30px 20px 30px;
    }
    .VolunteerOppBodyTitle {
        font-size: 22px;
    }
    .VolunteerOppBodyDes {
        font-size: 16px;
    }
    .OppDatePlace p {
        font-size: 16px;
    }
    .DFlexCenter img {
        width: 350px;
        height: 350px;
    }
    .HomeBuDonate {
        width: auto;
        margin-left: 15px;
        margin-top: 0px;
    }
    .PositionCardBottom {
        flex-wrap: nowrap;
    }
    .ApplyBU {
        padding: 0px 0 0 0px;
    }
    .cookiesBU {
        width: 27%;
        min-width: 496px;
        padding-top: 15px;
    }
    .FootSmallDivIcon {
        width: 50%;
    }
    .HomeAboutImgSec {
        width: 70%;
        margin: 40px auto 50px auto;
    }
    .HomeWeAreTextSec {
        width: 100%;
        padding: 30px 30px 50px 30px;
    }
    .HomeExploreSec {
        width: 90%;
    }
    .ParallexImgSec img {
        width: auto;
        height: 330px;
    }
    .ParalaxBGHeight {
        height: 550px;
    }   
    .BenefitsCardMainHalf {
        width: 50%;
    } 
    .HomeExploreConCard {
        width: 50%;
    }
}

@media (min-width:768px) {
    .ParaVideo.First,
    .ParaVideo.Second {
        padding: 20px 20px 20px 20px;
    }
    .BannerTitle {
        font-size: 48px;
    }
    .HomeCardSec {
        padding: 12px;
    }
    /*.LeadershipSliderBig {
        height: 800px;
    }*/
    .BenefitsCardMain {
        width: 50%;
    }
    .HomeCardSecTT {
        padding: 30px;
    }
    .HomeWeAreTextSec {
        width: 100%;
        padding: 30px 50px 50px 50px;
    }
    .HomeWeAreTitleText {
        font-size: 40px;
    }
    .HomeWeAreImg img {
        width: 85%;
        box-shadow: 0 0 0 25px #fff;
    }
    .CareerVideoDiv iframe {
        width: 100% !important;
        height: 440px !important;
    }
    .VideoDiv iframe {
        width: 100% !important;
        height: 460px !important;
    }
    .DonateBUHeader {
        display: block;
    }
    .HomeCustDiv50 {
        width: 100%;
    }
    .HomeCustDiv25 {
        width: 50%;
    }
    .HomeCustDiv75 {
        width: 50%;
    }
    .InstaDivUnder100::before {
        width: 65%;
        height: 100%;
        bottom: 0px;
        left: -45px;
    }
    .ImgDiv .title {
        max-width: 70%;
    }
    .HomeTopImgSec .Alter:nth-child(odd) .title {
        border-bottom-right-radius: 10px;
        top: 0;
        border-top-right-radius: 0px;
        bottom: auto;
    }
    .HomeTopImgSec .Alter:nth-child(even) .title {
        border-top-right-radius: 10px;
        bottom: 0;
    }
    .SecondSecImg {
        height: 340px;
    }
    .HomeMapDiv img {
        height: 550px;
    }
    .AboutMapDiv img,
    .AboutMapDiv #map {
        height: 550px !important;
    }
    .SpeakersIMGDiv img {
        height: 550px;
    }
    .CareerVideoDiv .CareerVimg,
    .CareerVideoDiv #map {
        height: 650px !important;
    }
    /*.TabHalfDiv {*/
    /*width: 50%;*/
    /*}*/
    .SMTabsUL li {
        width: 50%;
    }
    .SMTabsUL li a.active::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        left: 0;
        background: #003875;
    }
    .SMTabsUL li a.active::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border: 5px solid #003875;
        left: 50%;
        top: -1px;
        transform: rotateZ(
                45deg
        ) translate(-50%, -1px);
        border-top: 0;
        border-left: 0;
    }
    .NewsTabCardMain {
        width: 50%;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 220px;
    }
    .InstaDivUnder50 {
        width: 33.33%;
    }
    .InstaDivUnder50:last-child {
        display: none;
    }
    .contactTab {
        width: 50%;
        margin-bottom: 50px;
    }
    section#History article div.ConPanel {
        width: 40%;
    }
    section#History article div.ConPanel .PanelBody:after {
        display: block;
    }
    section#History .YearBU {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    section#History article {
        margin-top: 0px;
    }
    .YearLaps:nth-child(odd) .ConPanel .PanelBody p {
        text-align: right;
    }
    .YearLaps:nth-child(even) .ConPanel .PanelBody p {
        text-align: left;
    }
    .ReportCard {
        width: 33.33%;
    }
    .HomeMapDiv #map {
        height: 650px !important;
    }
    .NewsletterFormSec .gform_legacy_markup_wrapper form {
        flex-wrap: nowrap;
    }
    .NewsletterFormSec svg {
        display: block;
    }
    .NewsletterFormSec .gform_legacy_markup_wrapper .gform_footer {
        width: fit-content;
        width: -moz-fit-content;
    }
    .FunderList {
        width: 50%;
    }
    .YearLaps:nth-child(odd) .HistoryIMG {
        right: CalC(0px + 0px);
        left: unset;
        transform: translate(0%, 0px)scale(.9);
        top: 0px;
        position: absolute;
    }
    .YearLaps:nth-child(even) .HistoryIMG {
        left: CalC(0px + 0px);
        transform: translate(0%, 0px)scale(.9);
        top: 0px;
        position: absolute;
    }
    .HistoryIMG {
        width: 280px;
        height: 220px;
    }
    .YearBU:hover ~ .HistoryIMG {
        opacity: 1;
        transform: scale(1);
        height: 220px;
    }
    .StateSign {
        position: absolute;
        margin-top: 0px;
    }
    .FilterSec {
        width: 31.8%;
    }
    .FilterBuSec {
        width: 31.8%;
    }
    .VolunteerOppHalf {
        width: 48%;
    }
    .VolunteerOppBody {
        padding: 25px 20px 20px 20px;
    }
    .VolunteerOppBodyTitle {
        font-size: 20px;
    }
    .VolunteerOppBodyDes {
        font-size: 14px;
    }
    .OppDatePlace p {
        font-size: 14px;
    }
    .VolunteerParalaxDestop {
        width: 80%;
    }
    .VolunteerParalaxDivHalf {
        width: 44%;
    }
    .VolunteerParalaxDivHalf:first-child {
        border-bottom: 0px solid #414e5b;
    }
    .VolunteerParalaxRow::after {
        display: block;
    }
    .DFlexCenter img {
        width: 400px;
        height: 400px;
    }
    .VolunteerFormModalBody {
        padding: 50px;
    }
    .ParallaxHomeSelect .form-control {
        width: 400px;
    }
    .ContactTableTitle {
        width: auto;
    }
    .ContabSearch {
        width: 400px;
        margin-top: 0;
    }
    .HomeCardTitleText {
        width: 100%;
    }
    .FootSmallDivIcon {
        width: 50%;
    }
    .HomeBannerTextDiv {
        width: 100%;
    }
    .HomeBannerImgDiv {
        display: block;
    }
    .HomeBannerSec {
        height: 930px;
    }
    .HomeExploreConCard {
        width: 50%;
    }
    .IndustriConCard {
        width: 50%;
    }
    .NewsletterTextSec {
        width: 100%;
        text-align: center;
    }
    .NewsletterInputSec {
        width: 100%;
        margin: 20px 0 0 0;
    }
    .FootSmallDiv {
        width: 50%;
        padding: 0 15px;
    }
    .ParallexImgSec img {
        width: auto;
        height: 370px;
    }
    .AboutCard {
        width: 50%;
    }
    .AboutConTextParallax {
        width: 90%
    }
    .AboutMinskyBlogSec {
        width: 100%
    }
    .WhyMinsIconCard {
        width: 45.6%;
    }
    .BeniEdgeAICard {
        width: 48%;
    }    
    .FormFieldBox {
        width: 48%;
    }
    .FormFieldBoxMaxWI {
        width: 70%;
    }
    .BannerMainConDiv {
        width: 90%;
    }
    .hex {
        display: block;
        margin-top: 50px;
    }
}

@media (min-width:992px) {
    .ArticleImgCard .CardDiv {
        padding: 25px 50px 25px 50px;
    }
    .PlatFormIconRowUnder.ZZ2 .BenefitsCardMain:first-child {
        margin-left: 33.33%;
    }    
    /*.LeadershipSliderBig {
        height: 700px;
    }*/
    .BenefitsCardMain {
        width: 33.33%;
    }
    .PlatFormIconCard {
        width: 280px;
        height: 280px;
    }
    .InstaMainDiv {
        padding: 80px;
    }
    .HomeCardSecTT {
        padding: 15px;
    }
    .AboutCardTT {
        width: 50%;
    }
    .ParallexTitleText {
        text-align: left;
    }
    .ParallexBU {
        margin-left: 0;
        margin-right: 0;
    }
    .HomeWeAreImg img {
        width: 85%;
        height: auto;
        position: absolute;
        border-radius: 30px;
        transform: translate(-50%, 50%);
        box-shadow: 0 0 0 25px #fff;
        margin: 0px 0 0px 0;
    }
    .NewsletterText {
        line-height: 32px;
        text-align: left;
    }
    .CareerVideoDiv iframe {
        width: 100% !important;
        height: 340px !important;
    }
    .VideoDiv iframe {
        width: 100% !important;
        height: 520px !important;
    }
    .HeadTopSec .HeadTopText {
        display: flex;
    }
    .HomeBannerTextDiv {
        width: 48%;
    }
    .HeadTopText {
        font-size: 14px;
    }
    .HeadTopSecAda {
        padding: 11px 20px;
    }
    .ADALink {
        font-size: 14px;
    }
    .DonateBUHeader {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .HeadTopSec img {
        margin-right: 10px;
        margin-top: 0;
    }
    .FootSmallDiv {
        width: 28%;
    }
    .HomeCustDiv50 {
        width: 40%;
    }
    .HomeCustDiv25 {
        width: 30%;
    }
    .HomeCustDiv75 {
        width: 70%;
    }
    .HomeCommService50 {
        width: 50%;
    }
    .HomeCommService50:first-child {
        margin-bottom: 0px;
    }
    .AboutCommService50 {
        width: 50%;
    }
    .AboutCommService50:last-child {
        margin-bottom: 0px;
    }
    .NewsletterFormSec {
        width: 820px;
    }
    .VideoDiv {
        width: 800px;
    }
    .VideoDiv::after {
        right: 0px;
        bottom: -100px;
    }
    .CounterDiv25 {
        width: 25%;
        padding: 15px;
        position: relative;
    }
    .CounterDiv25:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #e0e0e0;
        right: 0;
        top: 0;
    }
    .CounterDiv25:nth-child(2):before {
        display: none;
    }
    .CounterDiv25:nth-child(1):before {
        display: none;
    }
    .CounterDiv25:nth-child(2):after {
        display: block;
    }
    .CounterDiv25:last-child:after {
        display: none;
    }
    .InstaDivUnder100::before {
        width: 50%;
        height: 100%;
        bottom: 0px;
        left: -45px;
    }
    .NewsletterTitle {
        font-size: 56px;
    }
    .FirstSecImg {
        height: 500px;
    }
    .HomeMapDiv img {
        height: 650px;
    }
    .AboutMapDiv img,
    .AboutMapDiv #map {
        height: 650px !important;
    }
    .SpeakersIMGDiv img {
        height: 450px;
    }
    .CareerVideoDiv .CareerVimg,
    .CareerVideoDiv #map {
        height: 550px !important;
    }
    .TabDonerList {
        flex-wrap: nowrap;
    }
    .TabDonerListClient {
        flex-wrap: nowrap;
    }
    .ImgDivMain {
        min-width: 370px;
        height: 300px;
        margin: 0;
    }
    .ImgDivMainClient {
        min-width: 370px;
        height: 300px;
        margin: 0;
    }
    .DonerImg  {
        width: 300px;
        height: 300px;
    }
    .ModalFavPlace {
        flex-wrap: nowrap;
    }
    .ModalFavPlaceCon {
        margin-left: 30px;
        margin-top: 0px;
    }
    .NewsTabCardMain {
        width: 33.33%;
    }
    .WhatWeRow {
        display: table;
        padding:  100px 0;
        margin: 0 0px;
    }
    .OurHistoryRow {
        display: table;
        padding:  100px 0;
        margin: 0 0px;
    }
    .WhatDiv50 {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
    }
    .WhatWeRow:nth-child(odd) .WhatDiv50:nth-child(even) {
        margin-bottom: 0px;
    }
    .WhatWeRow:nth-child(even) .WhatDiv50:nth-child(odd) {
        margin-bottom: 0px;
    }
    .WhatIMGDiv::after {
        right: -40px;
        left: unset;
        bottom: -60px;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 190px;
    }
    .DonnerContentClient p.ClientDesQu,
    .DonnerContentClient h3,
    .DonnerContentClient p.Des,
    .DonnerContentClient p,
    .DonnerContent h3,
    .LeaderTitle,
    .DonnerContent p.Des,
    .DonnerContentClient,
    .DonnerContent {
        text-align: left;
    }
    .TabDonerListClient {
        padding: 0px 0px 120px 0px;
    }
    .StickysideTab {
        width: 30%;
        position: sticky;
        top: 120px;
    }
    .StickysideTab .nav-tabs {
        border-right: 1px solid #e2e2e2;
        border-bottom: none;
        padding-right: 50px;
        padding-bottom: 0;
    }
    .tab-content.Sticky {
        width: 70%;
        padding-left: 80px;
        padding-top: 0;
    }
    .AboutMapDiv::after {
        right: -40px;
        bottom: -65px;
    }
    .SpeakersIMGDiv::after {
        right: -40px;
        bottom: -65px;
    }
    .CareerVideoDiv::after {
        right: -40px;
        bottom: -65px;
    }
    .contactTabInside {
        padding: 80px 30px 20px 30px;
    }
    .CoreValueSec {
        width: 47%;
        padding: 25px 0;
    }
    .contactTab {
        width: 50%;
        margin-bottom: 50px;
    }
    .BannerTitle {
        width: 850px;
    }
    .OurHistoryRow .WhatDiv50:first-child {
        margin-bottom: 0px;
    }
    .ReportCard {
        width: 25%;
    }
    .PastSecSubTi,
    .PastSecSubTi p {
        width: 825px;
    }
    .SpeakersIMGDiv {
        margin-bottom: 80px;
    }
    .CareerVideoDiv {
        margin-bottom: 80px;
    }
    .PastSSpeakerCon li {
        width: 46%;
    }
    .HistoryIMG {
        width: 380px;
        height: 300px;
    }
    .YearBU:hover ~ .HistoryIMG {
        opacity: 1;
        transform: scale(1);
        height: 300px;
    }
    .CareerDivDiverSmall {
        width: 47%;
    }
    .CareerDivDiverBig {
        width: 47%;
    }
    .CareerDivDiverSmallSticky {
        width: 47%;
    }
    .CareerDivDiverBigSticky {
        width: 47%;
        float: right;
        position: sticky;
        top: 120px;
    }
    .TestiSlideDivMain .item .itemInside {
        padding: 50px 60px 50px 130px;
    }
    .TestiSlideDiv {
        height: 450px;
    }
    .TestiSlideDivMain .item {
        padding-left: 230px;
        padding-top: 0px;
    }
    .TestiSlideDivMain .item .itemInside {
        padding: 50px 120px 50px 150px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .TestiSlideDivMain .item .itemInside img {
        width: 180px;
        height: 180px;
        border: 10px solid #e2e2e2;
        left: 0%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .MainContent {
        font-size: 22px;
        line-height: 38px;
    }
    .TestiName {
        padding-top: 50px;
    }
    .DivisionBox {
        width: 80%;
    }
    .StatementBox {
        width: 80%;
    }
    .SearchCon {
        width: 60%;
        float: left;
        padding-right: 50px;
        padding-bottom: 0px;
    }
    .SearchRecNews {
        width: 40%;
        float: left;
        padding-left: 50px;
        padding-top: 0px;
        position: sticky;
        top: 150px;
    }
    .ContactTabForm {
        padding: 60px 30px;
    }
    .Contact1TabHalf {
        width: 80%;
        padding-top: 0px;
        margin: auto;
    }
    .SIATextDiv {
        width: 70%;
    }
    .SIAFilter {
        flex-wrap: nowrap;
    }
    .FilterSec {
        width: 17%;
    }
    .FilterBuSec {
        width: 13%;
    }
    .VolunteerOppBody {
        padding: 25px 30px 20px 30px;
    }
    .VolunteerOppBodyTitle {
        font-size: 22px;
    }
    .VolunteerOppBodyDes {
        font-size: 16px;
    }
    .OppDatePlace p {
        font-size: 16px;
    }
    .ContactFormPops {
        width: 48%;
    }
    .VolunteerFormModalHeadXL {
        padding: 50px 50px;
    }
    .VolunteerFormModalTitleXL {
        font-size: 36px;
        line-height: 48px;
    }
    .MisionVisionPopsConBody {
        padding: 50px 50px;
    }
    .WidhListImgDiv {
        width: 30%;
    }
    .WidhListConDiv {
        width: 70%;
        padding-left: 60px;
        padding-top: 0px;
    }
    .VolunteerParalaxDestop {
        width: 60%;
    }
    .VolunteerFormModalTitle {
        font-size: 36px;
        line-height: 48px;
    }
    .cookiesBU {
        width: 27%;
        min-width: 280px;
        padding-top: 15px;
    }
    .HomeWeAreImg {
        width: 45%;
    }
    .HomeWeAreTextSec {
        width: 55%;
        padding: 40px 10px 40px 20px;
    }
    .HomeWeAreTitleText {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 5px;
        padding: 0;
    }
    .HomeWeAreConText {
        font-size: 17px;
        line-height: 28px;
    }
    .HomeWeAreSolidBU {
        margin-top: 25px;
    }
    .HomeWeAreLineBU {
        margin-top: 25px;
    }
    .NewsletterTextSec {
        width: 50%;
        text-align: left;
    }
    .NewsletterInputSec {
        width: 40%;
        margin: 0;
    }
    .FootSmallDiv {
        width: 33%;
        padding: 0 10px;
    }
    .FootSmallDivIcon {
        width: 33%;
    }
    .HomeAboutImgSec {
        width: 40%;
        margin: 0;
    }
    .HomeAboutTextSec {
        width: 52%;
    }
    .ParallexTextSec {
        width: 46%;
        padding: 0 0 0 0;
    }
    .ParallexImgSecMain{
        width: 45%;
        margin: 0;
    }
    .ParallexImgSec {
        width: 100%;
        margin: 0;
    }
    .ParallaxHeight650 {
        min-height: 650px;
        height: 650px;
    }
    .HomeCardTitleText {
        width: 100%;
    }
    .AboutCard {
        width: 33.33%;
    }
    .ParalaxBGHeight {
        height: 450px;
    }
    .BeniEdgeAICon {
        width: 46%;
    }
    .BeniEdgeAICardRow {
        width: 46%;
    }
    .BannerMainConDiv {
        width: 85%;
    }
    
    .HomeWeAreSec {
        display: grid;
    }
    .HomeExploreConCard {
        width: 33%;
    }
}

@media (min-width:1100px) {}

@media (min-width:1200px) {
    .ParaVideo.Second {
        margin: 150px 0 0 0;
        float:right;
    }
    .HomeCardSec:hover img {
        transform: scale(1.1);
    }
    .StoryDetailsDivHalf {
        width: 50%;
    }
    .HomeCardSec {
        padding: 30px;
    }
    .PlatFormIconCard {
        width: 320px;
        height: 320px;
    }
    .PlatFormIconRow {
        width: 95%;
    }
    .SSMenu svg {
        transform: rotate(-90deg);
        width: 18px;
        color: #fff;
    }
    .dropdown-menu2 {
        transition: all .3s ease-in-out;
    }
    .AboutCusRow.PlusWidth {
        width: 95%;
        margin: auto;
    }
    .HomeCardSecTT {
        padding: 30px;
    }
    .FootBigDiv > div {
        width: 300px;
    }
    .FootBigDivText {
        text-align: left;
    }
    .navbar-light .navbar-nav .nav-link.MainNav {
        font-size: 14px;
    }
    .FootBigDiv {
        width: 30%;
        padding: 0 40px 0 15px;
        border-right: 1px solid #e9ecf3;
        border-bottom: 0px solid #e9ecf3;
        margin-right: 40px;
        margin-bottom: 0px;
    }
    .FootSmallDiv {
        width: 23%;
        padding: 0 35px;
    }
    .FootSmallDivIcon {
        width: 19%;
    }
    .NewsletterText {
        line-height: 54px;
    }
    .navbar-brand img {
        height: 26px;
    }
    .nav-item {
        margin: 0px 11px;
    }
    .navbar-expand-md .navbar-collapse {
        position: relative;
        height: auto;
        top: 0;
        padding: 0;
        right: 0;
        overflow: unset;
        width: auto;
        flex-grow: unset;
        background: transparent;
    }
    .start-header.scroll-on .navbar-expand-md .navbar-collapse {
        top: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
        display: block;
        justify-content: unset;
    }
    .dropdown-menu ul.CollapseMenu {
        flex-wrap: nowrap;
    }
    .nav-item.show .dropdown-menu ul.CollapseMenu {
        display: flex;
    }
    ul.CollapseMenu li {
        width: 240px !important;
    }
    ul.CollapseMenu li.LeftChildNew {
        padding-left: 25px;
    }
    ul.CollapseMenu li.RightChildNew {
        padding-right: 25px;
    }
    .dropdown-content .nav-item, .dropdown-content .nav-item a, .dropdown-content .nav-item.show a {
        padding: 2px 15px;
        margin: 0;
    }
    ul.CollapseMenu li {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    ul.CollapseMenu .dropdown::before {
        top: 64px;
    }
    .HeadTopSec {
        padding: 11px 30px;
    }
    .HeadTopText {
        font-size: 16px;
    }
    .HeadTopSecAda {
        padding: 10px 30px;
    }
    .ADALink {
        font-size: 16px;
    }
    .DonateBUHeader {
        font-size: 16px;
        padding-left: 35px;
        padding-right: 35px;
    }
    .SearchBUHeader {
        text-align: center;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 0;
        margin: 0 0px 0 20px;
        color: #646464;
        border-left: 1px solid #c2c2c2;
        border-right: 0px solid #c2c2c2;
    }
    .Search .HeaderSearch {
        position: absolute;
        right: 75px;
        width: 0%;
        top: 27px;
        opacity: 0;
        padding: 15px;
        border: none;
        box-shadow: 1px 1px 7px 0 #3333332b;
        font-size: 16px;
        transition: all .3s ease-in-out;
        z-index: -1;
    }
    .Search.open .HeaderSearch {
        width: 76%;
        top: 27px;
        right: 75px;
        opacity: 1;
        z-index: 2;
    }
    .scroll-on .Search.open .HeaderSearch {
        top: 14px;
    }
    .nav-link.MainNav {
        padding: 35px 0 !important;
    }
    .scroll-on .nav-link.MainNav {
        padding: 25px 0px !important;
    }
    .nav-item .dropdown-menu {
        padding: 10px !important;
    }
    .navbar-expand-md .navbar-collapse {
        box-shadow: none;
    }
    .nav-item .dropdown-menu:before {
        display: block;
    }
    .FootBigDiv img.Logo {
        min-width: 145px;
        max-width: 145px;
    }
    .HomeCommService50 {
        width: 49%;
    }
    .AboutCommService50 {
        width: 49%;
    }
    .HomeCustDiv50 {
        width: 50%;
    }
    .HomeCustDiv25 {
        width: 25%;
    }
    .HomeCustDiv75 {
        width: 75%;
    }
    .DonateTitle {
        margin-right: 30px;
        margin-bottom: 0px;
    }
    .ParallaxinsideBig {
        width: 80%;
    }
    .SupportersTabMain {
        width: 90%;
    }
    .WhatWeRow {
        display: table;
        padding:  100px 0;
        margin: 0 0px;
    }
    .OurHistoryRow {
        display: table;
        padding:  100px 0;
        margin: 0 0px;
    }
    .WhatDiv50 {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 40px;
    }
    .WhatIMGDiv::after {
        right: -40px;
        bottom: -60px;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 250px;
    }
    .AboutMapDiv::after {
        right: -25px;
        bottom: -65px;
    }
    .SpeakersIMGDiv::after {
        right: -25px;
        bottom: -65px;
    }
    .CareerVideoDiv::after {
        right: -25px;
        bottom: -65px;
    }
    .contactTabInside {
        padding: 80px 50px 20px 50px;
    }
    /* section#History {
        width: 90%;
    } */
    .HistoryTopCon {
        width: 90%;
    }
    .LongIMG {
        height: 340px;
    }
    .SmallIMG {
        height: 230px;
    }
    .YearLaps:nth-child(odd) .HistoryIMG {
        right: CalC(0px + 80px);
    }
    .YearLaps:nth-child(even) .HistoryIMG {
        left: CalC(0px + 80px);
    }
    .HistoryIMG {
        width: 400px;
    }
    .TestiSliderMain {
        margin: 0 -18px;
    }
    .TestiSlideDivMain .item .itemInside {
        padding: 50px 120px 50px 150px;
    }
    .TestiSliderText {
        width: 70%;
    }
    .DivisionBox {
        width: 65%;
    }
    .StatementBox {
        width: 65%;
    }
    .SearchCon {
        width: 65%;
    }
    .SearchRecNews {
        width: 35%;
    }
    .ContactTabForm {
        padding: 60px 80px;
    }
    .ContactTable table tbody tr td:nth-child(1) {
        min-width: 25%;
    }
    .ContactTable table tbody tr td:nth-child(2) {
        min-width: 10%;
    }
    .ContactTable table tbody tr td:nth-child(3) {
        min-width: 28%;
    }
    .ContactTable table tbody tr td:nth-child(4) {
        min-width: 15%;
    }
    .ContactTable table tbody tr td:nth-child(5) {
        min-width: 22%;
    }
    .PopsActionCard {
        width: 20%;
    }
    .PopsActionCard:nth-child(1),
    .PopsActionCard:nth-child(2) {
        width: 20%;
    }
    .PopsConBodySmall {
        width: 38%;
    }
    .PopsConBodyBig {
        width: 58%;
        padding-top: 0;
    }
    .navbar-light .navbar-nav .nav-link.MainNav svg {
        display: inline-block;
    }
    .navbar-light .navbar-nav .MenuLinkMain svg.Modile {
        display: none;
    }
    .cookiesBU {
        width: 27%;
        min-width: 496px;
        padding-top: 0;
    }
    .HomeExploreSec {
        width: 95%;
    }
    .HomeWeAreTextSec {
        padding: 40px 40px 40px 40px;
    }
    .HomeWeAreTitleText {
        font-size: 40px;
        line-height: 56px;
        margin-bottom: 15px;
        padding: 0;
    }
    .HomeWeAreConText {
        font-size: 17px;
        line-height: 30px;
    }
    .HomeWeAreSolidBU {
        margin-top: 40px;
    }
    .HomeWeAreLineBU {
        margin-top: 40px;
    }
    .HomeExploreTextSec {
        width: 100%;
        margin-bottom: 0;
    }
    .HomeExploreConSec {
        width: 100%;
    }
    .NewsletterTextSec {
        width: 70%;
    }
    .NewsletterInputSec {
        width: 30%;
    }
    .ParalaxBGHeight {
        height: 400px;
    }
    .WhyMinsIconCard {
        width: 22.6%;
    }
    .ServicesAICon {
        width: 20%;
        margin-bottom: 0;
    }
    .ServicesAICardRow {
        width: 76%;
    }
    .BannerMainConDiv {
        width: 1000px;
    }
    .FootContainer {
        width: 1180px;
    }
    .IndustriConCard {
        width: 33.33%;
    }
    .HomeBannerTextDiv {
        width: 42%;
    }
}

@media (min-width:1300px) {
    
    .navbar-brand img {
        height: 26px;
    }
    .nav-item {
        margin: 0px 16px;
    }
    .HomeCommService50 {
        width: 48%;
    }
    .AboutCommService50 {
        width: 48%;
    }
    .InstaDiv40 {
        width: 40%;
    }
    .InstaDiv20 {
        width: 20%;
    }
    .InstaDivUnder100 {
        height: 100%;
    }
    .InstaDivUnder100::before {
        width: 100%;
        height: 60%;
        bottom: -60px;
        left: 0;
    }
    .NewsTabCard img,
    .NewsTabCard iframe {
        height: 270px;
    }
    .InstaDivUnder50 {
        width: 50%;
    }
    .InstaDivUnder50:last-child {
        display: block;
    }
    .YearLaps:nth-child(odd) .HistoryIMG {
        right: CalC(0px + 100px);
    }
    .YearLaps:nth-child(even) .HistoryIMG {
        left: CalC(0px + 100px);
    }
    ul.CollapseMenu li {
        width: 260px !important;
    }
    .CareerDivDiverSmall {
        width: 40%;
    }
    .CareerDivDiverBig {
        width: 52%;
    }
    .CareerDivDiverSmallSticky {
        width: 40%;
    }
    .CareerDivDiverBigSticky {
        width: 52%;
    }
    .CareerVideoDiv iframe {
        width: 100% !important;
        height: 440px !important;
    }
    .HomeWeAreTextSec {
        padding: 40px 60px 40px 60px;
    }
    .HomeExploreConCard {
        width: 25%;
    }
}

@media (min-width:1400px) {
    .HomeWeAreTextSec {
        padding: 40px 100px 40px 100px;
    }
    .navbar-light .navbar-nav .nav-link.MainNav {
        font-size: 15px;
    }
    .HomeCommService50 {
        width: 47%;
    }
    .AboutCommService50 {
        width: 47%;
    }
    .WhatWeRow {
        display: table;
        padding:  100px 0;
        margin: 0 -25px;
    }
    .OurHistoryRow {
        display: table;
        padding:  100px 0;
        margin: 0 -25px;
    }
    .WhatDiv50 {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 25px;
    }
    .WhatIMGDiv::after {
        right: -50px;
        bottom: -60px;
    }
    .AboutMapDiv::after {
        right: -65px;
        bottom: -65px;
    }
    .SpeakersIMGDiv::after {
        right: -65px;
        bottom: -65px;
    }
    .CareerVideoDiv::after {
        right: -65px;
        bottom: -65px;
    }
    .YearLaps:nth-child(odd) .HistoryIMG {
        right: CalC(0px + 120px);
    }
    .YearLaps:nth-child(even) .HistoryIMG {
        left: CalC(0px + 120px);
    }
    ul.CollapseMenu li {
        width: 280px !important;
    }
    .TestiSliderMain {
        margin: 0 -10px;
    }
    .SearchCon {
        width: 70%;
    }
    .SearchRecNews {
        width: 30%;
    }
}

@media (min-width:1500px) {
    .WhatWeRow {
        display: table;
        padding:  100px 0;
        margin: 0 -50px;
    }
    .OurHistoryRow {
        display: table;
        padding:  100px 0;
        margin: 0 -50px;
    }
    .WhatDiv50 {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 50px;
    }
    .WhatIMGDiv::after {
        right: -60px;
        bottom: -60px;
    }
    /* section#History {
        width: 70%;
    } */
    .HistoryTopCon {
        width: 70%;
    }
    .FootBigDiv > div {
        width: 100%
    }
    .HomeExploreSec {
        width: 80%;
    }
}

@media (min-width:1600px) {
    .HomeExploreSec {
        width: 95%;
    }
}

@media (min-width:1700px) {
    .HomeExploreSec {
        width: 85%;
    }
}

@media (min-width:1800px) {
}

@media (min-width:1900px) {
    .HomeExploreSec {
        width: 80%;
    }
}

@media screen and (max-width: 991px) {
    .ContactTable table tbody tr td:nth-child(1) {
        width: 100%;
        min-width: 330px;
    }
    
    .ContactTable table tbody tr td:nth-child(2) {
        width: 100%;
    }
    
    .ContactTable table tbody tr td:nth-child(3) {
        width: 100%;
    }
    
    .ContactTable table tbody tr td:nth-child(4) {
        width: 100%;
    }
    
    .ContactTable table tbody tr td:nth-child(5) {
        width: 100%;
    }
    .ContactTable table thead {
      display: none;
    }    
    .ContactTable table tbody tr {
        border: 1px solid #e2e2e2;
        margin-bottom: 15px;
        display: block;
    }
    .ContactTable table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }    
    .ContactTable table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }    
    .ContactTable table td:last-child {
      border-bottom: 0;
    }
  }

  @media screen and (max-width: 550px) {
    .ContactTable table td {
        text-align: left;
    }
    .ContactTable table td::before {
        width: 100%;
    }
  }
  
.standalone-video-section {
    width: 100%;
    max-width: 1200px; /* Constrain max width for large screens */
    margin: 40px auto; /* Center with generous spacing */
    padding: 0 20px; /* Prevent edge-to-edge on mobile */
    text-align: center; /* Center heading */
}

.video-section-heading {
    font-size: 2.5rem; /* Large, bold heading */
    font-weight: 700;
    color: #333; /* Dark color for contrast */
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.modern-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    background: #000; /* Fallback background */
    border-radius: 16px; /* Rounded corners */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); /* Deep shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.modern-video-container:hover {
    transform: scale(1.03); /* Subtle zoom on hover */
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4); /* Enhanced shadow */
}

.modern-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 16px; /* Match container */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .standalone-video-section {
        padding: 0 15px;
    }
    .video-section-heading {
        font-size: 2rem;
    }
    .modern-video-container {
        max-width: 100%;
        padding-bottom: 56.25%;
        border-radius: 12px;
    }
}

@media (max-width: 576px) {
    .video-section-heading {
        font-size: 1.5rem;
    }
    .modern-video-container {
        border-radius: 10px;
    }
}