@font-face {
    font-family: 'MulatAddis-Regular';
    src: url('../fonts/MulatAddis-Regular.ttf');
}

body{
    font-family: 'Nexa', sans-serif;
    background-color: #f8fbff;
}

.navbar-collapse{
    justify-content: end;
}

.header_sec {
    width: 100%;
    background: none;
    padding: 15px 0px;
    position: absolute;
    top: 25px;
    z-index: 999;
    left: 0;
    right: 0;
}

.logo img {
    width: 175px;
}

.bg-dark {
    background-color: #343a40!important;
    padding: 15px 0px;
}





/* Animation Css Landing page */
.reveal{
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    transition: 1.0s all ease;
    }

    .reveal.active{
    transform: translateX(0);
    opacity: 1;
    }
    @keyframes fadeUpOpacity {
        0% {
            opacity: 0.2;
        }
        100% {
            opacity: 1;
        }
    }

.navbar-brand img {
    max-width: 175px;
    width: 170px;
}

.banner_sec {
    min-height: 100vh;
    background: url('../images/banner.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    
}
.banner-animation{
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-name: slideInUp;
}
@keyframes slideInUp {
    0% {
      transform: translateY(25%);
    }
    100% {
      transform: translateY(0 );
    }
}
.banner-animation1{
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-name: slideInUp1;
}
@keyframes slideInUp1 {
    0% {
      transform: translateY(50%);
    }
    100% {
      transform: translateY(0 );
    }
}
.banner_sec:before {
    content: '';
    background: #0000009c;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.topContent {
    text-align: center;
    padding: 40px 0;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.topContent:after {
    content: '';
    width: 150px;
    height: 2px;
    background: #3a729ede;
    position: absolute;
    display: block;
    bottom: -190px;
    margin: auto;
    left: 0;
    right: 0;
    transform: rotate(90deg);
}

.topSpan {
    display: block;
    font-size: 12px;
    margin-bottom: 48px;
    text-transform: uppercase;
    color: #cbcbcb;
    font-weight: 600;
    letter-spacing: 2px;
}

.topContent h1.topTitle {
    font-size: 100px;
    margin-bottom: 40px;
    text-align: center;
    font-family: 'MulatAddis-Regular';
    padding: 0px 50px;
    line-height: 100px;
}

.topPara {
    font-size: 16px;
    color: #f9f9f9;
    margin-bottom: 48px;
    line-height: 24px;
    padding: 0 20%;
    font-weight: 500;
    letter-spacing: 1px;
}

.topBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bbb;
    border-radius: 50px;
    padding: 13px 16px 8px;
    min-width: 275px;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    transition: background-color 0.2s;
}

.topBtn:hover{
    background: #3175A0 !important;
    border-color: #3175A0 !important;
}

.bg-dark{
    background: transparent !important;
}


.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 3px;
}

.navbar-nav li.nav-item {
    margin-left: 65px;
}

.navbar-nav .nav-link img {
    position: relative;
    top: -2px;
    width: 25px;
    margin-left: 10px !important;
}


.pillscard_sec{
    width: 100%;
    background: #F8FBFF;
    padding: 90px 0px;
}

.bigpills {
    width: 100%;
    background: none;
    padding: 0px;
    max-width: 1080px;
    margin: auto;
}

.bigpills_content{
    width: 100%;
    background: none;
    padding: 25px 0px;
}

.bigpills_content h6 {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    color: #3a729ede;
    font-weight: 600;
    letter-spacing: 1px;
}

.bigpills_content h2 {
    margin-top: 30px;
    font-size: 90px;
    line-height: 90px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #212529;
    font-family: 'MulatAddis-Regular';
}

.bigpills_content h2 span{
    display: block;
}

.bigpills_content p {
    font-size: 16px;
    display: block;
    color: #333;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
}

.bigpills_pics{
    width: 100%;
    position: relative;
    text-align: center;
}

.pics_outer {
    display: block;
    margin: auto;
    width: 350px;
    height: 550px;
    overflow: hidden;
    border-radius: 500px;
    cursor: pointer;
}

.pics_outer img {
    width: 350px;
    height: 550px;
    object-fit: cover;
    border-radius: 500px;
    transition: 0.3s;
}

.pics_outer img:hover{
    transform: scale(1.1);
}


.commonBtn {
    display: inline-block;
    border: 1px solid #3a729e94;
    padding: 12px 16px 8px;
    border-radius: 100px;
    text-transform: uppercase;
    min-width: 275px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 900;
    color: #000 !important;
    text-decoration: none !important;
    margin-top: 15px;
    transition: background-color 0.2s;
}

.commonBtn:hover{
    background: #3175A0 !important;
    border-color: #3175A0 !important;
    color: #fff !important;
}

.fourcards {
    width: 100%;
    background: none;
    padding: 90px 0px 40px;
    max-width: 1080px;
    margin: auto;
}

.curvecard {
    width: 100%;
    padding: 80px 22px 80px;
    background: none;
    border-radius: 180px;
    border: 1px solid #282F41;
    margin: auto;
    transition: background-color 0.2s;
    cursor: pointer;
}

.curvecard:hover{
    background: #282F41;
}

.curvecard:hover h3, .curvecard:hover p{
    color: #fff !important;
}

.curvecard img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

.curvecard h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 400;
    font-family: 'MulatAddis-Regular';
}

.curvecard p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
    color: #7a7a7a;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 22px;
}

.counter_sec {
    width: 100%;
    background: url('../images/pic2.jpeg');
    padding: 150px 0px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}

.counter_sec:before {
    content: '';
    background: #0000009c;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.counter_inside{
    position: relative;
    max-width: 1320px;
    margin: auto;
}

.counter_card{
    width: 100%;
    background: none;
    text-align: center;
}

.counter_card h1 {
    text-align: center;
    font-size: 104px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #fff;
    font-family: 'MulatAddis-Regular';
}

.counter_card p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #b3b3b3;
    letter-spacing: 2px;
}
.counter_card h1>span {
    margin-right: 20px;
}

.teamname_sec {
    width: 100%;
    background: #f7fbff;
    padding: 120px 0px;
    position: relative;
    z-index: 99999999;
}

.page_heading{
    width: 100%;
    background: none;
    padding: 0px;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.page_heading h6 {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    color: #3a729e;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.page_heading h1 {
    margin-bottom: 0px;
    font-size: 90px;
    font-weight: 400; 
    text-align: center;
    font-family: 'MulatAddis-Regular';
}

.teams_inside{
    width: 100%;
    background: none;
    padding: 0px;
    padding-top: 60px;
}

.teams_card{
    width: 100%;
    background: none;
    padding: 0px;
    text-align: center;
    
    align-items: center;
}

.photo_outer{
    width: 210px;
    height: 340px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 100px;
}

.teams_card img {
    width: 210px;
    height: 340px;
    transition: 0.3s;
    border-radius: 100px;
}

.teams_card img:hover{
    transform: scale(1.1);
}

.teams_card h2 {
    margin-bottom: 30px;
    padding-top:20px;
    text-transform: capitalize;
    position: relative;
    font-size: 32px;
    font-weight: 400;
    font-family: 'MulatAddis-Regular';
}

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

.footer_sec{
    width: 100%;
    background: #fff;
    padding: 90px 0px 50px;
}

.footdata{
    width: 100%;
    background: none;
    padding: 0px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.footdata img {
    display: block;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 135px;
}

.footdata h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'MulatAddis-Regular';
}

.footdata p {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 0px;
}

.footdata p a{
    text-decoration: none;
    color: #333;
}

.footerdown_sec{
    width: 100%;
    background: #fff;
    padding: 10px 0px;
}

.footerdown_sec p {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 0px;
}

.relative_header {
    position: relative;
    top: 0;
    background: #fff;
    z-index: 99999999999;
}

.relative_header .navbar-brand img{
    width: 120px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    display: flex;
    align-items: center;
}

.navbar-dark .navbar-nav .nav-link img{
    margin-left: 5px;
}

.relative_header a{
    color: #222 !important;
}

.ubercontent{
    width: 100%;
    background: none;
    padding:  90px 0px;
}
.about_impressum {
    width: 100%;
    background: none;
    padding: 10px 0px;
    max-width: 700px;
    margin: auto;
}
.about_para {
    width: 100%;
    background: none;
    padding: 45px 0px;
    max-width: 700px;
    margin: auto;
}

.about_para p,.about_impressum p {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.about_circles, .impressum_circles {
    width: 100%;
    background: none;
    padding: 70px 0px 30px;
    max-width: 1180px;
    display: block;
    margin: auto;
}

.about_circles ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.about_circles ul:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 92%;
    background: #21749b;
    top: 105px;
    margin: auto;
    left: 0;
    right: 0;
}

.about_circles li {
    float: none;
    text-align: center;
    display: flex;
    width: 205px;
    height: 205px;
    background: #3a729e;
    margin: 0 10px;
    align-items: center;
    justify-content: center;
    padding: 41px 50px;
    border-radius: 50%;
    position: relative;
    transition: background-color 0.2s;
    cursor: pointer;
    z-index: 1;
}

.about_circles li:hover{
    background: #295476 !important;
}

.about_circles li h4 {
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    word-break: inherit;
    font-family: 'MulatAddis-Regular';
}

.about_circles li p {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.mrgtop{
    margin-top: 100px;
}

.about_para img.moya_pic{
    width: 630px;
    display: block;
    margin: auto;
    margin-top: 110px;
}


.ratgeber_sec {
    width: 100%;
    background: none;
    padding: 90px 0px 0px;
}

.page_heading p{
    max-width: 370px;
    display: block;
    margin: auto;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
}

.multiplecard_sec{
    width: 100%;
    background:  none;
    padding:  15px 0px;
}

.mcard_left{
    width: 100%;
    background:  none;
    padding: 20px 0px;
}

.mcard_boxes {
    width: 100%;
    background: none;
    padding: 30px 0px;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.mboxes_picture{
    width: 50%;
    width: 280px;
    height: 210px;
    border-radius: 50px;
    overflow: hidden;
}

.mboxes_picture img {
    width: 60%;
    
    height: 180px;

    border-radius: 50px;
    
    transition: 0.3s;
    cursor: pointer;
    margin-bottom: 20px;
}

.mboxes_picture img:hover{
    transform: scale(1.1);
}

.mboxes_content {
    width: 50%;
    padding: 0px 0px;
}

.mboxes_content h3{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    height: 40px;
    overflow: hidden;
padding: 0 30px;
   
}

.mboxes_content p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 23px;
    height: 45px;
    overflow: hidden;
    padding: 0 30px;
    
}

.mboxes_content button {
    background: none;
    border: none;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 0;
    color: #3a729e;
    line-height: normal;
    outline: none;
}

.mboxes_content button a{
    text-decoration: none;
    color: #3a729e;
}

.filter_card {
    width: 100%;
    background: none;
    padding: 20px 0px;
    padding-left: 140px;
}

.filter_card h5 {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.filter_card ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.filter_card li{
    display: block;
    text-align: left;
    font-size: 15px;
    padding: 3px 0px;
}

.filter_card li a {
    text-decoration: none;
    color: #7a7575;
}

.filter_card li.active a {
    position: relative;
    display: table-row-group;
}

.filter_card li.active a:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #3a729e;
    display: flex;
    position: relative;
    top: -5px;
}


.detail_pics {
    width: 100%;
    
    padding: 120px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 170px;
}

.detail_pics:before {
    content: '';
    background: #0000009c;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.detail_pics .page_heading {
    position: relative;
    max-width: 100%;
    margin: auto;
    color: #fff;
}

.detail_pics .page_heading h6 {
    color: #bdbdbd;
}

.detail_pics .page_heading h1 {
    font-size: 90px;
    margin-top: 60px;
}
.steps_content h3{
    font-size: 34px;
}
.table_of_content{
    width: 100%;
    background: none;
    padding: 50px 0px;
}

.table_menu{
    width: 100%;
    background: none;
    padding: 10px 0px;
}

.table_menu h6 {
    margin-bottom: 10px;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: #3a729e;
}

.table_menu h6 a{
    text-decoration: none;
    color: #3a729e;
}

.table_text{
    width: 100%;
    background: none;
    padding: 10px 0px;
}

.table_text p {
    margin-bottom: 10px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

.table_content{
    width: 100%;
    background: none;
    padding:  25px 0px;
    position: relative;
}

.table_content:before {
    content: '';
    width: 100px;
    height: 1px;
    background: #4D9FBD;
    display: block;
    margin-bottom: 50px;
}

.table_content h5{
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 800;
    color: #6a6a6a;
}

.table_content ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.table_content li {
    float: none;
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 3px 0px;
    font-weight: 600;
}

.table_content li a{
    text-decoration: none !important;
    color: #4D9FBD;
}

.steps_content{
    
    background: none;
    padding: 20px 0px;
    max-width: 100%;
    margin: auto;
}

.steps_content h4 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-family: 'MulatAddis-Regular';
}

.steps_content p {
    margin-bottom: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.relative_header img.logoW{
    display: none !important;
}

.relative_header img.logoB{
    display: block !important;
}

img.logoB{
    width: 120px;
}

.relative_header img.menuW{
    display: none !important;
}

.relative_header img.menuB{
    display: block !important;
}

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
    max-width: 380px;
    min-height: calc(100vh - 0px);
}
.modal.modal-left.show .modal-dialog, .modal.modal-right.show .modal-dialog {
    transform: translate(0, 0);
}
.modal.modal-left .modal-content, .modal.modal-right .modal-content {
    height: calc(100vh - 0px);
    overflow-y: auto;
}
.modal.modal-left .modal-dialog {
    transform: translate(-100%, 0);
    margin: 0px auto 0 0;
}
.modal.modal-right .modal-dialog {
    transform: translate(100%, 0);
    margin: 0px 0 0 auto;
}
.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
    background-color: #282F41;
}

.modal-content{
    border-radius: 0px;
    border: none;
}

.modal-open .modal{
    padding-right: 0px !important;
}

.sidebarmanu {
    width: 100%;
    background: none;
    padding: 60px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 115px);
}

.sidebarmanu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.sidebarmanu li{
    float: none;
    display: block;
    text-align: center;
}
.footerdown_sec a {
    color: black;
    text-decoration: none;
}
.footerdown_sec a:hover {
    color: #007bff;
    text-decoration: none;
}
element.style {
}
.sidebarmanu li a {
    text-decoration: none;
    display: block;
    color: #cfcfcf;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 50px;
    border-bottom: 2px solid #1E4D6A;
    font-family: 'MulatAddis-Regular';
    letter-spacing: 1px;
}

.sidebarmanu li:last-child a{
    border: none;
}


.finanzieren_sec{
    width: 100%;
    background: #f7fbff;
    padding: 120px 0px 0px;
    position: relative;
    z-index: 99999999;
}

.detail-question-title{
    display: none !important;
}

.close {
    float: right;
    font-size: 14px;
    line-height: 1;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 285px;
    top: 39px;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 9999999999;
}


.modal{
    z-index: 9999999999999;
}

span.devideline {
    display: block;
    width: 50px;
    height: 1px;
    background: #5CA7C3;
    position: relative;
    top: -5px;
    margin-bottom: 20px;
    margin: 0 auto;
}

.goToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #282F41;
    width: 130px;
    height: 130px;
    z-index: 99999999999999999;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: background-color 0.2s;
    cursor: pointer;
}

.goToTop:hover{
    background: #1a2130 !important;
}

.goToTop span{
    display: block;
}


.about-page-accordian h2 {
    text-transform: capitalize;
    position: relative;
    color: black;
   text-align:left;
    font-size: 18px;
    font-weight: 400;
    font-family: 'MulatAddis-Regular';
}
.about-page-accordian p{
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.about-page-accordian h1 {
    margin-bottom: 0px;
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    color: black;
    font-family: 'MulatAddis-Regular';
}
.about-page-accordian  h6 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
@media screen and (min-width: 150px) and (max-width:  575px){

.table_of_content {
    padding: 50px 20px;
}
.mboxes_picture img {
    width: auto;
}
.pics_outer{width: 100%;}
.pics_outer img{width: 100%; height: 420px; border-radius: 24px !important;}
.topContent{max-width: 100%;}
.teams_card{display: block; padding: 25px 0px;}
.navbar-brand img{max-width: 135px;}
.topContent h1.topTitle {font-size: 28px; padding: 0px 10px; line-height: 40px;}

.navbar{padding: 15px 20px;}
.topSpan{font-size: 11px; margin-bottom: 20px; ;letter-spacing: 1px;}
.topPara{font-size: 12px; line-height: 20px; padding: 0 0; font-weight: 500; letter-spacing: 0;}
.topBtn{padding: 13px 16px 12px; font-size: 11px;}
.banner_sec{min-height: auto;}

.relative_header .navbar-brand img{width: 100px;}
.header_sec{padding: 0px;}
.navbar-dark .navbar-toggler { color: rgb(0 0 0); border-color: rgb(0 0 0);}
.pillscard_sec{padding: 50px 0px;}
.topContent:after{width: 80px; bottom: -100px;}

.bigpills_content h2{font-size: 35px; line-height: 47px;}
.bigpills_content h2 span{    display: unset; }
.bigpills_content p {font-size: 16px; font-weight: 400;}
.pics_outer{height: auto; border-radius: 25px;}

.fourcards{padding: 45px 0px 0px;}
.curvecard{padding: 35px 22px 50px; border-radius: 30px; margin: 5px 0px; width: 100%;}
.counter_sec{padding: 70px 0px;}

.counter_card{padding: 25px 0px;}
.counter_card h1{font-size: 44px;}
.counter_card p{font-size: 12px;}
.page_heading h1{font-size: 28px;}
.teams_inside{padding-top: 25px;}

.photo_outer {width: 210px; height: auto; border-radius: 100px; margin: auto; margin-bottom: 20px;}
.teams_card img {width: auto;  border-radius: 25px; display: block; margin: auto;}
.teams_card h2 {margin-bottom: 25px; text-align: center;}
.teams_card p{text-align: center;}
span.devideline{margin-bottom: 15px; margin-left: auto; margin-right: auto;}

.teamname_sec{padding: 25px 0px;}
.footer_sec{padding: 50px 0px 20px;}

.footdata img{max-width: 100px; margin-bottom: 35px;}

.about_para img.moya_pic {width: 100%; margin-top: 35px; max-width: 430px;}
.about_circles ul{display: block;}
.ubercontent{padding: 55px 0px;}
.about_para{padding: 0px;}

.about_circles ul:before{    height: 85%;    width: 1PX;}
.about_circles li{margin: 20px auto; width: 215px; height: 215px;}
.about_para p , .about_impressum p {text-align: center; font-size: 16px; line-height: 1.8;}
.about_impressum h3 , .about_impressum h4{text-align: center; }
.tax_info{margin-top : 40px;}
.about_circles, .impressum_circles{padding: 30px 0px 0px;}
.impressum_circles p{font-size:14px;}


.mcard_boxes{display: block;}
.filter_card{position: relative !important; top: 0px !important; padding: 20px 0px;}
.mboxes_content h3, .mboxes_content p{text-align: center;}
.mboxes_content button{margin: auto; display: block; margin-top: 25px;}

.filter_card h5, .filter_card li{text-align: center;}
.filter_card li.active a{display: inline-block;}


.detail_pics .page_heading h1 {font-size: 30px; margin-top: 35px;}
.detail_pics{padding: 70px 0px;}
.table_menu{position: relative !important; top: 0px !important;}

.goToTop{display: none;}
.navbar-toggler{display: none;}
.collapse:not(.show) {display: block; position: absolute; right: 20px; margin-top: -7px;}

.about-page-accordian .collapse:not(.show) {
    display: none;
}
.about-page-accordian h1 {
    font-size: 28px;
}

}

@media screen and (min-width: 576px) and (max-width:  767px){


.mboxes_picture img {
    width: auto;
}
.navbar-toggler { display: none; }
.pics_outer{width: 100%;}
.pics_outer img{width: 320px; height: 420px; border-radius: 24px !important;}
.topContent{max-width: 100%;}
.teams_card{display: block; padding: 25px 0px;}
.navbar-brand img{max-width: 135px;}
.topContent h1.topTitle {font-size: 28px; padding: 0px 10px; line-height: 40px;}

.navbar{padding: 15px 20px;}
.topSpan{font-size: 11px; margin-bottom: 20px; ;letter-spacing: 1px;}
.topPara{font-size: 12px; line-height: 20px; padding: 0 0; font-weight: 500; letter-spacing: 0;}
.topBtn{padding: 13px 16px 12px; font-size: 11px;}
.banner_sec{min-height: auto;}

.relative_header .navbar-brand img{width: 100px;}
.header_sec{padding: 0px;}
/*  .navbar-dark .navbar-toggler { color: rgb(0 0 0); border-color: rgb(0 0 0);}  */
.pillscard_sec{padding: 50px 0px;}
.topContent:after{width: 80px; bottom: -100px;}

.bigpills_content h2{font-size: 35px;}
.bigpills_content p {font-size: 16px; font-weight: 400;}
.pics_outer{height: auto; border-radius: 25px;}

.fourcards{padding: 45px 0px 0px;}
.curvecard{padding: 35px 22px 50px; border-radius: 30px; margin: 5px 0px; width: 100%;}
.counter_sec{padding: 70px 0px;}

.counter_card{padding: 25px 0px;}
.counter_card h1{font-size: 64px;}
.counter_card p{font-size: 12px;}
.page_heading h1{font-size: 34px;}
.teams_inside{padding-top: 25px;}

.photo_outer {width: 210px; height: auto; border-radius: 100px; margin: auto; margin-bottom: 20px;}
.teams_card img {width: 190px; height: 275px; border-radius: 25px; display: block; margin: auto;}
.teams_card h2 {margin-bottom: 25px; text-align: center;}
.teams_card p{text-align: center;}
span.devideline{margin-bottom: 15px; margin-left: auto; margin-right: auto;}

.teamname_sec{padding: 25px 0px;}
.footer_sec{padding: 50px 0px 20px;}

.footdata img{max-width: 100px; margin-bottom: 35px;}
.bigpills_content h2 span {display: inline-block;}
.bigpills_content h6, .bigpills_content h2{text-align: center;}

.commonBtn{display: block; margin: auto; max-width: 150px;}

.about_para img.moya_pic {width: 100%; margin-top: 35px; max-width: 430px;}
.about_circles ul{display: block;}
.ubercontent{padding: 55px 0px;}
.about_para{padding: 0px;}

.about_circles ul:before{    height: 85%;    width: 1PX;}
.about_circles li{margin: 20px auto; height: 220px; width: 220px;}
.about_para p , .about_impressum p{text-align: center; font-size: 16px; line-height: 1.8;}
.about_impressum h3 , .about_impressum h4{text-align: center; }
.tax_info{margin-top : 40px;}
.about_circles, .impressum_circles{padding: 30px 0px 0px;}
.impressum_circles p{font-size:14px;}



.mcard_boxes{display: block;}
.filter_card{position: relative !important; top: 0px !important; padding: 20px 0px;}
.mboxes_content h3, .mboxes_content p{text-align: center;}
.mboxes_content button{margin: auto; display: block; margin-top: 25px;}

.filter_card h5, .filter_card li{text-align: center;}
.filter_card li.active a{display: inline-block;}


.detail_pics .page_heading h1 {font-size: 34px; margin-top: 35px;}
.detail_pics{padding: 70px 0px;}
.table_menu{position: relative !important; top: 0px !important;}

.goToTop{display: none;}
.collapse:not(.show) {display: block; position: absolute; right: 20px; margin-top: -7px;}

.about-page-accordian .collapse:not(.show) {
    display: none;
}

}



@media screen and (min-width: 768px) and (max-width:  991px){
.about-page-accordian .collapse:not(.show) {    display: none;}
.mboxes_picture img {width: 85%;  height: unset;}
.topContent h1.topTitle {font-size: 50px; line-height: 60px;}
.topContent{max-width: 100%;}
.topContent:after{width: 100px;  bottom: -160px;}
.teams_card{display: block; text-align: center;}
.pics_outer img {width: 100%; height: 100%;}
.pics_outer{width: 260px; height: 400px;}

.bigpills_content h2{font-size: 50px; line-height: 60px;}
.bigpills_content h2 span {display: inline-block;}
.fourcards{padding: 70px 0px 40px;}
.counter_card h1 {font-size: 50px;}
.page_heading h1 {font-size: 45px;}
.teams_card h2 {font-size: 24px;}
.curvecard h3{font-size: 13px; word-break: break-all;}
.curvecard p {font-size: 12px;}
.curvecard{padding: 30px 10px 40px; border-radius: 20px; width: 100%;}
.pillscard_sec{padding: 80px 0px 45px;}

.photo_outer {width: 175px; height: 250px; overflow: hidden; margin-right: auto; margin-left: auto; border-radius: 85px; margin-bottom: 35px;}
.teams_card img {width: auto; height: 100%; transition: 0.3s; border-radius: 25px;}
span.devideline{margin-left: auto; margin-right: auto;}

.about_para img.moya_pic {width: 100%; margin-top: 35px; max-width: 430px;}
.about_circles ul{display: block;}
.ubercontent{padding: 55px 0px;}
.about_para{padding: 0px;}

.about_circles ul:before{    height: 85%;    width: 1PX;}
.about_circles li{margin: 20px auto; width: 220px; height: 220px;}
.about_para p , .about_impressum p{text-align: center; font-size: 16px; line-height: 1.8;}
.about_impressum h3 , .about_impressum h4{text-align: center; }
.tax_info{margin-top : 40px;}
.about_circles, .impressum_circles{padding: 30px 0px 0px;}
.impressum_circles p{font-size:14px;}


.mcard_boxes{display: block;}
.filter_card{position: relative !important; top: 0px !important; padding: 20px 0px;}
.mboxes_content h3, .mboxes_content p{text-align: center;}
.mboxes_content button{margin: auto; display: block; margin-top: 25px;}

.filter_card h5, .filter_card li{text-align: center;}
.filter_card li.active a{display: inline-block;}

.detail_pics .page_heading h1 {font-size: 30px; margin-top: 35px;}
.detail_pics{padding: 70px 0px;}
.table_menu{position: relative !important; top: 0px !important;}

.goToTop{display: none;}
.collapse:not(.show) {display: block; position: absolute; right: 20px; margin-top: -7px;}

}
/*Custome Style Start*/
.width-center{width:270px;}
.curvecard a:hover{text-decoration: none;}
.sidebarmanu li{position: relative;}
.sidebarmanu li ul.submenu{width: 100%; display: none;border-bottom: 2px solid #1E4D6A;transition: 1.0s all ease;}
.sidebarmanu li:hover ul.submenu{display: block;}
/*Custome Style End*/



@media screen and (min-width: 992px) and (max-width:  1200px){


.topContent{max-width: 80%;}
.curvecard {max-width: 190px; width: 90%;}
.curvecard h3 {font-size: 16px;}
.curvecard p {font-size: 12px;}
.bigpills_content h2 span {display: inline-block;}
.teams_card{display: block; text-align: center;}
span.devideline{margin-left: auto; margin-right: auto;}

.photo_outer{margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.page_heading h1 {font-size: 70px;}
.about_circles li {width: 175px; height: 175px; margin: 0px;}
.about_circles li h4 { font-size: 12px; }
.about_circles li p {font-size: 10px;}
.about_circles ul:before { top: 90px; }

}





@media screen and (min-width: 1501px) and (max-width:  2500px){
    .container1{
        max-width: 1570px
    }
}

@media screen and (min-width: 1101px) and (max-width:  1400px){
    
    
}