
@media (min-width: 1600px) { 

    .container {
        max-width: 1420px;
    }
}


@media (max-width: 1750px) { 
    .boldText {
        font-size: 13.75rem;
        bottom: 20px;
    }
    
    .banCont h1 {
        font-size: 8.75rem;
    }
    
    .hbFive {
        font-size: 8.75rem;
    }
    
    .aboutText {
        font-size: 18rem;
    }
    
    .tabelmTwo {
        right: 17%;
    }
    
    .porText {
        font-size: 21rem;
    }
    .srpCont figure {
        width: 80%;
    }
    .prompt {
        right: 2%;
    }
    .mainBanner {
        margin-bottom: 20px;
    }

}


@media (max-width: 1600px) { 
    .mainBanner {
        min-height: unset;
    }
    .banContSldHeading h1 {
        font-size: 85px;
        width: 80%;
        margin: 0 auto;
    }
    .cntArrow {
        width: 35%;
    }
    .mainBanner .overlay {
        min-height: 880px;
    }
    
    .boldText {
        font-size: 12rem;
    }
    
    .banCont h1 {
        font-size: 7.5rem;
    }
    
    .hbFive {
        font-size: 7.5rem;
    }
    
    .newText h2 {
        flex: 0 0 55%;
    }
    
    .newText p {
        flex: 0 0 26%;
        font-size: 1.125rem;
        margin-left: 4rem;
    }
    .aboutText {
        font-size: 15rem;
    }
    
    .sectionHeading {
        font-size: 3.5rem;
    }
    
    .abCont p {
        font-size: 1.25rem;
        margin-left: 3rem;
        margin-bottom: 3rem;
    }
    .tbText {
        margin-left: -8rem;
    }
    
    .tabelmTwo {
        right: 12%;
    }
    
    .tabelmOne {
        width: 3%;
        top: 50%;
    }
    
    .logCont h3 {
        font-size: 2.5rem;
    }
    
    .logContTwo {
        padding: 3rem 2rem;
    }
    .tabContent .nav-pills .nav-link {
        font-size: 1.5rem;
        line-height: 1.25;
    }
    
    .tbText p {
        font-size: 1.125rem;
    }
    
    .trstCont p {
        font-size: 1.125rem;
    }
    
    .indusCont .overlay h3 {
        font-size: 1.325rem;
    }
    .ctaCont h2 {
        font-size: 3.75rem;
    }
    .porText {
        font-size: 17rem;
    }
    .countCont {
        padding-left: 0rem;
        margin-top: 3rem;
    }
    
    .countImg img {
        margin-bottom: -6rem;
    }
    
    .ibnPading {
        padding: 0 2rem 0 0;
    }
    
    .innerBanner {
        height: 620px;
    }
    
    .ibnCont figure {
        padding: 1rem 0 1rem 1rem;
    }
    
    .info-sect {
        padding: 0rem 0 4rem;
    }
    .countCont .nav-tabs .nav-item .nav-link {
        font-size: 1.125rem;
    }
    
    .count-sect {
        height: 850px;
    }
    
    .teamSlider .slick-slide {
        margin: 0 10px;
    }
    .tcBody h3 {
        font-size: 1.5rem;
    }
    
    .tcBody p {
        font-size: 1rem;
    }
    
    .teamCard {
        height: 430px;
    }
    .srpCont p {
        font-size: 1.25rem;
    }
}
@media (max-width: 1440px) { 
    .boldText {
        font-size: 10rem;
    }
    .banContSldHeading h1 {
        font-size: 65px;
        width: 65%;
        margin: 0 auto;
    }

    .mainBanner .overlay {
        min-height: 760px;
    }

    .banArrow {
        width: 8%;
        top: 30%;
    }
    .abslide-text.ecomStories .slideCont h3 {
        font-size: 2.75rem;
    }
    .abslide-text.prodStories .slideCont h3 {
        font-size: 2.35rem;
    }
    .banCont h1 {
        font-size: 5.5rem;
    }

    .hbFive {
        font-size: 5.5rem;
    }

    .newText h2 {
        flex: 0 0 40%;
    }

    .newText p {
        flex: 0 0 38%;
    }

    .aboutText {
        font-size: 12.5rem;
    }

    .sectionHeading {
        font-size: 3rem;
    }

    .abCont p {
        font-size: 1.125rem;
    }

    .tbText {
        margin-left: -4rem;
        width: unset;
        padding: 1.5rem 2rem;
    }

    .tbText p {
        font-size: 1rem;
    }

    .tbText ul li {
        font-size: 1rem;
    }

    .tabContent .nav-pills .nav-link {
        font-size: 1.125rem;
    }

    .tabelmTwo {
        width: 12%;
        right: 7%;
    }

    .tabelmThree {
        width: 5%;
    }

    .logCont h3 {
        font-size: 2rem;
    }

    .logContTwo {
        padding: 2rem;
    }

    .logContTwo h4 {
        font-size: 1.5rem;
    }

    .trstCont .overlay h4 {
        font-size: 3rem;
    }

    .trstCont .overlay h5 {
        font-size: 2.25rem;
    }

    .trstCont .overlay h6 {
        font-size: 2rem;
    }

    .trstCont .overlay h3 {
        font-size: 4rem;
    }

    .trstCont .overlay {
        padding: 2rem 1.5rem;
    }

    .porText {
        font-size: 15rem;
    }

    .newSlideSect {
        padding: 20rem 0 5rem;
    }

    .ctaCont h2 {
        font-size: 3rem;
    }

    .ctaBtn {
        font-size: 1.125rem;
    }

    .footSideOne h2 {
        font-size: 2.75rem;
    }

    .quickLinks li a span:first-child {
        flex: 0 0 11%;
    }

    .themeBtn {
        font-size: 1.125rem;
    }
    .logSect span {
        height: 65%;
    }
    .slideCont h3 {
        font-size: 2.25rem;
    }
    
    .slide-text {
        padding: 6px 0;
    }
    
    .slideCont figure {
        flex: 0 0 7%;
    }
    
    .slideCont {
        margin: 0 10px;
    }
    
    .tbText ul li {
        padding: 5px 0;
    }
    .banIcon {
        width: 10px;
        top: 60%;
    }
    
    
    .banIcon ul {
        gap: 25px;
    }
    
    .banCnt {
        left: -20px;
        top: 60%;
    }
    .navigation .navbar-nav .nav-item {
        padding: 10px 10px 0;
    }
    
    .navigation .navbar-nav .nav-link {
        font-size: 1rem;
    }
    .getBtn {
        font-size: 1rem;
    }
    .footForm .footBtn {
        font-size: 1.125rem;
        height: 50px;
        width: 170px;
    }
    ul.quickLinks {
        margin-top: 2.5rem !important;
    }
    .tabcontRadio p {
        font-size: 1.25rem;
    }
    
    .tabcontRadio:before {
        width: 1000px;
    }

    
    .countCont .nav-tabs .nav-item {
        padding: 0 5px 0 0;
    }
    
    .countCont p {
        font-size: 1.125rem;
    }
    
    .serinfo-sect {
        padding: 8rem 0 5rem;
    }
    
    .tcBody {
        margin: -50px 1rem;
        padding: 11px;
    }
    
    .teamCard {
        padding: 0;
        margin-bottom: 0;
        height: 420px;
    }
    .countCard h4 {
        font-size: 4rem;
    }
    
    .countCard p {
        font-size: 1rem;
    }
    .count-sect {
        height: 780px;
    }
    .ibnCont h1 {
        font-size: 2.8rem;
    }
    
    .innerBanner {
        height: 520px;
    }
    .ibnCont p {
        font-size: 1.125rem;
    }
    
    .abSlide .slideCont h3 {
        font-size: 3rem;
    }
    .cefCont div:first-child {
        flex: 0 0 35%;
    }
    .opportBlack ul li p {
        font-size: 1rem;
    }
    .srbCont p {
        font-size: 1.125rem;
    }

    .prompt {
        font-size: 7rem;
    }

    .serabout-sect {
        padding: 5rem 0;
    }
    .newSlidetext {
        margin-top: -5px;
    }
}



@media (max-width: 1366.98px) { 
    
}


@media (max-width: 1199.98px) { 
    .boldText {
        font-size: 8rem;
        text-align: center;
    }
    .cntsForm {
        padding: 0 1rem 0 0;
    }
    .mainBanner video {
        height: 100vh;
        object-fit: cover;
        width: 100%;
    }
    .banContSldHeading h1 {
        font-size: 65px;
        width: 70%;
    }
    .banArrow {
        top: 39%;
    }
    .mainBanner {
        margin-bottom: -70px;
    }
    .banCont h1 {
        font-size: 4.5rem;
        text-align: center;
    }
    
    .hbOne {
        margin-left: -3rem;
    }
    
    .hbFive {
        font-size: 4.5rem;
    }
    
    .newText p {
        font-size: 1rem;
        margin-left: 2.75rem;
        flex: 0 0 40%;
    }
    
    .newText p:before {
        width: 4%;
        left: -25px;
    }
    
    .banIcon ul {
        gap: 15px;
    }
    
    .banIcon {
        right: 25px;
    }
    
    .banCnt {
        left: -25px;
    }
    
    .navigation {
        padding: 5px 0;
    }
    .aboutText {
        font-size: 10rem;
    }
    
    .sectionHeading {
        font-size: 2.5rem;
    }
    
    .abCont p {
        margin-left: 0;
    }
    .logCont h3 {
        font-size: 1.8rem;
    }
    
    .logContTwo h4 {
        font-size: 1.325rem;
    }
    
    .trstCont .overlay h4 {
        font-size: 2.5rem;
    }
    
    .trstCont .overlay h5 {
        font-size: 2rem;
    }
    
    .trstCont .overlay h6 {
        font-size: 1.5rem;
    }
    
    .trstCont .overlay h3 {
        font-size: 3rem;
    }
    
    .trstCont p {
        margin: 14px 0;
    }
    
    .Number h4 {
        font-size: 1.5rem;
    }
    
    .trusMis figure {
        flex: 0 0 10%;
    }
    
    .trusMis {
        gap: 14px;
    }
    
    .elmOne {
        width: 35%;
    }
    
    .ring {
        width: 40%;
        top: 25%;
    }
    
    .elmTwo {
        width: 50%;
        top: 22%;
    }
    
    .elmFour {
        width: 40%;
    }
    
    .elmThree {
        width: 30%;
    }
    
    .porText {
        font-size: 12.5rem;
    }
    
    .footSideOne h2 {
        font-size: 2.35rem;
    }
    
    .footForm h3 {
        font-size: 2rem;
    }
    
    .footForm {
        margin-top: -10.65rem;
    }
    
    .footForm form {
        padding: 1rem;
    }
    
    .footForm form .input-group-text figure img {
        width: 75% !important;
    }
    
    .footForm form .input-group-text {
        padding: 10px 0;
    }
    
    .footCont.fontContpad {
        padding: 0 0 0 4rem;
        margin: 0 !important;
    }
    
    .footLast p {
        font-size: 1rem;
    }
    
    .footLast .footLink li a {
        font-size: 1rem;
    }
    .tabCont {
        margin-left: 0;
        align-items: start;
    }
    
    .tabContent .nav-pills .nav-link:after {
        right: -80px;
    }
    
    .tbText{
        margin-left: -6rem;
    }    
    .themeBtn {
        height: 50px;
        width: 150px;
    }
    
    .tabSect {
        padding: 8rem 0 22rem;
    }
    .footCont p {
        font-size: 1.125rem;
    }
    .prtCont h3 {
        font-size: 1.35rem;
    }
    
    .prtCont p {
        margin-bottom: 5px;
    }
    
    .portCard figure .overlay i {
        height: 60px;
        width: 60px;
        font-size: 1.25rem;
    }
    .ibnCont h1 {
        font-size: 2.5rem;
    }
    
    .ibnCont p {
        font-size: 1rem;
    }
    
    .innerBanner {
        height: 470px;
    }
    
    .ibnCont figure {
        padding: 12px 0px 12px 12px;
    }
    
    .cefCont div h5 {
        font-size: 2.5rem;
    }
    
    .cefCont h3 {
        font-size: 1.75rem;
    }
    
    .cefCont div:nth-child(2) {
        padding: 0 0 0 30px;
    }
    .tabcontRadio:before {
        width: 800px;
    }
    
    .countCont .nav-tabs {
        margin-top: 2rem;
    }
    
    .countCont .nav-tabs .nav-item .nav-link {
        font-size: 1rem;
        padding: 0 0 0 25px;
    }
    
    .countCont .nav-tabs .nav-item {
        padding-right: 10px;
    }
    
    .countCont .nav-tabs .nav-item .nav-link:before {
        height: 20px;
        width: 20px;
        border: 4px solid white;
    }
    .countCont .sectionHeading {
        font-size: 2.25rem;
    }
    
    .count-sect {
        height: 750px;
    }
    .teamCard {
        padding: 0;
        margin-bottom: 0;
        height: 440px;
    }
    .opport-sect {
        padding: 0rem 0 5rem;
    }
    .srpCont figure {
        width: 90%;
    }

    .srpCont p {
        font-size: 1.125rem;
    }
    .wchCont ul li {
        font-size: 1.325rem;
    }

    .wchCont p {
        font-size: 1.25rem;
    }
    .srbCont.srbExt {
        margin-top: 5rem;
        padding: 3rem;
    }
}


@media (max-width: 991.98px) { 
    html {
        font-size: 14px;
    }
    .boldText {
        font-size: 7rem;
    }
    .banContSldHeading h1 {
        width: 100%;
    }
    .navigation .navbar-brand {
        flex: 0 0 50%;
    }
    .mainBanner video {
        height: 80vh;
    }

    .mainBanner .overlay {
        min-height: 620px;
    }
    .navbar-brand img {
        width: 75%;
    }
    
    .getBtn {
        height: 50px;
        width: 150px;
    }
    .centRad {
        width: 60%;
    }

    .aboutText {
        font-size: 8rem;
    }
    
    .banCont h1 {
        font-size: 3.5rem;
    }
    .hbFive {
        font-size: 3.5rem;
    }
    
    .newText p {
        flex: 0 0 50%;
    }
    
    .topRad {
        width: 30%;
        top: -50px;
    }
    
    .rightRad {
        width: 20%;
    }
    .slideCont h3 {
        font-size: 2rem;
    }
    
    .slide-text .slick-slide:nth-child(even) .slideCont h3 {
        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,    -1px 1px 0 #000, 1px 1px 0 #000;
        letter-spacing: 1px;
    }
    .tabContent .d-flex {
        flex: 0 0 80% !important;
    }
    
    .tabContent .nav-pills .nav-link {
        padding: 1rem;
    }
    
    .tabContent {
        display: flex;
        align-items: center;
    }
    
    .tabContent .themeBtn {
        flex: 0 0 20%;
    }
    
    .tabContent .nav {
        flex-direction: row !important;
        flex: 0 0 100%;
        margin: 20px 0;
        flex-wrap: nowrap;
    }
    
    .tabContent .nav-pills .nav-link {
        padding: 1rem 5px;
        font-size: 1rem;
        border-bottom: 0;
        text-align: center;
    }
    .tbText {
        margin-left: -6rem;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
    .tabContent .nav-pills .nav-link:after {
        right: unset;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: -60px;
        top: unset;
        height: 28%;
        width: 60%;
    }
    .logCont h3 br {
        display: none;
    }
    .logContTwo {
        margin: 0;
    }
    .logSect {
        margin: 0;
    }
    
    .tabSect {
        padding: 8rem 0 6rem;
    }
    .trstCont {
        margin-top: 2rem;
    }
    
    .trustSect {
        margin: 0;
        padding: 5rem 0 0;
    }
    
    .trustDiv .row {
        flex-direction: column-reverse;
    }
    .reReverse {
        flex-direction: column-reverse;
    }
    
    .footSideOne {
        margin-top: 5rem;
    }
    
    .footCont {
        margin-top: 3rem;
    }
    
    .footCont h4 {
        margin-top: 4.5rem !important;
    }
    
    .footForm form {
        padding: 1rem 3rem 3rem;
    }
    .footMarg {
        margin-top: 4rem;
    }
    .listIcon {
        justify-content: end;
    }
    
    .footLast p {
        text-align: center;
        margin-top: 1rem;
    }
    .ibnPading {
        padding: 0 2rem;
    }
    
    .ibnCont figure {
        margin: 0;
    }
    .innerBanner {
        display: flex;
        align-items: center;
    }
    .info-sect .row .col-lg-6.col-md-6.ps-5 {
        padding-left: 0 !important;
    }
    
    .cefCont div:first-child {
        flex: 0 0 35%;
    }
    
    .cefCont div:nth-child(2) {
        padding: 0 0 0 35px;
    }
    .tabcontRadio:before {
        width: 650px;
    }
    
    .count-sect {
        height: 650px;
    }
    .teamCard {
        height: 360px;
    }
    .infoCont .shap {
        margin: 20px 0;
        width: 85%;
    }
    .opportCard h3 {
        font-size: 1.5rem;
    }

    .opportCard ul {
        margin: 20px 0;
    }

    .opportCard ul li a {
        padding: 5px 15px;
    }

    .opportCard {
        padding: 2.5rem;
    }
    .about-sld-sect {
        padding: 1rem 0 0;
    }
    .wchCont ul li {
        font-size: 1.25rem;
        padding-left: 3rem;
    }

    .wchCont ul li:before {
        width: 30px;
        height: 3px;
    }
    .quickLinks li a span:first-child {
        flex: 0 0 8%;
    }
    header .container {
        max-width: 95%;
    }
    .navbar-toggler {
        display: none;
    }
    .mobileHam {
        display: block;
    }
    .hamburger {
        right: 24%;
        top: 20px;
    }
}



@media (max-width: 767.98px) { 
    .mainBanner video {
        height: 600px;
    }
    .newText p:before {
        display: none;
    }
    .map-sect {
        margin: 0;
        padding-top: 5rem;
    }
    .contacts-sect {
        padding: 0;
    }
    .newText p {
        margin-left: 0;
        text-align: center;
    }

    .banContSldHeading h1 {
        font-size: 50px;
    }

    .mainBanner .overlay {
        min-height: 530px;
    }
    ul.cntLists li a i {
        height: 40px;
        width: 40px;
    }
    .banCnt {
        display: none;
    }
    .hamburger {
        right: 0;
        top: 15px;
    }
    .banIcon {
        display: none;
    }
    
    .newText {
        flex-direction: column;
        gap: 10px;
    }
    
    .boldText {
        font-size: 5.5rem;
    }

    .aboutText {
        font-size: 6.5rem;
    }
    
    .abCont img {
        margin: 0;
    }
    
    .centRad {
        top: 70%;
    }
    
    .abCont figure:before {
        display: none;
    }

    .tabContent {
        flex-direction: column;
    }

    .tabContent .themeBtn {
        flex: unset;
        display: none;
    }

    .tbText {
        margin-left: -8rem;
        margin-top: 5rem;
        margin-bottom: 0;
    }

    .logContTwo h4 {
        margin: 0 0 20px;
        text-align: center;
    }

    .trustSect {
        padding: 2rem 0 0;
    }

    .ctaCont.text-end {
        text-align: start !important;
        padding: 1.5rem 0 4rem;
    }
    .footLast ul {
        justify-content: center;
        margin: 8px 0;
    }
    .getBtn {
        display: none;
    }
    .tabContent .nav-pills .nav-link:after {
        display: none;
    }
    .innerBanner {
        height: auto;
        min-height: 90vh;
    }
    
    .ibnPading {
        text-align: center;
    }
    
    .ibnCont figure {
        padding: 0;
        border-radius: 30px;
        overflow: hidden;
        margin: 1rem 3rem;
    }
    
    .info-sect .row {
        flex-direction: column-reverse;
        gap: 50px;
    }
    
    .cefCont div:nth-child(2) {
        padding: 0 0 0 70px;
    }
    
    .count-sect {
        height: auto;
        padding: 5rem 0;
    }
    
    .countImg img {
        margin: 0;
        border-radius: 20px;
    }
    .countImg {
        padding-left: 2rem;
        margin: 80px 30px 0;
    }
    
    .tabcontRadio:before {
        width: 100%;
    }
    
    .sriCard figure img {
        width: 25%;
    }
    
    .sriCard h3 {
        font-size: 1.25rem;
    }
    
    .serinfo-sect {
        padding: 5rem 0;
    }
    .countCard {
        margin: 30px 0 0;
    }
    .indusCont ul {
        gap: 10px;
    }
    .opsMore {
        margin: 50px auto;
    }
    .opsMore span i {
        height: 40px;
        width: 40px;
    }
    .srbCont.srbExt {
        margin: 5rem 0 0;
    }
    .stacking-slide {
        height: auto;
        position: relative;
    }

    .srpCont .sectionHeading {
        margin-top: 5rem;
    }
    .stacking-slide {
        padding: 4rem 0;
    }

    .bg-white .srpCont figure {
        text-align: center !important;
        margin-left: auto;
    }

    .srpCont figure {
        width: 95%;
    }
    .stacking-slide:nth-last-child(1) {
        height: unset;
    }
    .vertical-scroll-snap {
        overflow-x: hidden;
    }

    .bg-black .elmOne {
        display: none;
    }
}


@media (max-width: 575.98px) { 
    html {
        font-size: 12px;
    }
    .banContSldHeading h1 {
        font-size: 35px;
    }

    .banContSldHeading p {
        width: 100%;
        margin: 15px 0 0;
    }
    .navigation .navbar-brand {
        flex: 0 0 65%;
    }
    .banArrow {
        display: none !important;
    }

    .mainBanner .overlay {
        min-height: 455px;
    }
    .side-menu {
        width: 290px;
    }
    .boldText {
        font-size: 3.85rem;
    }
    
    .aboutText {
        font-size: 5rem;
        -webkit-text-stroke: 1px var(--secondary-color);
    }
    
    .banCont {
        margin-top: 9rem;
    }
    
    .sectionHeading br {display: none;}
    
    .tabContent .nav {
        flex-wrap: wrap;
    }
    
    .tabContent .nav-pills .nav-link {
        flex: 0 0 50%;
    }
    
    .tabCont {
        flex-direction: column;
    }
    
    .tbText {
        margin: 30px 0 0;
    }
    
    .trusMis {
        flex-direction: column;
        gap: 10px;
    }
    
    .trusMis figure {
        flex: 0 0 5% !important;
    }
    
    .trustBtn {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .newSlideSect {
        padding: 17rem 0 5rem;
    }
    
    .portCard {
        margin: 20px 10px 0;
    }
    
    .extMargin {
        margin: 0;
    }
    
    .ctaSect {
        padding: 3rem 0 5rem;
    }
    
    .footForm form {
        padding: 1rem 1rem 3rem;
    }
    
    .footCont.fontContpad {
        padding: 0;
    }
    
    .footCont h4 {
        margin: 20px 0 0 !important;
    }
    
    ul.quickLinks {
        margin-top: 1rem !important;
    }
    
    .footCont img {
        width: 100%;
    }
    
    .quickLinks li a span:first-child {
        flex: 0 0 4%;
    }
    .footCont img {
        width: unset;
    }
    .trusMis figure img {
        width: 50%;
    }
    .footForm::before {
        width: 96%;
        border: 3px solid var(--secondary-color);
    }
    .footForm form .input-group {
        height: 60px;
    }
    
    .footForm form .input-group-text figure img {
        width: 60% !important;
    }
    
    .footForm form .input-group-text figure {
        margin-top: 10px !important;
    }
    
    .textClass {
        height: 150px !important;
    }
    
    .footForm .footBtn {
        height: 45px;
        width: 120px;
    }
    .mainBanner video {
        height: 530px;
    }
    .banCont {
        margin-top: 5rem;
    }

    .innerBanner {
        min-height: 70vh;
    }
    
    .ibnCont figure {
        margin: 1rem 2rem 0;
    }
    
    .infoCont {
        padding: 0 0 0 15px;
    }
    
    .cefCont {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    
    .cefCont div:first-child {
        border: 0;
        flex: 0 0 100%;
    }
    
    .cefCont div:nth-child(2) {
        padding: 0;
    }
    
    .footSideOne h2 {
        font-size: 2rem;
    }
    .indusCont ul li {
        height: 400px;
    }
    
    li.swiper-slide.swiper-slide-active {
        width: 450px;
    }
    .swiper-slide {
        width: 110px;
    }
    .indusCont ul li.swiper-slide-active {
        width: 400px;
    }
    .footForm::before {
        bottom: -10px;
        left: 10px;
        width: 98%;
    }
    .opportCard.jbdCard h4 {
        margin: 30px 0 1px;
    }
    .srbCont figure:before {
        top: 0;
        left: 0;
    }

    .srbCont.srbExt {
        margin: 3rem 0 0;
        padding: 10px 3rem;
    }
    .choose-sect {
        margin-bottom: -17rem;
    }
    .bg-white figure:before {
        height: 100%;
        width: 98%;
        bottom: -12px;
        left: -12px;
    }
    .bg-black figure:before {
        height: 100%;
        width: 98%;
        background: var(--secondary-color);
        position: absolute;
        bottom: -12px;
        right: -12px;
        border-radius: 45px;
    }
}
