/*
Theme Name: Aqeeq Agency Pro
Theme URI: https://www.vwthemes.com/themes/aqeeq-agency-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.3
Requires at least: 5.2.4
Requires PHP: 5.2.4
Tested up to: 7.4
License: GNU General Public License
License URI:license.txt
Text Domain: aqeeq-aganecy-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Theme Name: Aqeeq Agency Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2022.
 WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
:root {
  --pink: #ff44b6;
  --white: #ffffff;
  --black: #0f0f0f;
}
:root {
  --font-work: 'Work Sans', sans-serif;
  --font-staa: 'Staatliches', cursive;
  --font-titil: 'Titillium Web', sans-serif;
  --font-staatliches: "Staatliches";
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
a{
   text-decoration: none !important;
}
html body {
  overflow-x: hidden;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-staatliches);
  color:black;
  font-weight: 700;
  letter-spacing: 1px;
}
p{
    font-family: var(--font-work);
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after {
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -20px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
table th a {
    color: black;
    text-decoration: none;
}
section {
    padding: 50px 0;
}
#return-to-top {
  position: fixed;
  bottom: 28px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0 10px;
  z-index: 9;
}
#return-to-top i {
    color: #fff;
    position: relative;
    top: 13px;
    padding: 16px 16px;
    font-size: 19px;
    transition: all 0.3s ease;
    background: #f844b6;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/* ----------- Spinner ------------- */
.eco-spinner-loading-box{
  position: fixed;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999999;
  background-color: white;
}
.eco-spinner-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 480px;
  height: 480px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/loader.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
/*---------------------- faq section-------------------------*/
.faq-section .accordion-button:not(.collapsed)::after{
  background-image: url("assets/images/plus.png") !important;
}
.faq-section .accordion-button::after{
  background-image: url("assets/images/minus.png") !important;
}
.faq-section .accordion-button:not(.collapsed){
  background-color: #f844b6 !important;
    color: white;
   box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.para-faq,.accordion-body {
    color: #6c6c6c;
    font-size: 15px;
    font-family: var(--font-work);
    line-height: 28px;
}
img.faqimg {
    width: 100%;
}
.faq-section .accordion-body{
  margin-bottom: 25px !important;
  padding: 30px !important;
  box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-item{
  border: unset !important;
}
.faq-section a.accordion-button.collapsed {
    margin-top: 25px;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-button:not(.collapsed){
  margin-top: 25px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 500;
    font-family:var(--font-staatliches);
    letter-spacing: 1px;
}
#vw-main-head {
    background: #8664ff;
}
.home.page-template #vw-main-head{
  background: transparent;
}
/* The Modal (background) */
.modal-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 100px;
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px 20px 40px;
  width: 60%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
.close-one,.close {
  color: #fff;
  float: right;
  font-size: 25px;
  font-weight: bold;
  padding: 0px 10px;
  cursor: pointer;
  margin-bottom: 7px;
  background: var(--black);
  border: unset;
  height: 38px;
    width: 38px;
}
/*---------------*/
.modal-new,.modal-new{
  display: none;
}
#vw-sidebar .search-submit {
  filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
  background-color: var(--pink);
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 9px;
  border-color: var(--pink);
  color: #fff
}
#vw-sidebar .widget {
  padding: 20px;
  margin-bottom: 25px;
  border: 1px dashed #A1A1A1;
  border-radius: 25px;
}
#vw-sidebar .widget h2 {
  font: 400 20px/50px var(--font-staa);
  color: var(--black) !important;
  margin-bottom: 10PX;
}
#vw-sidebar .widget h2:after {
  display: block;
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  margin-top: 0;
  background-color: var(--color-blue);
}
#vw-sidebar ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#vw-sidebar a {
  font: 500 14px/24px var(--font-archivo);
  color: #242424 !important;
  align-self: center;
}
#vw-sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: none;
  border-bottom: 1px solid #000 !important;
}
#vw-sidebar label {
  display: none;
}
#vw-sidebar input[type=search],.search [type=search] {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #6c6c6c;
  width: 100%;
  margin-bottom: 0;
}
#vw-sidebar button[type=submit],.search [type=submit] {
  color: var(--white);
  /*padding: 5px 10px;*/
  font-size: 15px;
  background: var(--pink);
  border: unset !important;
  letter-spacing: 1px;
  font-weight: 500;
  /*height: 44px;*/
  font-family: var(--font-staa);
}
#vw-sidebar li img {
  width: auto !important;
}
#vw-sidebar .widget li {
    position: relative;
    padding-left: 15px;
    line-height: revert;
}
#vw-sidebar ul li:last-child {
    border-bottom: unset;
}
#vw-sidebar .widget li:after {
    content: "";
    position: absolute;
    top: 17px;
    left: -3px;
    width: 8px;
    height: 9px;
    border-radius: 70px;
    border-radius: 250px 0;
    background: -webkit-gradient(linear,left top,right top,from(#f3bedc),to(#ff49b2));
    background: linear-gradient(to right,#f3bedc,#ff49b2);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-70deg);
    transition: all .3s ease-in-out!important;
}
#vw-sidebar .widget li:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 3px;
    width: 8px;
    height: 9px;
    border-radius: 70px;
    border-radius: 250px 0;
    background: -webkit-gradient(linear,left top,right top,from(#f3bedc),to(#ff49b2));
    background: linear-gradient(to right,#f3bedc,#ff49b2);
    -webkit-transform: translateX(-50%) rotate(-10deg);
    transform: translateX(-50%) rotate(-10deg);
    transition: all .3s ease-in-out!important;
}
.wp-block-latest-comments__comment{
  padding-top: 8px;
}
/*---*/
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loader-wrapper .loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border: 3px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  z-index: 1001;
  -webkit-animation: spin 1.5s infinite linear;
          animation: spin 1.5s infinite linear;
}
.loader-wrapper .loader:before, .loader-wrapper .loader:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.loader-wrapper .loader:before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid transparent;
  border-top-color:#fff;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
.loader-wrapper .loader:after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid transparent;
  border-top-color: #fff;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

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

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*Section */
.loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: var(--pink);
  z-index: 1000;
}
.loader-section.section-left {
  left: 0;
}
.loader-section.section-right {
  right: 0;
}

/*Finished Loading Styles*/
.loaded .section-left {
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.loaded .section-right {
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.loaded .loader {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.loaded .loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
img.errorimg {
    width: 100%;
}
.read-moresec1 a{
  text-transform: capitalize;
  background-image: linear-gradient(to right,#f342bb ,#9a35e8 );
  padding: 13px 38px;
  border-radius: 0 20px;
  color: #fff;
  border: none;
  display: block;
  margin-top: 2%;
  font-weight: 600;
  width: max-content;
  position: relative;
}
#return-to-top i:hover {
    top: 0;
    transition: 0.6s;
}
.gallery-icon.landscape:hover:before {
    content: '';
    position: absolute;
    background: #ff51aaba;
    width: 100%;
    height: 100%;
    top: 0;
}
.gallery-icon.landscape{
  position: relative;
}