/*sideButtons--start--*/
.side-btn1,.side-btn2
{
    width: 58px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 6px #00326026;
    border-radius: 0px 6px 6px 0px;
    position: absolute;
    bottom: 25%;
    left:0;
    padding: 0rem 0rem;
    z-index: 2;
    transition: transform .3s ease-in-out;
    transform: translateX(0px);
    visibility: visible;
}
.side-btn1{
    border: 1px solid white!important;
    position: absolute;
    right: -59px;
    bottom: 0;
    visibility: visible;
}
.side-btn2{
    border: 1px solid white!important;
    position: absolute;
    left: -59px;
    top: 162px;
    visibility: visible;
}
.side-btn1.active,.side-btn2.active
{
    transition: transform .3s ease-in-out;
    transform: translateX(290px);
    box-shadow:unset
}
.side-btn1:focus,.side-btn2:focus
{
    box-shadow:unset
}
.side-btn2.second
{
    bottom: 15%;
    position: absolute;
    right: -58px;
    top: 186px;
    visibility: visible;
}
.mic-div
{
    background: var(--aegean);
    box-shadow: 0px 0px 6px #00326026;
    border-radius: 0px 6px 0px 0px;
    width: 293px;
    /* height: 215px; */
    position: fixed;
    bottom: 25%;
    left: 0;
    top: unset;
    padding: 0rem 0rem;
    z-index: 99;
    border: 1px solid white;
    /*display: none;
    transition-duration: 0.3s; */
}
.color-div
{
    background: var(--pink);
    box-shadow: 0px 0px 6px #00326026;
    border-radius: 0px 6px 0px 0px;
    width: 293px;
    /* height: 215px; */
    position: fixed;
    bottom: 15%;
    left: 0;
    padding: 0rem 0rem;
    z-index: 99;
    top: unset;
    border: 1px solid var(--pink);
    /* display: none;
    transition-duration: 0.3s; */
}
.side-title
{
    font-size:var(--font18);
    font-family: 'Tajawal-Bold',sans-serif;
    color:white;
}
.side-title1
{
    font-size:var(--font18);
    font-family: 'Tajawal-Bold',sans-serif;
    color:var(--white);
    word-break: break-all;
}
.side-title2
{
    font-size:var(--font18);
    font-family: 'Tajawal-Bold',sans-serif;
    color:var(--awhite);
}
.side-description
{
    font-size:var(--font16);
    font-family: 'Tajawal-Regular',sans-serif;
    color:var(--white);
}
.play-btn
{
    background: var(--pink);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    width: 144px;
    height: 30px;
}
.play-text
{
    font-size: var(--font12);
    font-family:'Tajawal-Medium',sans-serif;
    color: white;
}
.color-border
{
    width: 38px;
    height: 38px;
    border-radius: 3px;
    border: 1px solid var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
}
.color-border.active
{
    border-color: white;
}

#firstcolor .color-inner
{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #FFFF00 22px, #0000FF 20px);
}
#secondcolor .color-inner
{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, white 22px, #000000 20px);
}
#thirdcolor .color-inner
{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, white 22px, #E83B69 20px);
}
#firstsize{color: white; font-size: var(--font24); font-family:'Tajawal-Medium',sans-serif; }
#secondsize{color: white; font-size: var(--font20); font-family:'Tajawal-Medium',sans-serif;}
#thirdsize{color: white; font-size: var(--font18); font-family:'Tajawal-Medium',sans-serif;}
/*sideButton--end--*/
/*header--start--*/
/*-colors-start-*/
.denim-color{background-color: var(--denim); color: var(--awhite);}
.aegean-color,.aegean-color:hover{background-color: #003260; color: white;}
/*-colors-end-*/

/*-font-size-start-*/
.font16{font-size: 16px;}
/*-font-size-end-*/

.aegean-btn, .aegean-btn:hover
{
  background-color: var(--aegean);
  color: var(--white);
  font-family: 'Tajawal-Medium',sans-serif;
  border-radius: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font16);
  width: 144px;
}
.link, .link:hover
{
    color: var(--white);
    background-color: var(--denim);
    text-decoration: unset;
    font-family:'Tajawal-Medium',sans-serif;
    font-size: var(--font16);
}
/*header--end--*/
/*navbar--start--*/
.add-btn, .add-btn:hover
{
   /* width:144px; */
   height: 39px;
   background-color: var(--pink) ;
   border-radius: 6px;
   font-size: 16px;
   font-family: 'Tajawal-Medium',sans-serif;
   color: white;
}
.nav-style
{
   display: flex;
   justify-content: end;
   align-items: center;
   width: 100%;
   gap: 10%;
}
.navbar-expand-lg .navbar-nav .nav-link
{
 color: var(--Dblack);
 font-size: var(--font18);
 font-family: 'Tajawal-Medium',sans-serif;
 white-space: nowrap;
}
.navbar-expand-lg .navbar-nav .nav-link.active,  .navbar-expand-lg .navbar-nav .nav-link:hover
{
   color:var(--pink);
   /* border-bottom: 2px solid var(--white); */
   box-shadow: 0px 2px var(--white);
}
.navbar-nav .nav-item
{
   padding-right: 5px;
   padding-left:  5px;
}
#AlManara-Library.dropdown-toggle.show:before , #language.btn.show:before{
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--backdrop);
   content: '';
   z-index: 11;
}
#AlManara-Library.dropdown-toggle::after
{
   content: "";
   display: inline-block;
   border: solid var(--Dblack);
   border-width: 0 1px 1px 0;
   padding: 2px;
   transform: rotate(45deg);
   position: relative;
   bottom: -4px;
   right: 2px;
}
#navdrop li:first-child .dropdown-item,#langdrop li:first-child .dropdown-item
{
   margin-top: 15px;
}
#navdrop .dropdown-item, #langdrop .dropdown-item
{
   text-align: right!important;
   font-size: var(--font18);
   font-family: 'Tajawal-Medium',sans-serif;
   color:var(--Dblack);
}
#navdrop .dropdown-item:focus,#navdrop .dropdown-item:hover,
#langdrop .dropdown-item:focus,#langdrop .dropdown-item:hover,
#langdrop .dropdown-item:active, #langdrop .dropdown-item.active
{
   color:var(--pink);
   background-color: var(--wihte);
}
#navdrop.dropdown-menu[data-bs-popper]
{
   top: 100%;
   left: -132px;
   width: 224px;
   min-height: 260px;
   border: unset;
   border-radius: 0;
   margin-top: 1.5rem;
   box-shadow: 0px 8px 20px #00000017;
   background-color: var(--awhite);
}
#langdrop.dropdown-menu
{
   top: 100%;
   left: -132px;
   width: 167px;
   height: auto;
   border: unset;
   border-radius: 0;
   margin-top: 25px!important;
   box-shadow: 0px 8px 20px #00000017;
   /* transition: 1s; */
   background-color: var(--awhite);
   padding-bottom: 20px!important;
}

.nav-fixed
{
 /* position: fixed; */
 top: 0;
 width: 100%;
 z-index: 999;
 transition: .3s;
}

.logo-bars-div
{
   display: none;
}

.bars-icon-div{
   cursor:pointer;
   position: relative;
   /* top: 1px; */
   float: right;
   display: none;
   text-align: center;
}
.bars-icon-div i{
   color: var(--ablack);
   font-size: 18px;
}
.bars-icon{
   color: rgb(255 255 255);
   font-size: 26px;
}
.menu-txt{
   font-size: 12px;
   color: white;
}
.close-div{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: end;
   align-items: center;
}
.menu-logo-link{
   display: inline-block;
   width: 50%;
   margin: auto;
}
.overlay {
   width: 100%;
   height: 0;
   position: fixed;
   z-index: 99;
   top: 88px;
   right: 0;
   background-color: var(--awhite);
   overflow-x: hidden;
   transition: 0.5s;
}
/* .overlay.show::before
{
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--backdrop);
   content: '';
   z-index: 11;
} */
.test
{
   position: fixed;
   /* top: 0; */
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--backdrop);
   content: '';
   /* z-index: 11; */
   opacity: 0;
   pointer-events: none;
   top: 100px;
}
.overlay-content {
   position: relative;
   top: 10px;
   width: 100%;
   text-align: center;
   height: 86%;
   overflow-y: scroll;
}

.overlay a {
   font-family: 'Tajawal-Bold',sans-serif;
   padding: 8px;
   text-decoration: none;
   font-size: var(--font18);
   color: var(--Dblack);
   display: block;
   transition: 0.3s;
   text-align: right;
}

.overlay a:hover, .overlay a:focus {
   color: var(--pink);
}

.overlay .closebtn {
   position: relative;
   top: 13px;
   text-align: center;
   font-size: 28px;
}
.back-btn{
   width: 15px;
}
.ar-span{
   position: relative;
   bottom: 2px;
}
.desktop-hide{
   display: none;
}
.left-arrow-span{
   float: left;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   position: relative;
   top: 9px;
}



.dropdown-more:after{
   content: "";
   display: inline-block;
   border: solid var(--Dblack);
   border-width: 0 1px 1px 0;
   padding: 3px;
   transform: rotate(45deg);
   position: absolute;
   bottom: 20px;
   /* right: 198px; */
   left: 15px;
}
.dropdown-more.show:after
{
   transform: rotate(227deg);
   border-color: var(--pink)!important;
}

.pos-unset{
   position: unset !important;
}

.dropdown-link{
   font-family: 'Tajawal-Regular',sans-serif;
   font-size: 20px;
   display: inline-block;
   color: var(--Dgray2)!important;
   width: 100%;
   text-align: right;
}
.dropdown-link:hover,.dropdown-link.active{
   font-family: 'Tajawal-Bold',sans-serif;
   color: var(--Dgray2)!important;
}
/* .dropdown-link:not(:first-child){
   margin-top: 30px;
} */

.submenu-div{
   display: flex;
   justify-content: space-between;
}

#dropdownMenuLink{
   display: flex;
   justify-content: space-between;
}
.white-border
{
   background-color: var(--wihte);
   border: 1px solid var(--baegean);
   color: var(--baegean)!important;
}
.menu-btns,.menu-btns:hover,.menu-btns:focus
{
   font-size: var(--font18);
   color: var(--awhite);
   font-family: 'Tajawal-Medium',sans-serif;

}
/*navbar--end--*/

/*main*/
html[data-theme='thirdcolor']{
    --pink:    #E83B69;
    --denim:   #00274A;
    --white:   #ffffff;
    --aegean:  #003260;
    --Daegean: #002548;
    --black:   #000000;
    --Dblack:  #1B1B1B;
    --gray:    #767676;
    --Dgray1:  #212B36;
    --backdrop:#1B1B1B33;
    --blush:   #E83B691A;
    --salmon:  #FFF9E6;
    --sky:     #EBFAFA;
    --olive:   #F7FAEA;
    --Lgray:   #F1F3F6;
    --Lgray2:  #D8DFE7;
    --Lgray3:  #E9EBEF;
    --Lgray4:  #FAFBFC;
    --Lgray5:  #F4F6F8;
    --Lgray6:  #F1F3F4;
    --shadow:  #0032601A;
    --lemon:   #FECC051A;
    --Lpink:   #E83B691A;
    --filpink: #FEF5F7;
    --Dgray:   #707070;
    --Dlemon:  #FFC907;
    --Dsky:    #36CCCC;
    --Dolive:  #B2D235;
    --blue:    #0000FF;
    --Dblue:   #4267B2;
    --Lblue:   #1DA1F2;
    --yellow:  #FFFF00;
    --border:  #FFFFFF80;
    --brown:   #C2B59B;
    --Dgray2:  #637381;
    --white_back: #ffffff;
    --lbtn:     #F9F9F9;
    --awhite:   #ffffff;
    --ablack:   #000000;
    --D2black:  #1B1B1B;
    --search-shadow: #00326017;
    --wpink:    #E83B69;
    --wshadow: #ffffff;
    --bshadow: #ffffff;
    --lineLgray:#F1F3F6;
    --appDgray2:  #637381;
    --borderLgray3:  #E9EBEF;
    --baegean:  #003260;
    --Lbgray3:  #E9EBEF;
    --ablack-content:   #000000;
    --insta1: #405DE6;
    --insta2: #833AB4;
    --insta3: #E1306C;
    --insta4: #FD1D1D;
    --insta5: #FCAF45;
}

html[data-theme='secondcolor'] {
    --pink:    #000000;
    --denim:   #000000;
    --white:   #000000;
    --aegean:  #ffffff;
    --Daegean: #000000;
    --black:   #fdfdfd;
    --Dblack:  #000000;
    --gray:    #ffffff;
    --Dgray1:  #ffffff;
    --backdrop:#1B1B1B33;
    --blush:   #FFFFFF;
    --salmon:  #FFFFFF;
    --sky:     #FFFFFF;
    --olive:   #FFFFFF;
    --Lgray:   #FFFFFF;
    --Lgray2:  #1B1B1B;
    --Lgray3:  #1b1b1b1b;
    --Lgray4:  #FAFBFC;
    --Lgray5:  #ffffff;
    --Lgray6:  #F1F3F4;
    --shadow:  #1B1B1B;
    --lemon:   #1b1b1b1b;
    --Lpink:   #1b1b1b1b;
    --filpink: #ffffff;
    --Dgray:   #707070;
    --Dlemon:  #000000;
    --Dsky:    #000000;
    --Dolive:  #000000;
    --blue:    #0000FF;
    --Dblue:   #ffffff;
    --Lblue:   #ffffff;
    --yellow:  #FFFF00;
    --border:  #FFFFFF80;
    --brown:   #C2B59B;
    --Dgray2:  #000000;
    --white_back: #000000;
    --lbtn: #F9F9F9;
    --awhite: #ffffff;
    --ablack:     #000000;
    --D2black:  #ffffff;
    --search-shadow: #ffffff;
    --wpink:    #ffffff;
    --wshadow: #ffffff;
    --bshadow: #000000;
    --lineLgray:#000000;
    --appDgray2:  #ffffff;
    --borderLgray3:  #ffffff;
    --baegean:  #000000;
    --Lbgray3:  #1b1b1b1b;
    --ablack-content:   #FFFFFF;
    --insta1: #FFFFFF;
    --insta2: #FFFFFF;
    --insta3: #FFFFFF;
    --insta4: #FFFFFF;
    --insta5: #FFFFFF;
}

html[data-theme='firstcolor']{
    --pink:    #0000FF;
    --denim:   #0000FF;
    --white:   #0000FF;
    --aegean:  #FFFF00;
    --Daegean: #002548;
    --black:   #FFFF00;
    --Dblack:  #0000FF;
    --gray:    #FFFF00;
    --Dgray1:  #FFFF00;
    --backdrop:#1B1B1B33;
    --blush:   #FFFF00;
    --salmon:  #FFFF00;
    --sky:     #FFFF00;
    --olive:   #FFFF00;
    --Lgray:   #FFFF00;
    --Lgray2:  #D8DFE7;
    --Lgray3:  #FFFF00;
    --Lgray4:  #FFFF00;
    --Lgray5:  #FFFF00;
    --Lgray6:  #FFFF00;
    --shadow:  #0000FF;
    --lemon:   #0000FF;
    --Lpink:   #0000FF;
    --filpink: #FFFF00;
    --Dgray:   #0000FF;
    --Dlemon:  #0000FF;
    --Dsky:    #0000FF;
    --Dolive:  #0000FF;
    --blue:    #0000FF;
    --Dblue:   #FFFF00;
    --Lblue:   #FFFF00;
    --yellow:  #FFFF00;
    --border:  #FFFFFF80;
    --brown:   #C2B59B;
    --Dgray2:  #0000FF;
    --white_back: #0000FF;
    --lbtn: #F9F9F9;
    --awhite: #FFFF00;
    --ablack:     #0000FF;
    --D2black:  #FFFF00;
    --search-shadow: #FFFF00;
    --wpink:    #FFFF00;
    --wshadow: #FFFF00;
    --bshadow: #0000FF;
    --lineLgray:#F1F3F6;
    --appDgray2:  #FFFF00;
    --borderLgray3:  #E9EBEF;
    --baegean:  #003260;
    --Lbgray3:  #0000FF;
    --ablack-content:   #FFFF00;
    --insta1: #FFFF00;
    --insta2: #FFFF00;
    --insta3: #FFFF00;
    --insta4: #FFFF00;
    --insta5: #FFFF00;
}

html[data-font='medium']
{
    --font16: 16px;
    --font18: 18px;
    --font50: 50px;
    --font30: 30px;
    --font33: 33px;
    --font35: 35px;
    --font22: 22px;
    --font26: 26px;
    --font20: 20px;
    --font24: 24px;
    --font15: 15px;
    --font10: 10px;
    --font12: 12px;
    --font13: 13px;
    --font14: 14px;
    --font17: 17px;

}
html[data-font='large']
{
    --font16: 20px;
    --font18: 22px;
    --font50: 54px;
    --font30: 34px;
    --font33: 37px;
    --font35: 39px;
    --font22: 26px;
    --font26: 30px;
    --font20: 24px;
    --font24: 28px;
    --font15: 19px;
    --font10: 14px;
    --font13: 17px;
    --font12: 16px;
    --font14: 18px;
    --font17: 21px;

}
html[data-font='small']
{
    --font16: 14px;
    --font18: 16px;
    --font50: 48px;
    --font30: 28px;
    --font33: 31px;
    --font35: 37px;
    --font22: 20px;
    --font26: 24px;
    --font20: 18px;
    --font24: 22px;
    --font15: 13px;
    --font13: 11px;
    --font14: 12px;
    --font10: 8px;
    --font12: 10px;
    --font17: 15px;

}


 body
 {
    background-color: var(--white_back);
    overflow: scroll;
    display: none;
    overflow-x: hidden;
 }
 /* .nav-layout{
    overflow-x: scroll;
    padding-bottom: 16px;
 } */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    box-shadow: 0 0 0 30px white inset !important;
}
 a{text-decoration: none;}
.m150{margin-bottom: 160px;}
.mt444{margin-top: 444px;}
.mt42{margin-top: 42px;}
.gap-289{gap: 2.9rem;}
.spaceB{justify-content: space-between;}
.white-space{white-space: nowrap;}
.w-85{width: 85%;}
.z-index9{z-index: 9;}
.fw-100{min-width: 100%!important;}
.btns_shadow{box-shadow: 0px 0px 33px var(--wshadow)!important;}
.btns_shadow-blue{box-shadow: 0px 0px 33px var(--bshadow)!important;}
.filter-white{filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);}
.filter-black{filter: invert(0%) sepia(85%) saturate(7518%) hue-rotate(272deg) brightness(30%) contrast(113%);}
.filter-blackimgs{ filter: invert(266%) sepia(304%) saturate(7592%) hue-rotate(272deg) brightness(355%) contrast(195%) grayscale(260%);}
.filter-blackimgs2{filter: invert(266%) sepia(335%) saturate(7694%) hue-rotate(363deg) brightness(432%) contrast(195%) grayscale(260%);}
.filter-contentimages{filter: invert(102%) sepia(229%) saturate(7592%) hue-rotate(272deg) brightness(157%) contrast(114%) grayscale(100%);}
.filter-bluemain{filter: invert(89%) sepia(196%) saturate(5726%) hue-rotate(215deg) brightness(115%) contrast(336%) grayscale(0%);}
.filter-blue{filter: invert(25%) sepia(196%) saturate(5726%) hue-rotate(-188deg) brightness(75%) contrast(284%) grayscale(3%);}
.filter-blacklogo{filter:invert(58%) sepia(229%) saturate(7592%) hue-rotate(272deg) brightness(157%) contrast(417%) grayscale(114%);}
.cursor-pointer
{
    cursor: pointer;
}
.center-div
{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.center-column
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.download, .download:hover
{
    font-size:var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    color:var(--D2black);
}

.download-link, .download-link:hover
{
    font-size:var(--font18);
    font-family: 'Tajawal-Bold',sans-serif;
    /* color:var(--wpink);
    border-bottom: 2px solid var(--awhite); */
}
.content-div {
    height: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    padding: 14px;
    padding-top: 40%;
    position: relative;
}
.content-img {
    position: absolute;
    top: 4%;
    left: 40%;
}
.content-title
{
    font-size:var(--font20);
    font-family: 'Tajawal-Bold',sans-serif;
    color:var(--ablack-content);
}
.content-description {
    font-size: var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    color: var(--Dblack);
    text-align: center;
}
/*-colors-start-*/
.blush{ background-color: var(--blush);}
.salmon{background-color: var(--salmon);}
.sky{background-color: var(--sky);}
.olive{background-color: var(--olive);}
.pink{background-color: var(--pink);}
.wpink{background-color: var(--wpink);}
.black{background-color: var(--ablack);}
.aegean{background-color: var(--aegean);}
.baegean{background-color: var(--baegean);}
.white-bg{background-color: var(--awhite);}
.Dblue{background-color: var(--Dblue);}
.Lblue{background-color: var(--Lblue);}
.Dgray2{background-color: var(--appDgray2);}
.insta{ background: transparent linear-gradient(137deg, var(--insta1) 0%, var(--insta2) 32%, var(--insta3) 54%, var(--insta4) 79%, var(--insta5) 100%) 0% 0% no-repeat padding-box;}
.Dpink{color: var(--pink);}
.Dlemon{color: var(--Dlemon);}
.Dsky{ color: var(--Dsky);}
.Dolive{ color: var(--Dolive);}
.bg-unset{background-color: unset!important;}
/*-colors-end-*/
.btn:focus
{
    box-shadow: unset;
}
.separator {
    display: block;
    height: 0;
    border-bottom: 1px solid var(--white);
  }
.close-btn
{
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-color: var(--Daegean);
    display: flex;
    justify-content: center;
    align-items: center;
}
.closeVideo-btn
{
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-color: var(--Lgray3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.appModal{background-color: var(--aegean);}
.modal-title
{
    font-size: var(--font33);
    font-family:'Tajawal-Bold',sans-serif;
    color: var(--white);
}
.modal-title-light
{
    font-size: var(--font33);
    font-family:'Tajawal-Bold',sans-serif;
    color: var(--black);
}
.modal-description-light
{
    font-size: var(--font20);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--appDgray2);
}
.modal-description
{
    font-size: var(--font20);
    font-family:'Tajawal-Regular',sans-serif;
    color: var(--white);
}
.app-btn
{
    min-width: 135px;
    height: 45px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .5px solid var(--aegean);
    /* box-shadow: 0px 0px 33px var(--wshadow); */
}
.app_div
{
    background-color: var(--aegean);
    position: relative;
}
.app_div-light
{
    background-color: var(--white);
    position: relative;
    margin-top: 25px;
}
.art-div2
{
    position: absolute;
    right: 0;
    top: 0;

}
.art-div3
{
    position: absolute;
    left: 0;
    bottom: 0;

}
.art-div4
{
    position: absolute;
    right: 0;
    bottom: 0;

}
.video_title
{
    font-size: var(--font18);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--Dgray);
}
.video-style iframe
{
    width: 100%;
    height: 589px;
    border-radius: 10px;
}

.page-title h1,
.page-title h2
{
    font-size: var(--font26);
    font-family:'Tajawal-Bold',sans-serif;
    color: var(--black);
    border-right: 3px solid var(--wpink);
    padding-right: 8px;
    margin-bottom: 0;
    line-height: 26px;
}
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6{
    font-family:'Tajawal-Bold',sans-serif;
}
.page-title h3{
    font-size: var(--font24);
}
.page-title h4{
    font-size: var(--font22);
}
.page-title h5{
    font-size: var(--font20);
}
.page-title h6{
    font-size: var(--font18);
}
.page-title h2.border
{
    border: unset!important;
    padding-right: 0;
}
.page-title p,.page-title p span
{
    font-size: var(--font18);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--gray);
    margin-bottom: 10px;
    /* display: flex; */
    /* justify-content: space-between;
    align-items: center; */
    margin-top: 7px;
    text-align: justify;
}
.page-title ul li,
.page-title ol li{
    font-size: var(--font18);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--gray);
}
.page-title p img
{
    border-radius: 10px;
    border-radius: 10px;
    width: 33%;
    margin: 9px;
}
.page-title .videodetector iframe
{
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.videodetector
{
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}
.filter, .filter:hover
{
    /* min-width: 227px; */
    height: 50px;
    background: var(--filpink) ;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--pink);
    width: 100%;
}
.filter.search-h
{
    height: 60px!important;
}
.space-div
{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.filter-text
{
    font-size: var(--font16);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--pink);
}
.filter-div
{
    background-color: var(--filpink);
    border-radius: 6px;
}
.filter-title
{
    font-size: var(--font22);
    font-family:'Tajawal-Bold',sans-serif;
    color: var(--ablack);
}
.filter-subtitle
{
    font-size: var(--font18);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--ablack);
}
.filter-subtitle2
{
    font-size: var(--font18);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--black);
}
.droplist
{
    background-color: var(--white);
    border-radius: 6px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--borderLgray3);
}
.droplist i
{
    color: var(--wpink);
    font-size: 10px;
}
.drop-text
{
    font-size: var(--font16);
    font-family:'Tajawal-Medium',sans-serif;
    color: var(--black);
}
.filter-btn
{
    height: 50px!important;
    width: 50%!important;
    margin-top: 35px;
}
.filter-btn.fw-70
{
    width: 70%!important;
}
.trash
{
    background-color: var(--white);
    height: 50px;
    width: 50%;
    margin-top: 35px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trash i
{
color: var(--black);
}
.page-item {
    background-color: #F4F4F4;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.page-item.active .page-link
 {
    color: var(--awhite);
    background: var(--pink) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    border-color: var(--wpink);
    box-shadow: unset;
    width: 100%;
    box-shadow: 0px 0px 33px var(--wshadow);
}

.page-item:not(:first-child) .page-link {
    margin-right: 0;
}
.page-link, .page-link:hover, .page-link:focus
{
    color: var(--ablack);
    font-size: var(--font15);
    font-family:'Tajawal-Medium',sans-serif;
    background: var( --Lgray);
    border-radius: 5px;
    border-color: var( --Lgray);
    box-shadow: unset;
    width: 100%;

}
.page-item a
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.page-link i
{
    color: var(--ablack);
    font-size: var(--font15);
}
.list-width{width: 100%;}
.line{border-bottom: 2px dashed var(--Lgray);}
.sline{border-bottom: 2px dashed var(--lineLgray);}
.page-item.more, .page-item.more i
{
    background-color: var(--white)!important;
    color: var(--black);
    font-size: var(--font15);
}
#menuchose1.dropdown-menu,#menuchose2.dropdown-menu,
#menuchose3.dropdown-menu,#menucategory.dropdown-menu,
#menusubcategory.dropdown-menu,#menusubsubcategory.dropdown-menu
{

    border-radius: 0;
    border: 1px solid var(--Lgray3);
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
    margin: 0;
    max-height: 200px;
}
#menuchose1 .dropdown-item, #menuchose2 .dropdown-item,#menuchose3 .dropdown-item,
#menucategory .dropdown-item, #menusubcategory .dropdown-item,#menusubsubcategory .dropdown-item, #selectchose2 option
{
    text-align: right!important;
    font-size: var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    color: var(--black);

}
#menuchose1 .dropdown-item:hover, #menuchose2 .dropdown-item:hover,#menuchose3 .dropdown-item:hover,
#menucategory .dropdown-item:hover, #menusubcategory .dropdown-item:hover,
#menusubsubcategory .dropdown-item:hover, #selectchose2 option:hover
{
    color: var(--wpink);
    background-color: var(--white);
}

.search-input, .search-input:focus
{
    width: 299px;
    height: 50px;
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--Lgray3);
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: unset;
}
.search-input::placeholder {
    color: var(--black);
    font-size: var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    padding-right: 2rem;
  }

/* #audio-tab h2.active
{
    color: var(--awhite);
    font-size: var(--font22);
    font-family: 'Tajawal-Bold',sans-serif;
    background-color: var(--pink);
    border: 1px solid var(--wpink);

}
#audio-tab h2
{
    color: var(--Dgray2);
    font-size: var(--font22);
    font-family: 'Tajawal-Bold',sans-serif;
    background-color: var(--awhite);
    border: 1px solid var(--Lgray3);
    border-radius: 6px;
}
#audio-tab h2:first-child
{
    margin-right: 0!important;

} */
#pills-tab button.active,
#audio-tab a.active,
#audio-tab button.active,
#audio-tab button.active h2
{
  background-color: var(--pink);
  color: var(--awhite);
  border: 1px solid var(--wpink);
  font-family: 'Tajawal-Bold',sans-serif!important;
  /* box-shadow: 0px 0px 33px var(--wshadow); */
}
#audio-sub-tab a.active,
#audio-sub-tab button.active
{
   background-color: unset;
    color: var(--black);
    border: unset;
    border-bottom: 2px solid var(--wpink)!important;
    font-family: 'Tajawal-Bold',sans-serif;
}
#audio-sub-tab button.active h3{
    font-family: 'Tajawal-Bold',sans-serif;
}
#audio-sub-tab a,
#audio-sub-tab button,
#audio-sub-tab button h3
{
    color: var(--black);
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    background: unset;
    border: unset;
}
#pills-tab button,
#audio-tab a,
#audio-tab button
{
    color: var(--Dblack);
    background-color: var(--Lgray);
    border-radius: 6px;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font18)!important;
    font-family: 'Tajawal-Medium',sans-serif;
    border: 1px solid var(--Lgray);
}
#audio-tab button h2{
    font-size: var(--font18)!important;
    font-family: 'Tajawal-Medium',sans-serif;
    border: unset;
    margin-bottom: 0;
}
.h3-font{   font-size: var(--font18)!important;}
#pills-tab,#audio-tab,#audio-sub-tab
{
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
#pills-tab li, #audio-tab li, #audio-sub-tab li{margin-bottom: 15px;}

.more
{
    align-items: center;
}
.more a
{
    color: var(--pink);
    font-size: var(--font16);
    font-family: 'Tajawal-Medium',sans-serif;
    align-items: center;
}
.more i
{
    color: var(--pink);
    font-size: var(--font12);
    margin-top: 7px;
}
.Hline
{
    border-right: 2px solid var(--pink);
    height: 23px;

}
.card-title, .card-title:hover
{
    color: var(--ablack);
    font-size: var(--font18);
    font-family: 'Tajawal-Bold',sans-serif;
}
.card-subtitle, .card-subtitle:hover
{
    color: var(--ablack);
    font-size: var(--font16);
    font-family: 'Tajawal-Medium',sans-serif;

}
.card-title, .card-subtitle
{
     /* display: flex;
     white-space:nowrap ;
     overflow: hidden;*/
     align-items: center;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
.card-style
{

    background: var(--awhite) 0% 0% no-repeat padding-box;
    border: 1px solid var(--Lgray3);
    border-radius: 10px;
}
.content-height::-webkit-scrollbar, .mobile-scroll::-webkit-scrollbar
{
    display: none;
}
.content-height
{
    height: 250px;
    overflow-y: scroll;
    position: relative;
}
.more-position
{
    position: absolute;
    width: 100%;
    bottom: -3px;
}
#input {
    font-size: var(--font18);
    padding: 5px;
    height: 50px;
    /* min-width: 299px; */
    border: 1px solid var(--Lgray);
    outline: none;
    border-radius: 6px;
    font-family: 'Tajawal-Medium',sans-serif;
    color: var(--Dblack);
    background-color: var(--awhite);
    width: 100%;
  }
.selectize-control{width: 100%;}
.selectize-input, .selectize-input:focus  {
    font-size: var(--font18)!important;
    padding: 5px!important;
    height: 50px!important;
    /* min-width: 299px; */
    border: 1px solid var(--Lgray)!important;
    outline: none;
    border-radius: 6px!important;
    font-family: 'Tajawal-Medium',sans-serif!important;
    color: var(--Dblack)!important;
    background-color: var(--awhite)!important;
    width: 100% !important;
    display: flex!important;
    align-items: center;
    box-shadow: unset!important;
}
.selectize-input .item{margin-right: 35px; width: 100%; white-space: nowrap;}
.selectize-control.rtl .selectize-input>input{margin: 0 35px 0 -2px!important; width: 100%!important;}
.selectize-control.single .selectize-input:after{display: none!important;}
.selectize-dropdown{
    position: absolute;
    background-color: var(--awhite)!important;
    border: 1px solid var(--lineLgray)!important;
    border-radius: 0 0 6px 6px;
    border-top: none;
    font-family: 'Tajawal-Medium',sans-serif!important;
    width: 299px;
    padding: 5px;
    max-height: 10rem;
    overflow-y: auto;
    z-index: 11;
    width: 100%;
}
.option {
    background-color: var(--awhite)!important;
    padding: 4px!important;
    color: var(--ablack)!important;
    margin-bottom: 1px!important;
    font-size: var(--font18)!important;
    cursor: pointer!important;
    font-family: 'Tajawal-Medium',sans-serif!important;
  }

.option:hover{
   color: var(--pink)!important;
   background-color: var(--white);
  }
 #listvalue
 {
    position: absolute;
    background-color: var(--awhite);
    border: 1px solid var(--lineLgray);
    border-radius: 0 0 6px 6px;
    border-top: none;
    font-family: 'Tajawal-Medium',sans-serif;
    width: 299px;
    padding: 5px;
    max-height: 10rem;
    overflow-y: auto;
    z-index: 11;
    width: 100%;
 }
.selectize-dropdown::-webkit-scrollbar
{
    width: 7px;
}


.selectize-dropdown::-webkit-scrollbar-track
{

border-radius: 10px;
background: white;
}
datalist {
    position: absolute;
    background-color: var(--awhite);
    border: 1px solid var(--lineLgray);
    border-radius: 0 0 6px 6px;
    border-top: none;
    font-family: 'Tajawal-Medium',sans-serif;
    width: 299px;
    padding: 5px;
    max-height: 10rem;
    overflow-y: auto;
    z-index: 11;
    width: 100%;
  }

  option {
    background-color: var(--awhite);
    padding: 4px;
    color: var(--ablack);
    margin-bottom: 1px;
    font-size: var(--font18);
    cursor: pointer;
    font-family: 'Tajawal-Medium',sans-serif;
  }

  option:hover{
   color: var(--pink);
  }

  #listvalue::-webkit-scrollbar,datalist::-webkit-scrollbar
{
    width: 7px;
    display: none;
}
#listvalue ul{
    list-style: none;
    padding-right: 10px;
    display: block!important;
}


#listvalue::-webkit-scrollbar-track,datalist::-webkit-scrollbar-track
{

border-radius: 10px;
background: white;
}
.sub-btn.w-70,.sub-btn-blue.w-70
{
    width: 70%;
}
.sub-btn
{
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--pink);
}
.subscription-btn {
    bottom: 0;
    width: 84%!important;
    position: absolute;
}
.pb-30 {
    padding-bottom: 30%;
}
.sub-btn-blue
{
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--wpink);
}
.subText-btn
{
    font-size: var(--font16);
    color: var(--awhite);
    font-family:'Tajawal-Medium',sans-serif;
}
.subText-btn-blue
{
    font-size: var(--font16);
    color: var(--white);
    font-family: 'Tajawal-Medium',sans-serif;
}
.modals-btn
{
    font-size: var(--font16);
    color: var(--white);
    font-family:'Tajawal-Medium',sans-serif;
}
datalist::-webkit-scrollbar-thumb
{
background:#D8D9D1;
border-radius: 10px;
}

.text-download,.text-download:hover
{
    height: 50px;
    /* width: 128px; */
    border-radius: 6px;
    border: 1px solid var(--wpink)!important;
    background-color: unset;
    font-size: var(--font16);
    color: var(--black);
    font-family:'Tajawal-Medium',sans-serif;
    width: 100%;
}
.downloadText{
    font-size: var(--font16);
    color: var(--black);
}
.podcast-img{border-radius: 10px;}
.blog-style
{
    border-radius: 15px;
    border: 1px solid var(--Lgray3);
    background-color: var(--awhite);
    height: 368px;
    cursor: pointer;
}
.blog-side-img
{
    border-radius: 8px;
}
.blog-side-style
{
    background-color: var(--white);
    cursor: pointer;
    border: unset!important;
}
.card-data
{
    position: absolute;
    top: 105px;
}
.blog-title
{
    font-size: var(--font17);
    color: var(--Dblack);
    font-family:'Tajawal-Bold',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-title.side-color
{
    color: var(--black);
}
.blog-img-top{border-radius: 15px 15px 0 0; object-fit: cover;}
.blog-img-main{border-radius: 15px; object-fit: cover;}
.manara
{
    font-size: var(--font15);
    color: var(--pink);
    font-family:'Tajawal-Medium',sans-serif;
}
.manara.side-color
{
    color: var(--wpink);
}
.one-line
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.two-line
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.limit
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 190px;
}
.side-limit
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 118px;
}

.h-84
{
    height: 84px;
}
.date
{
    font-size: var(--font15);
    color: var(--Dgray);
    font-family:'Tajawal-Medium',sans-serif;
}
.date.side-color
{
    color: var(--gray);
}
.contact
{
    font-size: var(--font22);
    color: var(--black);
    font-family:'Tajawal-Medium',sans-serif;
}
.contact-num
{
    font-size: var(--font22);
    color: var(--wpink);
    font-family:'Tajawal-Medium',sans-serif;
}
#gmap_canvas
{
    border-radius: 0 10px 10px 0;
}
.table-title,.table-title:hover
{
    font-size: var(--font13);
    color: var(--Dgray1);
    font-family:'Tajawal-Bold',sans-serif;
    display: flex;
    align-items: center;
}
.table-title-bold,.table-title-bold:hover
{
    font-size: var(--font15);
    color: var(--Dgray1);
    font-family:'Tajawal-Bold',sans-serif;
}
.table-content
{
    font-size: var(--font15);
    color: var(--Dgray1);
    font-family:'Tajawal-Medium',sans-serif;
}

.table tr:first-child, .table th:first-child, .table td:first-child
{
    padding-right: 15px;
    border-radius: 0 8px 8px 0;
}
.table tr:last-child, .table th:last-child, .table td:last-child
{
    padding-left: 15px;
    border-radius: 8px 0 0 8px;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td{
    text-align: right;
}
#audioList tr{background-color: var(--white); border-style: none!important;}
#audioList  tr:first-child{background-color: var(--Lgray5); height: 57px;}
#audioList th{font-family: "Tajawal-Bo.datald", sans-serif; font-size: 15px; color: var(--Dgray2); text-align: right; border-bottom-width:0; padding: 0.5rem 2rem!important;}
#audioList td{padding:21px 35px; border-bottom-width:0;}


.bg-gray-200
{
    display: inline-block;
    background-color: #919EAB;
    border-radius: 50%;
    width: 4px !important;
    height: 4px !important;
    position: relative;
    bottom: 2px;
}
.breadcrumb-item+.breadcrumb-item::before
{
    content: var(--bs-breadcrumb-divider, " ");
    float: none;
}
.breadcrumb-item+.breadcrumb-item
{
    padding-left: 0;
}
.bred-content, .bred-content:hover
{
    font-size: var(--font13);
    color: var(--appDgray2);
    font-family:'Tajawal-Medium',sans-serif;
}
.manara20
{
    font-size: var(--font20);
    color: var(--wpink);
    font-family:'Tajawal-Medium',sans-serif;
}
.social
{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social.Dblue i, .social.Lblue i,.social.insta i,.social.Dgray2 i{color: var(--white);  }
.social.Dblue i, .social.Lblue i,.social.insta i{font-size: 22px; }

.social-box
{
    align-items: center;
    border: 2px solid var(--Lgray);
    border-radius: 10px;
    justify-content: center;
}
.cover
{
    border-radius: 6px 6px 0px 0px;
}
.full-cover
{
    border-radius: 6px;
}
.audio-btn
{
    background: var(--wpink);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
    /* min-width: 239px; */
}
.audio-btn.first
{
    border-radius: unset!important;
}
.audio-btn.second
{
    background: var(--aegean)!important;
}
.extra
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius:6px;
    width: 100%;
}

.cover-div
{
    width: 239px;
    height: auto;
}
.icons
{
    /* min-width: 239px; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.data
{
    font-size: var(--font18);
    color: #e23f68;
    font-family:'Tajawal-Medium',sans-serif;
    /* -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
    text-shadow: 2px 2px 4px #003260; */
}
.data2{
    color: #e23f68;
    font-weight: 600;
}
.author-name{
    font-size: var(--font18);
    color: #e23f68;
    font-family:'Tajawal-Medium',sans-serif;
    /* -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
    text-shadow: 2px 2px 4px #003260; */
}
.book-name{
    font-size: var(--font22);
    color: #e23f68;
    font-family:'Tajawal-Medium',sans-serif;
    /* -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.8);
    text-shadow: 2px 2px 4px #003260; */
}
.writer
{
    font-size: var(--font18);
    color: #e23f68;
    font-family:'Tajawal-Medium',sans-serif;
    /* -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
    text-shadow: 2px 2px 4px #003260; */
}
.icon-position
{
   position: absolute;
   top: 10px;
   right: 10px;
}
.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
   display: none;
}

.add-read-more.show-more-content .read-more {
   display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
    font-size: var(--font17);
    color: var(--wpink);
    font-family:'Tajawal-Medium',sans-serif;
    margin-left: 2px;
    cursor: pointer;
}

.add-read-more{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.search-result
{
    font-size: var(--font20);
    color: var(--black);
    font-family:'Tajawal-Medium',sans-serif;
}
.searchInput, .searchInput:focus
{
    border-left: 0;
    border-radius: 0 5px 5px 0;
    box-shadow: unset;
    border: 1px solid var(--Lgray3);

}
.searchInput::placeholder
{
    /* padding-right: 20px; */
    font-size: var(--font16);
    color: var(--ablack);
    font-family:'Tajawal-Regular',sans-serif;
}
.search-max
{
    max-width: 164px;
    overflow-x: hidden;
}
.pagination
{
    padding-right: 0;
}
#audio_src
{
    background-color: var(--Lgray6);
}
#audio_src:focus
{
    border: unset;
}
.poset-unset
{
    position: unset!important;
    inset: unset!important;
    margin: unset!important;
    transform: unset!important;
    /* background-color: rgba(0,0,0,0.66); */
    background-color: var(--awhite);
    border: unset;
}
.type
{
    font-size: var(--font22);
    color: var(--Dblack);
    font-family:'Tajawal-Medium',sans-serif;
}
.box {
    position: relative;
    width: 100%;
    min-height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 123px;
    margin-bottom: 45px;
    cursor: pointer;
}
.box, .box:after
{
    background-color: var(--Lgray);
    border-radius: 20px;
}
.box:after
{
    position: absolute;
    content: '';
    bottom: 98px;
    left: 0px;
    right: 0px;
    height: 88px;
    -webkit-transform: translateY(50%) skewY(8deg);
    transform: translateY(62%) skewY(-10deg);
    z-index: -1;
}
.book-img{border-radius: 3px;}
.book-content
{
    border-radius: 48px;
    background-color: var(--awhite);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--Lgray2);
}
.book-position
{
    position: absolute;
    z-index: 1;
    bottom: 89px;
}
.book-tile
{
    font-size: var(--font18);
    color:var(--ablack);
    font-family:'Tajawal-Medium',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 26px;
    z-index: 1;
    width: 147px;
    text-align: center;
}
.book-description
{
    font-size: var(--font15);
    color:var(--ablack);
    font-family:'Tajawal-Medium',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.audio_play
{
    width: 30px;
    height: 30px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wpink);
    border:1px solid var(--pink);
}
.audio_play i{

    color: var(--white);
    font-size: 12px;
    /* padding-left: 2px;
    padding-top: 2px; */
}
#change_chose2 .select2-selection,
#change_chose1 .select2-selection,
#change_chose3 .select2-selection

{
    height: 50px;
    display: flex;
    height: 50px;
    border: 1px solid var(--Lgray3);
    border-radius: 6px;
    background-color: var(--white);
}
#change_chose4 .select2-selection,
#change_chose5 .select2-selection,
#change_chose6 .select2-selection
{
    height: 50px;
    display: flex;
    height: 50px;
    border: 1px solid var(--Lgray3);
    border-radius: 6px;
    background-color: var(--awhite);
}
#change_chose2 .select2-selection__rendered,
#change_chose1 .select2-selection__rendered,
#change_chose3 .select2-selection__rendered

{
    display: flex;
    align-items: center;
    color: var(--black);
    font-size: var(16px);
    font-family: 'Tajawal-Medium',sans-serif;
}
#change_chose4 .select2-selection__rendered,
#change_chose5 .select2-selection__rendered,
#change_chose6 .select2-selection__rendered
{
    display: flex;
    align-items: center;
    color: var(--ablack);
    font-size: var(16px);
    font-family: 'Tajawal-Medium',sans-serif;
}
#change_chose2 .select2-selection__arrow,
#change_chose1 .select2-selection__arrow,
#change_chose3 .select2-selection__arrow,
#change_chose4 .select2-selection__arrow,
#change_chose5 .select2-selection__arrow,
#change_chose6 .select2-selection__arrow
{
    height:50px;
}
#change_chose2 .select2-container,
#change_chose1 .select2-container,
#change_chose3 .select2-container,
.selects-style .select2-container
{
    width:100%!important;
}
#change_chose2 .select2-container--default .select2-selection--single .select2-selection__arrow b,
#change_chose1 .select2-container--default .select2-selection--single .select2-selection__arrow b,
#change_chose3 .select2-container--default .select2-selection--single .select2-selection__arrow b
{
    content: "";
    display: inline-block;
    border: solid var(--wpink);
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    left: 85%;
    top: 44%;
}
#change_chose4 .select2-container--default .select2-selection--single .select2-selection__arrow b,
#change_chose5 .select2-container--default .select2-selection--single .select2-selection__arrow b,
#change_chose6 .select2-container--default .select2-selection--single .select2-selection__arrow b
{
    content: "";
    display: inline-block;
    border: solid var(--pink);
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    left: 85%;
    top: 44%;
}
.select2-search__field
{
    display: none!important;
}
.select2-dropdown
{
    z-index: 1!important;
    border: 1px solid var(--Lgray2)!important;
    border-radius: 6px!important;
    background-color: var(--awhite)!important;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
    background-clip: padding-box;
  }
  .select2-results__options::-webkit-scrollbar-track {
    background-color: rgb(224, 217, 217);
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
  }

  .select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #a3a3a3;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
  }
.select2-results__option
{
    font-size: var(--font18);
    font-family: 'Tajawal-Medium',sans-serif;
    color:var(--Dblack);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
    color:var(--pink)!important;
    background-color: var(--awhite)!important;
}
.select2-container--default .select2-results__option--selected{background-color: var(--awhite)!important; color: var(--pink);}
.link-copy
{
    font-size: var(--font12);
    font-family: 'Tajawal-Regular',sans-serif;
    color:var(--black);
}
.h-18{height:18px;}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
  }

  /* Tooltip text */
  .tool-text {

    font-size: var(--font13);
    font-family: 'Tajawal-Medium',sans-serif;
    color:var(--Dblack);

  }
  .tooltip .tooltiptext {
    width: 120px;
    top: -13px;
    left: 185%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    text-align: center;
    padding: 5px 13px;
    border-radius: 6px;
    visibility: hidden;
    background-color: var(--Lgray5);
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    box-shadow: 0 0 5px;
  }
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  .tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent var(--Lgray5) transparent transparent;
  }
  .offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: unset;
}
.videoSpacing
{
    float: right;
    height: 0px;
}
.search_opacity
{
    opacity: .5;
}
.social-details
{
    width: 50px;
    height: 50px;
}
.selectize-dropdown-content
{
    max-height: unset;
}
.slider_container.volume ,.seek_slider
{
    direction: ltr;
}
.row-direction
{
    flex-direction: row-reverse!important;
}
#nothing_data{
    font-size: 20px;
    color: var(--black);
    font-family: 'Tajawal-Bold',sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mine-btn{
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.5;
}
.visually-hidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}
.closeImg{
    filter: invert(51%) sepia(0%) saturate(7385%) hue-rotate(238deg) brightness(103%) contrast(101%);
}
/* main--end--*/

/*footer--start--*/
.footer
{
    background-color: var( --Lgray);
}
.btn-up, .btn-up:hover
{
  color: var(--white);
  font-size: var(--font10);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--aegean) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 20px #00000090;
  border-radius: 60px;
  position: fixed;
  bottom: 15px;
  right: 114px;
  padding: 0rem 0rem;
  z-index: 1;

}
.copyright-style
{
    color: var(--Dblack);
    font-size: var(--font16);
    font-family: 'Tajawal-Medium',sans-serif;
}
.footer_text, .footer_text:hover {
  font-size: var(--font18);
  font-family: 'Tajawal-Medium',sans-serif;
  color: var(--Dblack);
}
.main-footer-title {
  font-size: var(--font20);
  font-family: 'Tajawal-Bold',sans-serif;
  color: var(--ablack);
}
/*footer--end--*/