body {
font-family: "Merriweather Sans", sans-serif;
color: #fff;
text-align: left;
font-size: 14px; position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
}  * {
margin: 0;
padding: 0;
outline: none; }
img, fieldset {
border: 0; }
a {
text-decoration: none; }
.clear {
clear: both; } h1, h2, h3, h4, h5, h6, p, a, ul, ol {
margin: 0;
padding: 0; } header {
width: 100%;
top: 0;	
}
.header-top{
background: transparent;
margin-top: 40px;
margin-bottom: 10px;
z-index: 999;
position: relative;
}  
.header-bg{
background: linear-gradient(90deg, #ECAD1B 0%, #FFE864 63.94%, #F6CA3A 100%);
border-radius: 10px;
}
ul.social-link {
list-style: none;
text-align:right;
}
ul.social-link>li {
display: inline-block;
margin-left: 15px;
}
ul.social-link>li>a {
background: transparent;
width: 35px;
height: 35px;
border-radius: 5px;
font-size: 16px;
border: 1px solid #fff;
line-height: 35px;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
ul.social-link>li>a:hover {
background: #fe0405;
color: #fff;
border: 1px solid #fe0405;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
.scroll-header {
position: relative;
z-index: 1;
}
.fixed-header {
top: 0;
left: 0;
width: 100%;
z-index: 9999;
margin-top: 0;
position: fixed;
transition: all 0.5s ease;
}
.logo-box{
padding:10px 0px;
}
.logo-mobile{
display:none;
}
.navbar{
padding: 0px 0px;
}
.search-icon{ display: flex;
width: 34px;
height: 34px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 64px;
background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
}
ul.main-nav {
list-style: none; justify-content: space-around;
flex-wrap: wrap;
margin-top: 50px;
width: 100%;
}
ul.main-nav >li {  position:relative;
}
ul.main-nav >li>a { 
color: #fe0405;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 35px;
text-transform:capitalize;
padding:0px !important;
position:relative;
transition:ease-in-out 0.2s;
-webkit-transition:ease-in-out 0.2s;
-moz-transition:ease-in-out 0.2s;
}
ul.main-nav >li>a:hover{
color: #fff;
transition:ease-in-out 0.2s;
-webkit-transition:ease-in-out 0.2s;
-moz-transition:ease-in-out 0.2s;	
}
.icon-bar{
height: 5px;
background-color:#fe0405;
width: 100%;
margin-bottom: 5px;
display: block; 
}
.icon-bar:focus {	
border: none;
}
.navbar-toggler-icon {
height: auto !important;
}
.navbar-toggler:focus {
outline: none; 
}   .home-banner{
position:relative;
margin-top:-216px;
}
.banner{
background:url(//magicbauliana.com.bd/wp-content/themes/magicbaulianatheme/images/magic-bauliana-banner.jpg)no-repeat;
max-width:100%;
min-height:903px;
background-size:cover;
margin-top:-264px;
}
.banner-small-title{
color: #353F4D;
font-family: "Albert Sans";
font-size: 16px;
line-height:22px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
}
.banner-title{
overflow: hidden;
color: #6D1631;
font-family: "Albert Sans";
font-size: 55px;
line-height:65px;
font-style: normal;
font-weight: 700;
line-height: 55px; }
.banner-para{
color: #353F4D;
font-family: "Albert Sans";
font-size: 16px;
line-height:22px;
font-weight: 400;
}
a.banner-btn{
display: flex;
width: 192px;
height: 50px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
background: #353F4D;
color: #FFF;
font-family: "Albert Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top:50px;
text-decoration: none;
text-transform: capitalize;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
a.banner-btn:hover{
background: #6D1631;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
.content-common-title{
color: #000;
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 65px;
text-align:center;
padding-bottom:15px;
border-bottom:5px solid #56c140;	
}
.content-common-title-2, .content-common-title-4{
border-bottom:5px solid #fb4545;	
}
.common-para{
color: #353F4D;
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
ul.common-tabin{
border-bottom: none;
justify-content: end;
}
ul.common-tabin>li{
margin-right: 3px;
margin-bottom: 10px;
}
ul.common-tabin>li>a{
display: flex;
width: 130px;
height: 45px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px !important;
background: #fff;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 19.2px;
margin-bottom: 0px !important;
border: 2px solid #000 !important;
letter-spacing: 1px;
}
ul.common-tabin>li>a:hover{
color: #fff !important;
background: #000 !important;
}
ul.common-tabin>li>a.active{
color: #fff !important;
background: #000 !important;
}
.common-tabin-tab-content{
margin:0;
padding:0;
}
.common-tabin-2{
position: absolute;
top: 35px;
right: 10px;
}
.mnemonic-wraper{
display: flex;
justify-content: center;
align-items: center;
background: #8d0001;
}
ul.jury-list{
list-style:none;
display:flex;
justify-content:space-between;
}
ul.jury-list>li{
flex-basis:32%;
display: flex;
justify-content: space-between;
}
.jury-wraper{ margin-right: 10px;	
flex-basis: 75%;
text-align: center;
}
.jury-wraper>h3{
font-size:21px;
font-weight:400;
line-height:25px;
margin-top:10px;
margin-bottom:5px;
color:#000;
}
.jury-wraper>h5{
font-size:16px;
font-weight:400;
line-height:20px;
color:#000;
}
.jury-wraper>img{
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
.jury-wraper>img:hover{
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
transform:scale(1.04,1.04);
}
ul.jury-list>li>p{
width: 100%;
}
ul.winner-list{
list-style:none;
display:flex;
justify-content:space-between;
}
ul.winner-list>li{
flex-basis:33%;
color:#000; 
text-align:center;
}
ul.winner-list>li>h2{
font-size:32px;
font-weight:400;
line-height:38px;
margin:10px;
}
ul.winner-list>li>h3{
font-size:18px;
font-weight:400;
line-height:24px;
margin-bottom:10px;
}
ul.winner-list>li>h5{
font-size:18px;
font-weight:400;
line-height:24px;
}
ul.winner-list>li>img{
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
ul.winner-list>li>img:hover{
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
transform:scale(1.04,1.04);
}
ul.video-list{
list-style:none;
display:flex;
justify-content:space-between; margin-top:30px;
margin-bottom:30px;
}
ul.video-list>li{
display: flex;
flex-direction: column;
align-items: center;
gap: 42px;
}
ul.video-list>li>a{
text-decoration:none;
position:relative;
}
.video-icon{
position:absolute;
left:40%;
right:40%;
top:45%;
bottom:45%;
}
ul.video-list>li>a>img{  object-fit:cover;
width:100%;
}
ul.video-list>li>a>h3{
color: #000;
font-size: 35px;
font-weight: 400;
line-height:  40px;
margin-bottom:20px;
text-align:center;
}
.org-list-tab{
gap:18px;
}
.org-list-tab>a{
width: 65px;
height: 65px;
padding: 10px;
border-radius: 15px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #000 !important;
transition: ease-in-out 0.8s;
-webkit-transition: ease-in-out 0.8s;
-moz-transition: ease-in-out 0.8s;  text-decoration: none !important;
margin-top: 0 !important;
}
.org-list-tab>a:after{
content:"";
}
.org-list-tab>a>i{
font-size: 36px;
}
.org-list-tab>a:hover{
background:#BA1C24;
color: #fff !important;
transition: ease-in-out 0.8s;
-webkit-transition: ease-in-out 0.8s;
-moz-transition: ease-in-out 0.8s;
}
.org-list-tab .swiper-button-prev{
left:15px;
}
.org-list-tab .swiper-button-next{
right:15px;
}
.swiper-button-next, .swiper-button-prev {
color:#25967a  !important;
}
.aigpl-gallery-slider .slick-prev {
left: 0px;
}
.aigpl-gallery-slider .slick-next {
right: 0px;
}
.aigpl-gallery-slider .slick-arrow {
position: absolute;
top: 35%;
z-index: 9;
padding: 0;
margin: 0px;
display: flex;
background-color: #fff;
text-align: center;
width: 65px;
height: 65px;
cursor: pointer;
border-radius: 15px;
justify-content: center;
align-items: center;
}
.aigpl-gallery-slider .slick-arrow svg {
fill: #000;
height: 70%;
width: 60%;
vertical-align: middle;
display: inline-block;  line-height: 65px;
}
.aigpl-gallery-slider .slick-dots {
display:none !important;
}
.countdown-wraper{
position: absolute;
top: 40%;
right: 10%;
}
#headline{
font-size: 20px;
line-height: 30px;
padding: 5px;
color: #fff;
border: 2px solid #fff;
margin-bottom: 5px;
background: #00000045;
border-radius: 10px;
text-align: center;
font-weight: 300;
}
ul.countdown-list{
list-style:none;
display: flex;
justify-content: space-between;
}
ul.countdown-list>li {
flex-basis:32%;
display: inline-block;
font-size: 20px;
list-style-type: none;
padding: 0px 10px;
margin-right: 3px;
text-transform: uppercase;
color: #fe0405;
background: #fff;
border-radius: 10px;
text-align: center;
}
ul.countdown-list>li span {
display: block;
font-size: 20px;
}
a.countdown-btn{
background: #fff;
color: #fe0405;
height: 80px;
font-size: 40px;
line-height: 80px;
text-align: center;
display: block;
text-decoration: none;
margin-bottom: 5px;
border-radius: 10px;
padding: 0px 10px;
}
a.view-all-btn {
background: #fe0405;
color: #fff;
height: 50px;
font-size: 25px;
line-height: 50px;
text-align: center;
display: flex;
justify-content: center;
border-radius: 10px;
padding: 0px 10px;
margin: 0 auto;
margin-bottom: 10px;
width: 200px;
text-decoration: none;
}
div#n2-ss-2 .n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading {
background: #fff !important;
border: 0px solid #000 !important;
border-radius: 10px !important;
}
.content-top-header {
font-size: 55px;
font-weight: 600;
line-height: 65px;
color: #000;
text-align: center;
border: 5px solid #fe0405;
padding: 15px 15px;
}
.content-top-header>span{
color:#f2bd2f;
font-weight: 900;
}
.banner-common-title{
color: #FFF;
font-family: Inter;
font-size: 46px;
font-style: normal;
font-weight: 500;
line-height: 55.2px;
text-transform: uppercase;
}
.fancybox-content{
border-radius: 8px;
max-width: 600px;
}
.fancybox-slide--html .fancybox-close-small {
background: #1e4360;
}
.fancybox-button svg {
color: #fff;
}  footer {
background: #f2ebe7;
color: #fff;
} #ajaxsearchlite1 .probox, div.asl_w .probox {
height: 45px !important;
background-image: radial-gradient(ellipse at center,#31471f,#003d23) !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
height: 45px !important;
}
div.asl_w .probox .promagnifier {
width: 45px !important;
height: 45px !important;
background-image: linear-gradient(180deg,#056e42,#299164)!important;
}
div.asl_r.vertical {
background: #21b92e !important;
}
div.asl_m .probox .proclose svg {
background: #21b92e !important;
margin-top: -5px !important;
}
.search-modal .modal-dialog {
margin-top: 10%;
}
.search-modal .modal-content{
padding-top: 30px;
} @media (min-width: 1299.98px) {
.container {
max-width: 1300px;
}
}
@media (min-width: 1499.98px) {
.container {
max-width: 1500px;
}
}
@media (min-width: 1699.98px) {
.container {
max-width: 1725px;
}
}
@media (max-width: 1599.98px) {
}
@media (max-width: 1399.98px) {
ul.main-nav >li>a {
font-size: 22px;
line-height: 30px;
}
.content-top-header {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 1299.98px) {
.content-common-title {
font-size: 30px;
}
ul.video-list>li>a>h3{
font-size:30px;
line-height:35px;
}
}
@media (max-width: 1199.98px) {
ul.main-nav >li {
padding: 0px 4px;
}
ul.main-nav >li>a {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 1099.98px) {
}
@media (max-width: 991.98px) {
.logo-mobile{
display:block;
margin:4px 0px;
width: 75px;
}
.logo-box{
display:none;
}
ul.main-nav{
margin-top:5px;
}
ul.main-nav >li {
text-align:center;
background: none;
border-bottom: 1px solid #3333331c;
padding-left:0px;
padding:10px 0px;
border-right:none;
}
ul.main-nav >li>a{
line-height:20px;
}
ul.main-nav >li>a:after{
content:none;
}
.header-top {
margin-top: 5px;
}
}
@media (max-width: 767.98px) {
.home-banner {
margin-top: -169px;
}
ul.jury-list {
flex-wrap: wrap;
}
ul.jury-list>li {
flex-basis: 100%;
margin-bottom: 30px;
}
.content-common-title {
font-size: 25px;
line-height: 30px;
}
.content-common-title-2, .content-common-title-3 {
padding-bottom: 70px;
}
ul.common-tabin {
justify-content: center;
}
.common-tabin-2 {
top: 60px;
right: 20%;
}
ul.winner-list {
flex-wrap: wrap;
}
ul.winner-list>li {
flex-basis: 100%;
margin-bottom:20px;
}
ul.social-link {
text-align:center;
}
ul.video-list>li>a>h3{
font-size:25px;
line-height:30px;
}
.content-top-header {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 575.98px) {
.home-banner {
margin-top: 0px;
}
.header-bg {
border-radius: 0px;
}
.header-top {
background: #cf1313;
margin:0;
padding: 5px;
}
.countdown-wraper {
top: 14%;
right: 2%;
}
.banner{
min-height:300px;
}
}
@media (max-width: 500px) {
ul.jury-list>li { 
display: block;
}
.countdown-wraper {
top: 35%;
right: 1%;
}
a.countdown-btn {
height: 35px;
font-size: 23px;
line-height: 35px;
padding: 0px 5px;
}
#headline {
font-size: 13px;
line-height: 20px;
padding: 5px;
}
ul.countdown-list>li {
font-size: 12px;
line-height: 17px;
padding: 2px 5px;
margin-right: 3px;
}
ul.countdown-list>li span {
display: block;
font-size: 15px;
}
.content-top-header {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 480px) {
.banner-title {
font-size: 40px;
line-height: 50px;
}
.banner-small-title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 450px) {
}
@media (max-width: 400px) {
}
@media (max-width: 380px) {
}
@media (max-width: 350px) {
.banner-title {
font-size: 35px;
line-height: 45px;
}
.banner-small-title {
font-size: 25px;
line-height: 35px; 
}
}