.smslider{
direction: ltr;
}
.owl-five .owl-prev{
left:  -20px;
position: absolute;
background-color: var(--lightcolor) !important;
width: 37px;
height: 37px;
}
.owl-five .owl-next{
right:  -20px;
position: absolute;
background-color: var(--lightcolor) !important;
width: 37px;
height: 37px;
}
.header_menu ul.sub-menu li.menu-item-has-children ul{
right: auto;
position: absolute;
left: -100% !important;
top: 0;
opacity: 0 !important;
transform:translateY(15px);
}
.header_menu ul.sub-menu li.menu-item-has-children:hover ul{
opacity: 1 !important;
transform:translateY(0px);
}
.header_menu li.menu-item-has-children:hover a::after {
transform: rotate(180deg)
}
.header_menu li li.menu-item-has-children a:after{
content: '\f107';
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 15px;
margin-right: 9px;
transition-duration: 0.5s;
transition-delay: 0.1s;
display: inline-block;
transform: rotate(90deg) !important;
left: 0;
position: absolute;
}
.header_menu li li.menu-item-has-children li a:after{
display: none
}
.owl-five i{
color: #fff;
}
.owl-five .owl-nav {
position: absolute;
top: 45%;
width: 100%;
}
#slidtextt{
margin-bottom: 40px;
}
.smslider img{
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 10px;
}
.smtext ul{
margin-top: 15%;
}
.smtext li {
margin: 0px 50px 0px 0px;
margin-bottom: 0px;
margin-bottom: 0px;
padding: 15px 30px 15px 30px;
border-radius: 5px 5px 5px 5px;
transform: translateY(0);
transition-duration: 0.3s;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin-bottom: 20px;
list-style-type: none;
}
.smtext li a{
font-size: 20px;
font-weight: 600;
color: #151d41;
line-height: 66px;
transition-duration: 0.3s;
}
.smtext li img{
margin-left: 20px;
}
.news_block2 {
position: relative;
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 30px;
}
.rightnphoto21 iframe {
width: 100%;
max-height: 230px;
}
.leftntext {
position: relative;
bottom: 15px;
padding: 16px;
z-index: 10;
font-size: 15px;
font-weight: bold;
direction: rtl;
}
.leftntext2 {
position: relative;
bottom: 0px;
padding: 16px;
z-index: 10;
font-size: 15px;
font-weight: bold;
direction: rtl;
}
.leftntext3 {
position: relative;
bottom: 40px;
padding: 16px;
z-index: 10;
font-size: 15px;
font-weight: bold;
direction: rtl;
}
.news_block2:hover .leftntext {
background-color: #267280;
color: white;
}
@font-face {
font-family: 'Cairo';
src: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-Bold.woff2) format('woff2'),
url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cairo';
src: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-Regular.woff2) format('woff2'),
url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cairo';
src: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-SemiBold.woff2) format('woff2'),
url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/fonts/Cairo-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
* {
font-family: "Cairo", sans-serif;
text-decoration: none !important;
-webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-ms-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Cairo", sans-serif;
}
html {
scroll-behavior: smooth;
}
:hover {
text-decoration: none;
}
body {
overflow-x: hidden;
box-sizing: border-box;
counter-reset: my-sec-counter;
overflow-x: hidden;
background-color: #fff;
}
::selection{
background-color: var(--darkcolor);
color: #fff;
}
:root {
--lightcolor:#08B7A1;
--darkcolor:#267180;
--gradientcolor:linear-gradient(90deg, rgba(8,183,161,1) 0%, rgba(38,113,128,1) 100%);
--graycolor:#6D6E71;
}
ul {
padding: 0;
}
#acaart_pagination .current:hover, #acaart_pagination .inactive:hover{
background: #000;
}
a:focus{
outline: 0px !important;
}
::selection{
background-color: var(--darkcolor);
color: #fff;
}
.header_menu .sub-menu{
opacity: 0;
position: absolute;
width: 273px !important;
transform: translateY(16px);
box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
pointer-events: none;
border-radius: 0px !important;
}
.header_menu li.menu-item-has-children a:after{
content:'\f107';
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 15px;
margin-right:  9px;
transition-duration: 0.5s;
transition-delay: 0.1s;
display: inline-block;
}
#site_projects h2 {
margin-top: 34px;
margin-bottom: 34px;
}
#site_projects h2 {
text-align: center;
font-weight: bold;
color: var(--darkcolor);
margin-top: 22px;
}
.header_menu li.menu-item-has-children li a:after{
display: none;
}
.header_menu li.menu-item-has-children a:hover:after{
transform:  rotate(180deg);
transition-duration: 0.5s;
transition-delay: 0.1s;
}
.header_menu li:hover .sub-menu{
opacity: 1;
z-index: 10000 !important;
width: 220px;
background: var(--foot1bg);
transform: translateY(0px);
border-bottom-right-radius: 30px;
pointer-events:  visible;
}
.header_menu li li:before{
height: 100% !important;
z-index: -1;
border-radius: 0 !important;
border-bottom-right-radius: 30px !important;
}
.header_menu li li:hover a{
padding-left: 5px !important;
font-size: 15px;
}
.header_menu li li:hover{
background-color: #0A1C32; 
}
.header_menu li.current-menu-item li a::before{
background-image: none !important;
background-color: transparent !important;
}
.header_menu li li{
padding: 10px;
padding-right: 10px;
padding-right: 10px;
border-bottom: 1px solid #348595;
width: 100%;
max-height: 50px !important;
display: block;
min-height: 31px !important;
line-height: 31px !important;
margin-right: 0;
padding-right: 9px;
text-align: right;
background-color: var(--darkcolor);
margin-left: 0;
}
.header_menu li li:last-child{
border-bottom: 0px;
}
.header_menu li li a{
color: #fff !important;
font-size: 1.4rem;
text-shadow: 0px 0px 0px transparent;
width: 250px;
display: block;
white-space: nowrap;
overflow: hidden;
line-height: 15px !important;
text-overflow: ellipsis;
} 
header div.header_menu li li a:before{
background-image: none !important;
background-color: transparent !important;
}
.header_menu li.current-menu-item {
font-weight: bold;
background: var(--gradientcolor);
border-radius: 7px;
}
.header_menu li.current-menu-item a{
color: #fff !important;
background-color: var(--darkblue);
border-radius: 10px;
}
.header_menu li{
position: relative;
}
.header_menu li:before{
content:'';
position: absolute;
background-color: #F8F8F8;
height: 0%;
width: -moz-available;
transition: all .5s ease-in-out;
opacity: 0;
transform-origin: center;
border-radius: 10px;
}
.header_menu li:hover:before{
opacity: 1;
height: 100%;
}
.header_menu li {
display: inline-block;
position: relative;
min-height: 45px;
line-height: 45px;
padding-right: 5px;
padding-left: 5px;
}
.header_menu li a {
color: #fff;
font-size: 1.8rem;
font-weight: 600;
padding-right: 6px;
padding-left: 6px;
padding-top: 7px;
padding-bottom: 7px;
}
.header_menu li.current-menu-item:hover:before{
background-color: var(--darkcolor) !important;
right: 0;
}
.header_menu li.current-menu-item:before{
display: none;
right: 0;
}
.header_menu li li:before {
display: none;
}
.topmenu ul{
margin-top: 20px;
}
.header_menu ul{
margin-bottom: 0;
margin-top: 9px;
text-align: right;
}
#acaart_pagination{
text-align: center;
margin-top: 29px;
margin-bottom: 0;
}
#acaart_pagination span{
background-color: var(--darkcolor);
color: #fff;
width: 40px;
display: inline-block;
height: 40px;
border-radius: 0px;
text-align: center;
line-height: 40px;
margin-right: 10px;
font-size:15px;
font-weight:bold;
border-radius: 5px;
}
#acaart_pagination .inactive{
font-size:15px;
font-weight:bold;
background-color: var(--lightcolor);
color: #fff;
margin-right: 10px;
width: 40px;
display: inline-block;
height: 40px;
border-radius: 0px;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
.contactforma h1 {
text-align: center;
margin-bottom: 40px;
background-color: var(--darkcolor);
border-radius: 10px;
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 2.5rem;
}
.site_mapo iframe{
width: 100%;
min-height: 350px;
border: 0px;
margin-top: 10px;
}
.contactforma button.wpforms-submit{
background-color: var(--darkcolor) !important;
font-weight: bold !important;
height: 60px !important;
width: 150px;
}
.contactforma input{
margin-bottom: 3px !important;
height: 61px !important;
border: 0 !important;
width: 90%;
box-shadow: 0px 0px 0px !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09) !important;
border-radius: 0px !important;
background-color: #fff;
padding-right: 14px !important;
font-size: 17px !important;
color: #AFAFAF !important;
border-radius: 10px !important;
}
.contactforma input:focus{
outline: none;
}
.contactforma label.vfb-error {
color: red;
font-weight: bold;
font-size: 15px;
margin-top: 10px;
}
.contactforma {
margin-bottom: 50px;
}
.contactforma h3{
display: none;
}
.contactforma .vfb-section-1 li:first-child, .contactforma .vfb-section-1 li:nth-child(2){
display: inline-block;
width: 49%;
margin-bottom: 20px;
}
.contactforma .vfb-item-submit input{
margin-top: 0;
background-color: var(--darkcolor) !important;
color: #fff !important;
border: 0px !important;
padding-left: 0 !important;
max-width: 150px;
text-align: center;
box-shadow: 0 0 0 transparent !important;
float: left;
border-radius: 10px !important;
padding-right: 0 !important;
font-weight: bold;
font-size: 22px !important;
}
.vfb-section-2 li:first-child{
display: none;
}
#contact_map .contactforma{
margin-top: 50px;
}
input.vfb-error {
background-color: #eee !important;
}
.contactforma input.vfb-text,
.contactforma input[type="text"].vfb-text,
.contactforma input[type="tel"].vfb-text,
.contactforma input[type="email"].vfb-text,
.contactforma input[type="url"].vfb-text,
.contactforma textarea.vfb-textarea {
background-color: #fff;
color: #333 !important;
}
.contactforma textarea{
width: 100%;
border: 0 !important;
box-shadow: 0px 0px 0px !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
border-radius:0px !important;
height:118px !important;
padding: 15px !important;
background-color: #fff !important;
font-size: 14px !important;
font-weight: bold;
color: #AFAFAF !important;
margin-bottom: 0 !important;
border-radius: 10px !important;
}
.contactforma label {
display: none;
margin-bottom: 19px !important;
font-size: 15px;
margin-top: 20px;
font-weight: normal !important;
}
.nolable label{
display: none !important;
}
.contactforma .vfb-legend h3{
font-size: 16px !important;
border: 1px solid #f1f1f1;
padding: 15px;
background-color: #fff;
margin-top: 0;
margin-bottom: 30px;
border-right: 3px solid var(--colorblue) !important;
border-bottom: 4px solid #f1f1f1;
} .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: var(--darkcolor);
overflow-x: hidden;
padding-top: 60px;
transition: 0.5s;
} .sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
} .sidenav a:hover {
color: #f1f1f1;
} .sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
background-color: var(--lightcolor) !important;
margin-left: 50px;
} #main {
transition: margin-left .5s;
padding: 20px;
} @media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
} 
.mobileicon{
display:none;
}
.rightformcontent .vfb-item-secret{
display: none !important;
}
.mobileicon{
width: 13%;
float: left !important;
margin-top: 36px;
text-align: left !important;
direction: ltr;
}
.mobileicon span{
background-color: #333;
width: 30px;
height: 4px;
text-align: right !important;
display: block;
margin-bottom: 7px;
}
.mobileicon span:nth-child(2){
max-width: 23px;
}
.mobileicon a {
display: block;
cursor: pointer;
}
.sidenav {
display: block;
}
#mySidenav li{
border-bottom: 1px solid #358899;
line-height: 37px;
}
.sidenav a{
font-size: 17px !important;
color: #fff !important;
padding-right: 18px;
}
.sidenav a:hover{
color: #fff !important;
}
.closebtn{
background: var(--lightcolor) !important;
text-align: center;
padding: 0px !important;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 0px;
margin-top: 20px !important;
}
a.closebtn:hover{
color: #fff !important;
}
.sidenav li.menu-item-has-children .sub-menu{
display: none;
}
.sidenav li.menu-item-has-children a{
position: relative;
}
.sidenav li.menu-item-has-children a:after {
content: '';
display: block;
background-color: #fff;
width: 10px;
height: 10px;
position: absolute;
right: 30px;
top: 20%;
margin-top: 10px;
z-index: 100;
}
.sidenav li.menu-item-has-children a::after {
content: '';
display: block;
background-color: #fff;
width: 10px;
height: 6px;
position: absolute;
left: 23px;
top: 24%;
margin-top: 10px;
z-index: 100;
clip-path: polygon(51% 100%, 0 0, 100% 0);
right: auto;
}
.sidenav li.menu-item-has-children li a::after {
}
.sidenav li.menu-item-has-children a.active {
background-color: var(--lightcolor);
}
img{
max-width: 100%;
}
.mobicon{
display: none;
}
.header_menu li.menu-item-has-children ul li.current-menu-item a{
color: #fff !important;
padding: 0;
}
.header_menu li.menu-item-has-children ul li.current-menu-item{
border-radius: 0;
background-color: #000;
padding-right: 19px;
}
.header_menu li a:hover{
color: #fff;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 0px;
}
.header_menu li.current-menu-item li a{
padding: 0 !important;
background-color: transparent !important;
color: #fff !important;
font-size: 17px !important;
}
.header_menu li a{
position: relative;
font-weight: bold;
}
.header_menu li a:before{
content:'';
width: 0;
height: 100%;
display: block;
position: absolute;
right: 0;
left: 0;
top: 0;
transform: skew(-15deg);
z-index: -1;
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.header_menu li:hover a:before, .header_menu li.current-menu-item a:before{
background-image: var(--darkcolor) !important;
width: 100%;
}
.header_menu li.current-menu-item li a{
padding: 0 !important;
background-color: transparent !important;
color: #fff !important;
font-size: 17px !important;
}
.header_menu li:hover a{
color: #fff;
}
h2.title-bkp{
color: orange;
}
.content-bkp h2{
color: #fff;
}
.searchform{
margin-top: 40px;
}
.searchform input{
border: 0px;
padding: 10px;
border-radius: 0px;
}
.searchform input:focus{
border: 0px;
outline: none;
}
.shrink {
position: fixed !important;
width: 100% !important;
z-index: 110 !important;
top: 0;
box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.1);
background-color: #fff !important;
}
.clear{
clear: both;
}
.loader {
position: fixed;
background-color: #fff;
width: 100%;
height: 100%;
display: block;
z-index: 1000;
text-align: center;
line-height: 100vh;
top: 0;
}
.loader img {
animation:flipx 1s ease-in-out ;
-webkit-animation:flipx 1s ease-in-out ;
-webkit-animation-iteration-count: infinite;
animation-duration: 0.3;
}
@keyframes flipx {
50%{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
}
100%{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
}
.totopa {
display: none;
}
.totopa2:hover{
background-color: var(--lightcolor);
}
.totopa2:hover i{
color: #fff;
}
.totopa2 {
display: block;
position: fixed;
right: 20px;
background-color: var(--darkcolor);
width: 45px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
height: 45px;
z-index: 100;
border-radius: 0px;
border: 0px solid #fff;
bottom: 60px;
text-align: center;
line-height: 45px;
overflow: hidden;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
}
.totopa2 i {
color: #fff;
font-size: 19px;
position: absolute;
bottom: 0;
right: 0;
left: 0px;
}
.totopa2 i.upclass {
bottom:  12px;
}
.totopa2 i.bottomclass {
bottom:  -124px;
}
.totopa2:hover i.upclass {
bottom:  50px;
}
.totopa2:hover i.bottomclass {
bottom:  10px;
}
.loader {
position: fixed;
background-color: #fff;
width: 100%;
height: 100%;
display: block;
z-index: 1000;
text-align: center;
line-height: 100vh;
top: 0;
}
#searchform2{
display: flex !important;
flex-direction: row-reverse;
margin-top: 13px;
}
#searchform2 input{
border: 0px;
border-right: 1px solid #f1f1f1;
padding-right: 15px;
}
#searchform2 button{
border: 0px;
background-color: var(--darkblue);
font-size: 17px;
width: 45px;
height: 45px;
border-radius: 0px;
}
#searchform2 button:hover{
border: 0px;
background-color: var(--footerbg);
color: #fff;
font-size: 17px;
width: 45px;
height: 45px;
border-radius: 0px;
}
#searchform2 input:focus{
outline: 0;
}
.header_menu li li:hover a{
color: #E5EDFF;
padding-right: 5px;
}
.header_menu li:hover a{
color: var(--darkcolor);
}
label.vfb-error{
display: none !important;
}
.regionfull2{
text-align: center;
}
.vfb-item-secret{
display: none !important;
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 
.bottomsocial ul{
display: flex;
justify-content: left;
flex-direction: row-reverse;
gap: 5px;
margin-bottom: 0;
}
.bottomsocial li{
list-style-type: none;
width: 35px;
height: 35px;
background-color: #fff !important;
text-align: center !important;
line-height: 38px !important;
border-radius: 5px;
}
.bottomsocial li i{
color: #fff;
font-size: 2rem;
margin-left: 0 !important;
}
.bottomsocial li:first-child{
background-color: #09419B !important;
}
.bottomsocial li:nth-child(3){
background-color: #C52C2C !important;
}
.bottomsocial li:nth-child(2){
background-color: #2ACED0 !important;
}
.bottomsocial li:nth-child(4){
background-color: #09419B !important;
}
.slider_site .owl-item.active .bigslider strong {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.6s;
}
.slider_site .owl-item.active .bigslider p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.9s;
}
.slider_site .owl-item.active .bigslider a {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 1.3s;
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
} 
.logo_site{
line-height: 111px;
}
.headtop{
min-height: 111px;
}
.donate_now{
background-color: var(--darkcolor);
text-align: center;
min-height: 66px;
line-height: 66px;
border-radius: 55px;
width: 189px;
display: block;
float: left;
margin-top: 23px;
}
.donate_now a{
color: #fff;
font-weight: bold;
font-size: 2.1rem
}
.donate_now img{
margin-left: 5px;
}
.headbottom .container{
background: var(--gradientcolor);
border-radius: 55px;
min-height: 66px;
width: 1297px;
}
.slider_site{
direction: ltr;
position: relative; overflow: hidden;
max-height: 700px;
text-align: right;
max-width: 1700px;
margin: 13px auto 0;
border: solid 1px #247582;
box-shadow: 0 0 10px 5px #266f7f;
}
.slider_site strong{
color: #fff;
font-weight: bold;
margin-bottom: 30px;
display: block;
width: 70%;
font-size: 4rem;
line-height: 60px;
}
.slider_site p{
color: #fff;
font-weight: bold;
font-size: 1.8rem;
line-height: 40px;
display: block;
}
.slider_site .bigslider{
position: absolute;
width: 45%;
margin: 0 auto;
z-index: 11;
right: 30%;
display: block;
transform: translate(50%,50%);
direction: rtl;
}
.slider_site span{
background: rgb(0,0,0,0.5);
display: block;
width: 100%;
position: absolute; height: 100%;
}
.bigslider a{
display: flex;
background: var(--gradientcolor);
border-radius: 55px;
width: 183px;
height: 65px;
line-height: 65px;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 2.4rem;
margin-top: 50px;
}
.bigslider a img{
width: 34px !important;
height: 34px;
vertical-align: middle;
margin-top: 15px;
margin-left: 7px;
}
.slider_site .owl-nav{
position: absolute;
bottom: 10%;
left: 10%;
}
.slider_site .owl-prev, .slider_site .owl-next{
background: var(--gradientcolor) !important;
width: 55px;
height: 55px;
line-height: 60px !important;
border-radius: 100% !important;
}
.slider_site .owl-prev i, .slider_site .owl-next i{
color:#fff !important;
font-size: 2rem;
}
#site_def:before{
content: '';
width: 380px;
height: 403px;
display: block;
position: absolute;
right:0;
top: 0;
background-image: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/images/1_13.png);
background-repeat: no-repeat;
background-position: right;
}
#site_def{
padding-top: 40px;
padding-bottom: 40px;
position: relative;
max-width: 1700px;
margin: 0 auto;
}
#site_def span, #site_program span, #site_news span{
display: block;
font-size: 1.6rem;
line-height: 40px;
max-width: 50%;
margin: 20px auto 1px;
color: var(--graycolor);
font-weight: normal;
}
#site_def h1, #site_program h2, #site_news h2, .testo h2{
text-align: center;
font-weight: bold;
color: var(--darkcolor);
margin-top: 22px;
}
#site_def h1 img, #site_program h2 img, #site_news h2 img{
margin-left: 5px;
width: 69px;
height: 69px;
}
.redmoreabout{
display: block;
width: 163px;
height: 55px;
background-color: var(--lightcolor);
border-radius: 55px;
line-height: 55px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
margin: 0 auto 62px;
margin-left: auto;
}
#site_def ul{
display: flex;
flex-wrap: wrap;
margin-top: 50px;
justify-content: center;
}
.abblock_ajyad::after {
display: block;
content: "";
width: 9%;
height: 9%;
position: absolute;
top: 0px;
left: 0px;
border-top: 3px solid var(--lightcolor);
border-left: 3px solid var(--lightcolor);
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
}
.abblock_ajyad::before {
display: block;
content: "";
width: 9%;
height: 9%;
position: absolute;
bottom: 0px;
right: 0px;
border-bottom: 3px solid var(--lightcolor);
border-right: 3px solid var(--lightcolor);
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
}
#site_program h3{
text-align: center;
margin-top: 50px !important;
margin-bottom: 40px;
color: var(--lightcolor);
font-weight: bold;
}
.page-template .footer1_s{
display: block;
}
.testo h2 img{
margin-left: 10px;
} 
#site_def li{
list-style-type: none;
width: 33%;
text-align: right !important;
line-height: 80px;
position: relative;
}
#site_def li span{
margin: 0;
display: inline;
width: 100%;
font-size: 2rem;
color: var(--darkcolor)
}
#site_def li:before {
display: inline-block;
width: 40px;
list-style-type: none !important;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
border-radius: 20px;
margin-left: 15px;
counter-increment: my-sec-counter;
content: counter(my-sec-counter);
font-size: 2.2rem;
font-weight: bold;
}
#site_def li:after{
display: inline-block;
background: var(--gradientcolor);
width: 40px;
list-style-type: none !important;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
border-radius: 10px;
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
margin-left: 15px;
content: '';
transform: rotate(390deg);
right: 0;
position: absolute;
z-index: -1;
vertical-align: middle;
top: 18px;
bottom: 0;
}
.text_inner2 {
background-color: #fff;
padding: 10px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.09) !important;
}
.leftf2  ul{
justify-content: center !important;
padding: 20px;
margin-top: 20px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.09) !important;
}
.text_inner2 h1 {
background: var(--gradientcolor);
color: #fff;
font-size: 20px;
text-align: center;
line-height: 50px;
margin-top: 0 !important;
}
#wpforms-153-field_0-container, #wpforms-153-field_3-container, #wpforms-153-field_1-container, #wpforms-153-field_4-container{
width: 45% !important;
float: right;
margin-left: 3%;
}
.contactforma h1{
margin-bottom: 0 !important;
}
.leftf2  ul{
justify-content: center !important;
padding: 20px;
margin-top: 20px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.09) !important;
}
.news-ticker{
margin-bottom: 0 !important;
box-shadow: 0px 0px 0px 0px #fff !important;
max-width: 90%;
margin: 10px auto 0 !important;
}
.news-ticker span{
font-family: 'cairo' !important;
font-size: 1.6rem !important;
display: block;
border-radius: 5px !important;
box-shadow: 0px 0px 0px 0px !important;
}
.lastnews .news-ticker span{
font-size: 1.6rem !important;
}
.contactforma h1{
margin-bottom: 0 !important;
}
.contactforma #wpforms-153{
margin-top: 0 !important;
padding-top: 0 !important;
}
.text_inner2 p {
border-bottom: 1px solid #eee;
}
.text_inner2 p, .text_inner2 a {
font-size: 16px;
line-height: 40px;
color: #383838;
font-family: 'Cairo', sans-serif;
}
#site_def .col-md-4 img{
margin-top: 71px;
width: 350px;
height: 316px;
}
#site_manager{
background-color: #F9F9F9;
padding-top: 40px;
padding-bottom: 90px;
clip-path: polygon(0 0, 100% 0, 100% 87%, 48% 100%, 48% 100%, 0 87%);
}
#site_manager h2{
background-color: var(--lightcolor);
color: #fff;
font-weight: bold;
max-width: 300px;
border-top-left-radius: 55px;
border-bottom-left-radius: 55px;
padding: 10px;
font-size: 2.8rem;
}
#site_manager h2 img{
width: 57px;
height: 57px;
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;
}
#site_manager p{
line-height: 40px;
font-size: 1.6rem;
color: var(--graycolor);
text-shadow: 0px 1px 0px #fff;
display: block;
margin-top: 25px;
max-width: 90%;
text-align: justify;
}
#site_manager p a{
color: var(--darkcolor)
}
#site_manager .owl-two{
direction: ltr;
position: relative;
margin-top: 30px;
}
.slideimg{
border-radius: 10px;
overflow: hidden;
max-height: 189px;
}
.slideloop a{
display: block;
background-color: var(--darkcolor);
border-radius: 10px;
line-height: 56px;
text-align: center;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
margin-top: 10px;
overflow: hidden;
position: relative;
z-index: 1;
}
.owl-two .owl-nav, .owl-three .owl-nav, .owl-four .owl-nav{
position: absolute;
top:30%;
width: 100%;
}
.owl-two .owl-next, .owl-three .owl-next, .owl-four .owl-next{
right:  -20px;
position: absolute;
background-color: var(--lightcolor) !important;
width: 37px;
height: 37px;
}
.owl-two .owl-next i,
.owl-two .owl-prev i, 
.owl-three .owl-next i, 
.owl-three .owl-prev i,
.owl-four .owl-prev i,
.owl-four .owl-next i
{
color: #fff;
}
.owl-two .owl-prev, .owl-three .owl-prev, .owl-four .owl-prev{
left:  -20px;
position: absolute;
background-color: var(--lightcolor) !important;
width: 37px;
height: 37px;
}
#site_program .owl-three, .owl-four{
direction: ltr;
margin-top: 10px;
position: relative;
}
.slideloop{
margin: 0 auto;
}
.owl-three .slideimg{
min-height: 240px;
}
#site_program a.redmoreabout, #site_projects a.redmoreabout, #acheive_site a.redmoreabout{
margin: 0 auto;
float: none;
margin-top: 0px;
}
#statistic_site{
text-align: center;
position: relative;
padding-top: 1px;
}
#statistic_site:before{
content: '';
background: var(--gradientcolor);
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: -1;
clip-path: polygon(0 0, 100% 0, 100% 77%, 48% 100%, 48% 100%, 0 77%);
max-height: 200px;
top:0;
}
#site_program{
background-color: #f9f9f9 !important;
padding-top: 30px;
padding-bottom: 30px;
}
.header_menu ul ul{
margin-top: 0 !important;
}
#statistic_site h2{
color: #fff;
font-weight: bold;
margin-top: 30px;
margin-bottom: 30px;
}
#statistic_site h2 img{
margin-left: 10px;
}
#statistic_site .container{
background: rgb(250,250,250);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 55%);
border-top-right-radius: 55px;
border-top-left-radius: 55px;
padding-top: 20px;
padding-bottom: 20px;
}
.statloop{
display: flex;
justify-content: center;
gap: 20px;
}
.righticon{
width: 30%;
text-align:center;
}
.righticon i{
color: var(--lightcolor);
font-size: 5.5rem;
display: block;
margin: 0 auto;
vertical-align: middle;
padding-top: 14px;
}
.lefttexts{
width: 70%;
text-align: right;
}
.lefttexts h2{
color: var(--darkcolor) !important;
margin-bottom:  5px !important;
margin-top: 5px !important;
font-size: 3.9rem
}
.lefttexts h6{
margin-top: 10px !important;
font-size: 1.57rem;
color: var(--darkcolor)
}
#statistic_site .col-md-3{
text-align: center !important;
padding-right: 46px;
}
#acheive_site h3, #site_projects h3{
text-align: center;
margin-top: 35px;
margin-bottom: 30px;
color: var(--darkcolor);
}
#acheive_site h3 img, #site_projects h3 img{
margin-left: 15px;
}
#site_projects{
background: rgb(250,250,250);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 55%);
padding-bottom: 50px;
padding-top: 29px;
}
#site_projects h3{
margin-top: 0;
}
#site_news h2{
margin-top: 54px;
margin-bottom: 54px;
}
#site_news{
padding-top: 0px;
} .agenblock, .blogblock{
background-color: #fff !important;
padding: 10px;
text-align: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding-bottom: 20px;
margin: 0 auto;
}
.agenblock{
max-width: 252px;
}
.blogblock{
max-width: 318px;
margin: 0 auto;
}
.agenblock img{
margin-bottom: 20px;
width: 100%;
max-height: 189px;
}
.blockimg{
position: relative;
}
.blockimg span{
position: absolute;
bottom: 10px;
left: 10px;
background-color: var(--lightcolor);
color: #fff !important;
display: block;
width: 78px;
height: 78px;
padding: 12px;
line-height: 26px !important;
border-radius: 5px;
font-size: 1.8rem;
font-weight: normal !important;
z-index: 11;
}
.blockimg strong{
display: block;
font-size: 3.2rem
}
.blockimg{
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
max-height: 196px;
}
.blockimg span:after, .blockimg span:before{
display: none !important;
}
.blogblock a{
display: block;
direction: rtl;
font-size: 1.6rem;
max-width: 90%;
line-height: 30px;
color: var(--graycolor);
margin: 0 auto;
}
.blogblock a.remora2{
background: var(--gradientcolor);
width: 163px;
height: 52px;
border-radius: 5px;
line-height: 52px;
color: #fff;
margin-top: 25px;
position: relative;
z-index: 1;
overflow: hidden;
}
#site_news a.moreblog{
background-color: var(--lightcolor);
position: relative;
overflow: hidden;
z-index: 1;
}
#site_partner{
margin-top: 40px;
margin-bottom: 52px;
}
#site_partner h2 {
background-color: var(--lightcolor);
color: #fff;
font-weight: bold;
max-width: 230px;
border-top-left-radius: 55px;
border-bottom-left-radius: 55px;
padding: 10px;
font-size: 2.8rem;
margin-top: 40px;
position: relative;
}
#site_partner h2 img {
width: 57px;
height: 57px;
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;
}
#site_partner .owl-item{
background-color: #fff !important;
padding-top: 14px;
padding-bottom: 14px;
text-align: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 5px;
max-width: 159px;
margin: 0 auto;
}
.ab_gam p{
color: #fff;
line-height: 48px;
font-size: 1.7rem;
max-width: 90%;
display: block;
}
.ab_gam a{
color: var(--lightcolor);
font-weight: bold;
}
#site_partner .owl-item img{
width: 150px;
display: block;
margin: 0 auto;
}
#site_partner .owl-stage{
padding-top: 10px;
padding-bottom: 10px;
}
#site_partner h2:before{
content: '';
position: absolute;
background-color: var(--lightcolor);
width: 100%;
display: block;
height: 77px;
right: -90%;
top: 0px;
z-index: -1;
}
footer{
background-color: #000;
position: relative;
border-top-left-radius: 330px;
}
.footer1_s:before{
content: '';
position: absolute;
width: 100%;
height: 80px;
background-color: #fff;
z-index: 2;
display: block;
top: 0;
left: 0;
right: 0;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px
}
.footer1_s .container{
background: var(--gradientcolor);
text-align: center;
border-radius: 50px;
padding-top: 16px;
padding-bottom: 3px;
z-index: 11;
position: relative;
}
.footer1_s h2{
color: #fff;
font-weight: bold;
margin-bottom: 20px;
}
.footer1_s h5{
color: #fff;
font-size:1.7rem;
}
.footer2_s{
padding-top: 30px;
padding-bottom: 30px;
}
.footer2_s h2{
color: #fff;
font-weight: bold;
margin-bottom: 50px;
}
.footer2_s .col-md-8 h2{
color: var(--lightcolor)
}
.footer2_s .col-md-3 li span{
color: #fff;
font-size: 1.8rem;
line-height: 40px;
margin-bottom: 20px;
display: block;
}
.footer2_s .col-md-3 li{
list-style-type: none;
line-height: 50px;
}
.footer2_s .col-md-3 li a{
color: #fff;
font-size: 2.1rem
}
.footer2_s .col-md-3 li i{
color: var(--lightcolor);
margin-left: 10px;
}
.footer2_s .col-md-8 ul{
display: flex;
flex-wrap: wrap;
}
.footer2_s .col-md-8 li{
width: 24%;
list-style-position: inside;
line-height: 45px;
list-style-type: none;
}
.footer2_s .col-md-8 li a{
color: #fff;
font-size: 1.7rem
}
.footer2_s .col-md-8 li:before{
content: "\f053";
color: var(--lightcolor);
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 10px;
font-size: 1.2rem;
}
.footer3_s{
border-top: 1px solid #1D1D1D;
height: 105px;
padding-top: 30px;
line-height: 105px;
border-bottom: 14px solid var(--lightcolor)
}
.footer3_s h5{
margin-bottom:  0;
margin-top: 5px;
color: #fff;
}
.footer3_s h5 span{
color: var(--lightcolor);
font-size: 1.7rem;
}
#site_projects h3 img, #acheive_site h3 img{
width: 56px;
height: 56px;
margin-left: 10px;
}
#site_def h1 span{
margin-bottom:  35px;
}
#site_program span{
margin-bottom: 40px;
} .hoverbutton {
--c: var(--lightcolor);
text-align: center;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
}
.hoverbutton dt {
position: absolute;
width: 25%;
height: 100%;
background-color: var(--c);
transform: translateY(150%);
border-radius: 50%;
left: calc((var(--n) - 1) * 25%);
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1;
}
.hoverbutton:hover a{
color: #fff;
}
.hoverbutton:hover dt {
transform: translateY(0) scale(4);
}
.hoverbutton dt:nth-child(1) {
--n: 1;
}
.hoverbutton dt:nth-child(2) {
--n: 2;
}
.hoverbutton dt:nth-child(3) {
--n: 3;
}
.hoverbutton dt:nth-child(4) {
--n: 4;
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
} 
#site_def li:hover:after{
border-radius: 100%;
}
#site_def li:hover span{
padding-right: 2px;
color: #000
}
.owl-next:hover, .owl-prev:hover{
background-color: var(--darkcolor) !important;
}
.footer2_s .col-md-8 li:hover{
padding-right: 5px;
}
.footer2_s .col-md-8 li:hover a{
color: var(--lightcolor)
}
.footer2_s .col-md-3 li:nth-child(2):hover i, 
.footer2_s .col-md-3 li:nth-child(3):hover i,
.footer2_s .col-md-3 li:nth-child(4):hover i{
color: #fff;
}
.bottomsocial li:hover{
background-color: var(--lightcolor) !important;
}
.blogblock a.remora2:hover{
border-radius: 55px;
}
.blogblock .blockimg:before, .slideloop .slideimg:before{
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
content: '';
background-color: rgb(0,0,0,0.5);
width: 100%;
height: 0%;
position: absolute;
right: 0;
left: 0;
transition-delay: 0.3s;
z-index: 2
}
.blogblock:hover .blockimg:before, .slideloop:hover .slideimg:before{
width: 100%;
height: 100%;
}
.slideimg{
overflow: hidden;
position: relative;
}
.blogblock:hover .blockimg span{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: flipInY;
animation-delay: .3s;
border-top-right-radius: 25px;
}
.slideloop .slideimg:after{
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
content: '';
background-image: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/images/1_32.png);
background-repeat: no-repeat;
background-position: center;
background-size: 0;
position: absolute;
right: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition-delay: 0.6s;
z-index: 11
}
.slideloop:hover .slideimg:after{
background-size: 22%;
}
#site_program .slideloop:hover .slideimg:after{
background-size: 17%;
}
.redmoreabout:hover{
background-color: var(--darkcolor);
border-top-right-radius: 0;
}
.slideloop:hover .slideimg img, .blogblock:hover .blockimg img{
transform: scale(1.1) rotate(5deg)
}
.headbottom.shrink .container{
width: 100% !important;
padding: 0;
border-radius: 0;
min-height: 80px;
}
.headbottom.shrink .container ul{
text-align: center;
margin-top: 14px;
}
.footer1_s #wpforms-146 form{
display: flex;
width: 100% !important;
justify-content: center;
}
.footer1_s #wpforms-146 form input.wpforms-field-medium{
min-width: 100% !important;
border: 0px;
height: 57px !important;
border-radius: 55px;
padding-right: 64px;
background-image: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/images/1_39.jpg);
background-repeat:no-repeat;
background-position:right 20px center;
}
.footer1_s #wpforms-146 form button.wpforms-submit{
height: 57px !important;
border-radius: 55px;
width: 130px;
text-align: center;
vertical-align: middle !important;
margin: 0 !important;
background-color: #000;
font-weight: bold;
font-size: 2.3rem;
}
.footer1_s .wpforms-submit-container{
margin-top: 0 !important;
margin-right: 10px !important;
}
#site_def .container{
width: 85%;
margin: 0 auto;
}
#site_def .col-md-4{
padding: 0;
}
.slider_th2 {
position: relative;
background-image: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/images/1_10.jpg);
min-height: 150px;
z-index: 1;
border-bottom-right-radius: 55px;
overflow: hidden;
border-bottom-left-radius: 55px;
margin-bottom: 30px;
background-size: 100%;
background-position: bottom center;
margin-top: 8px;
}
.slider_th2 h2 {
margin: 0;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
color: #fff;
font-weight: bold;
z-index: 1;
width: 100%;
text-align: center;
}
.slider_th2 p {
margin: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(0,0,0,0.6);
z-index: -1;
}
.catpagenew .slideloop {
margin: 0 auto 22px;
}
.postcontent img {
margin-right: 37px;
border-radius: 10px;
max-height: 1200px;
margin-bottom: 25px;
}
.footer1_s{
display: none
}
.home .footer1_s{
display: block;
}
.page-template-contact .footer1_s{
display: block;
}
.category .footer1_s{
display: block;
}
.abblock_ajyad{
margin-bottom: 50px;
padding: 30px 30px;
box-shadow: 0px 0px 50px rgba(5,5,5,.08);
margin-top: 20px;
background-color: #fff;
max-height: 272px;
transform: translateY(0px);
transition: all .9s ease;
position: relative;
width: 100%;
min-height: 272px;
}
.abblock_ajyad img {
width: 80px;
height: auto;
margin: 0 auto 12px;
display: block;
}
.abblock_ajyad:hover:before {
width: 100%;
height: 10%;
}
.abblock_ajyad:hover:after {
width: 100%;
height: 10%;
}
.ab1_link {
font-weight: 600;
line-height: 1.2;
font-size: 25px;
color: #000;
text-align: center;
display: block;
padding: 10px 0;
}
.ab2_link {
text-align: center;
font-size: 1.6rem;
color: #3f3f3f;
line-height: 1.7;
max-height: 120px;
text-align: center;
display: block;
overflow: hidden;
max-width: 170px;
margin: 0 auto;
}
.postcontent p{
font-size: 1.6rem;
line-height: 46px;
text-align: justify;
}
.aboutpost:before{
display:none !important;
}
.aboutpost ul{
justify-content: center !important;
margin-top: 0 !important;
}
.aboutpost li{
width: 33.3% !important;
text-align: center !important;
}
.slideloop{
margin-bottom: 20px;
}
.slideimg img{
height: 189px;
width: 100%;
max-height: 189px;
min-height: 189px;
}
#site_program .slideimg img{
min-height: 245px !important;
}
.blockimg img{
height: 196px;
max-height: 196px;
min-height: 196px;
}
.videoicon .slideimg:after{
background-image: url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/images/375.png) !important;
}
@keyframes float-bob {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px); 
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
} 
}
#site_def .col-md-4 img:hover{
-webkit-animation-name: float-bob;
animation-name: float-bob;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.bigslider:hover a{
-webkit-animation-name: float-bob;
animation-name: float-bob;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.slider_site .owl-prev:hover, .slider_site .owl-next:hover {
background-color:  var(--lightcolor) !important;
width: 55px;
background-image: none !important; 
height: 55px;
line-height: 60px !important;
border-radius: 40% !important;
}
.slideimg span.hawpag{
background-color: var(--lightcolor);
color: #fff;
width: 65px;
height: 65px;
display: block;
text-align: center;
line-height: 65px;
position: absolute;
left: 0;
bottom: 0;
border-top-right-radius: 20px;
}
.slideimg span.hawpag i{
font-size: 2.6rem;
vertical-align: middle;
}
@media (max-width: 767px) {
.table-wrap table,
.table-wrap thead,
.table-wrap tbody,
.table-wrap th,
.table-wrap td,
.table-wrap tr {
display: block;
}
.table-wrap thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-wrap td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%!important;
white-space: normal;
text-align: left;
}
.table-wrap td:before {
position: absolute;
top: 8px;
left: 15px;
width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.table-wrap td:first-child {
padding-top: 17px;
}
.table-wrap td:last-child {
padding-bottom: 16px;
}
.table-wrap td:first-child:before {
top: 17px;
}
.table-wrap td:before {
content: attr(data-title);
}
.table tbody tr {
border-top: 1px solid #ddd;
}
.table tbody tr td {
border: none;
}
}
.postcontent .table-wrap thead tr{
background: var(--gradientcolor);
color: #fff;
font-size:1.8rem;;
}
.postcontent .table-wrap thead th{
padding: 20px;
}
.postcontent tbody td{
padding: 15px !important;
background-color: #fff !important;
border: 1px solid #f1f1f1;
}
.postcontent tbody tr:hover td{
background-color: #f1f1f1 !important;
}
.postcontent .table-wrap .table{
border-bottom: 5px solid #f1f1f1;
padding-bottom: 0 !important;
}
#site_program h2 img{
float: none;
margin-right: 0;
}
.pdffile{
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06);
background-color: #fff;
text-align: right;
border-radius: 10px;
overflow: hidden;
margin: 20px auto;
padding: 20px;
}
.pdffile a{
color: var(--darkcolor);
font-weight: bold;
font-size: 1.8rem;
}
.pdffile i{
color: var(--lightcolor);
font-size: 3.5rem;
vertical-align: middle;
margin-left: 10px;
}
.pdffile a:after{
content: "\f053";
font-family: "Font Awesome 6 Free";
font-weight: 900;
float:left;
vertical-align:middle;
background-color:var(--darkcolor);
display:block;
width:30px;
height:30px;
color:#fff;
text-align:center;
border-radius:100%;
line-height:30px;
}
.pdffile:hover a:after{
-webkit-animation-name: fadeIn;
animation-name:fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.catpagenew .blogblock{
margin-bottom: 26px;
}
.prpage strong{
font-size: 2.7rem !important;
}
.prpage a.button{
background: var(--gradientcolor) !important;
color: #fff !important;
line-height: 33px !important;
margin-top: 20px !important;
width: 163px;
height: 52px;
border-radius: 5px;
line-height: 52px;
color: #fff;
margin-top: 25px;
position: relative;
z-index: 1;
overflow: hidden;
}
.prpage a.button:hover{
border-radius: 55px !important;
}
.prpage a{
font-weight: 600;
} .woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before  {
position: relative! important;
display: none! important;
}
.entry-summary h1{
font-weight: bold;
font-size: 2.2rem;
}
.entry-summary p{
line-height: 40px;
font-size: 1.6rem;
}
.entry-summary form{
margin-top: 30px;
}
.entry-summary .product_meta{
display: none;
}
.entry-summary button{
background-color: var(--darkcolor) !important;
padding: 16px !important;
}
.entry-summary .quantity input{
padding: 8px;
width: 70px !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: left;
width: 63% !important;
clear: none;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: right;
width: 33% !important;
}
.woocommerce div.product div.images img {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08) !important;
padding: 10px;
}
.woocommerce-message {
border-top-color: transparent !important;
}
.price bdi{
color: var(--darkcolor) !important;
}
.cart_totals h2, #payment_heading{
background-color: var(--darkcolor);
border-radius: 5px;
padding: 14px;
color: #fff;
font-weight: bold;
padding-right: 30px;
font-size: 2rem;
}
.postcontent .woocommerce a.button.alt{
background-color: var(--darkcolor) !important;
}
#order_review_heading{
background-color: var(--darkcolor);
border-radius: 55px;
padding: 14px;
color: #fff;
font-weight: bold;
padding-right: 30px;
font-size: 2rem;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{
background-color: var(--darkcolor);
border-radius: 55px;
padding: 14px;
color: #fff;
font-weight: bold;
padding-right: 30px;
font-size: 1.8rem;
}
.woocommerce form input, .woocommerce form textarea{
border: 1px solid #f1f1f1;
padding: 10px;
border-radius: 5px;
}
.woocommerce form textarea{
min-height: 300px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: var(--darkcolor);
color: #fff;
-webkit-font-smoothing: antialiased;
padding: 18px;
font-size: 2rem;
}
.postcontent .woocommerce a.remove {
color: #fff !important;
background: red;
color: #fff !important;
border-radius: 5px;
width: 35px;
height: 35px;
line-height: 27px;
font-size: 35px;
}
.postcontent .product-name a{
color: #000 !important;
font-size: 1.6rem;
}
.postcontent .shop_table thead{
background-color: #f1f1f1;
padding: 15px !important;
}
.postcontent .shop_table thead th{
padding: 15px !important;
font-size: 1.6rem;
}
.postcontent .woocommerce button.button.alt {
background-color: var(--darkcolor);
color: #fff;
-webkit-font-smoothing: antialiased;
padding: 14px;
font-size: 1.7rem;
}
.postcontent .payment_methods{
background-color: #fff !important;
border: 1px solid #f1f1f1
}
.postcontent .payment_methods{
background-color: #fff !important;
border: 1px solid #f1f1f1
}
.postcontent .woocommerce-checkout #payment div.payment_box, .postcontent .woocommerce-checkout #payment div.form-row{
background-color: #f1f1f1;
border: 0px !important;
}
.postcontent .woocommerce-checkout #payment div.payment_box::before{
display: none;
}
.postcontent .payment_method_bacs, .postcontent .woocommerce-checkout #payment ul.payment_methods li{
font-size: 1.5rem;
}
.postcontent .woocommerce-checkout #payment ul.payment_methods{
border: 0px;
}
.postcontent .woocommerce-checkout-payment{
border: 1px solid #f1f1f1;
}
.postcontent .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number, .postcontent .wpmc-tabs-wrapper .wpmc-tab-item.current::before {
border-color: var(--darkcolor);
}
.postcontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text{
font-size: 1.8rem;
}
.postcontent .woocommerce button.button.alt:hover{
background-color: var(--textcolor);
}
.postcontent .checkout label{
font-size: 1.6rem;
}
.postcontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
margin-top: -21px !important;
margin-bottom: 10px;
}
.postcontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
display: inline-block;
line-height: 46px;
text-align: center;
vertical-align: middle;
width: 46px;
min-width: 46px;
min-height: 46px;
height: 46px;
margin-top: -14px;
color: #999;
background: #fff;
border-radius: 50%;
position: relative;
-webkit-transition: color .3s,background .3s;
-o-transition: color .3s,background .3s;
transition: color .3s,background .3s;
font-size: 18px;
font-weight: 400;
font-family: 'cairo';
}
.postcontent .woocommerce-notice, 
.postcontent h2.woocommerce-order-details__title,
.postcontent h2.woocommerce-column__title
{
background-color: #f1f1f1;
border-radius: 55px;
padding: 10px;
color: #000;
font-weight: bold;
padding-right: 30px;
font-size: 1.7rem;
text-align: center;
} 
.postcontent .woocommerce-order-overview__payment-method,
.postcontent .woocommerce-order-overview__total,
.postcontent .woocommerce-order-overview__email,
.postcontent .woocommerce-order-overview__date,
.postcontent .woocommerce-order-overview__order
{
font-size: 16px !important;
}
.postcontent .woocommerce-order-overview__payment-method strong,
.postcontent .woocommerce-order-overview__total strong,
.postcontent .woocommerce-order-overview__email strong,
.postcontent .woocommerce-order-overview__date strong,
.postcontent .woocommerce-order-overview__order strong{
font-size: 1.5rem !important;
margin-top: 15px;
}
.postcontent .woocommerce-order-overview{
border: 1px solid #f1f1f1;
padding: 25px;
}
.postcontent .woocommerce .woocommerce-customer-details address{
line-height: 30px;
font-size: 1.5rem;
}
.postcontent .woocommerce table.my_account_orders td{
font-size: 1.6rem;
}
.postcontent .woocommerce-MyAccount-navigation{
line-height: 40px;
border: 1px solid #f1f1f1;
padding: 13px;
border-bottom: 4px solid #f1f1f1;
}
.postcontent .woocommerce-MyAccount-navigation li{
list-style-type: none;
border-bottom: 1px solid #f1f1f1;
padding-right: 10px;
}
.postcontent .woocommerce-MyAccount-navigation li:last-child{
border: 0px;
}
.postcontent .woocommerce-MyAccount-navigation li a{
color: #111;
font-size: 15px;
}
.postcontent .woocommerce-MyAccount-navigation li:hover{
background-color: #f1f1f1;
padding-right: 15px;
}
.postcontent .woocommerce-info{
border-color: #f1f1f1
}
.postcontent .woocommerce-MyAccount-navigation-link--downloads{
display: none;
}
.postcontent .woocommerce-MyAccount-content p{
border-radius: 5px;
line-height: 30px;
font-size: 1.6rem; 
}
.postcontent .woocommerce-MyAccount-content p strong{
color: var(--darkcolor);
}
.postcontent .woocommerce-MyAccount-content p a{
color: var(--darkcolor);
}
.postcontent .nm-wooconvo-send{
left: 0 !important;
right: auto !important;
background-color: var(--darkcolor) !important;
border: 0px;
}
.postcontent .wooconvo-send .wooconvo-textarea{
padding-right: 20px !important;
}
.postcontent .woocommerce-MyAccount-content h2{
background-color: #f1f1f1;
padding: 20px;
font-size: 1.9rem;
border-radius: 5px;
}
.postcontent .woocommerce-OrderUpdates{
border: 1px solid #f1f1f1;
padding-top: 10px;
padding-bottom: 10px;
}
.postcontent .wooconvo-send .self .msg {
order: 1;
border-bottom-right-radius: 0px;
box-shadow: 1px 2px 0px #D4D4D4;
width: 93%;
}
.postcontent .wooconvo-send .msg p{
line-height: 20px
}
.postcontent .wooconvo-send .msg time{
font-size: 14px;
float: left
}
.postcontent .woocommerce-OrderUpdate-text{
border-bottom: 1px solid #f1f1f1;
padding-bottom: 10px;
padding-top: 10px;
}
.righttop_menu ul:nth-child(2) li:first-child a{
color: brown !important;
}
.postcontent .wp-element-button{
background-color: var(--darkcolor) !important;
color: #fff !important;
font-weight: normal !important;
}
.postcontent .woocommerce-orders-table__cell a{
color: var(--darkcolor);
font-weight: bold;
}
.postcontent .woocommerce-orders-table__cell-order-actions{
text-align: left;
}
.postcontent .woocommerce-form-register:before{
content: 'تسجيل عضوية';
background: var(--gradientcolor);
display: block;
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 2rem;
border-radius: 5px;
margin-bottom: 20px;
}
.postcontent .woocommerce-form-register{
max-width: 480px;
margin: 0 auto;
background-color: #fff !important;
padding: 22px;
padding-bottom: 10px;
text-align: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding-bottom: 20px;
margin: 0 auto;
}
.postcontent .woocommerce-form-register label{
display: block;
}
.postcontent .woocommerce-form-register input{
width: 100%;
border: 1px solid #eee;
padding-right: 16px;
}
.postcontent .woocommerce-form-register button.woocommerce-form-register__submit{
width: 100%;
border: 1px solid #eee;
font-weight: bold !important;
font-size: 1.8rem;
}
.postcontent .woocommerce-form-register .woocommerce-privacy-policy-text{
display: none;
}
.postcontent .woocommerce-form-login:before{
content: 'تسجيل الدخول';
background: var(--gradientcolor);
display: block;
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 2rem;
border-radius: 5px;
margin-bottom: 20px;
}
.postcontent .woocommerce-form-login{
max-width: 480px;
margin: 0 auto;
background-color: #fff !important;
padding: 22px;
padding-bottom: 10px;
text-align: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding-bottom: 20px;
margin: 0 auto;
}
.postcontent .woocommerce-form-login label{
display: block;
}
.postcontent .woocommerce-form-login input{
width: 100%;
border: 1px solid #eee;
padding-right: 16px;
}
.postcontent .woocommerce-form-login button.woocommerce-form-login__submit{
width: 100%;
border: 1px solid #eee;
font-weight: bold !important;
font-size: 1.8rem;
}
#rememberme.woocommerce-form__input{
width: 30px !important;
}
.lost_password a{
color: var(--darkcolor);
}
.woocommerce-ResetPassword{
max-width: 480px;
margin: 0 auto;
background-color: #fff !important;
padding: 22px;
padding-bottom: 10px;
text-align: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding-bottom: 20px;
margin: 0 auto;
}
.woocommerce-ResetPassword p{
width: 100% !important;
} 
.woocommerce-ResetPassword p label{
margin-bottom: 20px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 70px !important;
box-shadow: none;
margin: 0 auto !important;
}
.logincla{
border: 1px solid #eee;
display: block;
padding: 14px;
color: var(--darkcolor);
font-size: 1.6rem;
} .cart-contents {
position: relative;
display: flex !important;
flex-flow: column nowrap;
justify-content: center;
}
.cart-contents:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;	
content: "\f218" !important;
font-size: 30px;
color: var(--redcolor);
}
.cart-contents:hover {
text-decoration: none;
}
.cart-contents-count {
position: absolute;
top: 15px;
right: -9px;
transform: translateY(-105%) translateX(25%);
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 22px;
height: 22px;
width: 22px;
vertical-align: middle;
text-align: center;
color: #fff;
background: var(--lightcolor);
border-radius: 50%;
padding: 1px;  
}
.usermenu{
display: flex;
gap: 10px;
justify-content: left;
margin-top: 14%;
}
.usermenu li{
list-style-type: none;
border-radius: 5px;
} 
.usermenu li:nth-child(3):hover{
background-color: var(--lightcolor)
}
.usermenu li:nth-child(2):hover{
background-color: var(--darkcolor);
}
.usermenu li:nth-child(2) i{
color: #fff;
font-size: 2rem;
vertical-align: middle;
}
.usermenu li:nth-child(2){
width: 45px;
height: 45px;
text-align: center;
background-color: var(--lightcolor);
line-height: 40px;
}
.usermenu li:nth-child(3){
width: 140px;
height: 45px;
text-align: center;
background-color: var(--darkcolor);
line-height: 43px;
}
.usermenu li:nth-child(3) a{
color: #fff;
font-weight: bold;
font-size: 1.7rem;
}
.usermenu li:nth-child(3) img{
margin-left: 5px;
}
.usermenu li a.cart-contents:before{
color: var(--darkcolor) !important;
}
.usermenu li:first-child a.cart-contents{
margin-top: 3px
}
.related {
clear: both;
min-height: 500px !important;
} 
.related h2{
text-align: center;
border-radius: 55px;
padding: 15px;
font-weight: bold;
color: var(--darkcolor);
display: block;
margin-bottom: 30px;
}
.slider_site .owl-item img{
max-height: 500px !important;
}
.slider_site .owl-nav {
bottom: 40px !important;
}
.slider_site p{
display: block;
position: absolute;
bottom: -80px;
margin: 0;
text-align: center;
width: 100%;
left: 0;
right: 0;
background-color: rgb(0,0,0,0.3);
padding: 20px;
direction:rtl;
}
.slider_site .owl-item.active p{
bottom: 0
}
@media (min-width: 992px) and (max-width: 1200px){
.header_menu li:first-child{
display: none;
}
.headbottom .container {
width: 98%;
}
.headtop .container{
width: 98%;
}
.slider_site .bigslider {
width: 49%;
transform: translate(50%,28%);
}
#site_def .container {
width: 100%;
margin: 0 auto;
}
.home .slideloop {
margin-bottom: 0;
}
.home #acheive_site a.redmoreabout{
margin-top: 0
}
.footer1_s #wpforms-146 form input.wpforms-field-medium {
min-width: auto;
max-width: 463px !important;
margin: 0 auto;
}
}
@media (min-width: 320px) and (max-width: 992px){
.singleblog h2{
font-size: 2rem;
max-width: 80%;
line-height: 35px;
}
.postcontent.col-md-12{
padding: 5px;
}
.postcontent img{
float: none !important;
margin: 20px auto 20px;
display: block;
margin-left: auto !important;
height: auto;
}
.postcontent p {
text-align: justify;
}
.slider_th2 {
margin-bottom: 17px;
}
.woocommerce-MyAccount-navigation{
margin-bottom: 17px;
}
.footer1_s h5 {
line-height: 36px;
}
div.wpforms-container-full {
margin: 12px auto;
}
.headbottom,
.donate_now, 
#site_def::before{
display: none !important;
}
#site_def span, #site_program span, #site_news span{
max-width: 90% !important;
text-align: justify;
}
.slider_site{
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
#site_def{
padding-top: 10px !important;
}
#site_def .container{
width: 100% !important;
}
#site_def ul{
display: block !important;
}
#site_def li{
width: 100% !important;
border: 1px solid #ececec;
margin-bottom: 12px;
border-radius: 10px;
padding-right: 15px;
}
#site_def li::after{
right: 15px !important;
}
.redmoreabout {
margin-left: auto;
}
#site_def .col-md-4 img {
margin-top: 13px;
}
#site_manager p {
max-width: 100%;
}
#site_manager {
padding-bottom: 55px;
clip-path: none;
margin-bottom: 44px;
}
#site_program .container,
#site_projects .container, 
#acheive_site .container{
max-width: 90%;
margin: 0 auto;
}
#statistic_site .col-md-3 {
padding-right: 0;
width: 50%;
padding-left: 0;
}
#statistic_site .container{
display: flex;
flex-wrap: wrap;
}
.righticon i {
font-size: 3.5rem;
}
.blogblock {
margin: 0 auto 29px;
}
#site_partner h2 {
margin-top: 0;
}
.footer1_s #wpforms-146 form {
display: block;
}
.footer2_s .col-md-3 li {
border-bottom: 1px dashed #424242;
}
.footer2_s .col-md-8 li {
width: 50%;
border-bottom: 1px dashed #424242;
}
.footer2_s h2 {
margin-bottom: 23px;
margin-top: 40px;
}
.footer3_s {
border-top: 1px solid #1D1D1D;
height: auto;
padding-top: 13px;
padding-bottom: 20px;
}
.footer3_s h5 {
margin-bottom: 0;
margin-top: 0;
text-align: center;
line-height: 35px;
}
.totopa2 {
display: none;
}
.bottomsocial ul {
justify-content: center;
margin-top: 20px;
}
#site_def ul {
margin-top: 33px;
}
#site_def h1, #site_program h2, #site_news h2 {
max-width: 91%;
margin: 19px auto;
}
.bigslider{
display: none !important;
}
#site_def .col-md-4 {
text-align: center;
}
.headtop .col-md-4{
display: flex !important;
gap: 5%;
}
.mobicon{
display: block !important;
width: 10%;
text-align: center;
position: relative;
}
.mobicon i{
color: var(--darkcolor) !important;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
font-size: 2.9rem;
cursor: pointer;
}
.logo_site{
width: 85%;
}
.slider_site .owl-prev, .slider_site .owl-next {
width: 40px;
height: 40px;
line-height: 44px !important;
}
.slider_site {
margin: 0px auto 0;
}
.contactforma h1 {
font-size: 1.7rem;
line-height: 29px;
}
.single #site_program h2 img{
display: inline-block;
margin-left: 10px !important;
} 
.single #site_program h2{
margin: 0;
} 
.table-wrap td::before {
position: absolute;
top: 8px;
right: 0;
width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
font-weight: bold;
}
.usermenu {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 0%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 100% !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 100% !important;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
justify-content: center;
display: flex;
}
.woocommerce div.product div.summary {
text-align: center;
}
#wpforms-153-field_0-container, #wpforms-153-field_3-container, #wpforms-153-field_1-container, #wpforms-153-field_4-container{
width: 100%;
float: none;
margin-left: 0%;
}
.lastnews .news-ticker span {
font-size: 1.6rem !important;
display: block !important;
margin: 0 auto 10px;
float: none !important;
}
.news-ticker {
height: auto !important;
}
.slider_site .owl-item img {
max-height: 250px !important;
}
.smtext li {
margin: 0px 0px 14px 0px;
padding: 14px;
}
.smtext li img {
margin-left: 4px;
}
.smtext ul {
margin-top: 29px;
}
.smslider img {
height: auto;
}
.smtext li a {
font-size: 18px;
}
.owl-five .owl-prev {
left: 0;
}
.owl-five .owl-next {
right: 0;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//tanmyah-a.org.sa/wp-content/themes/gamaea2023/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }