*{
    margin: 0;
    padding: 0;
}
body {
    background: #FFFFFF;
    color: #212121;
    overflow-x: hidden;
}
.container-1440 {
    width: 100%;
    max-width: 1280px;
    padding: 0 80px;
    margin: auto;
}
.blur{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    pointer-events: none;
}
a{
    color: #14B1E7;
}

a:hover{
    text-decoration: none !important;
    color: initial !important;
}
.web-view{
    display:block;
}
.mobile-view{
    display: none;
}
div#mainsb {
    margin-top: 160px;
}
.stateBoard {
    margin: 120px auto 50px auto;
    display: flex;
    column-gap: 20px;
    padding: 0px;
    color: #212121;
}
.stateboard-container{
    flex: 1 1 0px;
}
.stateboard-container .sb-heading-text{
    margin: auto auto 15px auto;
    font-size: 50px !important;
}
.stateboard-container .sb-heading-text h1 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: right;
    margin: 0px auto auto -200px;;
}
.stateboard-container .sb-subheading-text{
    margin: 30px auto 60px auto;
}
.stateboard-container .sb-subheading-text p{
    font-family: Open Sans;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
}
.sb-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sb-location-lang {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-evenly;
    margin: 45px auto auto auto;
}
.sb-location{
    max-width: 245px;
    min-width: 120px;
    max-height:124.1px;
    width: 100%;
    background: #FFFFFF;
    border: 0.788789px solid #DEDEDE;
    box-shadow: 10.3154px 9.75609px 0px rgba(18, 17, 17, 0.07), 6.07372px 5.74438px 0px rgba(18, 17, 17, 0.050624), 3.11938px 2.95024px 0px rgba(18, 17, 17, 0.039312), 1.25436px 1.18634px 0px rgba(18, 17, 17, 0.030688), 0.280579px 0.265366px 0px rgba(18, 17, 17, 0.019376);
    border-radius: 15.7758px;
    padding: 10px 15px 10px 15px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.sb-location-icon {
    max-width: 100px;
    width: 100%;    
}
.sb-location-text h3{
    font-family: Inter;
    font-size: 57px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0px;
}
.sb-location-text p{
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
}
.sb-button.popup button {
    display: block;
}
.sbm-button button {
    display: none;
}
.sb-button button {
    text-decoration: none;
    border: 3px solid #0FBEE9;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    background: white;
    text-align: left;
    color: #0FBEE9;
    padding: 15px 40px;
    border-radius: 40px;
    width: 100%;
    display: block;
    margin-bottom: 25px;
    cursor: pointer;
}

.sb-button button:focus{
    outline: none;
}

a:hover{
    text-decoration:none;
}

/* our solution css  */
.heading{
    font-family: Poppins;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    color: #212121;
}
.sbos-container {
    display: flex;
    margin-top: 35px;
}
.sbos-elements a {
    color: #222222;
    /* margin: auto; */
    height: auto;

}
.sbos-elements {
    margin: 12px;
    background: #FFFFFF;
    border: 0.919176px solid #DEDEDE;
    box-shadow: 12.0206px 11.3688px 0px rgba(18, 17, 17, 0.07), 7.0777px 6.69393px 0px rgba(18, 17, 17, 0.050624), 3.63502px 3.43791px 0px rgba(18, 17, 17, 0.039312), 1.4617px 1.38244px 0px rgba(18, 17, 17, 0.030688), 0.326959px 0.30923px 0px rgba(18, 17, 17, 0.019376);
    border-radius: 27.5753px;
    width: 100%;
}
.sbos-elements div{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    margin: 5%;
    height: 100%;
}
.sbos-elements img {
    max-width: 100px;
    max-height: 100px;
}
.sbos-elements h3{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0px;
    margin-top: 10px;
    text-align: center;
}
.sbos-elements p{
    margin-top:3px;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 22px;
}

/* our solution css end */

/* state board popup start  */
.sbpopup{
    position: fixed;
    top: 22%;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    display: flex;
    left: 18%;
    justify-content: center;
}
.sbpopup-main{
  max-width: 420px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(113, 113, 122, 0.5);
  border-radius: 40px;
  padding-top: 35px;
  text-align: center;
  padding-bottom: 31px;
}
.sbpopup-country-container {
    height: 450px;
    max-width: 417px;
    overflow-y: auto;
    width: 100%;
    text-align: center;
}
.stateboard-oursolution {
    margin: 100px 0px;
}

.sbpopup-country-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sbpopup-country {
    height: 50px;
    padding: 10px 15px 10px 15px;
    text-align: center;
    margin: 5px 15px 5px 15px;
}
.sbpopup-country:hover{
  background: rgba(0, 119, 255, 0.7);
  border-radius: 50px;
}
.sbpopup-country-list a {
    text-decoration: none;
    font-family: Open Sans;
    font-size: 17px;
    font-weight: 600;
    color: #71717A;
    cursor: pointer;
}
.sbpopup-country:hover{
  color: #fff;
}

 /* scrollbar customization */

 .sbpopup-country-container::-webkit-scrollbar {
  width: 3px;
}

.sbpopup-country-container::-webkit-scrollbar-track {
  background-color: #F2F2F2; 
}

.sbpopup-country-container::-webkit-scrollbar-thumb {
  background-color: #0077FFB2;
  border-radius: 2px;
}
.sbpopup-country-container::-webkit-scrollbar-track-piece {
  background-color: #F2F2F2; /* Set the background color of the scrollbar runner */
}


.sbpopup-country-container::-webkit-scrollbar-thumb:hover {
  background-color: #0077FF;
}

.sbpopup-country-container::-webkit-scrollbar-corner {
  background-color: transparent;
}

.sbpopup-country-container::-webkit-scrollbar-thumb:vertical {
  height: 2px;
}

.sbpopup-country-container::-webkit-scrollbar-thumb:horizontal {
  width: 2px;
  border-radius: 2px;
}

.sbpopup-country-container::-webkit-scrollbar-thumb:vertical:hover,
.sbpopup-country-container::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0077FF;
}
/* state board popup end  */

/* stories that inspire */
.stateboard-stories-container {
    display: flex;
    justify-content: center;
    margin: 70px 0px;
}
.stateboard-stories-block {
    border: 1px solid #DEDEDE;
    box-shadow: 13.0775px 12.3684px 0px rgba(18, 17, 17, 0.07), 7.70005px 7.28253px 0px rgba(18, 17, 17, 0.050624), 3.95465px 3.74021px 0px rgba(18, 17, 17, 0.039312), 1.59023px 1.504px 0px rgba(18, 17, 17, 0.030688), 0.355709px 0.336421px 0px rgba(18, 17, 17, 0.019376);
    border-radius: 25px;
    max-width: 340px;
    margin: 20px;
    width: 100%;
    padding: 16px 20px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.with-background {
    background-image: url('https://idreameducation.org/assets/images/state-board/iprep-learning-app-for-students.webp');
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border: none;
}
.with-background h3, .with-background  p, .with-background  a, .with-background  .date{
    color: white;
}
.stateboard-stories-block h3 {
    margin: 15px 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
}
.stateboard-stories-block .date{
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}
.stateboard-stories-block p {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.01em;
    text-align: left;

}
.stateboard-stories-block a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
/* stories that inspire container end */


    /* new contact footer start */
    /* web view start */


    .contact-container {
        background-color: #CDF0F9;
        /* margin: 10px 100px; */
        padding: 80px 108px 80px 108px;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .contact-container-img {
        width: 525px;
    }

    .contact-container-text {
        max-width: 600px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }


    .contact-container-text p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 24px;
        text-transform: capitalize;
        color: #323232;
        /* padding: 15px 0px; */
        text-align: left;
        /* max-width: 335px; */
        line-height: 40px;
        width: 100%;
    }

    .contact-container-text button {
        border: none;
        background: #FFFFFF;
        border-radius: 7.61828px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.01em;
        color: #14B1E7;
        padding: 10px 40px;
        text-align: center;
        margin-bottom: 0px;
    }

    .contact-container-text button a {
        color: #14B1E7;
    }
    .connect {
        /* width: 100%; */
        padding: 0;
        margin-top: 100px;
        margin-bottom: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sbm-button {
        margin-top: 30px;
    }

    /* .web-view  end */
    /* new contact footer end */


    /* for 1200px below screen*/
    @media screen and (max-width: 1200px) {
        .stateboard-container .sb-heading-text h1{
            font-size: 40px;
            line-height: 1.4;
        }
    }
    

    /* for 1050px below screen*/
    @media screen and (max-width: 1050px) {
        .stateboard-container .sb-heading-text h1{
            font-size: 30px;
        }
    }
/* for 992px below screen */

/* mobile version start */
@media screen and (max-width: 992px) {
    .web-view{
        display:none;
    }
    .mobile-view{
        display: block;
    }
    .sbm-text {
        margin: 35px 0px;
    }
    div#mainsb {
        margin-top: 105px;
    }
    .sbpopup {
        left: 0%;
        padding: 0px 15px;
    }
    .sbm-text h2{
        font-family: Poppins;
        font-size: 21px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #212121;
    }
    .stateboard-mobile {
        /* padding: 18% 0% 35% 0%; */
    }
    .sbm-location {
        background: #FFFFFF;
        border: 0.310198px solid #DEDEDE;
        box-shadow: 4.05663px 3.83666px 0px rgba(18, 17, 17, 0.07), 2.38854px 2.25903px 0px rgba(18, 17, 17, 0.050624), 1.22672px 1.16021px 0px rgba(18, 17, 17, 0.039312), 0.493286px 0.466538px 0px rgba(18, 17, 17, 0.030688), 0.11034px 0.104357px 0px rgba(18, 17, 17, 0.019376);
        border-radius: 6.20396px;
        max-width: 150px;
        min-width: 140px;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 5px;
    }
    .sbm-location-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-top: -50%;
        margin-left: 60%;
        margin-bottom: 38%;
        padding-right: 10px;
    }
    .sbm-location-icon {
        max-width: 60px;
        margin-right: 10px;
        min-width: 45px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sbm-location-text h3, p {
        margin: 0px;
    }
    .sbm-location-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .sbm-location-text h3{
        font-family: Inter;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        color: #212121;
    }
    .sbm-location-text p{
        font-family: Inter;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }
    .sbm-location-icon img {
        min-height: 25px;
        max-height: 40px;
        max-width: 50px;
        min-width: 25px;
        width: 100%;
        height: 100%;
    }
    .sbm-button {
        margin: 35px 0px;
    }   
    .stateboard-container .sb-heading-text {
        font-size: 30px !important;
    }
    .stateboard-container .sb-heading-text h1 {
            line-height: 40px;
            margin: 0px auto auto -100px;
    }
    .stateboard-container .sb-subheading-text p {
        font-size: 16px;
        line-height: 22px;
    }
    .stateboard-container .sb-subheading-text {
        margin: 15px auto 30px auto;
    }
    .sb-location-lang {
        margin: 30px auto auto auto;
    }   
    .sb-location-text h3 {
        font-size: 30px;
    }
    .sbos-elements h3{
        margin: 15px;
    }
    .sbos-elements img {
        max-width: 130px;
        max-height: 130px;
    }
    .sb-location {
        justify-content: space-around;
        padding: 5px 15px 5px 15px;
    }
    .sb-location-icon {
        max-width: 55px;
        min-width: 55px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sb-button-mob button {
        font-size: 18px;
        padding: 12px 38px;
        margin-top: 25px;
        width: 100%;
        text-decoration: none;
        border: 3px solid #0FBEE9;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        background: white;
        text-align: left;
        color: #0FBEE9;
        border-radius: 40px;
        cursor: pointer;
    }
    .sbm-subheading-container p {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #575756;
    }
    .sb-button-mob button {
        display: block !important;
        margin: 20px auto;
    }
    .sbm-button button {
        display: none;
    }
    .heading{
        font-family: Poppins;
        font-size: 32px;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;

    }

    .stateboard-oursolution-container {
        /* margin: 0px 30px; */
    }
    .slider-container {
        position: relative;
        margin: 0px 50px;
        overflow: hidden;
    }

    .slider {
        display: flex;
        transition: transform 0.3s ease;
    }

    .slidex {
        flex-shrink: 0;
        display: flex;
        width: 100%;
        height: 300px;
        justify-content: center;
        align-items: center;
     } 

    .slider-arrows {
        position: absolute;
        margin-top: -150px;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .slider-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        font-size: 20px;
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .left-arrow {
        left: 10px;
    }

    .right-arrow {
        right: 10px;
    }
    .sbos-elements a {
    color: #222222;
    /* margin: auto; */
    height: auto;
    display: flex;
    justify-content: space-between;
}
    .sbos-elements {
        max-width: 220px;
        max-height: 230px;
        display: flex;
        justify-content: center;
        min-width: 215px;
        min-height: 75%;
    }
        /* slider with stories start */
            
        .sb-slider-container {
        overflow: hidden;
        width: 100%;
        position: relative;
        }

        .sb-slider {
        display: flex;
        transition: transform 0.5s ease-in-out;
        width: 100%;
        }
        
        .sb-slide {
            flex-shrink: 0;
            min-width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sb-slide:last-child {
        margin-right: 0;
        }

        /* connect contact with us */

        .connect{
            display: none;
        }
        
        .contact-container {
            display: none;
        }

        .contactus-statics-img img {
            max-width: 335px;
            width: 100%;
        }

        .contactus-statics-text p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            text-transform: capitalize;
            color: #323232;
            padding: 15px 0px;
            text-align: left;
            max-width: 335px;
        }

        .contactus-statics-text {
            text-align: center !important;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .contactus-static {
            display: block;
            background-color: #CDF0F9;
            padding: 35px 20px;
            border-radius: 20px;
            margin: 50px 20px;
        }

        .contactus-statics-img {
            width: 100%;
            text-align: center;
            margin: 30px 0px;
        }

        .contactus-statics-text button {
            border: none;
            background: #FFFFFF;
            border-radius: 7.61828px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 15.2366px;
            line-height: 28px;
            letter-spacing: 0.01em;
            color: #14B1E7;
            padding: 10px 40px;
            text-align: center;
            margin: 25px 0px;
        }
        .stateboard-oursolution-container {
            margin-top: 40px;
            margin-bottom: 45px;
        }
        .sbos-elements div{
            margin: 0;
            height: auto;
            padding: 0px 18px;
        }

        /* slider with stories end */
}
/* for 992px below screen */
        /* connect with us contact us start */
/* for 768px screen start */
    @media only screen and (max-width: 768px) {
        .slider-arrow{
            width: 35px;
            height: 35px;
        }
        .sb-button-mob button {
            font-size: 16px;
            border: 2px solid #0FBEE9;
            font-weight: 600;
            line-height: 30px;
        }
        .stateboard-stories-block h3 {
            margin: 2px 0px;
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
        }
        .stateboard-stories-block .date {
            font-size: 12px;
            font-weight: 400;
            line-height: 14px;
        }
        .stateboard-stories-block p {
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
        }
        .stateboard-stories-block a {
            font-size: 12px;
            line-height: 26px;
        }
    }
    /* for 768px screen end */
    /* connect with us contact us end */
/* for 600px below screen */
     @media screen and (max-width: 600px) {
      
        .container-1440 {
            padding: 0 22px;
        }
    .sbm-location-container {
        margin-bottom: 30%;
    }
    .sb-slide {
        min-width: 100%;
    }
}
/* for 600px below screen end  */


/* below 375px start */
@media screen and (max-width: 375px) {
    .stateboard-stories-block{
        max-width: 300px;
    }
}

/* below 375px end */

/* below 375px start */
@media screen and (max-width: 325px) {
    .stateboard-stories-block{
        max-width: 275px;
    }
}

/* below 375px end */
/* mobile version end  */

.carousel-inner img {
  width: 100%;
  height: 100%;
  
}
.carousel-control-prev-icon{
  background-image: url('https://www.idreameducation.org/assets/images/home/Group%2011696.png') !important; 
  max-width: 45px;
  max-height: 45px;
  width: 100% !important; 
  height: 100% !important;
  margin-left: -15px;
} 
.carousel-control-next-icon{
  background-image: url('https://www.idreameducation.org/assets/images/home/Group%2011655.png') !important; 
  max-width: 45px;
  max-height: 45px;
  margin-right: -15px;
  width: 100% !important;
  height: 100% !important;
}
.carousel-indicators .active {
    background-color: #1BB1E7;
    border: 1px solid #1BB1E7;
}
.carousel-indicators li {
    margin-right: 5px !important;
    margin-left: 5px !important;
    background-color: #D9D9D9;
    width: 9px !important;
    height: 9px !important;
    margin-top: 0px;
}   

.carousel-inner {
    padding-bottom: 20px;
}
.arrow-sbip-slider{
    display: none !important;
}