.navbar .navbar-brand{
    width: 75px;
    height: 75px;
}
.navbar .navbar-nav .nav-item .nav-link:after
{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1.5px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.navbar .navbar-nav .nav-item .nav-link:hover:after,
.navbar .navbar-nav .nav-item .nav-link.active:after{
    width: 100%; 
    left: 0; 
}
#navbarSupportedContent .lang-btn{
    width: 25px;
    margin-top: -5px;    
}
#Hero{
    background-image: url('/images/hero-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#Hero .main-container .text-container{
    max-width: 800px;
}

#OurStory{
    background-image: url('/images/our-story-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 650px;
}

#OurStory .main-container {
   padding-top: 50px;
}

#HowCanWeHelp .section-header{
    background-image: url('/images/how-can-we-help-bg.png');
}
#HowCanWeHelp .main-container{
    background: #fafcff 0% 0% no-repeat padding-box;
}
#HowCanWeHelp .main-container .text-card{
    background: #5B42D617 0% 0% no-repeat padding-box;
    font-size: 16px;
    color: #5B42D6;
    border-radius: 12px;
    padding: 20px;
    text-align: left;
    font-weight: 400;
}
#HowCanWeHelp .main-container .image-container div{
    box-shadow: 0px 0px 39px 20px rgba(219,234,255,0.75);
    -webkit-box-shadow: 0px 0px 39px 20px rgba(219,234,255,0.75);
    -moz-box-shadow: 0px 0px 39px 20px rgba(219,234,255,0.75);
}
#HowCanWeHelp .main-container .image-container .image-right:before{
    position: absolute;
    content: '';
    width: 50%;
    height: 3rem;
    top: -3rem;
    right: 0;
    background-color: #291F60;
}
#HowCanWeHelp .main-container .image-container .image-right:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 3rem;
    bottom: -3rem;
    right: 0;
    background-color: #291F60;
}
#HowCanWeHelp .main-container .image-container .image-left:before{
    position: absolute;
    content: '';
    width: 50%;
    height: 3rem;
    top: -3rem;
    left: 0;
    background-color: #291F60;
}
#HowCanWeHelp .main-container .image-container .image-left:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 3rem;
    bottom: -3rem;
    left: 0;
    background-color: #291F60;
}
footer{
    border-radius: 0 !important;
}
#GdprHeader{
    background-image: url(/images/gdpr-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 700px;
}
.gdpr-text-section .text-container{
    max-width: 1200px;
    margin: 50px auto;
}
.gdpr-text-section .text-container ol,
.gdpr-text-section .text-container ul{
    list-style-position: inside;
}
.gdpr-text-section .image-container{
    max-width: 800px;
    margin: auto;
}

@media(max-width:1310px){
    #OurStory .main-container{
        align-items: baseline !important;
    }
    #OurStory .main-container .left-container .section-title{
        /* margin-bottom: 30px; */
        padding: 0 !important;
    }
    #OurStory .main-container .right-container .card{
        max-width: 100% !important;
    }
    #GdprHeader{
        min-height: 400px;
        background-size: 100% 100%;
        background-position: center;
    }
}
@media(max-width:1110px){
    #OurStory .main-container{
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
    }
    #OurStory .main-container .left-container ,
    #OurStory .main-container .right-container {
        max-width: 100% !important;
    }
    #OurStory .main-container .left-container {
        justify-content: center !important;
    }
    #OurStory .main-container .left-container .section-title {
        text-align: center;
    }
    #OurStory .main-container .left-container .section-title,
    #OurStory .main-container .right-container .card{
        max-width: 80% !important;
    }
    #HowCanWeHelp .main-container .text-container,
    #HowCanWeHelp .main-container .image-container{
        max-width: 100% !important;
    }
    #HowCanWeHelp .main-container .text-container{
        order: 2;
    }
    #HowCanWeHelp .main-container .image-container{
        order: 1;
    }
    #GdprHeader{
        min-height: 400px;
        background-size: 100% 100%;
        background-position: center;
    }
}
@media(max-width:700px){
    #OurStory {
        background: none;
    }
    #OurStory .main-container .right-container .card,
    #ContactUs .card{
        padding: 20px !important;
    }
    #HowCanWeHelp .section-header h2{
        font-size: 30px !important;
    }
    #HowCanWeHelp .section-header p{
        font-size: 16px !important;
    }
}
@media(max-width:500px){
    #OurStory .main-container .left-container .section-title,
    #OurStory .main-container .right-container .card{
        max-width: 100% !important;
    }
    #HowCanWeHelp .main-container .text-container>div{
        max-width: 100% !important;
    }
    #ContactUs .card .text-content div{
        max-width: 100% !important;
    }
    #ContactUs .card .text-content div p{
        margin-bottom: 4px !important;
    }
}