/*
*
* This is a Developer Css ar
*
*/

html[dir="rtl"] .social_list>li {
    padding-left:0px;
    padding-right:5px;
}
html[dir="rtl"] .social_list>li:first-child{
    padding-right: 0px;
}
html[dir="rtl"] .navigation_list {
    float: right;
}
html[dir="rtl"] .navigation_list>li.pull_right{
    float: left;
    padding-right: 0px;
    padding-left: 20px;
}
html[dir="rtl"] .navigation_list>li{
    float: right;
    padding-left: 20px;
    padding-right: 0px;
}
html[dir="rtl"] .banner_content h1{
    font-size: 35px;
}
 
html[dir="rtl"] .academia_list{
    flex-direction: row-reverse;
}
html[dir="rtl"] .free_resister p{
    font-size: 17px;
}

html[dir="rtl"]  .learn_txt{
    text-align: right;
}
html[dir="rtl"] .get_in_touch {
    padding-right: 11px;
    padding-left: 0px;
    text-align: right;
}
html[dir="rtl"] .footer_link ul{
    text-align: right;
}

html[dir="rtl"] .blog_txt{
    text-align: right;
}
html[dir="rtl"] .form-group .remember .styled-selectors{
    text-align: right;
}
html[dir="rtl"] .footer_about{
    text-align: right;
}
html[dir="rtl"] .blog_txt .read_more{ 
 right: 15px;
 left: auto;
}
html[dir="rtl"]  .navigation_list>li.home {
    padding-right: 0px;
}
html[dir="rtl"]  .contact_form .form-control{
     text-align: right;
}
html[dir="rtl"]  .contact_form select.form-control{
    text-align: right;
    direction: rtl;
} 
html[dir="rtl"] .about_txtbox {
    padding-left: 0px;
    text-align: right;
    padding-right: 78px !important;
} 
html[dir="rtl"] .about_listing>li:nth-child(2n) .about_txtbox{
    padding-left: 78px;
    padding-right: 0px !important;
}
html[dir="rtl"] .about_experience .experience_txtbox{
    text-align: right;
}
html[dir="rtl"] .about_experience .experience_txtbox .heading{
    text-align: right;
}
html[dir="rtl"] .cms_txt ul li{
    text-align: right;
    padding-left: 0px;
    padding-right: 20px;
}
html[dir="rtl"] .cms_txt ul li:before {
    left: auto;
    right: 0px;
}
html[dir="rtl"] .cms_txt h3{
    text-align: right;
}
html[dir="rtl"] .cms_txt ul{
    padding-left: 0px;
    padding-right: 20px;
}
html[dir="rtl"] .cms_txt{
    text-align: right;
}
html[dir="rtl"] ul.stepslisting li::after{
    transform: rotate(180deg);
    left: -40px;
    right: auto;
}
html[dir="rtl"] .benefittxt{
    padding: 40px 135px 40px 20px;
    display: block;
    text-align: right;
}
html[dir="rtl"] .benefittxt figure {
    right: 20px;
    left: auto;
}

html[dir="rtl"] .about_txtbox .heading h2{
    text-align: right;
}
html[dir="rtl"] .faq_content .card-header .btn-link[aria-expanded=true]{
    padding: 15px 30px 15px 70px;
    text-align: right;
}
html[dir="rtl"] .faq_content .card-header .btn-link::after{
    left: 10px;
    right: auto;
}
html[dir="rtl"] .accordion_txt ul{
    text-align: right;
}
html[dir="rtl"] .accordion_txt ul li{
    padding-left: 0px;
    padding-right: 25px;
}
html[dir="rtl"] .accordion_txt ul li:before{
    left: auto;
    right: 0px;
}
html[dir="rtl"]  .faq_content .card-header .btn-link{
    text-align: right;
    padding: 15px 30px 15px 70px;
}
html[dir="rtl"] .accordion_txt{
    text-align: right;
}
html[dir="rtl"]  .contact_contant .can_we_help{
     padding-left: 20px;
     padding-right: 0px;
     text-align: right;
}
html[dir="rtl"]  .contact_contant .can_we_help .heading h2{
    text-align: right;
}
html[dir="rtl"]  .contact_contant .contact_info{
    text-align: right;
}
html[dir="rtl"]  .contact_contant .contact_info .heading h2{
    text-align: right;
}
html[dir="rtl"]  .contact_contant .contact_info .contact_infotxt{
    padding-left: 0px;
    padding-right: 70px;
}
html[dir="rtl"] .contact_infotxt figure {
    left: auto;
    right: 0;
}
html[dir="rtl"] .contact_form .heading h2{
    text-align: right;
}
html[dir="rtl"] .contact_form .form-group{
    text-align: right;
}
html[dir="rtl"] .breadcrumb_panel .breadcrumb>li{
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 12px;
    margin-left: 12px;
}
html[dir="rtl"] .breadcrumb_panel .breadcrumb>li:after{
    left: -3px;
    right: auto;
}
html[dir="rtl"]  .experience_txtbox .live_chat{
    padding: 31px 22px 31px 195px;
    text-align: right;
}
html[dir="rtl"] .experience_txtbox .live_chat .btn{
    left: 28px;
    right: auto;
}
html[dir="rtl"] .say_about_carousel  .say_about_top{
    border-right: 2px solid rgba(0, 0, 0, .76);
    border-left: none;
}
html[dir="rtl"] .say_about_bottom{
    padding: 10px 85px 0 0px;
    margin-right: 30px;
    margin-left: 0px;
    text-align: right;
}
html[dir="rtl"] .say_about_bottom figure{
    left: auto;
    right: 0;
}
html[dir="rtl"] .say_about_top{
    padding: 0 20px 0 0px;
}
html[dir="rtl"] .say_about_top p{
    text-align: right;
}
html[dir="rtl"] .breadcrumb_panel .breadcrumb>li.active{
    padding-left: 0px;
    margin-left: 0px;
}
html[dir="rtl"] .footer_link .footer_social ul{
    text-align: center;
}
html[dir="rtl"] .phone_number_input{
    padding-left: 0px;
    padding-right: 97px;
}
html[dir="rtl"] .phone_number_input select.form-control{
    right: 0px;
    left: auto;
    border-right: 1px solid #e3bf68;
    border-left: 0px;
    padding: 0 20px 0 20px;
}
html[dir="rtl"] .blog_detail .blog_txt ul li:before{
    right: 0px;
    left: auto;
}
html[dir="rtl"] .blog_detail .blog_txt ul li{
    padding-right: 20px;
    padding-left: 0px;
}
html[dir="rtl"]  .blog_detail .blog_content h3{
    text-align: right;
}

html[dir="rtl"] .sitemap>ul{
    text-align: right;
}
html[dir="rtl"] .sitemap-section ul ul{
    margin-left: 0px;
    margin-right: 60px;
}
html[dir="rtl"] .launch_class_txtbox ul li{
    padding-left: 0px;
    padding-right: 35px;
    text-align: right;
}
html[dir="rtl"] .launch_class_txtbox ul li:before{
    right: 0px;
    left: auto;
}
html[dir="rtl"] .launch_class_txtbox{
    padding-right: 0px;
    padding-left: 30px;
}
html[dir="rtl"] .privacy--text .main-heading h1 {
    text-align: right;
}
html[dir="rtl"]  .privacy--text .main-heading p{
    text-align: right;
}
html[dir="rtl"] .privacy--text .main-heading h1 {
    text-align: right;
}
html[dir="rtl"] .terms-conditions .main-heading h3{
    text-align: right;
}
html[dir="rtl"] .footer_link ul>li{
    padding-left: 10px;
    padding-right: 0;
}
html[dir="rtl"] .cstm-lang-code{
    left: 15px;
    right: auto;
    text-align: right;
}
html[dir="rtl"] .cstm-lang-code .trp-language-switcher > div, html[dir="rtl"] .cstm-lang-code .trp-language-switcher > div:hover {
    background-position: calc(6px) calc(1em + 2px), calc(100% - 3px) calc(1em + 0px)
}
html[dir="rtl"] .custompagination .nav-links .page-numbers.next:before{
    transform: rotate(180deg);
    left: 0;
}
html[dir="rtl"] .custompagination .nav-links .page-numbers.prev:before{
    transform: rotate(180deg);
    right: 0;
}
html[dir="rtl"]  .navigation_list>li a{
	font-size:16px;
}
html[dir="rtl"] .social_list{
    text-align: left;
}

html[dir="rtl"] footer .footer_content .get_in_touch h3{
	line-height: 30px;
}
html[dir="rtl"] .get_in_touch .btn-secondary{
    left: 2px;
    right: auto;
}
html[dir="rtl"] .input_group .form-control{
    padding: 0 16px 0 120px;
    text-align: right;
}
html[dir="rtl"] .free_resister .btn, html[dir="rtl"] .live_chat .btn{
    left: 15px;
    right: auto;
}
html[dir="rtl"] .live_chat, html[dir="rtl"] .free_resister{
    padding: 23px 46px 24px 195px ;
}
html[dir="rtl"] .live_chat p{
    text-align: right;
}

html[dir="rtl"] #smart-button-container .fees-below .colum-left{
	text-align:left !important;
}
html[dir="rtl"] #smart-button-container .fees-below .colum-right{
	text-align:right !important;
}

/* 31-10-2025 */

html[dir="rtl"] header .navigation_list>li .dropdown-menu{
	text-align:right;
}
html[dir="rtl"] header .navigation_list>li .dropdown-menu-list>li>a{
	font-size:16px;
}



@media(max-width:1399px){
  
    html[dir="rtl"] .social_list>li {
        padding-left: 0px;
        padding-right: 3px;
    }
    html[dir="rtl"] .navigation_list>li.pull_right {
        padding-right: 0px;
        padding-left: 10px;
    }
    html[dir="rtl"] .navigation_list>li {
        float: right;
        padding-left: 10px;
        padding-right: 0px;
    }
    html[dir="rtl"] .about_experience .experience_txtbox {
        text-align: right;
        padding: 20px 30px 0 0px;
    }
    html[dir="rtl"] .teacher_page .experience_img figure {
        padding: 0px;
    }
	html[dir="rtl"] .navigation_list>li a {
		font-size: 12px;
	}
    
    
   
}
@media(max-width:1199px){
    html[dir="rtl"] .navigation_list>li {
        float: none;
        padding: 0;
    }
    html[dir="rtl"] .navigation_list>li.pull_right {
        float: none;
        padding: 0;
    }
    html[dir="rtl"] .social_list>li {
        padding-right: 4px;
    }
    html[dir="rtl"] .quran-feature-slider{
        padding-bottom: 30px;
    }
    html[dir="rtl"] .logo, header.fixed .logo{
        padding-right: 50px;
        margin-left: auto;
        padding-left: 0;
        margin-right: 0;  
    }
    header .navbar-toggler{
        left: auto;
        right: 0;
    }
	html[dir="rtl"] .navigation_list>li a {
        font-size: 14px;
    }
	
	html[dir="rtl"] .navigation_list>li.home {
	    display: flex;
	}
	html[dir="rtl"] .navigation_list>li a{
		text-align:right;
	}
	html[dir="rtl"] header .navigation_list>li .dropdown-toggle::after{
		right: auto;
        left: 20px;
	}
	html[dir="rtl"] .social_list {
    	text-align: right;
	}
	html[dir="rtl"] header .navigation_list>li .dropdown-menu-list>li>a {
    	font-size: 14px;
	}
}
@media(max-width:991px){

    html[dir="rtl"] .get_in_touch {
        padding-right: 0px;
        padding-left: 0px;
        text-align: right;
    }
    html[dir="rtl"] .about_txtbox .heading h2 {
        text-align: right;
    }
    html[dir="rtl"] .our-value-slider{
        padding-bottom: 30px;;
    }
    html[dir="rtl"] .experience_txtbox .heading h2 {
        text-align: center;
    }
    html[dir="rtl"] .about_txtbox {
        padding-right: 30px !important;
    }
    html[dir="rtl"] .about_listing>li:nth-child(2n) .about_txtbox {
        padding-left: 30px;
    }
    html[dir="rtl"] .about_experience .experience_txtbox {
        text-align: right;
        padding: 0px;
        padding-top: 50px;
    }
}

@media(max-width:767px){
    html[dir="rtl"] .banner_content h1 {
        font-size: 24px;
    }
    html[dir="rtl"] .footer_link ul>li {
        padding-right: 6px;
        padding-left: 0;
        text-align: right;
    }
    html[dir="rtl"] .about_txtbox {
        padding-left: 0px;
        text-align: right;
        padding-right: 0px !important;
    }
    html[dir="rtl"] .about_listing>li:nth-child(2n) .about_txtbox {
        padding-left:0px;
        padding-right: 0px !important;
    }
    html[dir="rtl"] .say_about_bottom{
        margin-right: 0px;
    }
    html[dir="rtl"] .experience_txtbox .live_chat .btn {
        left: 0px;
    }
    html[dir="rtl"] .experience_txtbox .live_chat {
        padding: 20px;
        text-align: center;
    }
    html[dir="rtl"] .about_experience .experience_txtbox {
        text-align: right;
        padding: 0px;
        padding-top: 30px;
    }
    html[dir="rtl"] .sitemap-section ul ul {
        margin-left: 0px;
        margin-right: 0px;
    }
    html[dir="rtl"]  .sitemap-section ul li a {
        padding: 0 20px 0 0px;
        text-align: right;
    }
    html[dir="rtl"]  .sitemap-section ul li a::before{
        right: 0px;
        left: auto;
    }
    html[dir="rtl"]  .sitemap-section ul li>ul::before{
        left: auto;
        right: 3.5px;
    }
    html[dir="rtl"]  .sitemap-section ul li>ul li a::before {
        left: auto;
        right: -16px;
    }
    html[dir="rtl"]  .sitemap-section ul ul {
        padding: 20px 20px 0 0px;
    }
    html[dir="rtl"] .sitemap-section ul li>ul li:last-child::after{
        left: auto;
    }
    html[dir="rtl"] .cstm-lang-code .trp-language-switcher > div, html[dir="rtl"] .cstm-lang-code .trp-language-switcher > div:hover{
        background-position: calc(6px) calc(1em - 4px), calc(100% - 3px) calc(1em + 0px);
    }
    html[dir="rtl"] .live_chat, html[dir="rtl"] .free_resister {
        padding:15px;
    }
    html[dir="rtl"] .live_chat p {
        text-align: center;
    }
    html[dir="rtl"] .free_resister .btn, html[dir="rtl"] .live_chat .btn{
        left: 0;
    }
}

@media(max-width:576px){
	 	html[dir="rtl"] #smart-button-container .fees-below .colum-left {
    	text-align: right !important;
	}
	   html[dir="rtl"]  #smart-button-container .fees-below {
        margin-bottom: 5px !important;
    }

}
@media (min-width: 1200px) and (max-width: 1399px) {
       html[dir="rtl"] .social_list {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }
    html[dir="rtl"] .navigation_list {
        width: 82%;
    }
     html[dir="rtl"] .navigation_list>li a {
        font-size: 14px;
    }
    html[dir="rtl"] .social_list>li a{
        width: 22px;
        height: 22px;
    }
}
html[dir="rtl"] .floating-wpp .floating-wpp-popup.active .floating-wpp-message{
	text-align:right
}

/*20-08-2025*/

#myWhatsappButton .floating-wpp-popup.active {right: auto;left: 0px;}
.floating-wpp .floating-wpp-btn-send {margin-left: 0;	margin-right: 12px;}
.floating-wpp .floating-wpp-btn-send svg {transform: rotate(180deg);}

/* 29-12-2025 */

@media (max-width: 767px){
	html[dir="rtl"] #smart-button-container div {
    	text-align: right;
	}
}