.two-man-home{
        right: 42%;
    margin-bottom: 11px;
    position:relative;
        width: 200% !important;

}

.form-input:focus {
    border: 1px solid transparent!important;
    -webkit-border-image-source: -webkit-linear-gradient(to right, #9face6, #74ebd5)!important;
    -moz-border-image-source: -moz-linear-gradient(to right, #9face6, #74ebd5)!important;
    -o-border-image-source: -o-linear-gradient(to right, #9face6, #74ebd5)!important;
    border-image-source: linear-gradient(to right, #9face6, #74ebd5)!important;
    -webkit-border-image-slice: 1!important;
    border-image-slice: 1!important;
    border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -o-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    background-origin: border-box!important;
    background-clip: content-box, border-box!important;
}
.form-input {
    width: 100% !important;
    border: 1px solid #ebebeb !important;
    border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -o-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    padding: 14px 20px!important;
    box-sizing: border-box!important;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #222!important;
    /* border-width: 0px !important; */
}
.grai_btn {
    /* width: 100%; */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    /* padding: 17px 20px; */
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-image: -moz-linear-gradient(to left, #74ebd5, #9face6) !important;
    background-image: -ms-linear-gradient(to left, #74ebd5, #9face6)!important;
    background-image: -o-linear-gradient(to left, #74ebd5, #9face6)!important;
    background-image: -webkit-linear-gradient(to left, #74ebd5, #9face6)!important;
    background-image: linear-gradient(to left, #74ebd5, #9face6)!important;

}
.box_shad{
        border: 1px solid #80808052;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 1px #b1a9a973;
}
.header_layer{
    background-color: rgb(191 214 231 / 28%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header_title{
   position: absolute;
    top: 36%;
    left: 89px; 
}
.header_title h1
{
    font-size: 62px !important;
    line-height: 49px !important;
    color: #805615 !important;
    font-weight: bold !important;
}
.header_title p{
  font-size:19px;
      line-height: 23px;

}
.header_title h3
{
    font-size: 23px !important;
    /*line-height: 42px !important;*/
    /*color: #805615 !important;*/
    /*font-weight: bold !important;*/
}
.header_title_fees h1{
     font-size: 57px !important;
    line-height: 42px !important;
    color: #fff !important;
    font-weight: bold !important;
        margin-left: 125px !important;

}
.header_title_login{
        /*font-size: 56px !important;*/
    color: #fff !important;
}
.header_title_login h1{
        font-size: 56px !important;
    color: #fff !important;
        line-height: 58px !important;

}
.header_title_login p{
        font-size: 20px ;
    color: #fff !important;
            line-height: 30px !important;

       

}
.header_title_login{
position: absolute;
    top: 34%;
    left: 89px;
}
.surah_color{
        color: #a96600 !important;
    font-size: 21px;

}
.dark_b{
        color: #06068d;
    font-size: 19px;

}

.topic_title_sec {
    padding-top: 22px;
    padding-bottom: 10px;
    background-color: #24272e8a!important;
}
.page_inside_text h1 {
    font-family: 'Mukta', sans-serif;
    font-weight: 600;
    font-size: 40px!important;
    color: #fff!important;
    line-height: 1.1em;
}
.page_inside_text h2{
    font-family: 'Mukta', sans-serif;
    font-weight: 200;
    margin-bottom: 14px!important;
        color: white;
        font-size: 21px !important;


}
.slider_title{
        position: absolute;
    top: 24%;
}

.sticky-tb-color #Top_bar.is-sticky .action_button{
        top: 13px!important;

}
.big {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0px;
}
.bg-gray{
    background-color:#f4f3f9;
}
.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top, .fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title, .button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single>span, .pager-single a:hover, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul, .widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price, .woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, #Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a, .style-simple .quick_fact .title {
    color: #d18e1e !important; }
    .gold_btn{
        
        z-index: 15;     background-color: rgb(221 148 24) !important;
    font-family: 'Mukta'; visibility: visible; text-align: left; line-height: 38px; letter-spacing: 0px; font-weight: 500; font-size: 15px; border-color: rgba(255, 255, 255, 0); border-style: none; margin: 20px; border-radius: 10px; padding: 11px 25px; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; width: auto; height: auto; min-height: 0px; min-width: 0px; max-height: none; max-width: none; filter: blur(0px) grayscale(0%) brightness(100%); opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; border-width: 0px;
    }
  
.time{
        font-size: 130px;
    line-height: 150px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #d18e1e;
}
.time h1{
        color: #d18e1e !important;

}
.blue_text_time_h4 {
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0px;
        font-family: 'Mukta', sans-serif;
    color: #3020a1 !important;

}
.blue_text{
        color: #3020a1;

}
.white-text{
        color: #fff !important;

}
a.button, a.tp-button {
    background-color: #1010a3!important;
    color: #fff;
}
.lesson_div{
  border: 1px solid #ec576680;
padding: 14px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 12px;

}
.blue_text_title_h3{
    line-height: 32px;
    font-weight: 600;
        font-family: 'Mukta', sans-serif;
    color: #170595e3 !important;

}

.lesson_div:hover{
  box-shadow: 0px 0px 6px 1px #b1a6a7eb;
      transform: translateX(0px) translateY(-3px);
      border: 1px solid #ec5766ba;
  }

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;

}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
  .lessons_body{
    background-color: #fff !important;
    text-align: start;
  }
.lessons_body a{
  text-decoration: none;
  color: black;
}
.video_div:hover{
  box-shadow: 0px 0px 6px 1px #b1a6a7eb;
      transform: translateX(0px) translateY(-3px);
      border: 1px solid #ec5766ba;
}
.video_div:hover .video_icon{
  font-size: 22px !important;
}
.video_div{
  border: 1px solid #ec576680;
      padding: 14px;
      background-color: #ec5766;
      border-radius: 8px;
      margin-bottom: 12px;
      color: white;
      font-weight: 500;
}
.video_div p{
  display: contents!important;

}
.video_icon{
  font-size: 19px !important;
vertical-align: middle !important;
margin-top: -2px;

}
.unit_group .panel{
            background-color: #fff;
            border:none;
            box-shadow:none;
            border-radius: 10px;
            margin-bottom:11px;
        }
        .panel .panel-heading{
            padding: 0;
            border-radius:10px;
            border: none;
                line-height: 18px!important;

        }
        .panel-heading button{
            color:#fff !important;
            display: block;
            border:none;
            padding:20px 35px 20px;
            font-size: 20px;
            background-color:rgb(236, 87, 102);
            font-weight:600;
            position: relative;
            color:#fff;
            box-shadow:none;
            transition:all 0.1s ease 0;
                overflow: inherit !important;

        }
        .panel-heading button2:after, .panel-heading button.collapsed:after{
            content: "\f068";
            font-family: fontawesome;
            text-align: center;
            position: absolute;
            left:-20px;
            top: 10px;
            color:#fff;
            background-color:rgb(236, 87, 102);
            border: 5px solid #fff;
            font-size: 15px;
            width: 40px;
            height:40px;
            line-height: 30px;
            border-radius: 50%;
            transition:all 0.3s ease 0s;
            background-image: none !important;
        }
        .panel-heading:hover button:after,
        .panel-heading:hover button.collapsed:after{
            transform:rotate(360deg);
        }
        .panel-heading button.collapsed:after{
            content: "\f067";
        }
        #accordion .panel-body{
            background-color:#Fff;
            color:#8C8C8C;
            line-height: 25px;
            padding: 10px 25px 20px 35px ;
            border-top:none;
            font-size:14px;
            position: relative;
        }
        .unit-button:focus {
    /* z-index: 3; */
    border: 0px !important;
    box-shadow: none !important;
}
.unit-button:not(.collapsed) {
    background-color: #ec5766 !important;
    box-shadow: none !important;
}
.lesson_div{
  border: 1px solid #ec576680;
padding: 14px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 12px;

}
.lesson_div:hover{
  box-shadow: 0px 0px 6px 1px #b1a6a7eb;
      transform: translateX(0px) translateY(-3px);
      border: 1px solid #ec5766ba;
  }
a{
        text-decoration: none !important;

}
.fables-second-text-color{
        color: #187ac1;

}
.breadcrumb-background{
       background-color: #71a8cd59;
    border-radius: 3px;
}
.blue-border{
  border:1px solid #026bb0;
  border-radius: 5px;
  margin-top: 28px;

}
.green-border{
  border:1px solid #78b517;
  border-radius: 5px;
  margin-top: 28px;

}
.red-border{
    border:1px solid #e51d74;
    border-radius: 5px;
    margin-top: 28px;

}
.orange-border{
    border:1px solid #f5aa00;
    border-radius: 5px;
    margin-top: 28px;
}
.purple-border{
  border:1px solid #b62ebe;
  border-radius: 5px;
  margin-top: 28px;
}
.dark-blue-border{
  border:1px solid #2b5be4e0;
  border-radius: 5px;
  margin-top: 28px;
}
.dark-green-border{
  border:1px solid #6ced00;
  border-radius: 5px;
  margin-top: 28px;
}
.dark-red-border{
  border:1px solid #f9393991;
  border-radius: 5px;
  margin-top: 28px;
}
.yellow-border{
  border:1px solid #b0b60070;
  border-radius: 5px;
  margin-top: 28px;
}

.blue-border:hover{  box-shadow: 1px 1px 7px 1px #0000ff5e;}
.green-border:hover{box-shadow: 1px 1px 7px 1px #76e381;}
.red-border:hover{box-shadow: 1px 1px 7px 1px #e773b3;}
.orange-border:hover{box-shadow: 1px 1px 7px 1px #d39839;}
.purple-border:hover{box-shadow: 1px 1px 7px 1px #d58cd9;}
.dark-blue-border:hover{box-shadow: 1px 1px 7px 1px #4172ffb3;}
.dark-green-border:hover{box-shadow: 1px 1px 7px 1px #70f600db;}
.dark-red-border:hover{box-shadow: 1px 1px 7px 1px #e900008f;}
.yellow-border:hover{box-shadow: 1px 1px 7px 1px #ecf23fe6;}

.blue-bg{
  background-color: #e5f0f7;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;
            text-align: center;
}
.green-bg{
  background-color: #d4e9d6;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;

            text-align: center;

}
.red-bg{
  background-color: #fce8f3;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;

}
.orange-bg{
  background-color: #fef6e9;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;

}
.purple-bg{
  background-color: #c5aad263;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;
}
.dark-blue-bg{
  background-color: #2b5be457;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;
}
.dark-green-bg{
  background-color: #85f9244f;
  margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;
}
.dark-red-bg {
    background-color: #f25e5e33;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;
}
.yellow-bg {
    background-color: #e3f6173b;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    padding-top: 40px;
        padding-bottom: 40px;    text-align: center;
}
.subject a{
  color: #262628;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
}
.sub_topics a{
  text-decoration: none;
}
.group-main-info {
    display: flex;
    justify-content: flex-start;
    z-index: 1;
    padding: 20px;
}
.group-main-info .group-info {
    max-width: 90%;
    position: relative;
    margin: 0 14px;
}
.library-group-title {
    vertical-align: top;
    font-size: 32px;
    font-weight: 500;
    color: black;
    margin-bottom: 4px;
    white-space: normal;
    word-break: keep-all;
}
nav ul ul {
    display: none;
    position: absolute;
    top: 60px;
}
nav ul li:hover > ul {
    display: inherit;
}
nav ul ul li{
    width: 170px;
    float: none;
    display: list-item;
    position: relative;

}
/* li > a::after { content: ' +';} */
li > a:only-child::after {
    content: '';
}
  .youtube-wrapper {
	margin: 60px auto;
	padding: 0 20px;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: 0%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #f00;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
@media only screen and (max-width:320px){
  .yellow_girl{
    top: 31px!important;
    left: 194px!important;
  }
   .yellow_girl_en{
    /*top: 31px!important;*/
    /*left: 194px!important;*/
  }
  .div-welcome-en{
    width: 49%;
    position: absolute;
    right: 0;}
     .absolute_yellowgirl_en{
      postion:absolute !important;
          right: 4%!important;

  }
    
  .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky{
    max-height: 33px!important;
        width: 52px!important;

  }
  #Top_bar #logo img.logo-mobile{
        max-height: 43px!important;
                width: 95px!important;

  }
}
@media only screen and (min-width:321px) and (max-width:399px){
  .yellow_girl{
    top: 31px!important;
    left: 194px!important;}
    
    /* .yellow_girl_en{*/
    /*top: 31px!important;*/
    /*left: 194px!important;}*/
    
    
     .absolute_yellowgirl_en{
      postion:absolute !important;
          right: 11%!important;
  }
    
    .div-welcome-en{
    width: 49%;
    position: absolute;
    right: 0;}
    .about-btn{
      line-height: 54px!important;
          margin: 22px!important;

    }
    .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky{
      max-height: 43px!important;
                    width: 52px !important;

    }
    #Top_bar #logo img.logo-mobile{
          max-height: 43px!important;
                        width: 95px !important;

    }

}
@media only screen and (min-width:400px) and (max-width: 600px) {
  .yellow_girl{
    top: 31px!important;
    left: 194px!important;
  }
  .div-welcome{
    margin-left: 38px!important;
        width: 57%!important;
       }
       
       .yellow_girl_en{
       width: 93%!important;
  }
  .absolute_yellowgirl_en{
      postion:absolute !important;
          right: 12%!important;

  }
  .div-welcome-en{
   width: 57%!important;
    position: absolute!important;
    right: 0px!important;
       }
       .about-btn{
         line-height: 54px!important;
             margin: 22px!important;
       }
       .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky{
         max-height: 48px!important;
                          width: 52px!important;

       }
       #Top_bar #logo img.logo-mobile{
             max-height: 58px!important;
                 width: 95px!important;

       }
}

@media only screen and (max-width:710px){
    
    .mcb-section.bg-cover, .mcb-wrap.bg-cover, .column_attr.bg-cover {
    background-size: contain !important;
        /*background-position: unset !important;*/
            background-color: #ffffff !important;


}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
    .header_title,.header_title_fees{
        left:54px!important;
            top: 25%;

    }
    .header_title h1 {
    font-size: 41px !important;
        line-height: 25px !important;

        
    }
    .header_title_fees h1{
        font-size: 47px !important;
            margin-left: 66px !important;



    }
    .header_title_login h1{
         font-size: 47px !important;
            margin-left: 66px !important;
                line-height: 42px;

    }
     .header_title_login {
    left: 7px!important;
    top: 34% !important;
}
  .header_title_login p {
     margin-left: 75px;
}
   

.div-content {
  margin-top: -71px !important;
  margin-left: 22px!important;
    }
    .yellow_girl{
      top: 31px!important;
      left: 194px!important;
    }
.div-welcome{
  margin-left: 38px!important;
}


.div-content-en {
  margin-top: -71px !important;
  margin-left: 22px!important;
    }
    .yellow_girl_en{
      /*top: 31px!important;*/
      /*left: 194px!important;*/
    }
    .absolute_yellowgirl_en{
        position: absolute!important;
    right: 19%!important;
    }
.div-welcome-en{
position:absolute!important;
right:0!important;}

}
@media only screen and (max-width: 767px){
    
    .header_title,.header_title_fees{
        left:1px!important;
            top: 9%;
            position:absolute;

    }
    .header_title_login {
    left: 1px!important;
    top: 20%;
    position: absolute;
}
.header_title_login p{
        font-size: 22px !important;

}
    .header_title_fees h1,.header_title_login h1 {
    font-size: 31px !important;
    margin-left:0px!important;
        line-height: 40px !important;

        
    }
    .header_title h1 {
    font-size: 41px !important;
        
    }
    .header_title h3 {
    font-size: 21px !important;
        
    }
  .div-content {
    margin-top: -130px !important;
  }
  .div-welcome{
    margin-left: 38px!important;

  }
  .yellow_girl{
    top: 31px!important;
  }


.div-content-en {
    margin-top: -147px !important;
  }
  .div-welcome-en{
    /*margin-left: 38px!important;*/
    position: absolute;
    width:50%!important;
    right:0!important;

  }
  .yellow_girl_en{
        right: 31%!important;
  }

}

@media only screen and (max-width:512px){
    /*.question_div {*/
    /*        margin-top: -39px !important;*/

    /*}*/
 .header_title_login {
    left: 1px!important;
    top: 16% !important;
    position: absolute;
}
  .header_title_fees{
    left: 1px!important;
    top: 16% !important;
    position: absolute;  
  }
    .header_title{
    left: 1px!important;
    top: 6% !important;
    position: absolute;  
  }
.header_title_fees h1 {
    font-size: 38px !important;
    margin-left: 0px!important;
    line-height: 4px !important;
}
.header_title h1 {
    font-size: 38px !important;
    margin-left: 0px!important;
    line-height: 13px !important;
}
.header_title .h1-header-title{
     font-size: 38px !important;
    margin-left: 0px!important;
    line-height: 39px !important;
}
.header_title p,.header_title_fees p
{
    font-size: 16px !important;
    color: #fff!important;
}
.header_title_fees h1,.header_title_login h1 {
    font-size: 38px !important;
    margin-left: 0px!important;
    line-height: 40px !important;
}
.header_title_login p
{
    font-size: 16px !important;
    color: #fff!important;
}
}

.img-slider .mcb-section.bg-cover {
        background-size: cover !important;

}