/* 
Theme Name:  Nasr
Text Domain: Nasr
Domain Path: /languages
Theme URI:https://nasr-plus.com
Author: nasr web
Author URI:https://nasr-plus.com/about
Version: 1.1
Description: Personal wordpress theme .
Requires at least: 4.9.6
Requires PHP: 7.4
Tested up to: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, custom-logo, entertainment, one-column , right-sidebar, custom-colors, editor-style, featured-images, full-width-template, post-formats, rtl-language-support, theme-options

Nasr WordPress Theme, (C) 2023 WordPress.org
Nasr is distributed under the terms of the GNU GPL.
*/

* {
  margin: 0; 
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}

/* min heigth for body */
.container.pt-4.pb-4 {
  min-height: 15rem;
}

a {
  text-decoration: none !important;
}
#custom-link-color{
  color: var(--pagebanner-breadcrumb);
}
ul {
  list-style: none;
}

.my-btn {
  font-size: 1rem;
  display: inline-block;
  padding: 0.4rem 1rem;
  color: #fff;
  background-color: var(--main-color1);
  border-radius: 0.2rem;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.4s;
}

.my-btn:hover {
  background-color: var(--main-color2);
  color: #fff;
  transform: translateY(-0.5rem);
}
@media(max-width: 576px){
	.full-toggel .my-btn {
		display: none;
}
}
/*
    start top header section 
*/
.top-header-sec {
  background-color: var(--top-header-bg);
}
.top-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.2rem;
}
.top-header a {
  color: var(--top-header-icon-color);
  transition: all 0.4s;
}
.top-header a:hover {
  color: var(--black);
  transform: translateY(-0.4rem);
}
/*
  custom header icons 
*/
.custom-header-icons,
.header-three-icons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0.2rem;
}
.custom-header-icons a,
.header-three-icons a {
  font-size: 1rem;
  padding: 0.3rem 0.6rem;
  background-color: #fff;
  border-radius: 0.2rem;
  color: var(--main-color1);
  transition: all 0.4s;
}
.custom-header-icons a:hover,
.header-three-icons a:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-0.4rem);
}

/*
  * top header 2
*/
ul.top-header-contact {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.2rem;
}
@media(max-width:768px){
  ul.top-header-contact {
    justify-content: flex-start;
  }
}
.top-header-contact li a i{
  color: var(--top-header-icon-color);
  margin: 0 0.4rem !important;
}
.top-header-contact li a span{
  color: var(--top-header-text-color);
}

/* 
    end top-header sec
 */
/*
    start header sec
*/
.header-sec {
	background-color: var(--header-bg); 
    padding: 0.6rem 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.header-sec.active {
  padding: 0.4rem 0;
  background-color: var(--header-active);
  border-radius: 0rem 0rem 0.5rem 0.5rem;
}
#header-container{
  height: 65px;
}
.navbar{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.my-brand-sec h1{
  margin-bottom: 0rem;
}
img.custom-logo {
  height: auto;
  padding: 0.2rem 0;
}
div#navbarSupportedContent {
  justify-content: space-around;
  gap: 2.5rem;
}
div#navbarSupportedContent li {
  list-style: none;
}
.navbar-toggler {
  padding: 0.5rem !important;
}
/* menu */
.navbar-nav li {
  margin: 0.3rem;
  border-radius: 0.2rem;
}
.navbar-nav li:hover {
  background-color: var(--active-bg-color-1);
}
.navbar-nav li a {
  color: #000;
}
.footer-menu-option li a {
    color: var(--footer-text-color) !important;
  }
.navbar-nav li a:hover {
  color: #fff !important;
}
.navbar-nav .nav-link {
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
}
@media(max-width: 1200px){
	.navbar-nav .nav-link {
  padding-right: 0.3rem !important;
  padding-left: 0.3rem !important;
}
}
.offcanvas-body .off-canvas-custom-menu .menu-primary-menu-container .navbar-nav li a{
	color: #333;
}
a.nav-link.active {
  background-color: var(--active-bg-color-1);
  color: var(--active-menu-color-1) !important;
  border-radius: 0.2rem;
}
/* toggle icon */
button.toggel-sec {
  border: 0;
  background-color: white;
  font-size: 2rem;
}
#toggle-btn {
  font-size: 1.6rem;
  border: none;
  outline: none;
  color: var(--toggel-icon-color);
}
.navbar-toggler{
	border: none !important;
	outline: none !important;
}
.navbar-toggler-icon{
	background-image: none !important;
}

/* Sub Menu Styles */
.navbar-nav .dropdown-menu {
  position: absolute !important;
  background-color: var(--main-color2);
}
@media(max-width: 992px){
  .navbar-nav .dropdown-menu {
    position: static !important;
  }
}
.dropdown-item.active {
  background-color: var(--main-color1) !important;
}
.navbar-nav .dropdown-menu li a{
  color: #fff;
}
.navbar-nav .dropdown-menu li:hover a{
  background-color: var(--main-color1) !important;
}
/* dropdown */
.dropdown-menu {
    margin: 0px auto;
}
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0px;
}
/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
    display: block;   
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
    display: none;
}

/* 
start header-2
*/
.nav-header-two{
  flex-direction: row !important;
}
@media(min-width: 992px){
  .off-canvas-one{
    display: none;
  }
  .canvas-sec-header-tow{
    display: none;
  }  
}
@media(max-width: 992px){
  .btn-sec{
    display: none;
  }
  .header-three-icons{
    display: none;
  }
}
.dropdown-toggle::after{
  margin: 0 0.4rem !important;
}
.navbar-toggler:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.primary-nav ul {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media(max-width:992px){
  .custom-nav{
    display: none;
  }
  .primary-nav{
    display: none !important;
  }
}

/* hidden search */
#search-btn {
  color: var(--search-icon-color);
  font-size: 1.5rem;
  cursor: pointer;
}
#close-btn {
  font-size: 1.8rem;
  cursor: pointer;
  padding: 0 1rem;
}
.search-form {
  position: absolute;
  top: 130%;
  right: 5%;
  left: 5%;
  height: 3.5rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  text-align: center;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.4s linear;
}
.search-form.active {
  transform: scaleY(1);
  box-shadow: var(--box-shadow);
}
.search-form input {
  height: 100%;
  width: 100%;
  font-size: 1.2rem;
  color: var(--black);
  padding: 1rem;
  text-transform: none;
  border: none;
}
.search-form input:focus {
  border: none;
  outline: none;
}
.search-form label {
  cursor: pointer;
  font-size: 1.2rem;
  margin-right: 1.5rem;
  color: var(--black);
}
.search-form label:hover {
  color: var(--main-color);
}
.full-toggel {
  padding-top: 0.5rem;
}

/* Off Canvas Body */
.canvas-title{
  color: var(--main-color1);
}
ul.canvas-contact{
  padding-left: 0;
}
ul.canvas-contact li {
  padding: 0.5rem 0;
  
}
ul.canvas-contact li i {
  padding: 0 0.2rem;
  font-size: 1rem;
  color: var(--main-color1);
  transition: all 0.4s;
}

/*
 header 3 
*/
ul.top-contact {
  font-size: 0.8rem;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-bottom: 0;
}
ul.top-contact li a{
  color: var(--white);
}
ul.top-contact li i{
  color: var(--main-color2);
}
@media(max-width:992px){
  .my-custom-header-btn{
    display: none;
  }
}
.primary-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.primary-nav li{
  list-style: none !important;
}

/*
  page banner 
*/
#about{
  background-color: var(--pagebanner-bg);
}
#banner-page-content{
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}
h1.custom-head{
  color: var(--pagebanner-title);
}
/*
    start footer section
*/
.footer {
  background: var(--footer-bg);
  padding: 1rem 0;
}
.footer .container .share {
  padding: 1rem 0;
}
.footer .container .share a {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  font-size: 1.2rem;
  color: var(--footer-icon-color1);
  border: var(--border);
  margin: 0.3rem;
  border-radius: 50%;
  text-decoration: none;
}
.footer .container .share a:hover {
  background-color: var(--main-color2);
  color: #fff;
}
.footer .links ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.5rem 0 1rem 0;
  margin-top: 1rem;
  column-gap: 0.5rem;
  row-gap: 2.5rem; 
}
.footer .container .links a {
  padding: 0.4rem 1rem;
  color: var(--footer-text-color);
  border: var(--border);
  font-size: 1rem;
  text-decoration: none;
}
.custom-footer-tow-content{
  color: var(--footer-text-color);
}
.footer .container .links a:hover {
  background: var(--main-color1);
  color: #fff;
}
.footer .container .credit p {
  font-size: 1rem;
  color: var(--white);
  padding: 0.5rem;
}
.footer .container .credit a {
  color: var(--main-color1);
}
/* footer sub menu */
.links .menu-primary-menu-container .links .sub-menu{
	display: none !important;
}
/*
  footer 2
*/
.footer-title{
  color: var(--footer-title-color1);
  padding: 0.6rem 0 0.2rem 0;
}
ul.footer-contact-icons{
  padding-left: 0;
}
ul.footer-contact-icons li {
  padding: 0.5rem 0;
  
}
ul.footer-contact-icons li i {
  padding: 0 0.4rem;
  font-size: 1.2rem;
  color: var(--footer-icon-color1);
  transition: all 0.4s;
}
ul.footer-contact-icons li a {
  color: var(--footer-text-color) !important;
}
.credit{
  background-color: #000;
}
.credit span{
  color: #FFF;
}
.custom-footer-logo{
  height: 100%;
}
.footer-hidden-icons{
  display: none;
}
/*
    blog page style (index.php)
*/
.box-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  padding: 2rem 0;
}
@media(max-width: 992px){
  .box-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media(max-width: 768px){
  .box-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media(max-width: 576px){
  .box-container {
    grid-template-columns: 1fr;
  }
}
.blogs .box-container .box {
  border: var(--border);
  border-radius: 0.5rem;
  overflow: hidden;
}
.blogs .box-container .box .image {
  max-height: 15rem;
  overflow: hidden;
  width: 100%;
}
.blogs .box-container .box .image img {
  height: auto;
  width: 100%;
  transition: 0.5s ease-in-out;
}
.blogs .box-container .box:hover .image img {
  transform: scale(1.2);
}
.blogs .box-container .box .content {
  padding: 1rem;
}
.content .title h3{
  color: var(--main-color1);
}
.blogs .box-container .box .content p {
  font-size: 1rem;
  color: var(--main-color2);
  display: block;
}
.meta-data {
  font-size: 0.9rem;
}
/*
    post pagination
*/
nav.navigation.pagination {
  margin: 1.5rem 0;
}
.nav-links span {
  color: #fff;
  font-size: 1.2rem;
  padding: 0.2rem 0.5rem;
  margin: 1.5rem 0;
  background-color: var(--main-color1);
  border-radius: 0.2rem;
}
.nav-links a {
  color: var(--main-color1);
  font-size: 1.3rem;
  padding: 0.2rem 0.5rem;
  background-color: var(--main-color2);
  border-radius: 0.2rem;
}

/* 
    single post template style (single.php) 
*/
.single-title{
  color: var(--main-color1);
  padding-top: 0.5rem;
}
.sidebar-sec{
  margin: 0rem 0.8rem;
}
.wp-block-search, .wp-block-group {
  background-color: #f7f6f5;
  padding: 2rem 1rem;
  margin: 1rem 0;
  border-radius: 0.4rem;
}
/* post thumbnail in single post*/
#my-single-post-img img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100% !important;
  height: auto;
  object-fit: cover;
  border-radius: 0.4rem;
}
/* general post thumbnail in blog posts */
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100% !important; 
  height: auto;
  object-fit: cover;
  border-radius: 0.4rem;
}

/*
* Comment Form Styles
*/
div#respond {
    padding: 0.5rem 1.5rem;
}
h3#reply-title {
  font-size: 25px;
  padding-top: 1.5rem;
  font-weight: 600;
}
textarea#comment {
    width: 100%;
    border: none;
    border-radius: 0.4rem;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url{
    height: 3rem;
    display: inline-block;
    padding: 1rem 1rem 1rem 0;
}
input#author,
input#email,
input#url {
    height: 3rem;
    border: none;
    border-radius: 0.4rem;
}
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label{
    display: block;
}
p.comment-form-cookies-consent {
    padding-top: 2rem;
}
input#submit {
  font-size: 1rem;
  display: inline-block;
  padding: 0.4rem 1.2rem;
  color: #fff;
  border: none;
  background-color: var(--main-color1);
  border-radius: 0.2rem;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.4s;
}

input#submit:hover {
  background-color: var(--main-color2);
  color: #fff;
  transform: translateY(-0.5rem);
}

/* 
    archive page template 
*/
.archive-box{
box-shadow: var(--box-shadow);
border-radius: 0.5rem;
transition: all 0.4s;
}
.archive-box:hover{
  transform: translatex(0.5rem);
}
.my-single-post-img .content h2 {
  color: var(--main-color1);
}
.archive-box img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%!important;
    height: auto;
    object-fit: cover;
    border-radius: 0.4rem;
}
/* comments */
.comments {
    margin: 1.5rem 0;
    /*padding: 0.5rem;*/
    background-color: #f7f6f5;
    border-radius: 0.5rem;
  }
  .comments li {
    list-style: none;
    padding-top: 2rem;
  }
  .comment-author.vcard {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  img.avatar.avatar-80.photo {
    border-radius: 50rem;
     list-style: none; 
  }
  @media(max-width: 768px){
    p.comment-form-author, p.comment-form-email, p.comment-form-url,input#author, input#email, input#url {
      width: 100% !important;
      }
    }
    

/*
 == WordPress WYSIWYG Editor Styles == 
*/
.entry-content img {
    margin: 0 0 1.5em 0;
    }
  .alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
    }
  .alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
    }
  .aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    }
  .alignnone, img.alignnone {
    padding: 0;
    }
  .wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
    }
  .wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    }
  .wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
    }
    .gallery-caption {
      padding: 0;
    }
    .sticky {
      padding: 0;
    }
    .screen-reader-text{
      padding: 0;
    }
    .bypostauthor{
      padding: 0;
    }
    .gallery-caption{
      padding: 0;
    }


/*
 skip links style 
*/
.skip-link
{
position: absolute;
top: 0;
z-index: 9999;
right: 100%;
padding: 5px;
padding: 0.5rem;
font-size: 20px;
font-size: 2rem;
color: #000;
background: #FFF;
}

.admin-bar .skip-link
{
top: 32px;
}

.skip-link:focus
{
right: auto;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/

.background-header {
  background-color: #7a6ad8 !important;
  border-radius: 0px 0px 25px 25px;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  right: 0;
  left: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area {
  position: absolute;
  background-color: transparent;
  top: 70px;
  right: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  background: transparent;
  display: flex
}

.header-area .main-nav .logo {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

.header-area .main-nav .logo h1 {
  font-size: 36px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(250, 250, 250, 0.3);
}

.background-header .main-nav .logo,
.background-header .main-nav #search {
  margin-top: 18px;
}

.header-area .main-nav #search {
  position: relative;
}

.header-area .main-nav #search input {
  background-color: rgba(255, 255, 255, 0.10);
  height: 44px;
  width: 250px;
  border-radius: 23px;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 0px 20px 0px;
}

.header-area .main-nav #search input::placeholder {
  color: rgba(250, 250, 250, 0.75);
}

.header-area .main-nav #search i {
  position: absolute;
  color: #fff;
  left: 20px;
  top: 15px;
  font-size: 16px;
}

.header-area .main-nav ul.nav {
  border-radius: 0px 0px 25px 25px;
  flex-basis: 100%;
  margin-left: 0px;
  justify-content: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li:last-child {
  padding-left: 0px;
}

.header-area .main-nav .nav li {
  padding-right: 5px;
  padding-left: 5px;
  height: 40px;
  line-height: 40px;
}

.header-area .main-nav .nav li a {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 40px;
	text-transform: capitalize;
	color: #fff;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border: transparent;
	letter-spacing: .25px;
}

.background-header .main-nav .nav {margin-top: 20px;}

.background-header .main-nav .nav li {
  height: 80px;
  line-height: 80px;
}

.header-area .main-nav .nav li:hover a {
  opacity: 0.8;
}
.header-area .main-nav .nav li a.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.10);
  opacity: 1;
}

.background-header .main-nav .nav li:hover a {
  opacity: 0.8;
}
.background-header .main-nav .nav li a.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.10);
  opacity: 1;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  left: 20px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 20px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  right: 0;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  right: 0;
  width: 75%;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 67% 100%;
  -ms-transform-origin: 67% 100%;
  -webkit-transform-origin: 67% 100%;
  transform-origin: 67% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 67% 0;
  -ms-transform-origin: 67% 0;
  -webkit-transform-origin: 67% 0;
  transform-origin: 67% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(-1px) rotate(-45deg);
  -ms-transform: translateY(6px) translateX(-1px) rotate(-45deg);
  -webkit-transform: translateY(6px) translateX(-1px) rotate(-45deg);
  transform: translateY(6px) translateX(-1px) rotate(-45deg);
  background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #fff;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(-1px) rotate(45deg);
  -ms-transform: translateY(-6px) translateX(-1px) rotate(45deg);
  -webkit-transform: translateY(-6px) translateX(-1px) rotate(45deg);
  transform: translateY(-6px) translateX(-1px) rotate(45deg);
  background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #fff;
}

.header-area.header-sticky .nav li a.active {
  color: #fff;
}

.visible{
  display:inline !important;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-right: 2px;
    padding-left: 2px;
  }
  .header-area .main-nav .nav li a {
    padding-right: 10px;
    padding-left: 10px;
  }

}

@media (max-width: 767px) {
  .background-header .main-nav .nav,
  .header-area .main-nav .nav {
    background-color: #f1f0fe;
  }
  .background-header .main-nav .nav li a,
  .header-area .main-nav .nav li a {
    line-height: 50px;
    height: 50px;
    font-weight: 400;
    color: #1e1e1e;
    background-color: #f1f0fe;
     border-radius: 0px 0px 25px 25px;
  }
  .background-header .main-nav .nav li,
  .header-area .main-nav .nav li {
    border-top: 1px solid #ddd;
    background-color: #f1f0fe;
    height: 50px;
    border-radius: 0px 0px 25px 25px;
  }
  .background-header .main-nav .nav li:last-child,
  .header-area .main-nav .nav li:last-child {
    border-radius: 0px 0px 25px 25px;
  }
  .header-area .main-nav .nav {
    height: auto;
    flex-basis: 100%;
  }
  .header-area .main-nav .logo {
    position: absolute;
    right: 30px;
    top: 0px;
  }
  .background-header .main-nav .logo {
    top: 0px;
  }
  .background-header .main-nav .border-button {
    top: 0px !important;
  }
  .header-area .main-nav .border-button {
    position: absolute;
    top: 15px;
    left: 70px;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #7a6ad8!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: transparent;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-right: 0px;
    margin-top: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-right: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px !important;
  }
  .background-header.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  
}

.main-banner {
  background-image: url(https://ksavb.com/wp-content/themes/tadom/assets/img/banner-bg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 170px 0px 120px 0px;
}

/* 
---------------------------------------------
LATEST BLOG home
--------------------------------------------- 
*/
@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap";
.sec-title.sm {
 font-size:16px!important
}
.sec-title.dark {
 color:#757575!important
}
.laeg-details-line {
 color:#000;
 font-size:16px;
 background-color:#eeeff0;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 padding:22px 32px;
 background-position:100%;
 background-size:150px;
 background-repeat:no-repeat;
 margin:0
  
}
.pb-5, .py-5 {
	padding-bottom: 0rem !important;
}
.laeg-details-line.ar {
 background-position:0
 
}
.teams-rsults-line {
 display:flex;
 justify-content:center;
 align-items:center
 
}

.teams-rsults-line .team {
 display:flex;
 align-items:center;
 width:33.3333333333%;
 justify-content:flex-start
 
}
.teams-rsults-line .team.main {
 justify-content:flex-end
 
}
.teams-rsults-line .team .name {
 font-size:16px;
 color:#757575;
 margin:0 34px;
 font-weight:700
 
}
.teams-rsults-line .team .name.main {
 color:#757575
}
.teams-rsults-line .team .logo img {
 height:83px
}
.teams-rsults-line .result,
.teams-rsults-line .time {
 font-size:18px;
 width:20%;
 color:#fff;
 text-align:center;
 padding:7px 6px 3px;
 background-color:#757575;
 border-radius:8px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -ms-border-radius:8px;
 -o-border-radius:8px;
 margin:0 auto
}
.teams-rsults-line .result {
 display:flex;
 justify-content:space-evenly;
 align-items:center;
 background-color:#757575;
 color:#ffffff;
 padding:5px 6px 3px;
 border-radius:8px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -ms-border-radius:8px;
 -o-border-radius:8px;
 margin:0 27px
}
.last-match-box {
 background-color:#eeeff0;
 box-shadow:0 9px 20px rgba(0,0,0,.0509803922);
 border-radius:12px;
 padding:33px;
 text-align:center;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 margin:0 auto
}
.last-match-box .leag-logo {
 margin-bottom:16px
}
.last-match-box .leag-logo img {
 width:80px
}
.last-match-box .date,
.last-match-box .leag-name {
 color:#757575;
 font-size:14px;
 margin:0;
 position:relative;
 direction:ltr
}
.last-match-box .leag-name {
 border-bottom:.5px solid #757575
}
.last-match-box .teams .team img {
 height:71px
}
.last-match-box .teams .team .team-name {
 color:#757575;
 font-size:14px;
 margin-top:20px
}
.last-match-box .teams .result {
 display:flex;
 justify-content:space-around;
 align-items:center;
 font-size:18pt;
 color:#102684;
 background-color:#757575;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px;
 color:#fff;
 padding:6px 15px 3px
}
.last-match-box .teams .result span {
 margin:0 3px
}
.pages_title h1 {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 50px;
  color: #000;
  background: #00d6ff;
  position: relative;
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.pages_title h1::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  border-top: 8px solid #00d6ff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
}

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-border {
  height: 1.5em;
}
.svg-inline--fa.fa-li {
  width: 2em;
}
.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse {
  color: #fff;
}

@media(max-width:500px) {
 .laeg-details-line {
  padding:8px 10px;
  font-size:6pt;
  margin:0;
  background-size:70px
 }
}
@media(max-width:768px) {
 .teams-rsults-line .team .name {
  margin:0 25px;
  font-size:14px
 }
}
@media(max-width:500px) {
 .teams-rsults-line .team .name {
  margin:0 10px;
  font-size:8pt
 }
}
.teams-rsults-line .team .name.main {
 color:#102684
}
.teams-rsults-line .team .logo img {
 height:83px
}
@media(max-width:768px) {
 .teams-rsults-line .team .logo img {
  height:50px
 }
}
@media(max-width:500px) {
 .teams-rsults-line .team .logo img {
  height:40px
 }
}
.teams-rsults-line .result,
@media(max-width:768px) {
 .apply-box .closer {
  top:5px;
  right:20px
 }

 .apply-box.ar .closer {
  left:20px;
  right:unset
 }
}
.news-section .news-boxs {
 display:grid;
 align-items:stretch;
 grid-template-columns:repeat(3,1fr);
 gap:15px
}
@media(max-width:992px) {
 .news-section .news-boxs {
  grid-template-columns:repeat(2,1fr)
 }
}
.news-box,
.news-card {
 border-radius:12px;
 box-shadow:0 9px 20px rgba(0,0,0,.0509803922);
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 overflow:hidden;
 position:relative;
 grid-column:1/3;
 display:grid;
 background-repeat:no-repeat;
 grid-template-columns:repeat(2,1fr);

 color:#102684;
 background-position:100% 100%;
 height:100%;
 min-height:350px;
 background-size:30%;
 background-blend-mode:hard-light
}
@media(max-width:768px) {
 .news-box .image,
 .news-card .image {
  overflow:hidden
 }
 .news-box .news-data .footer,
 .news-card .news-data .footer {
  font-size:6.5pt
 }
}
.news-card {
 display:flex;
 background-color:#eeeff0;
 flex-direction:column;
 justify-content:space-between;
 padding:0;
 box-shadow:0 9px 20px rgba(0,0,0,.0509803922);
 grid-column:unset!important;
 width:100%!important;
 justify-content:flex-start;
 max-height:400px
}
.news-card .image {
 width:100%;
 height:100%;
 overflow:hidden;
 min-height:200px;
 max-height:200px;
 cursor:pointer
}
.news-card .image img {
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 width:100%;
 height:100%
}
.news-card .image.no-image img {
 width:80px;
 height:unset!important;
 -o-object-fit:unset;
 object-fit:unset
}
.news-card .news-data {
 width:100%;
 color:#000;
 padding:10px 20px
}
.news-card .news-data .header {
 padding-top:0
}
.news-card .news-data .title {
 font-size:19px;
 text-decoration:none;
 color:#00a77e;
}
.news-card .news-data .line {

 margin:8px 0
}
@media(max-width:768px) {
 .news-card.last {
  display:none
 }
 .news-card .image {
  overflow:hidden
 }
 .news-card .image img {
  display:block
 }
 .news-card .image.no-image {
  background-color:#464646;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center
 }
 .news-card .image.no-image img {
  width:90px;
  -o-object-fit:unset;
  object-fit:unset
 }
 .news-card .image img {
  -o-object-fit:cover;
  object-fit:cover
 }
 .news-card .news-data {
  padding:7pt 14pt 5pt
 }
 .news-card .news-data .header .title {
  font-size:7.5pt;
  text-decoration:none;
  color:#102684
 }
 .news-card .news-data .header .line,
 .news-card .news-data .header .short-text {
  display:none
 }
 .news-card .news-data .footer {
  font-size:6.5pt
 }
}



.sec-header {
 /*padding:45px 0;*/
 display:flex;
 justify-content:space-between;
 align-items:center;
 text-transform:uppercase;
}
@media(max-width:768px) {
 .sec-header {
  padding:0;
  margin:15px 0
 }
}
.sec-header .desc {
 text-decoration:none;
 color:#00a77e;
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 font-weight:500;
 text-transform:capitalize!important;
 opacity:.7
}
.sec-header .desc.link {
 text-transform:uppercase!important;
 font-size:15px!important
}
@media(max-width:768px) {
 .sec-header .desc.link {
  font-size:6pt!important
 }
}
@media(max-width:768px) {
 .sec-header .desc {
  font-size:8pt!important
 }
}
.sec-header .desc:hover {
 opacity:1;
 color:#757575
}
.sec-header.swiper-header * {
 color:#fff!important
}
@media(max-width:768px) {
 .sec-header.swiper-header * {
  color:#757575!important
 }
}
.lgg {
 font-size:29px;

 color: #00a77e;
}
@media(max-width:768px) {
 .lgg {
  font-size:16px
 }
}






.card {
 border-radius:12px!important;
 -webkit-border-radius:12px!important;
 -moz-border-radius:12px!important;
 -ms-border-radius:12px!important;
 -o-border-radius:12px!important;
 overflow:hidden;
 border-color:#dbdbdb!important
}
.card.transparnt {
 background-color:transparent!important
}
.match-card,
.offers-card,
.player-card {
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 background-color:#fff;
 background-position:top;
 background-size:cover;
 background-repeat:no-repeat;
 display:flex;
 justify-content:flex-end;
 flex-direction:column;
 align-items:flex-start;
 padding:26px;
 position:relative;
 overflow:hidden;
 width:100%;
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 box-shadow:0 9px 20px rgba(0,0,0,.0509803922)
}
.player-card {
 min-height:410px;
 cursor:pointer
}
.player-card.no-player-image {
 background-position:50%!important;
 background-size:150px!important
}
.player-card:before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 height:110%;
 width:105%;
 z-index:1;
 background:linear-gradient(transparent,transparent,rgba(0,0,0,.715))
}
.player-card .no {
 background-color:#00d6ff;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 height:32px;
 width:32px;
 color:#102684;
 display:flex;
 justify-content:center;
 align-items:center;
 margin-bottom:11px
}
.player-card .no1 {
 background-color:#00d6ff;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 height:25px;
 width:95px;
 color:#102684;
 display:flex;
 justify-content:center;
 align-items: stretch;
 margin-bottom:11px
}
.player-card .line {
 display:block;
 margin:10px 0;
 height:3px;
 width:32px;
 background-color:#00d6ff
}
.player-card .name {
 color:#fff
}
.player-card .position {
 color:#fff;
 font-size:14px
}
@media(max-width:768px) {
 .player-card {
  padding:5px;
  min-height:160pt
 }
 .player-card .name {
  font-size:13pt;
  margin:0
 }
 .player-card .no {
  width:17pt;
  height:17pt;
  font-size:12pt;
  line-height:17pt;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px
 }
 .player-card .line {
  margin:0 0 4px;
  height:1px;
  width:17px
 }
 .player-card .position {
  font-size:7pt
 }
}
.offers-card {
 display:block!important;
 min-height:unset
}
.offers-card:before {
 display:none
}
.offers-card .image {
 text-align:center!important;
 width:100%!important;
 position:relative!important
}
.offers-card .image img {
 max-width:100%;
 max-height:250px;
 -o-object-fit:contain!important;
 object-fit:contain!important
}
.offers-card .image img.png {
 filter:drop-shadow(0 20px 25px rgba(0,0,0,.2509803922));
 -webkit-filter:drop-shadow(0 20px 25px rgba(0,0,0,.2509803922))
}
.offers-card .for,
.offers-card .name {
 text-align:center;
 color:#757575!important
}
.offers-card .name {
 font-size:16px!important
}
.offers-card .for {
 font-size:14px!important
}
@media(max-width:768px) {
 .offers-card {
  height:180pt!important;
  border-radius:8pt!important;
  -webkit-border-radius:8pt!important;
  -moz-border-radius:8pt!important;
  -ms-border-radius:8pt!important;
  -o-border-radius:8pt!important;
  overflow:visible!important;
  padding:17px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important
 }
 .offers-card .for {
  font-size:6pt!important
 }
 .offers-card .name {
  font-size:7pt!important
 }
 .offers-card .image img {
  width:100pt!important;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -ms-border-radius:15px;
  -o-border-radius:15px
 }
}
.match-card {
 display:block
}
@media(max-width:768px) {
 .match-card {
  padding:10px 5px;
  width:100%
 }
}
.match-card .teams.not-our-staduim {
 flex-direction:row-reverse
}
.match-card.matches-in .teams {
 border-bottom:1px solid hsla(0,0%,50.2%,.301)!important
}
.match-card.matches-in .teams:last-of-type {
 border-bottom:none!important
}
.match-card.matches-in .teams .time-and-result .teams-rsults-line .result,
.match-card.matches-in .teams .time-and-result .time,
.teams-rsults-line .match-card.matches-in .teams .time-and-result .result {
 background-color:#757575!important;
 color:#fff;
 padding:0 8px;
 font-size:20px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px
}
.match-card.matches-in .teams .team-name {
 color:#102684;
 text-transform:uppercase
}
@media(max-width:768px) {
 .match-card.matches-in .teams .team-name {
  font-size:10pt
 }
}
.match-card:before {
 display:none
}
.match-card .leag-image {
 margin-bottom:50px
}
.match-card .team-logo {
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-direction:column;
 color:#102684;
 text-transform:uppercase;
 font-size:18px
}
@media(max-width:992px) {
 .match-card .team-logo {
  font-size:8pt!important
 }
}
.match-card .team-logo img {
 width:72px;
 margin-bottom:30px;
 display:block
}
@media(max-width:992px) {
 .match-card .team-logo {
  text-align:center
 }
 .match-card .team-logo img {
  width:50px
 }
}
.match-card .time-and-result {
 color:#102684;
 font-size:29px
}
@media(max-width:992px) {
 .match-card .time-and-result {
  font-size:15pt!important
 }
}
.match-card .time-and-result .result,
.match-card .time-and-result .time {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:space-between
}
.match-card .time-and-result .result p,
.match-card .time-and-result .time p {
 background-color:#00d6ff;
 padding:3px 10px;
 font-size:19px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px
}
@media(max-width:992px) {
 .match-card .time-and-result .result p,
 .match-card .time-and-result .time p {
  font-size:8pt!important
 }
}
.match-card .time-and-result .result span,
.match-card .time-and-result .time span {
 margin-top:50px;
 font-size:18px;
 color:#757575
}
@media(max-width:992px) {
 .match-card .time-and-result .result span,
 .match-card .time-and-result .time span {
  font-size:8pt!important
 }
}
.match-card .date,
.match-card .time-and-place {
 color:#757575;
 text-align:center;
 font-size:15px
}
@media(max-width:992px) {
 .match-card .date,
 .match-card .time-and-place {
  font-size:8pt!important
 }
}
.players-section {
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:27px;
 padding-bottom:50px
}
@media(max-width:992px) {
 .players-section {
  grid-template-columns:repeat(2,1fr);
  gap:10px
 }
}
.registration-section {
 padding-bottom:50px
}
.profile-section .card:not(.reservitions-accordion .card) .card-header {
 position:relative;
 max-height:240px;
 height:100%;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:cover;
 display:grid;
 grid-template-columns:300px auto 100px;
 align-items:flex-end
}
.profile-section .card:not(.reservitions-accordion .card) .card-header:before {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:0;
 height:101%;
 content:"";
 background-color:rgba(0,0,0,.6)
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-image {
 position:relative;
 overflow:visible!important
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-image img {
 border-radius:50%;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 margin:60px 60px -20px;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media(min-width:992px) {
 .profile-section .card:not(.reservitions-accordion .card) .card-header .user-image img {
  width:216px!important;
  height:216px!important
 }
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin:0 30px 30px 0;
 position:relative
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions.ar {
 flex-direction:row-reverse;
 margin:0 0 30px 30px
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions .logout {
 font-size:33px;
 color:#fff;
 cursor:pointer
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions .edit-btn {
 cursor:pointer
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions .edit-btn:before {
 content:"Edit";
 color:#fff;
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 opacity:0;
 font-size:14px!important
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-actions .edit-btn:hover:before {
 left:-20px;
 opacity:1
}
.profile-section .card:not(.reservitions-accordion .card) .card-header .user-info {
 position:relative
}
@media(max-width:768px) {
 .profile-section .card:not(.reservitions-accordion .card) .card-header {
  max-height:150px!important
 }
}
.profile-section .card:not(.reservitions-accordion .card) .card-body .data-row {
 max-height:50px;
 margin-bottom:50px
}
.profile-section .more-info {
 padding:80px 100px;
 margin-top:20px
}
.profile-section .more-info .gray-qr {
 position:relative;
 opacity:.1
}
@media(max-width:992px) {
 .profile-section .card-header {
  grid-template-columns:180px auto 100px!important
 }
 .profile-section .card-header .user-image img {
  width:120px!important;
  height:120px!important;
  margin:127px 60px -20px 33px!important
 }
}
@media(max-width:768px) {
 .profile-section .card-header {
  grid-template-columns:100px auto 100px!important
 }
 .profile-section .card-header .user-image {
  position:relative
 }
 .profile-section .card-header .user-image img {
  width:80px!important;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  height:80px!important;
  margin:90px 10px -20px!important
 }
 .profile-section .card-header .user-actions {
  margin:0 30px 0 0!important
 }
 .profile-section .card-header .user-actions .edit-btn:before {
  display:none
 }
 .profile-section .card-header .user-info {
  margin-bottom:5px
 }
 .profile-section .card-body {
  padding-top:10px!important
 }
 .profile-section .card-body .desc {
  padding:5px 0!important;
  margin:0
 }
 .profile-section .more-info {
  padding:50px 20px!important
 }
 .profile-section .more-info .desc {
  text-align:center
 }
}
.tweets-section .media-icon {
 width:32px;
 cursor:pointer;
 margin-bottom:10px
}
@media(max-width:768px) {
 .tweets-section .media-icon {
  width:20px
 }
}
@media(max-width:768px) {
 .tweets-section {
  padding:10px 0 26px
 }
}
.upcoming-matches-section .swiper {
 margin-right:10px!important;
 margin-left:10px!important
}
@media(max-width:600px) {
 .upcoming-matches-section .swiper-slide {
  width:60%!important
 }
}
@media(max-width:450px) {
 .upcoming-matches-section .swiper-slide {
  width:75%!important
 }
}
.latest-offers-section {
 border-bottom:none!important
}
.latest-offers-section .sec-header * {
 color:#fff!important
}
@media(max-width:768px) {
 .latest-offers-section .sec-header * {
  color:#757575!important
 }
}
@media(max-width:768px) {
 .latest-offers-section .swiper {
  margin-top:20px
 }
 .latest-offers-section .swiper .swiper-slide {
  width:calc(50% - 10px)!important
 }
}
.champ-section {
 background-color:#fff
}
.champ-section .container {
 position:relative
}
.champ-section .champ {
 filter:grayscale(1);
 -webkit-filter:grayscale(1);
 margin:0 auto
}
.champ-section .champ:hover {
 filter:grayscale(0);
 -webkit-filter:grayscale(0)
}
.champ-section .champ img {
 width:130px
}
@media(min-width:1150px) {
 .champ-section .champ img {
  width:168px
 }
}
@media(max-width:768px) {
 .champ-section .champ img {
  width:70pt
 }
}
.champ-section .champ .name {
 font-size:16px;
 color:#757575
}
@media(max-width:768px) {
 .champ-section .champ .name {
  font-size:6.5pt
 }
}
.champ-section .champ .count {
 font-size:30px;
 color:#757575
}
@media(max-width:768px) {
 .champ-section .champ .count {
  font-size:15pt
 }
}
.champ-section .swiper-pagination {
 bottom:-5px
}
.questionnaires-section {
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:28px
}
@media(max-width:768px) {
 .questionnaires-section {
  grid-template-columns:repeat(1,1fr);
  gap:15px
 }
}
.ques-section.dir-ar .ques-header .stepper span {
 right:0;
 left:unset
}
.ques-section .ques-header {
 padding:65px 0 50px
}
.ques-section .ques-header * {
 color:#757575;
 font-size:25px!important
}
.ques-section .ques-header .back {
 cursor:pointer
}
.ques-section .ques-header .back svg {
 font-size:20px
}
.ques-section .ques-header .stepper {
 width:100%;
 position:relative;
 height:100%
}
.ques-section .ques-header .stepper span {
 height:6px;
 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;
 display:block;
 position:absolute;
 top:50%;
 left:0;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 background-color:#d4d4d4;
 transition:.3s ease-in-out;
 -webkit-transition:.3s ease-in-out;
 -moz-transition:.3s ease-in-out;
 -ms-transition:.3s ease-in-out;
 -o-transition:.3s ease-in-out
}



@media(max-width:768px) {
 .pageination.pri-tabs {
  padding:20px 0!important
 }
 .pageination.pri-tabs .sec-title {
  font-size:12pt!important
 }
}
.pageination.pri-tabs ul {
 width:70%;
 list-style:none;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:0!important
}
@media(max-width:992px) {
 .pageination.pri-tabs ul {
  width:50%
 }
}
.pageination.pri-tabs ul li {
 color:#757575;
 position:relative;
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 /*pointer-events:none;*/
 cursor:pointer;
 font-size:18px;
 text-transform:uppercase;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
@media(max-width:460px) {
 .pageination.pri-tabs ul li {
  font-size:10pt
 }
}
.pageination.pri-tabs ul li:before {
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 height:3px;
 background-color:#00d6ff;
 content:""
}
.pageination.pri-tabs ul span {
 font-weight:400!important;
 cursor:pointer
}
.pageination.pri-tabs ul span.active li,
.pageination.pri-tabs ul span:hover li {
 color:#102684;
 opacity:1!important;
 font-weight:600
}
.pageination.pri-tabs ul span.active li:before,
.pageination.pri-tabs ul span:hover li:before {
 width:45%
}
select {
 border:1px solid #e4e4e4;
 border-radius:12px;
 background-color:#fff;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 padding:15px;
 width:49.5%;
 outline:none;
 color:#757575;
 font-size:18px;
 position:relative
}
@media(max-width:768px) {
 select select {
  font-size:8pt!important
 }
}
@media(max-width:500px) {
 select {
  width:auto;
  margin:0 5px 0 0!important;
  display:inline-block
 }
}
img.gray {
 filter:grayscale(1);
 -webkit-filter:grayscale(1)
}
img.gray:hover {
 filter:grayscale(0);
 -webkit-filter:grayscale(0)
}
.closer {
 top:10px;
 right:10px
}
.check {
 background-color:#00e200;
 width:37px!important;
 height:37px!important;
 color:#fff;
 font-size:18px;
 line-height:37px;
 border-radius:14px;
 -webkit-border-radius:14px;
 -moz-border-radius:14px;
 -ms-border-radius:14px;
 -o-border-radius:14px
}
.position-relative {
 z-index:10
}
.save {
 cursor:pointer;
 border:2px solid #dbdbdb;
 min-width:40px;
 height:40px;
 display:flex;
 justify-content:center;
 align-items:center;
 border-radius:6px;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -ms-border-radius:6px;
 -o-border-radius:6px;
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear
}
.save.share {
 border-color:#102684
}
.save.share svg {
 color:#102684!important
}
.save.share.copied {
 border-color:#00e900!important
}
.save.share.copied svg {
 color:#00e900!important
}
@media(max-width:768px) {
 .save {
  width:40px;
  height:28px;
  border-width:1px;
  font-size:10pt
 }
}
	/* device API */
.device-section {
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:27px;
 padding-bottom:50px
}
@media(max-width:992px) {
 .device-section {
  grid-template-columns:repeat(2,1fr);
  gap:10px
 }
}
.device-card {
 min-height:410px;
 cursor:pointer
}
.device-card {
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 background-color:#fff;
 background-position:top;
 background-size:cover;
 background-repeat:no-repeat;
 display:flex;
 justify-content:flex-end;
 flex-direction:column;
 align-items:flex-start;
 padding:26px;
 position:relative;
 overflow:hidden;
 width:100%;
 transition:.3s linear;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -ms-transition:.3s linear;
 -o-transition:.3s linear;
 box-shadow:0 9px 20px rgba(0,0,0,.0509803922)
}
.device-card {
 min-height:410px;
 cursor:pointer
}
.device-card.no-device-image {
 background-position:50%!important;
 background-size:150px!important
}
.device-card:before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 height:110%;
 width:105%;
 z-index:1;
 background:linear-gradient(transparent,transparent,rgba(0,0,0,.715))
}
.device-card .no {
 background-color:#00d6ff;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
 height:25px;
 width:95px;
 color:#102684;
 display:flex;
 justify-content:center;
 align-items: stretch;
 margin-bottom:11px
}
.device-card .line {
 display:block;
 margin:10px 0;
 height:3px;
 width:32px;
 background-color:#00d6ff
}
.device-card .name {
 color:#fff
}
.device-card .position {
 color:#fff;
 font-size:14px
}
@media(max-width:768px) {
 .device-card {
  padding:5px;
  min-height:160pt
 }
 .device-card .name {
  font-size:13pt;
  margin:0
 }
 .device-card .no {
  width:17pt;
  height:17pt;
  font-size:12pt;
  line-height:17pt;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px
 }
 .device-card .line {
  margin:0 0 4px;
  height:1px;
  width:17px
 }
 .device-card .position {
  font-size:7pt
 }
}
	/* End device API */