@font-face {
    font-family: "theme-bold-font";
    src: url('../fonts/PPPangramSans-Bold.otf') format("truetype");
}
@font-face {
    font-family: "theme-normal-font";
    src: url('../fonts/PPPangramSans-Medium.otf') format("truetype");
}
@font-face {
    font-family: "theme-style-font";
    src: url('../fonts/Ruddy-Bold.ttf') format("truetype");
}

@font-face {
    font-family: 'theme-codec-font';
    src: url('../fonts/CodecPro-News.ttf') format("truetype");
    /* Add other font formats if needed */
}
body{
    font-family: "theme-codec-font";
    background-color: #ffff;
    position: relative;
    overflow-x: hidden;
}
.pppangram-bold{
    font-family: "theme-bold-font";
}
h3{
    font-family: "theme-style-font";
}
h6{
    font-family: "theme-bold-font";
}
.theme-style-font{
    font-family: "theme-style-font";
}

.theme-normal-font{
    font-family: "theme-normal-font";
}

.theme-bold-font{
    font-family: "theme-bold-font";
}

.container-fluid{
    margin-top: 100px;
}

.custom-btn{
    border-radius: 50px;
    padding: 10px 20px;
}
.custom-bg-btn{
    background-color: #3749E9;
    border: 1px solid #3749E9;
    color: #fff;
}
.custom-bg-btn:hover{
    background-color: #4066e4;
    transition: .5s;
}
.custom-outline-btn{
    border: 2px solid #4066e4;
}
.custom-outline-btn:hover{
    background-color: #4066e4;
    color: #fff;
    transition: .5s;
}

.h-50{
    height: 50%;
}

.padding-5{
    padding: 5vh;
}

.ruddy-bold {
    font-family: 'theme-style-font';
}

.text-blue{
    color: #4066e4;
}

.search-box {
    display: flex;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 50px;
    overflow: hidden;
    align-items: center;
    padding: 5px;
}

.search-icon {
    margin-right: 10px;
    color: #3c3636;
    font-size: 20px;
}

.search-input {
    border: none;
    margin: 5px;
    font-size: 16px;
    width: 180px;
    outline: none;
}
.btn{
    width: 5rem;
    height: 100%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.625;
    color: #f6f6f6;
    font-family: "theme-codec-font";
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4066e4;
    border-radius: 50px;
    flex-shrink: 0;
}

/* slide  */
.slide-left{
    padding: 0 0 0 150px;
}

.slide-item{
    height: 550px !important;
}
.mobile-btn-group{
    margin-top: 3rem;
}

.slide-left p {
    margin-top: 3rem;
}

.slide-left-header{
    font-size: 30px;
}


.img-fluid{
    width: 100%;
    height: 574px;
}

.img-sm{
    height: 150px;
    width: 100%;
}

.carousel-text h2 {
    font-size: 24px;
    font-weight: bold;
}

.carousel-text p {
    font-size: 16px;
}

/* offering  */
.offering-img{
    height: 574px;
}

/* .plan */

.table-head{
    width: 150px !important;
}

.gray{
    color: var(--Graphite, #282828);
}

.plan{
    display: flex;
    height: 280px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    margin-top: 15px;
}

.plan-input{
    padding: 15px 0 15px 20px !important;
    border-radius: 50px !important;
    background-color: #f6f6f6 !important;
}

.plan h3{
    color: var(--Graphite, #282828);
    text-align: center;
    /* H3 Pangram Bold */
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 80% */
}

.plan .plan-discount{
    display: flex;
    height: 74px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

.plan .plan-price{
    display: flex;
    height: 74px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

.plan-sm-text{
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}

.plan-text{
    /* H4 */
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
}

.plan .btn{
    width: 100%;
    height: 45px;
    background: var(--Sun-Yellow, #FC0);
}

/* Questions */

.questions{
    display: flex;
    padding-top: 1.287px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 36.988px;
    flex-shrink: 0;
    margin-top: 100px ;
}
.questions-text{
    color: var(--Gray, #BFC0C1);
    text-align: center;
    width: 50%;
    font-family: PP Pangram Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}

[data-toggle="collapse"] i:before {
    content: "\f068";
}
[data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
.accordion-card{
    width: 100% !important;
    border-radius: 12px 12px 0 0 !important;
    border: 1px solid #eee !important;
    margin-bottom: 10px;
}
#accordion {
    width: 100% !important;
}
#accordion .card-header {
    margin-bottom: 8px;
}
#accordion .accordion-title {
    position: relative;
    display: block;
    padding: 8px 0 8px 20px;
    background: #fff;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
}
#accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    right: 0;
    top: 0;
    color: #fff;
    /* background: var(--Tiggie-Blue, #4066E4); */
    text-align: center;
    border-right: 1px solid transparent;
}
#accordion .accordion-title:hover {
    padding-left: 60px;
    background: var(--Tiggie-Blue, #4066E4);
    color: #fff;
}
#accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
}
#accordion .accordion-body {
    padding: 20px 25px;
    width: 70%;
}
#accordion .accordion-body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#accordion .accordion-body li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}
#accordion .accordion-body li:before {
    content: "\f10a";
    padding-right: 5px;
    font-size: 16px;
    font-style: normal;
    color: var(--Tiggie-Blue, #4066E4);
}

button[aria-expanded="true"]{
    background-color: #4066E4 !important;
    color: #fff !important;
}

body .bg-1{
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    vertical-align: top;
    width: 542.522px;
    height: 476.375px;
    transform: rotate(104.084deg);
    flex-shrink: 0;
    fill: var(--Cream, #FFF2CE);
    z-index: -1;
    filter: blur(100px);
}


body .bg-2{
    width: 493px;
    height: 354px;
    flex-shrink: 0;
    fill: var(--Pale-Blue, #D7DDF2);
    filter: blur(55px);
    position: absolute;
    left: 250px;
    top: 200px;
    object-fit: contain;
    z-index: -1;
    vertical-align: top;
}

body .bg-21{
    position: absolute;
    width: 444.872px;
    height: 390.631px;
    transform: rotate(104.084deg);
    flex-shrink: 0;
    top: -222px;
    z-index: -1;
    right: 0;
}

body .bg-3{
    position: absolute;
    width: 627.936px;
    height: 600.754px;
    transform: rotate(-154.072deg);
    flex-shrink: 0;
    fill: var(--Seaform, #D7F2F0);
    filter: blur(72.5px);
    top: 300px;
    z-index: -1;
    right: 200px;
}

body .bg-4{
    position: absolute;
    width: 986px;
    height: 500px;
    flex-shrink: 0;
    right: 0;
    top: 900px;
    fill: var(--Cream, #FFF2CE);
    z-index: -1;
    filter: blur(117.5px);
}

body .bg-5{
    position: absolute;
    width: 956.151px;
    height: 883.236px;
    transform: rotate(-165.424deg);
    flex-shrink: 0;
    fill: var(--Seaform, #D7F2F0);
    filter: blur(117.5px);
    top: 1800px;
    left: 0;
    z-index: -1;
}

body .bg-6{
    position: absolute;
    width: 986px;
    height: 700px;
    flex-shrink: 0;
    top: 2700px;
    right: 0;
    z-index: -1;

}

body .bg-7{
    position: absolute;
    width: 956.151px;
    height: 500px;
    transform: rotate(-165.424deg);
    flex-shrink: 0;
    bottom: 0;
    left: 0;
    fill: var(--Pale-Blue, #D7DDF2);
    filter: blur(117.5px);
    z-index: -1;
}


/* footer */
.footer{
    height: 150px;
    backdrop-filter: blur(12.5px);
    padding: 45px 0;
}

.sm-text{
    color: var(--Gray, #BFC0C1);
    /* Body Style Small */
    font-family: PP Pangram Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}

.footer .social-icon{
    margin: 8px;
    font-size: 25px !important;
}

.footer .input-group{
    height: 50px;
}

.footer input{
    border-radius: 50px 0 0 50px;
}

.footer input::placeholder{
    opacity: .5;
}

.footer .btn{
    border-radius: 0 50px 50px 0;
}

.register-button{
    width: 23vh;
    height: 6vh;
}

.section-three-footer-button{
    width: 23vh;
    height: 6vh;
}

.about-section-five-button{
    width: 23vh;
    height: 6vh;
    background-color: #fff !important;
    color: #4066E4;
}

.text-underline{
    text-decoration: underline;
}

.login-button{
    width: 13vh;
    height: 6vh;
    border: 2px solid #000;
    /* border-color: #000 !important; */
    background: #fff;
    color: #000;
    font-weight: bold;
}

.jumbotron-bg{
    background: url('../BC/24.png') no-repeat;
    background-size: cover;
    object-fit: cover;
    background-position: right center !important;
    border-radius: 25px;
}

.section-two-jumbotron-bg{
    background: url('../BC/25.png') no-repeat;
    background-size: cover;
    border-radius: 25px;
}

.section-three-jumbotron-bg{
    background-color: #f4f4f4;
    border-radius: 25px;
}

.section-four-jumbotron-bg{
    background-color: #f6bdbf;
    border-radius: 25px;
}

.section-five-jumbotron-bg{
    background-color: #f1f0f2;
    border-radius: 25px;
}

.section-six-jumbotron-bg{
    background-color: #ffffff;
    border: none;
}

.section-seven-jumbotron-bg{
    background-color: #fff2ce;
    border-radius: 25px;
    padding: 1vh;
}

.section-two-about-jumbotron-bg{
    border-radius: 25px;
    position: relative;
    text-align: center;
    border: none;
}

.section-one-resource-jumbotron-bg{
    border-radius: 25px;
    position: relative;
    text-align: center;
    border: none;
}

.section-one-pilot-jumbotron-bg{
    text-align: center;
    border: none;
}

.learnmore-btn, .search-btn{
    width: 23vh;
    height: 6vh;
}

.bg-white-btn{
    width: 100%;
    height: 6vh;
    border: 2px solid #4066e4;
    background-color: #fff !important;
    color: #4066e4 !important;
    font-weight: bold !important;
}

.custom-collapse > .card{
    background-color: #16cab6;
    color: #fff;
    line-height: 2;
    border-radius: 25px;
}

.btn-collapse{
    width: 100%;
    padding: 0.4rem;
    align-items: center;
    background-color: transparent !important;
    color: #000 !important;
    font-weight: bold !important;
    border-radius: 0 !important;
    text-align: left !important;
}

.text-right{
    text-align: right;
}

.a-with-button{
    text-decoration: none;
}

.a-with-button-landing{
    text-decoration: none;
}


.a-with-button-landing:hover{
    color: #fff !important;
}

.a-with-button > button:hover{
    color: #4066e4 !important;
}

.section-two-pilot-jumbotron{
    background-color: #f4f4f4;
    border-radius: 25px;
}

.section-three-pilot-jumbotron{
    background-color: #ff6262;
    border-radius: 25px;
}

.section-four-pilot-jumbotron{
    background-color: transparent;
    border-radius: 25px;
}

.section-four-pilot-container{
    position: relative;
    text-align: center;
}

.section-two-resource-jumbotron{
    background-color: #ff6262;
    border-radius: 25px;
}


.section-three-resource-jumbotron{
    background-color: #f4f4f4;
    border-radius: 25px;
}


.section-three-about-jumbotron-bg{
    border-radius: 25px;
    background: url('../BC/45.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.about-five-card{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.about-five-card > img {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.about-five-card-1{
    background-color: #d7f2f0;
}

.about-five-card-2{
    background-color: #fde0cc;
}

.about-five-card-3{
    background-color: #d7ddf2;
}

.about-five-card-4{
    background-color: #f6bdbf;
}

.about-five-card-5{
    background-color: #fff2ce;
}

.mr-13{
    margin-right: 13px;
}

.section-five-about-jumbotron-bg{
    border-radius: 25px;
    background-color: #f4f4f4;
}

.section-four-about-container{
    position: relative;
    text-align: center;
}

.h-60{
    height: 60%;
}

.section-footer-jumbotron-bg{
    background-color: #f4f4f4;
    border-radius: 25px;
    padding: 1.5vh;
}

.margin-footer{
    margin-top: 5vh;
}

.section-seven-input{
    border-radius: 25px;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #BFC0C1;
    width: 90%;
}

.section-resource-four-input{
    border-radius: 25px;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #BFC0C1;
    width: 90%;
}

.section-seven-input-half{
    border-radius: 25px;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #BFC0C1;
    width: 44%;
}

.section-seven-input::placeholder{
    color: #BFC0C1;
}

.section-seven-input-half::placeholder{
    color: #BFC0C1;
}

.margin-horizontal{
    margin-left: 4.3vh;
    margin-right: 4.3vh;
}

.margin-horizontal-3{
    margin-left: 1.5vh;
    margin-right: 1.5vh;
}

.section-three-container{
    position: relative;
    text-align: center;
}

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

 .center-left{
    position: absolute;
    top: 7%;
    left: 7%;
 }

 .center-left-pilot{
    position: absolute;
    top: 7%;
    padding: 10px
 }

 .line-2{
    line-height: 1.8;
 }

 .about-section-two-centred{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }


 .resource-section-one-centred{
    position: absolute;
    bottom: 20px;
    left: 29%;
 }

 .centered-footer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }


.section-three-inner-card-one{
    background-color: #d7f2f0;
}

.section-three-inner-card-one{
    background-color: #d7f2f0;
}

.section-three-inner-card-two{
    background-color: #f6bdbf;
}

.section-three-inner-card-three{
    background-color: #d7ddf2;
}

.section-three-inner{
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.section-three-footer-img{
    /* width: 100%; */
    background: url('../BC/30.png') no-repeat;
    background-size: cover;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.section-three-card{
    width: 95% !important;
    border: none !important;
    box-shadow: 0px 2px 4px rgb(0,0,0,0.2);
    border-radius: 25px;
}

.section-three-img{
    padding: 4vh;
    height: 35vh;
    width: 35vh;
}

.text-d7f2f0{
    color: #d7f2f0;
}

.nav-link{
    font-family: 'theme-bold-font';
}

.padding-jumb{
    padding-top: 6vh;
    padding-left: 1vh;
}
.custom-jumbotron{
    height: auto !important;
}

.navbar-border{
    border-bottom: 2px solid #000;
}

.display-6{
    font-size: 70px;
}

.block-container {
    position: relative;
    margin-top: -25px; /* Adjust as needed */
    z-index: 1;
  }

  .block {
    width: 100%;
    height: 50px;
    border-radius: 50% 50% 0 0; /* Half-circle effect */
    position: relative;
    z-index: 2;
    box-shadow: none;
  }

  .block-bg-1{
    background-color: #ffff; /* Block color */
  }

  .block-bg-2{
    background-color: #fdca11; /* Block color */
  }

  .block-bg-3{
    background-color: #f3e4de; /* Block color */
  }

  .block-bg-4{
    background-color: #4066e4; /* Block color */
  }

  .block-bg-5{
    background-color: #e8e2ff; /* Block color */
  }

  .bg-b0d2eb{
    background-color: #b0d2eb;
  }

  .mt-20{
    margin-top: 10vh;
  }

  .exp-img-fluid-custom{
    width: 100%;
    height: 27vh;
  }

  .section-four-img{
    width: 90%;
    /* height: 27vh; */
  }

  .border-custom{
    border-radius: 20px;
  }

  .text-e8e2ff{
    color: #E8E2FF;
  }

  .bg-F7EBCC{
    background-color: #F7EBCC;
  }

  .domain-inner-card-text{
    font-size: 12px;
  }

  .domain-inner-card-head{
    font-size: 18px;
  }

  .domain-text-card{
    height: 150px;
  }

  .font-bold{
    font-weight: bold !important;
  }

.primary-button{
    width: 27vh;
    height: 7vh;
}

.inquire{
    border: 2px solid #4066e4;
    background-color: #fff !important;
    color: #4066e4 !important;
    font-weight: bold !important;
}

.recong-panel{
    background-color: #fdca11;
}

.exp-panel{
background-color: #f3e4de;
}

.domain-panel{
    background-color: #4066e4;
}

.signup-panel{
    background-color: #e8e2ff;
}

.signup-text-panel{
    width: 60%;
    align-items: center;
    text-align: left;
}

.fs-17, .footer-sub-title{
    text-decoration: none;
    font-size: 17px;
    color: #000
}

.fs-20{
    font-size: 20px;
}

.fs-23{
    font-size: 23px;
}

.fs-25, .footer-title{
font-size: 25px;
}

.fs-12{
    font-size: 12px;
}

.fs-35{
    font-size: 35px;
}

.fs-30{
    font-size: 30px;
}

.fs-footer{
    font-size: 25px;
}

.text-left{
    text-align: left;
}

.six-about-margin{
    margin-top: 25px;
}

.fs-14{
    font-size: 14px;
}

.about-section-two-custom-font{
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

.jumb-margin{
   margin: 5vh;
}

.section-four-card{
    height: 100%;
    padding: 5vh;
    border-radius: 25px;
}

.section-five-card{
    height: 30vh;
    border-radius: 25px;
    border: none;
}

.section-five-card > .card-body{
    display: flex;
    align-items: center;
    justify-content: center;
}

.five-card-1{
    background-color: #ffffff;
}

.five-card-2{
    background-color: #ffffff;
}

.five-card-3{
    background-color: #282828;
}

.section-six-card{
    height: 100%;
    border: none;
    border-radius: 25px;
}

.carousel-indicators{
    bottom: -17px !important;
}

.carousel-indicators [data-bs-target]{
    width: 100% !important;
}

.six-card-1{
    background-color: #ffcc01;
    padding: 2vh;
}

.six-card-2{
    background-color: #ff6262;
    padding: 0 !important;
}

.text-ffcc01{
    color: #ffcc01;
}

.text-f0c41a{
    color: #f0c41a;
}

.pppangram-normal{
    font-family: 'theme-normal-font';
}

.text-fff2ce{
    color: #fff2ce;
}

.border-25{
    border-radius: 25px;
}

.section-one-about-card, .section-four-resource-card{
    border-radius: 25px;
    border: none !important;
}

.about-card-1{
    background-color: #16cab6;
    height: 100%;
}

.resource-four-card-1{
    background-color: #ffcc01;
    height: 100%;
}


.resource-four-card-2{
    background-color: #f6bdbf;
    height: 100%;
}

.section-three-footer{
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

/* Mobile Size Responsive */
@media only screen and (max-width: 600px) {
    .display-6{
        font-size: 30px;
    }

    .display-4{
        font-size: 23px;
    }

    .display-5{
        font-size: 19px;
    }

    .section-one-img{
        height: 28vh;
    }

    .fs-25{
        font-size: 15px;
    }

    .footer-title{
        font-size: 20px;
    }

    .footer-sub-title{
        font-size: 15px;
    }

    .jumb-margin{
        margin: 2vh;
    }

    .fs-20{
        font-size: 13px;
    }

    .fs-23{
        font-size: 12px;
    }

    .fs-30{
        font-size: 7px;
    }

    .fs-35{
        font-size: 25px;
    }

    .centered{
        top: 90%;
    }

    .fs-footer{
        font-size: 8px;
    }

    .section-three-footer-button{
        width: 14vh;
        height: 4vh;
    }

    .about-section-five-button{
        width: 12vh;
        height: 3vh;
        font-size: 10px;
    }

    .six-about-margin{
        margin-top: 0px;
    }

    .section-seven-input-half{
        width: 100%;
    }

    .section-seven-input{
        width: 100%;
    }

    .margin-horizontal{
        margin-left: 1.3vh;
        margin-right: 1.3vh;
    }

    .margin-horizontal-3{
        margin-left: 0.5vh;
        margin-right: 0.5vh;
    }

    .about-section-two-custom-font{
        font-size: 18px;
    }

    .search-btn{
        width: 13vh;
        height: 6vh;
        font-size: 10px;
    }

    .resource-section-one-centred{
        bottom: 7px;
        left: 18%;
    }

    .section-resource-four-input{
        font-size: 12px;
    }

    .exp-img-fluid-custom{
        height: 17vh;
    }
}


@media all and (device-width: 768px) {
    .section-one-img{
        height: 40vh;
    }

    .display-4{
        font-size: 30px;
    }


    .display-5{
        font-size: 30px;
    }

    .fs-25, .footer-title{
        font-size: 23px;
    }

    .footer-sub-title{
        font-size: 19px;
    }

    .fs-35{
        font-size: 25px;
    }

    .fs-30{
        font-size: 13px;
    }

    .about-section-five-button{
        width: 14vh;
        height: 4vh;
        font-size: 10px;
    }

    .six-about-margin{
        margin-top: 0px;
    }

    .centered{
        top: 60%;
    }

    .fs-20,.fs-23{
        font-size: 20px;
    }

    .fs-footer{
        font-size: 15px;
    }

    .section-three-footer-button{
        width: 17vh;
        height: 5vh;
    }

    .margin-horizontal{
        margin-left: 4.3vh;
        margin-right: 4.3vh;
    }

    .margin-horizontal-3{
        margin-left: 1vh;
        margin-right: 1vh;
    }

    .about-section-two-custom-font{
        font-size: 35px;
    }

    .resource-section-one-centred{
        bottom: 15px;
        left: 28%;
     }

    .search-btn{
        width: 13vh;
        height: 6vh;
        font-size: 15px;
        margin-top: 4px;
    }
}

@media all and (device-width: 1024px){
    .section-one-img{
        height: 40vh;
    }

    .fs-25, .footer-title{
        font-size: 23px;
    }

    .footer-sub-title{
        font-size: 19px;
    }

    .display-4{
        font-size: 30px;
    }

    .display-5{
        font-size: 30px;
    }

    .centered{
        top: 60%;
    }

    .fs-20,.fs-23{
        font-size: 20px;
    }

    .fs-35{
        font-size: 25px;
    }

    .fs-30{
        font-size: 13px;
    }


    .about-section-five-button{
        width: 14vh;
        height: 4vh;
        font-size: 10px;
    }

    .six-about-margin{
        margin-top: 0px;
    }

    .fs-footer{
        font-size: 15px;
    }

    .section-three-footer-button{
        width: 17vh;
        height: 5vh;
    }


    .margin-horizontal{
        margin-left: 4.3vh;
        margin-right: 4.3vh;
    }

    .margin-horizontal-3{
        margin-left: 1vh;
        margin-right: 1vh;
    }

    .about-section-two-custom-font{
        font-size: 35px;
    }

    .resource-section-one-centred{
        bottom: 15px;
        left: 28%;
     }

     .search-btn{
        width: 13vh;
        height: 6vh;
        font-size: 15px;
        margin-top: 4px;
    }

}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .section-one-img{
        height: 40vh;
    }

    .display-4{
        font-size: 30px;
    }


    .display-5{
        font-size: 30px;
    }

    .fs-25, .footer-title{
        font-size: 23px;
    }

    .footer-sub-title{
        font-size: 19px;
    }

    .fs-35{
        font-size: 25px;
    }

    .fs-30{
        font-size: 13px;
    }

    .about-section-five-button{
        width: 14vh;
        height: 4vh;
        font-size: 10px;
    }

    .six-about-margin{
        margin-top: 0px;
    }

    .centered{
        top: 60%;
    }

    .fs-20,.fs-23{
        font-size: 20px;
    }

    .fs-footer{
        font-size: 15px;
    }

    .section-three-footer-button{
        width: 17vh;
        height: 5vh;
    }

    .margin-horizontal{
        margin-left: 4.3vh;
        margin-right: 4.3vh;
    }

    .margin-horizontal-3{
        margin-left: 1vh;
        margin-right: 1vh;
    }

    .about-section-two-custom-font{
        font-size: 35px;
    }

    .resource-section-one-centred{
        bottom: 15px;
        left: 28%;
     }

    .search-btn{
        width: 13vh;
        height: 6vh;
        font-size: 15px;
        margin-top: 4px;
    }
}


@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .section-one-img{
        height: 28vh;
        margin-top: 10vh;
    }

    .exp-img-fluid-custom{
        height: auto !important;
    }

    .section-three-img{
        padding: 2vh;
        height: auto;
        width: 100%;
}
}