/* Flex */
.df {display: flex;}
.dfc {flex-direction: column;}
.dfr {flex-direction: row;}
.jcfs {justify-content: flex-start;}
.jcc {justify-content: center;}
.jcfe {justify-content: flex-end;}
.jcsb {justify-content: space-between;}
.jcsa {justify-content: space-around;}
.aifs {align-items: flex-start;}
.aic {align-items: center;}
.aife {align-items: flex-end;}
.aist {align-items: stretch;}
.aib {align-items: baseline;}
.asfs {align-self: flex-start;}
.asc {align-self: center;}
.asfe {align-self: flex-end;}
.asfs {align-self: stretch;}
.asb {align-self: baseline;}
.fw {flex-wrap: wrap;}
.fwn {flex-wrap: nowrap;}
.fwr {flex-wrap: reverse;}
.fws {flex-wrap: wrap-reverse;}

/* Grid */
.gtc {grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}

/* Heights */
.vh-100 {min-height: 100vh;}
.vh-95 {min-height: 95vh;}
.vh-90 {min-height: 90vh;}
.vh-85 {min-height: 85vh;}
.vh-80 {min-height: 80vh;}
.vh-75 {min-height: 75vh;}
.vh-70 {min-height: 70vh;}
.vh-65 {min-height: 65vh;}
.vh-60 {min-height: 60vh;}
.vh-55 {min-height: 55vh;}
.vh-50 {min-height: 50vh;}
.vh-45 {min-height: 45vh;}
.vh-40 {min-height: 40vh;}
.vh-35 {min-height: 35vh;}
.vh-30 {min-height: 30vh;}
.vh-25 {min-height: 25vh;}
.vh-20 {min-height: 20vh;}
.vh-15 {min-height: 15vh;}
.vh-10 {min-height: 10vh;}
.vh-5 {min-height: 5vh;}

/* Widths */
.w100{width: 100%;}



/* Forms */


.bs{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.btn-d{
    background-color: #36449C;
    color: white;
}

.btn-d:hover{
    background-color: #1B75BC;
    color: white;
}

.btn-d-outline{
    background-color: transparent;
    color: #36449C;
    border: 1px solid #36449C;
}

.btn-d-outline:hover{
    background-color: #36449C;
    color: white;
}

.btn-l{
    background-color: #1B75BC;
    color: white;
}

.btn-l:hover{
    background-color: #36449C;
    color: white;
}

.btn-l-outline{
    background-color: transparent;
    color: #1B75BC;
    border: 1px solid #1B75BC;
}

.btn-l-outline:hover{
    background-color: #1B75BC;
    color: rgb(255, 255, 255);
}

.d{
    color: #36449C;
}

.l{
    color: #1B75BC;
}

.bg-l{
    background-color: #1B75BC;
    color: white;
}

.bg-d{
    background-color: #36449C;
    color: white;
}

.bg-t{
    background-color: #e8e8e8;
}

.link-l{
    color: #1B75BC;
}

.link-l:hover{
    color: #36449C;
}

.link-d{
    color: #36449C;
}

.link-d:hover{
    color: #1B75BC;
}



#dm{
    cursor: pointer;
}





.profile-pic{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid #1B75BC;
    object-fit: cover;
}












.lab{
    background-color: rgb(235, 235, 235);
}





/* Signup */

::-webkit-scrollbar{
    width: 6px;
}

::-webkit-scrollbar-thumb{
    background: #1B75BC;
    border-radius: 20px;
}
::-webkit-scrollbar-track-piece{
    background-color: rgb(0, 0, 0);
}




.noto{
    /* Flex */
.df {display: flex;}
.dfc {flex-direction: column;}
.dfr {flex-direction: row;}
.jcfs {justify-content: flex-start;}
.jcc {justify-content: center;}
.jcfe {justify-content: flex-end;}
.jcsb {justify-content: space-between;}
.jcsa {justify-content: space-around;}
.aifs {align-items: flex-start;}
.aic {align-items: center;}
.aife {align-items: flex-end;}
.aist {align-items: stretch;}
.aib {align-items: baseline;}
.asfs {align-self: flex-start;}
.asc {align-self: center;}
.asfe {align-self: flex-end;}
.asfs {align-self: stretch;}
.asb {align-self: baseline;}
.fw {flex-wrap: wrap;}
.fwn {flex-wrap: nowrap;}
.fwr {flex-wrap: reverse;}
.fws {flex-wrap: wrap-reverse;}

/* Grid */
.gtc {grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}

/* Heights */
.vh-100 {min-height: 100vh;}
.vh-95 {min-height: 95vh;}
.vh-90 {min-height: 90vh;}
.vh-85 {min-height: 85vh;}
.vh-80 {min-height: 80vh;}
.vh-75 {min-height: 75vh;}
.vh-70 {min-height: 70vh;}
.vh-65 {min-height: 65vh;}
.vh-60 {min-height: 60vh;}
.vh-55 {min-height: 55vh;}
.vh-50 {min-height: 50vh;}
.vh-45 {min-height: 45vh;}
.vh-40 {min-height: 40vh;}
.vh-35 {min-height: 35vh;}
.vh-30 {min-height: 30vh;}
.vh-25 {min-height: 25vh;}
.vh-20 {min-height: 20vh;}
.vh-15 {min-height: 15vh;}
.vh-10 {min-height: 10vh;}
.vh-5 {min-height: 5vh;}

/* Widths */
.w100{width: 100%;}



/* Forms */


.btn{
    cursor: pointer;
}


.bs{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.btn-d{
    background-color: #36449C;
    color: white;
}

.btn-d:hover{
    background-color: #1B75BC;
    color: white;
}

.btn-d-outline{
    background-color: transparent;
    color: #36449C;
    border: 1px solid #36449C;
}

.btn-d-outline:hover{
    background-color: #36449C;
    color: white;
}

.btn-l{
    background-color: #1B75BC;
    color: white;
}

.btn-l:hover{
    background-color: #36449C;
    color: white;
}

.btn-l-outline{
    background-color: transparent;
    color: #1B75BC;
    border: 1px solid #1B75BC;
}

.btn-l-outline:hover{
    background-color: #1B75BC;
    color: rgb(255, 255, 255);
}

.d{
    color: #36449C;
}

.l{
    color: #1B75BC;
}

.bg-l{
    background-color: #1B75BC;
    color: white;
}

.bg-d{
    background-color: #36449C;
    color: white;
}

.bg-t{
    background-color: #e8e8e8;
}

.link-l{
    color: #1B75BC;
}

.link-l:hover{
    color: #36449C;
}

.link-d{
    color: #36449C;
}

.link-d:hover{
    color: #1B75BC;
}



#dm{
    cursor: pointer;
}





.profile-pic{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid #1B75BC;
    object-fit: cover;
}












.lab{
    background-color: rgb(235, 235, 235);
}





/* Signup */

::-webkit-scrollbar{
    width: 6px;
}

::-webkit-scrollbar-thumb{
    background: #1B75BC;
    border-radius: 20px;
}
::-webkit-scrollbar-track-piece{
    background-color: rgb(0, 0, 0);
}




/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');

.hind-siliguri-light {
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .hind-siliguri-regular {
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .hind-siliguri-medium {
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .hind-siliguri-semibold {
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .hind-siliguri-bold {
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 700;
    font-style: normal;
  }



  .hs{
    font-family: "Hind Siliguri", sans-serif;
  }

  .hind{
    font-family: 'Hind Siliguri', sans-serif;
}
  

  






.navbar-nav .nav-item {
    margin-right: 25px; /* Adjust the value as needed */
}

.navbar-nav .nav-item:last-child {
    margin-right: 0; /* Remove margin from the last item */
}
.nav-item:hover {
    background-color: #a2d1aa;
    color: #276c1c;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all ease-in-out 0.3s;
}

.nav-item {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:2px;
    transition: all ease-in-out 0.3s;
    
}



.nav-active {
    background-color: #b6cfba;
    color: #276c1c;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}




.noto{
    font-family: "Noto Sans Bengali", sans-serif;
}
}





/* Animation */



.section-title {
    margin-top: 40px;
    margin-bottom: 20px;
    color: #495057;
    text-align: center;
}

.feature-icon {
    font-size: 50px;
    color: #0d6efd;
}

.code-snippet {
    background-color: #ebeef1;
    color: #000000;
    padding: 40px;
    padding-bottom: 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-family: monospace;
    overflow-x: auto;
}

.code-snippet-big {
    background-color: #ebeef1;
    color: #000000;
    padding: 20px;
    /* padding-bottom: 7px; */
    border-radius: 8px;
    font-family: monospace;
    overflow-x: auto;
    margin-top: 20px;
    font-size: 24px;
}

.footer {
    background-color: #343a40;
    color: white;
    text-align: center;
    padding: 15px;
    margin-top: 40px;
}