body,	
html {	
  direction: rtl;	
  text-align: right;	
  font-family: tajawal !important;	
}	
h1{	
    font-size:45px!important;	
          font-family: tajawal !important;	
}	
h2,h3,h4,h5,p,span,a,div,span{	
      font-family: tajawal !important;	
/*font-size: 16px;*/	
}	

.support-contact-info {
  text-align: right
}

.support-bar-area ul.social-links::after {
  left: 0
}

.language {
  margin-right: 17px;
  margin-left: 0
}

.support-bar-area ul.social-links {
  padding-left: 20px
}

.support-bar-area .address {
  margin-right: 0;
  margin-left: 25px;
  display: inline-block
}

.main-menu li.dropdown {
  margin-left: 12px;
  margin-right: 0
}

.main-menu li.dropdown::after {
  right: 0;
  left: -5px
}

.main-menu li a.boxed-btn {
  margin-right: 20px;
  margin-left: 0
}

.hero-txt {
  padding-right: 0;
  padding-left: 105px;
  text-align: right
}

.single-hero-feature {
  text-align: right
}

.intro-txt {
  text-align: right
}
.h2.section-summary {
    font-size:22px !important;
     line-height:1.5 !important;
    margin-bottom:25px !important;
}


.approach-summary {
  padding-right: 0;
  padding-left: 150px;
  text-align: right
}

.approach-icon-wrapper {
  float: right
}

.approach-text {
  margin-left: 0;
  margin-right: 110px;
  text-align: right
}

.statistics-section h5 i {
  margin-right: 0;
  margin-left: 6px
}

a.readmore-btn::after {
  right: 35px
}

a.readmore-btn:hover::after {
  right: 29px
}

.client-desc {
  margin-left: 0;
  margin-right: 100px;
  text-align: right
}

.single-testimonial .img-wrapper {
  float: right
}

.blog-txt {
  text-align: right
}

.contact-btn-wrapper {
  text-align: left
}

.cta-section h3 {
  text-align: right
}

.footer-section .footer-txt {
  text-align: right
}

ul.footer-links li a {
  padding-right: 15px;
  padding-left: 0
}

ul.footer-links li {
  text-align: right
}

ul.footer-links li a::after {
  right: 0;
  transform: rotateY(180deg);
  left: auto
}

.footer-section h4 {
  text-align: right
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding-left: 23px;
  border: 1px solid #ddd;
  outline: 0;
  border-radius: 1px;
  padding-left: 0;
  padding-right: 23px
}

.footer-newsletter p {
  text-align: right
}

.footer-newsletter button[type=submit],
.footer-newsletter input[type=submit] {
  float: right
}

.footer-contact-info ul li {
  text-align: right
}

.footer-contact-info ul li span {
  margin-left: 0;
  margin-right: 15px
}

.video-play-button span {
  margin: 7px 6px 0 0
}

.mega-dropdown-content .service-category h3 {
  text-align: right
}

.mega-dropdown-content .service-category a {
  text-align: right
}

.mega-dropdown-content .service-category a {
  padding-left: 0;
  padding-right: 15px
}

.mega-dropdown-content .service-category a::before {
  transform: rotateY(180deg)
}

.mega-dropdown .dropbtn i {
  margin-left: 0;
  margin-right: 3px
}

.main-menu li.dropdown ul.dropdown-lists li a {
  text-align: right
}

.service-txt {
  text-align: right
}

.searchbar input[type=search],
.searchbar input[type=text] {
  float: right
}

.searchbar button[type=submit],
.searchbar input[type=submit] {
  float: right
}

.blog-sidebar-widgets.category-widget {
  text-align: right
}

.category-lists ul li a::after {
  left: auto;
  right: 0;
  transform: rotateY(180deg)
}

.category-lists ul li a {
  padding-left: 0;
  padding-right: 10px
}

.subscribe-section {
  text-align: right
}

.subscribe-section h3::after {
  right: 0;
  left: auto
}

.support-bar-area .support-contact-info i {
  margin-right: 0;
  margin-left: 4px
}

span.phone {
  display: inline-block
}

span.phone i {
  float: right
}

.breadcrumb-area .breadcrumb-txt {
  text-align: right
}

ul.breadcumb li::after {
  left: -17px;
  transform: rotateY(180deg)
}

ul.breadcumb li {
  margin-left: 0;
  margin-right: 25px
}

ul.breadcumb li:first-child {
  margin-right: 0;
  margin-left: auto
}

.support-bar-area .address {
  margin-left: 20px
}

.project-infos {
  text-align: right
}

.mfp-counter {
  direction: ltr
}

.main-menu li.dropdown ul.dropdown-lists {
  left: auto
}

.category-lists.job li a span {
  float: left
}

.job-lists .single-job {
  text-align: right
}

.job-details .info {
  text-align: right
}

.job-details h3 {
  text-align: right
}

.faq-section .accordion .card .card-header .btn::after {
  right: auto;
  left: 30px
}

.faq-section .accordion .card .card-header .btn {
  text-align: right !important
}

.faq-section .accordion .card .card-header .btn[aria-expanded=true]::after {
  right: auto;
  left: 30px
}

.faq-section .card-body {
  text-align: right
}

.blog-details {
  text-align: right
}

.blog-share ul li:last-child {
  margin-right: 15px;
  margin-left: 0
}

.blog-share {
  text-align: right
}

textarea {
  padding-left: 0;
  padding-right: 23px
}

.contact-infos {
  left: auto;
  right: 30px
}

.single-contact-info i {
  margin-right: 0;
  margin-left: 20px
}

button[type=submit],
input[type=submit] {
  float: right
}

.contact-form-section .section-summary {
  padding-right: 0;
  padding-left: 80px
}

.contact-form-section .section-title {
  display: block;
  text-align: right
}

.hero2-carousel.owl-theme .owl-dots {
  right: auto;
  left: 28px
}

.form-element label {
  text-align: right
}

.form-element {
  text-align: right
}

form {
  text-align: right
}

.custom-control-inline {
  margin-right: 0;
  margin-left: 1rem
}

.footer-newsletter::after,
.form-element::after {
  content: "";
  display: block;
  clear: both
}

.slicknav_menu .slicknav_icon {
  width: auto
}

h5.service-title {
  padding-left: 0;
  padding-right: 20px
}

.contact-form-section .section-summary {
  text-align: right
}

#toast-container>div {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center
}

.services-area .services-item .services-content a.title {
  text-align: right
}

.services-area .services-item .services-content p {
  text-align: right
}

.services-area .services-item .services-content a {
  float: right
}

.services-area .services-item .services-content::after {
  content: '';
  display: block;
  clear: both
}

.services-area .services-item .services-content a i {
  margin-left: 0;
  margin-right: 18px
}

.order-comfirmation .table {
  text-align: right
}

select {
  padding-right: 15px
}

.product-area .shop-sidebar .shop-box {
  text-align: right
}

.product-area .shop-sidebar .shop-box .sidebar-title .title::after {
  left: 0;
  right: 17px
}

.product-area .shop-sidebar .shop-box .sidebar-title .title::before {
  right: 0
}

.product-area .shop-search i {
  right: auto;
  left: 30px
}

.product-details-area .product-details-content .product-details-content-item .title {
  text-align: right
}

.product-details-area .product-details-content .product-details-content-item span {
  text-align: right
}

.product-quantity button {
  height: 50px
}

.product-details-area .product-details-content .product-social-icon {
  text-align: right
}

.product-details-area .product-details-content .product-details-tags {
  padding-top: 15px;
  text-align: right
}

.product-details-area .product-details-content .product-details-tags ul li span {
  float: right;
  margin-left: 10px
}

.actions {
  display: flex
}

.actions .checkout-btn {
  margin-right: 10px
}

.shop-review-area {
  text-align: right
}

.shop-review-area .shop-review-user img {
  right: 0;
  left: auto
}

.shop-review-area .shop-review-user {
  padding-left: 0;
  padding-right: 75px
}

.cart-total-table li span.col.col-title {
  float: right
}

.cart-total-table li span.col {
  float: right
}

.cart-total-table li span.col.col-title {
  border-left: 1px solid #e8e6f4;
  border-right: none
}

.checkout-area .table .cart-table.shipping-method tbody tr td {
  padding-left: 0;
  padding-right: 30px
}

.user-sidebar {
  text-align: right
}

.user-dashbord .main-info ul.list {
  float: right
}

.user-dashbord .main-info ul.list {
  width: auto;
  margin-left: 20px;
  text-align: right
}

.user-dashbord .main-info h5 {
  margin-bottom: 15px;
  text-align: right
}

.dataTables_wrapper .dataTables_length {
  float: right
}

.dataTables_wrapper .dataTables_filter {
  float: left
}

.main-table .dataTables_wrapper input[type=search] {
  direction: ltr
}

.order-info {
  text-align: right
}

.order-info-area .prinit {
  float: left
}

.order-info-area .prinit .btn i {
  margin-right: 0;
  margin-left: 10px
}

.user-dashbord .main-info ul.list li p span {
  float: right;
  margin-right: 0;
  margin-left: 20px
}

.payment-information {
  text-align: right
}

.payment-information span {
  display: inline-block;
  margin-right: 8px
}

.product-list h5 {
  text-align: right
}

.table td,
.table th {
  text-align: right
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
  text-align: right
}

table.dataTable tbody td,
table.dataTable tbody th {
  text-align: right
}

div.dataTables_wrapper div.dataTables_info {
  float: right
}

div.dataTables_wrapper div.dataTables_paginate {
  float: left
}

table.dataTable thead td,
table.dataTable thead th {
  text-align: right
}

.description {
  text-align: right
}

.single-message {
  text-align: right
}

.single-message .user-img {
  margin-right: 0;
  margin-left: 30px
}

.reply-section>h5 {
  text-align: right
}

.form-element label {
  text-align: right
}

.message-section>h5 {
  text-align: right
}

.file-upload-area {
  margin-left: 0;
  margin-right: 30px
}

.form_control {
  padding-left: 0;
  padding-right: 23px
}

.user-dashbord .title {
  text-align: right
}

.summary {
  text-align: right
}

ul.login {
  margin-left: 0;
  margin-right: 20px
}

ul.login::before {
  left: auto;
  right: -12px
}

.login-title {
  text-align: right
}

.input-btn {
  display: flex;
  justify-content: space-between
}

li.submenus::after {
  left: 10px;
  right: auto;
  content: '\f053'
}

.main-menu li.submenus ul {
  left: auto;
  right: 100%
}

.knowledge-box .title h3:before {
  margin-right: 0;
  margin-left: 10px
}

.post-share-date .share-list {
  float: left
}

.requirements-nav .card .card-header .toggle_btn {
  float: right;
  float: left
}

@media only screen and (min-width:992px) {
  .offset-lg-3 {
    margin-right: 25%
  }
}

@media only screen and (max-width:991px) {
  .hero-txt {
    padding-left: 30px
  }

  .support-bar-area .text-left {
    text-align: center !important
  }

  .support-contact-info {
    text-align: center
  }

  .support-bar-area ul.social-links::after {
    right: 100%
  }

  .slicknav_nav .slicknav_row,
  .slicknav_nav a,
  ul.slicknav_nav li a.boxed-btn {
    text-align: right
  }

  h5.service-title {
    text-align: right
  }

  .product-area .shop-search {
    margin-bottom: 20px
  }
}

@media only screen and (min-width:992px) {
  .offset-lg-3 {
    margin-right: 25%
  }
}

@media only screen and (max-width:767px) {
  .approach-summary {
    padding-left: 0
  }

  .cta-section h3 {
    text-align: center
  }

  .contact-btn-wrapper {
    text-align: center
  }
}

@media only screen and (max-width:480px) {
  .product-details-area .product-details-content {
    margin-left: 0;
    margin-right: 20px
  }

  .actions .main-btn {
    padding: 10px 16px;
    font-size: 14px
  }
}

.header-navigation .nav-container .main-menu ul>li.menu-item-has-children>a:after {
  margin-left: 0;
  margin-right: 5px
}

.header-navigation .nav-container .main-menu ul li .mega-menu,
.header-navigation .nav-container .main-menu ul li .sub-menu {
  text-align: right
}

.categorie-box .main-btn {
  right: auto;
  left: 20px
}

.course-item .course-img .course-overlay .rating p i {
  margin-right: 0;
  margin-left: 4px
}

.course-details-section .course-content ul.info li span,
.course-item .course-content .course-admin-price .price {
  margin-left: 0;
  margin-right: 15px
}

.course-item .course-content .course-meta span {
  margin-right: 0;
  margin-left: 15px
}

.course-item .course-content .course-meta span i {
  margin-right: 0;
  margin-left: 5px
}

.course-item .course-content .course-admin-price .admin img {
  margin-left: 10px;
  margin-right: 0
}

.courses-sidebar .widget-box {
  text-align: right
}

.categories-widget ul li a span {
  float: left
}

.single_checkbox label span.text b,
.single_radio label span.text b {
  right: auto;
  left: 0
}

.single_checkbox label span.text,
.single_radio label span.text {
  margin-left: 0;
  margin-right: 10px
}

.course-details-section .course-content .button .order-btn {
  margin-left: 0;
  margin-right: 10px
}

.discription-area .content-box {
  text-align: right
}

.course-details-section .discription-area .discription-tabs .nav-tabs .nav-link,
.course-videos-section .video_list ul li a i,
.discription-area .content-box .card .card-body ul li a i,
.social-link li {
  margin-right: 0;
  margin-left: 10px
}

.course-videos-section .video_list ul li a span.duration,
.courses-grid-style .course-filter .search_group,
.discription-area .content-box .card .card-body ul li a span.duration {
  float: left
}

.course-details-section .course-content,
.course-item,
.course-videos-section .video_list,
.discription-area .instructor-wrap,
.discription-area .shop-review-area {
  text-align: right
}

.discription-area .instructor-wrap .content {
  margin-left: 0;
  margin-right: 30px
}

.discription-area .shop-review-area .review_user {
  padding-left: 0;
  padding-right: 100px
}

.discription-area .shop-review-area .review_user img {
  left: auto;
  right: 0
}

.footer-widget .widget-box {
  text-align: right
}

.footer-area .footer-widget .useful-link-widget ul li a:before,
.footer-area .footer-widget .widget-box.contact-widget p i {
  margin-right: 0;
  margin-left: 10px
}

.copyright-area .use-link {
  text-align: right
}

.copyright-area .copyright-text {
  float: left
}

.nav-push-item .menu-box .main-btn i,
.nav-pushed-item .menu-box .main-btn i {
  margin-left: 0;
  margin-right: 20px
}

.single_checkbox label .box:after,
.single_radio label .circle:after {
  left: 45%
}

.price-range-widget input {
  width: 70%;
  border: none
}

.course-details-section .course-content p.price span.off-price {
  margin-left: 10px
}

.course-videos-section .video_list .content-box .card .card-header .toggle_btn,
.discription-area .content-box .card .card-header .toggle_btn {
  float: left
}

.course-videos-section .video_list .content-box .card .card-body ul li a span.duration {
  float: left
}

.single_checkbox label span.text,
.single_radio label span.text {
  margin-left: 0;
  margin-right: 10px
}

.donation-form .form_group span {
  left: auto
}

.donation-form input.amount_input {
  padding-left: 0;
  padding-right: 70px;
  border-left: 1px solid #dddfe1;
  border-right: 0
}

.donation-form button[type=submit] {
  float: none
}

.comment-form,
.discription-area .event-content-box,
.discription-area .event-review-area,
.event-about .event-content-box,
.event-blog .blog-box .blog-content,
.event-details-section .comment-form-area h4.title,
.event-details-section .event-book-ticket h4.title,
.event-details-section .recent-event h4.title,
.event-details-wrapper,
.event-team-section .section-title,
.event-testimonial .testimonial-box .testimonial-content,
.event-venues .venues-box .venues-info,
.header-navigation .nav-container .main-menu ul li .mega-menu,
.header-navigation .nav-container .main-menu ul li .sub-menu,
.recent-event .event-item .event-content,
.table_content {
  text-align: right
}

.event-about .event-content-box {
  padding-right: 0;
  padding-left: 50px
}

.event-about .event-content-box ul li:before {
  margin-left: 10px;
  margin-right: 0
}

.event-area-section .event-item .event-content {
  text-align: right;
  margin-left: 0;
  margin-right: 30px
}

.event-testimonial .testimonial-box .testimonial-content {
  margin-left: 0;
  margin-right: 60px
}

.event-venues .venues-box .venues-img .cat-btn {
  left: auto;
  right: 20px
}

.event-area-section .event-item {
  padding: 0 0 0 25px
}

.event-details-section .event-details-wrapper .event-content .event-meta span i {
  margin-right: 0;
  margin-left: 10px
}

.event-details-section .discription-area .event-review-area .review_user img {
  left: auto;
  right: 0
}

.event-details-section .discription-area .event-review-area .review_user {
  padding-left: 0;
  padding-right: 100px
}

.recent-event .event-item .event-content {
  margin-left: 0;
  margin-right: 20px
}

.event-testimonial .testimonial-slide .slick-dots {
  margin-left: 0;
  text-align: left;
  margin-right: -50px
}

.event-details-section .nice-number input {
  padding-right: 0
}

div.language:not(.dashboard)::before {
  left: -12px;
  right: auto
}

div.language {
  margin-right: 0;
  margin-left: 15px
}

.language.dashboard ul.language-dropdown li a {
  text-align: right
}

.dropdown a {
  text-align: right
}

.card-box:after {
  right: auto;
  left: 19px
}

a#cartIcon {
  right: auto;
  left: 0
}

.feedback-area-v1 {
  text-align: right;
}

.feedback-area-v1 .feedback-form .form_radio label span {
  padding-left: 0px;
  padding-right: 10px;
}

.feedback-area-v1 .feedback-form .form_control {
  padding-left: 0px;
  padding-right: 24px;
}

/* New FAQ Style Start */
.faq-area-v1 {
  text-align: right;
}

.faq-area-v1 .faq-details-wrapper .card .card-header .toggle_btn {
  float: left;
}
.main-menu ul li .mega-menu{
  text-align: right;
  left: auto;
  right: 0;
}
.main-menu .mega-dropdown * {
  text-align: right !important;
}
		
 	.get-touch-box .gt-th-title {		
 		text-align: center;		
 		color: #121c45;		
 	}		
 	.get-touch-box .gt-th-paragraph {		
 		text-align: center;		
 		color: #121c45;		
 		font-size: 20px;		
 	}		
 	.get-touch-box .gt-th-social-links {		
 		text-align: center;		
 	}		
 	.get-touch-box .gt-th-social-links .social-link-icon {		
 		display: inline-block;		
 		padding: 12px;		
 		border-radius: 50%;		
 		box-shadow: 0px 0px 10px #0000001a;		
 	}		
 	.get-touch-box .gt-th-social-links .social-link-icon.twitter {	
 		background-color: #d3e4f9;	
 	}	
 	.get-touch-box .gt-th-social-links .social-link-icon.facebook {	
 		background-color: #47599342;	
 	}	
 	.get-touch-box .gt-th-social-links .social-link-icon.instagram {	
 		background-color: #d763972e;	
 	}	
 	.get-touch-box .gt-th-social-links .social-link-icon.youtube {	
 		background-color: #ffd0cd;	
 	}	
 	.get-touch-box .gt-th-social-links .social-link-icon img {	
 		width: 30px;	
 	}	
 	.get-touch-box .gt-th-row {	
 		display: flex;	
 		flex-wrap: wrap;	
 		margin-top: 40px;	
 		gap: 10px;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card {	
 		flex: 1 0 0;	
 		width: 33.33%;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item {	
 		padding: 20px;	
 		box-shadow: 0px 0px 8px #0000000e;	
 		display: flex;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .first-box {	
 		padding-left: 20px;	
 		border-left: 1px solid #89b6de2b;	
 		padding-left: 20px;	
 		flex-shrink: 0;	
 		text-align: center;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .first-box .gt-tc-bx-head {	
 		background-color: #f2f8ff;	
 		color: #121c45;	
 		padding: 2px 8px 5px;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .second-box {	
 		flex-grow: 1;	
 		padding: 0 10px;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .second-box .gt-tc-bx-content {	
 		margin-top: 0;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .second-box a {	
 		padding: 10px 25px;	
 		border: 1px solid #428BCA;	
 		text-decoration: none;	
 		color: #428BCA;	
 		display: inline-block;	
 		transition: 0.2s;	
 	}	
 	.get-touch-box .gt-th-row .gt-th-card-item .second-box a:hover,	
 	.get-touch-box .gt-th-row .gt-th-card-item .second-box a:active {	
 		border: 1px solid #428BCA;	
 		background-color: #428BCA;	
 		color: white;	
 	}	
.accordion-body__contents > ul, .top-contact-details > ul, ul.dynamic, ul.ms-core-listMenu-root, .footer-container > div > div > div > div > ul, ul.card-list, #ctl00_PlaceHolderTitleBreadcrumb_ListSiteMapPath1, ul.s4-breadcrumbNode, ul.s4-breadcrumbRootNode, .drop-down-ul, .financial-products-wrap > ul, #ctl00_Footer_divsocial > ul, #Footer_divsocial > ul {	
    list-style: none;	
}	
.get-touch-content-bx.social-media ul li, .mega-menu li {	
    float: right;	
}	
.get-touch-content-bx.social-media ul li, .mega-menu li {	
    float: right;	
}	
.content-head:after {	
/*content: "";	
    background: #cf202e;	
    height: 2px;	
    width: 96px;	
    position: absolute;	
    left: 50%;	
    <?=$style5?>	
    margin-left: -45px;*/	
}	
.get-touch-content-bx.social-media .get-touch-bx-head:before {	
        left: 0;	
    height: 45px;	
    width: 2px;	
    background: #235476;	
    top: 16px;	
}	
	fieldset:hover{	
		    border: 2px solid #a0a0a0;	
	}	
.col-md-4{	
    /*width: 200px;*/	
    position: relative;	
    min-height: 1px;	
    padding-right: 7px;	
    padding-left: 1px;	
    float: right !important;	
}	
.get-touch-bx-anchor {	
    display: inline-block;	
    padding: 10px 25px;	
    font-size: 18px;	
    line-height: 18px;	
    font-weight: 500;	
    color: #247baa !important;	
    border: 1px solid #235476;	
    transition: .5s;	
    text-decoration: none !important;	
    font-family: 'Tajawal';	
    margin: 10px;	
}	
.get-touch-bx-anchor:hover{	
    transition: .5s;	
    background: #F7B136;	
		color:#000;	
    color: #fff !important;	
    text-decoration: none !important;	
}	
.letitup {	
    margin-top: 5%;	
}	
p.get-touch-bx-content {	
    color: #626161;	
}	

.features .toggle_btn {
    float: left;
}


.fa-angle-double-right {transform: rotate(180deg);}

main{
    overflow-x: hidden;
}
/* ______________________ Section 1 ______________________ */
.section1{
    padding-top: 100px;
}
.section1 h1{
    color: #225476;
    text-align: right;
    font-family: Tajawal;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
}
.section1 h2{
    color: #0A3041;
    text-align: right;
    font-family: Tajawal;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    margin-top: 75px;
}
.section1 .info p{
    color:#225476;
    text-align: right;
    font-family: Tajawal;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
   
}
.section1 .form_section1{
    background: #FFF;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); 
    padding: 40px 32px; 
}
.section1 .form_section1 form{
    display: grid;
}
.form_section1 form input{
    border: 1px solid #AFAFAF;
    background: #fff;
    padding: 12px;
    width: 100%;
    height: 41px;
    margin-bottom: 12px;
    outline: none;
    color: #225476;
}
.form_section1 form input::placeholder,.form_section1 form textarea::placeholder{
    color: #AFAFAF;
    text-align: right;
    font-family: Tajawal;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
}
.form_section1 form textarea{
    resize: none;
    height: 96px;
    width: 100%;
    padding: 12px;
    color: #225476;
}
.form_section1 form input:focus{
    border: 1px solid #225476;
}
.form_section1 form p {
    color:#225476;
    text-align: right;
    font-family: Tajawal;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    margin: 30px 0;
}
.form_section1 form button{
    background-color: #225476;
    color: #fff;
    padding: 13px 10px; 
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 500; 
    transition: .5s;
}
.form_section1 form button:hover{
    background-color: transparent;
    color: #225476;
    border: 1px solid #225476;
}
/* ______________________ Section 2 ______________________ */
section{
    padding: 50px 0;
}
.section2 .progress_w{
    height: 4px;
    background-color: #225476;
    margin-inline-start: 21.5%;
    overflow: visible;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.section2 .progress_w svg{
    margin-top: -25px;
}
.section2 .item{
    background: #fff;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 40px;
}
.swiper{
    padding: 50px 0 !important;
}
.section2 .swiper-slide-active .item{
    border: 1px solid #225476;
}
.section2 .item h1{
    color: #225476;
    text-align: right;
    font-family: Tajawal;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 40px;
}
.section2 .item ul{
    list-style: linear-gradient;
}
.section2 .item ul li{
    color: #0A3041;
    text-align: right;
    font-family: Tajawal;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
    padding-inline-start: 10px;
    margin-bottom: 20px;
}
.section2 .slide-next{
    position: absolute;
    left: 1%;
    top: 50%;
    background-color: #225476;
    z-index: 55;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}
.section2 .slide-prev{
    position: absolute;
    right: 1%;
    top: 50%;
    background-color: #225476;
    z-index: 55;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(180deg);
}
/* ______________________ Section 3 ______________________ */
.section3 img{
    width: 100%;
}
.section3 h1{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 35px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 194.2%;
    margin-bottom: 0;
}
.section3 span{
    color: var(--Etmaam-main-Secondary, #0A3041);
    font-family: Tajawal;
    font-size: 26px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 194.2%; 
}
.section3 p{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.swiper-pagination{
    margin-bottom: -10px;
    text-align: start !important;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: transparent !important;
    padding: 20px;
  }

  .swiper-pagination-bullet-active {
    color: #225476 !important;
  }
/* ______________________ Section 4 ______________________ */
.section4 h1{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 40px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 194.2%;
}
.section4 p{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.section4 .swiper .item{
    background: var(--Etmaam-main-White, #FFF);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 20px; 
    height: 260px;
}
.section4 .swiper .item h1{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
    margin: 25px 0;
}
.section4 .swiper .item p{
    color: var(--Etmaam-main-Black, #212121);
    text-align: right;
    font-family: Tajawal;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.section4 .swiper-slide-active .item {
    background: linear-gradient(0deg, #225476 0%, #0C81BD 100%);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
}
.section4 .swiper-slide-active .item svg path,.section4 .swiper-slide-active .item svg rect{
    stroke: #fff !important;
}
.section4 .swiper-slide-active .item h1,.section4 .swiper-slide-active .item p{
    color: #fff;
}
.section4 .swiper{
    overflow: hidden !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #225476 !important;
}
/* .section4 .swiper-horizontal > .swiper-pagination-progressbar, 
.section4 .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 20% !important;
    right: -34%!important;
    top: 58%!important;
} */
.swiper-prev{
    transform: rotate(180deg);

}
/* ______________________ Section 5 ______________________ */
.section5 .back_xol{
    background-color: #F8FAFB;
    padding: 60px 0;
}
.section5 h1{
    color: var(--Etmaam-main-Black, #212121);
    text-align: right;
    font-family: Tajawal;
    font-size: 33px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 162.2%;
}
.section5 span{
    color: var(--Etmaam-main-Primary, #225476);
    font-family: Tajawal;
    font-size: 50px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 162.2%; 
}
.section5 .item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.section5 .info{
margin-inline-start: 20px;
} 
.section5 .info h1{
    color: var(--Etmaam-main-Primary, #225476);
    text-align: right;
    font-family: Tajawal;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 194.2%;
}
.section5 .info p{
    color: var(--Etmaam-main-Black, #212121);
    text-align: right;
    font-family: Tajawal;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.section2 .progress_w div{
    margin-inline-start: -2px;
}
.section2 .progress_w div:last-child svg {
  margin-inline-end: -2px;
}
@media (max-width:768px) {
    .section2 .progress_w {
        margin-inline-start:0;
}
}