html{
    scroll-behavior: smooth !important;
}

.bg-gray{
   background-color: #ECECEC !important;
}


@font-face {
    font-family: 'Kalpurush','Poppins', sans-serif;
    src: url('{% static "fonts/Roboto-Regular.ttf" %}') format('ttf')');
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
}
.mysmallhr{
   width: 30px !important;
   height: 3px !important;
}
.fs-small{
   font-size: 15px !important;
}

a{
   text-decoration: none !important;
}
.w-90{
  width: 90% !important;
}

h1,h2,h3,h4,h5,p,i,li,a,select,label,th,td{
   font-family: 'Scada', sans-serif;
} 

::placeholder {
   font-family: 'Scada', sans-serif ;
 }

textarea{
   resize: none ;
   border-radius: 10px;
 }
textarea:focus {
   outline: none !important;
 
 }

 .sticky-lg-top{
   margin: 0 !important;
 }

 .pipa-23-video{
   height: 480px !important;
 }

/*
.scroll-top{
  position:fixed !important;
  bottom:0 !important;
  right:5% !important;
  bottom: 5% !important;
}
.scroll-top:hover{
   background-color: white !important;
}
*/


/* header section starts */

.upper-nav{
   background-color: #3F3836 !important;
}
.upper-nav span{
   font-size: 13px !important;
}
.header{
    width: 100% !important;
    margin: 0 auto !important;
}

.mynavbar li a{
    text-transform: uppercase !important;
    font-size: 13px !important;
    margin: 1px 5px !important;
    color: black !important;
}

.mynavbar li a:hover{
   color: #139ae9 !important;
}

.mynavbar li i:hover{
   color: #139ae9 !important;
}

.dropdown-menu{
   left: auto !important;
   top: auto !important;
}


.dropdown-menu li a{
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.navbar-nav li:hover>ul.dropdown-menu{
   display: block !important;
}

.dropdown-submenu{
   position: relative !important;
}

.dropdown-submenu>.dropdown-menu{
   top: 0 !important;
   margin-top: -5px !important;
   right: 100% !important;
}
/* header section ends */

/* slider starts */
.carousel-caption{
   left:0 !important;
}
/* slider ends */
/* mainbody */
 .mainbody{
    width: 100% !important;
 }
 .logos img{
    width: 100px !important;
    margin-top: 15px;
 }

 .home-blockqoute{
    background: #f8fffe;
    border: 1px solid #b0d2cb;
    border-left: 10px solid #b0d2cb !important;
    color: #0b4237;
    height: fit-content !important;
    
 }

 .testimonials{
   width: 98% !important;
 }

 .home-blockqoute .blockquote-text{
    font-family: 'Gelasio', serif;
    font-style: italic;
    margin: 0;
 }

 .blockquote-text-original::before{
    content: "\201c";
    font-size: larger;
 }
.blockquote-text-original::after{
    content: "\201d";
    font-size: larger;
 }

 .home-blockqoute .blockquote-credit{
    font-weight: bold;
    font-style: normal;
    text-align: right;
    font-size: large;
 }

 .medialogos img{
   width: 100px !important;
   margin-top: 15px;
}

.contest{ 
    background-color: #2A6877 !important;
}

.mycard{
   width: 180px;
   border-top: 5px solid #6A89C8 !important;
}
.circle {
   background: #2A6877 !important;
   border-radius: 50%;
   width: 145px !important;
   height: 135px !important;
}

.circle-social {
   background:  rgba(0,0,0,0.3) !important;
   border-radius: 50% !important;
}

.circle-social:hover {
   background:  #E34234 !important;
   border-radius: 50% !important;

}
.mycard-text{
   font-size: 12px !important;
   text-align: center !important;
}

.social-link {
   margin: 0px 5px !important;
   color: white !important;
}
.footer-nav a:hover{
   color: #136EF0 !important;
}

.join_contest:hover{
   background-color: #6A89C8 !important;
}

.join_contest{
   border-color: #6A89C8 !important;
}
.join-member{
   background-color: #282A2D !important;
}
/* mainbody */

/* footer */
.footer{
   background-color: #3F3836 !important;
}

.explore a{
   font-weight: 300 !important;
   font-size: 13px !important;
}

.explore a:hover{
   color: tomato !important;
}
/* footer */




/* reponsive design */

@media only screen and (min-width : 1200px) {
.logos img{
        width: 150px !important;
        margin: 2px 3px;
     }
.medialogos img{
      width: 150px !important;
      margin: 2px 3px;
   }
.youtube-video{
        width: 450px !important;
        height: 310px !important;
     }
/* .carousel-item img{
       height: 600px !important;
     } */
.testimonials{
      width: 44% !important;
      
     }
.notice-image{
      width: 900px !important;
      height: 425px !important;
     }
     
}


@media only screen and (min-width : 992px) and (max-width : 1200px)  {
.upper-nav span{
      font-size: 10.45px !important;
   }
.mynavbar li a{
      font-size: 13px !important;   
  }
/* .carousel-item img{
      height: 500px !important;
    } */
.logos img{
        width: 120px !important;
        margin: 2px 1px !important;
     }
.medialogos img{
      width: 120px !important;
      margin: 2px 1px !important;
   }
.youtube-video{
        width: 400px !important;
        height: 320px !important;
     }
.mynavbar li a{
      font-size: 11px !important;
   }
.testimonials{
      width: 43% !important;
     }
.notice-image{
      width: 750px !important;
      height: 375px !important;
     }
}

@media only screen and (max-width : 991px) and (min-width : 768px) {

/* .carousel-item img{
      height: 430px !important;
    } */
   .youtube-video{
        width: 440px !important;
        height: 300px !important;
     }
   .mynavbar li a{
      font-size: 12px !important;
   }
   .notice-image{
      width: 80% !important;
     }
}
@media only screen and (max-width : 991px) {
   
.navbar-collapse {
       margin-top: 3px;
       padding: 1px 5px !important;
       background: rgb(255, 208, 0) !important;
  }
.carousel-caption{
   font-size: small !important;
}
.logos img{
    width: 130px !important;
    margin: 5px 8px !important;
 }

 .medialogos img{
   width: 130px !important;
   margin: 5px 8px !important;
}
.pipa-23-video{
   height: 400px !important;
 }

}

@media only screen and (max-width: 767px) {
.logos img{
        width: 100px !important;
        margin: 4px 3px !important;
     }
.medialogos img{
      width: 100px !important;
      margin: 4px 4px !important;
   }
.youtube-video{
      width: 315px !important;
      height: 260px !important;
   }
.home-blockqoute .blockquote-credit{
      
      font-size: small;
   }
.pipa-23-video{
      height: 325px !important;
    }
/* .carousel-item img{
      height: 325px !important;
    } */
.home-blockqoute .blockquote-text{
      font-size: small;
   }
.notice-image{
      width: 90% !important;
     }
.mycard{
      width: 250px !important;
   }
.judge_panel img{
      width: 175px !important;
   }
   
}

@media only screen and (max-width: 600px) {
.logos img{
        width: 90px !important;
        margin: 3px 2px !important;
     }
.medialogos img{
      width: 90px !important;
      margin: 3px 3px !important;
   }
.mynavbar li a{
      font-size: 12px !important;
   }
   
}