/*! Theme Name: جمعية بيوت النسائية Theme URI: https://dc.net.sa Author: Digital Creativity Author URI: https://as.di.sa Description: theme Design and developed by Digital Creativity inc. https://dc.net.sa Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: dc_net_byot Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. dc_net_byot is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ body{direction:rtl;font-family:'jooza',sans-serif;text-align:right;overflow-x:hidden!important;background-color:#fff}@font-face{font-family:jooza;src:url(//beyoot.org.sa/wp-content/themes/dc_net_byot/fonts/flat-jooza-regular.woff)}*{margin:0;padding:0;box-sizing:border-box}body{direction:rtl;font-size:14px;color:#6f6f6f;font-weight:400;line-height:24px}body,html{-moz-osx-font-smoothing:grayscale}a,a:active,a:focus{color:#6f6f6f;text-decoration:none;transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}a:hover,a:active{color:#232323;text-decoration:none}a:focus,a:active,button:focus,button:active,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:hidden}img{max-width:100%;height:auto}input,textarea,select{border:1px solid #d1d1d1;font-size:14px;padding:8px 15px;width:100%;margin:0 0 15px;max-width:100%;resize:none}input[type=button],input[type=text],input[type=email],input[type=search],input[type=password],textarea,input[type=submit]{-webkit-appearance:none;outline:none}input:focus,textarea:focus{border-color:#585858;outline:none}input[type=button]:focus{outline:none}select::-ms-expand{display:none}iframe{border:0}p{margin:0 0 20px;word-spacing:1px}b,strong{font-weight:600}.height-50{height:50%}.height-100{height:100%}.last-paragraph-no-margin p:last-of-type{margin-bottom:0}.alt-font strong{font-weight:700}.white-space{white-space:normal}.word-wrap{word-wrap:break-word}.valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul,ol,dl{list-style-position:outside}ul li{list-style:none}::selection{color:#000;background:#dbdbdb}::-moz-selection{color:#000;background:#dbdbdb}::-webkit-input-placeholder{color:#6f6f6f;text-overflow:ellipsis}::-moz-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1}:-ms-input-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1}.main-wrapper{overflow:hidden}#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background:#fff;display:table;text-align:center}.loader{display:table-cell;vertical-align:middle;position:relative;width:200px;height:200px}.loader-icon{width:80px;height:80px;border:5px solid #7ca03e;border-right-color:#eee;border-radius:50%;position:relative;animation:loader-rotate 1s linear infinite;margin:0 auto}@keyframes loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}a:hover,a:active{color:#7ca03e;text-decoration:none}.bg-theme{background-color:#7ca03e}.bg-theme-90{background:rgba(134,188,66,.9)}.bg-theme-80{background:rgba(134,188,66,.8)}.theme-overlay[data-overlay-dark]:before{background:#7ca03e}.text-theme-color{color:#7ca03e}.text-content-big p{font-weight:400;line-height:200%;margin-bottom:25px;font-size:15px}.shadow-primary{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.line-through{text-decoration:line-through}header{box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .5s ease 0s;position:relative;z-index:99999}.navbar-brand img{max-height:73px;transition-duration:.5s}.navbar-header-custom{padding:7px 0}.navbar-default{background-color:rgba(255,255,255,.8);transition:all .5s ease 0s;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}.navbar-default .container,.navbar-default .container-fluid{position:relative}.menu_area{position:relative;z-index:2}.menu_area .navbar-brand{transition:all .5s ease 0s}.navbar-nav li{list-style:none;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}.navbar-nav li.has-sub>a{position:relative}.navbar-nav li.has-sub a:hover{color:#fff}.navbar-nav li a{display:block;color:#9d9d9d;font-size:13px}.navbar-nav>li{margin-left:10px;float:left}.navbar-nav>li.has-sub{padding-left:13px}.navbar-nav>li>a{position:relative;display:block;font-size:15px;font-weight:600;padding:21px .4rem;color:#232323;letter-spacing:.5px;text-transform:uppercase;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.navbar-nav li.current>a{color:#7ca03e!important}.navbar-nav>li.has-sub>a:hover{color:#000}.navbar>ul>li.has-sub>a:hover:after{border-color:transparent #000 #000 transparent}.navbar>ul>li.has-sub>a:after{position:absolute;top:28px;left:-8px;content:"";border-color:transparent #232323 #232323 transparent;border-style:solid;border-width:0 1px 1px 0;display:block;height:6px;transform:rotate(45deg);transition:border .3s ease 0s;width:6px}.navbar>ul>li.current>a:after{border-color:transparent #7ca03e #7ca03e transparent}.navbar-nav ul{position:absolute;left:-9999px}.navbar ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;margin-bottom:12px;padding:0 20px}.navbar ul ul li:last-child{margin-bottom:0}.navbar ul ul li.active>a{color:#fff}.navbar-nav li>ul{padding:15px 0;margin:0 0 0 10px;background:#fff;min-width:225px;-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.2);-ms-box-shadow:0px 2px 3px rgba(0,0,0,.2);-moz-box-shadow:0px 2px 3px rgba(0,0,0,.2);box-shadow:0px 2px 3px rgba(0,0,0,.2)}.navbar-nav li:hover>ul{left:auto}.navbar-nav>li.has-sub>ul{opacity:0;margin-top:10px;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.navbar-nav>li.has-sub:hover>ul{margin-top:0;opacity:1}.navbar-nav>li.has-sub:last-child:hover ul{left:0;right:auto}.navbar li>ul ul{margin-top:-39px;margin-right:200px;min-width:400px}.navbar li>ul ul ul{margin-left:175px;min-width:130px}.navbar ul ul li:last-child>a,.navbar ul ul li.last-item>a{border-bottom:0}.navbar ul ul li.has-sub>a:after{position:absolute;top:12px;left:-3px;width:8px;height:2px;display:block;background:#9d9d9d;content:""}.navbar ul ul li.has-sub>a:before{position:absolute;top:9px;left:0;display:block;width:2px;height:8px;background:#9d9d9d;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}.navbar ul ul>li.has-sub:hover>a:before{top:17px;height:0}.attr-nav{float:right;margin-left:11px;margin-right:-15px}.attr-nav .dropdown-toggle:after{content:none}.attr-nav>ul{padding:0;margin:0 0 -5px;list-style:none;display:inline-block}.attr-nav>ul>li{float:left;display:block}.attr-nav>ul>li>a{color:#232323;display:block;padding:21px 15px;position:relative}.attr-nav>ul>li>a span.badge{position:absolute;top:50%;margin-top:-15px;right:5px;font-size:10px;padding:2px 0 0 1px;width:15px;height:15px;color:#fff;border-radius:15px;line-height:12px;font-weight:400}.attr-nav>ul>li.dropdown ul.dropdown-menu{position:absolute;border:none;border-radius:0;padding:0;background:#232323;min-width:225px;margin:10px 0 0 10px;-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.2);-ms-box-shadow:0px 2px 3px rgba(0,0,0,.2);-moz-box-shadow:0px 2px 3px rgba(0,0,0,.2);box-shadow:0px 2px 3px rgba(0,0,0,.2);-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}@media screen and (min-width:992px){header.scrollHeader .navbar-default{position:fixed;top:0;z-index:99;width:100%;background:#fff;left:0;transition:all .2s ease 0s;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}.wrapper-boxed .scrollHeader .navbar-default{left:0;margin:0 auto;max-width:1200px;right:0}.scrollHeader .navbar-brand img{max-height:65px;transition-duration:.5s}.scrollHeader .navbar-header-custom{padding:10px 0;transition-duration:.5s}.scrollHeader .attr-nav>ul>li>a{padding:21px 15px}.attr-nav>ul>li.dropdown ul.dropdown-menu{visibility:hidden;top:66px;border-radius:0;opacity:0;left:-225px}.attr-nav>ul>li.dropdown:hover ul.dropdown-menu{margin-top:0;opacity:1;visibility:visible}.scrollHeader .attr-nav>ul>li.dropdown ul.dropdown-menu{top:67px}.header-style5 #top-bar{background:#7ca03e}.header-style5 #top-bar i{color:#fff}}@media screen and (max-width:1199px){.navbar-nav>li{margin-left:5px}}@media screen and (max-width:991px){header.scrollHeader .navbar-default{position:fixed;top:0;z-index:99;width:100%;background:#fff;left:0;transition:all .2s ease 0s;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}.wrapper-boxed .scrollHeader .navbar-default{left:0;margin:0 auto;max-width:1200px;right:0}.scrollHeader .navbar-brand img{max-height:65px;transition-duration:.5s}.scrollHeader .navbar-header-custom{padding:10px 0;transition-duration:.5s}.scrollHeader .attr-nav>ul>li>a{padding:21px 15px}.scrollHeader .attr-nav>ul>li.dropdown ul.dropdown-menu{top:67px}.navbar-header-custom{padding:4px 0 8px}.menu_area .navbar-brand{margin-top:6px}.navbar-nav li>ul{-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.navbar-nav>li.has-sub>ul{opacity:1;margin:0;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0s ease;-ms-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease}.navbar li>ul ul{margin:0;min-width:auto}.navbar-nav>li.has-sub{padding-right:0}.navbar-nav>li>a{padding:10px 20px;color:#232323}.navbar-nav>li>a:hover{opacity:1}.navbar-nav li.has-sub a:hover{color:#232323}.navbar ul ul li.active>a{color:#000}.navbar .sub-title{color:#232323}.navbar-nav{background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);-ms-box-shadow:0 2px 3px rgba(0,0,0,.2);-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);box-shadow:0 2px 3px rgba(0,0,0,.2);position:absolute;top:71px;left:0;width:100%;transition-duration:0s;-ms-transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;width:100%;display:none;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.navbar-nav li.active>a{opacity:1}.navbar-nav ul{width:100%;display:none;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.navbar-nav li{width:100%;border-top:1px solid #e6e6e6;position:relative;padding:0;margin:0}.navbar-nav ul li:hover{background:#f5f5f5}.navbar-nav ul ul li{height:auto}.navbar-nav li:hover>ul>li{height:auto}.navbar ul li a{width:100%;border-bottom:0}.navbar ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;background:#f5f5f5;padding:0}.navbar ul ul li{margin-bottom:0;padding:0;border-color:#e6e6e6}.navbar ul ul li a{width:100%;border-bottom:0;color:#616161;background:0 0;padding:8px 30px}.navbar ul ul ul li a{padding-left:45px}.navbar>ul>li{float:none}.navbar-nav ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;background:#f5f5f5;padding:0}.navbar>ul>li.has-sub>a:after,.navbar>ul>li.has-sub>a:before{display:none}.navbar ul ul>li.has-sub>a:after,.navbar ul ul>li.has-sub>a:before{display:none}.navbar-nav ul ul ul li.active a{border-left:none}.navbar-nav>ul>li.has-sub>ul>li.active>a,.navbar-nav>ul ul>li.has-sub>ul>li.active>a{border-top:none}.navbar li>ul ul ul{margin-left:0;background:#fff}.navbar ul ul ul ul li a{padding-left:55px}.navbar-nav .has-sub .has-sub .submenu-button{height:40px}.navbar-nav .has-sub .has-sub .submenu-button:after{top:19px}.navbar-nav .has-sub .has-sub .submenu-button:before{top:16px}.navbar-toggler{background:#232323;width:50px;height:45px;padding:0;border-radius:0;position:absolute;right:0;top:13px;cursor:pointer;z-index:12399994;border:none}.navbar-toggler:after{position:absolute;top:22px;right:15px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:""}.navbar-toggler:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:15px;display:block;height:2px;width:20px;background:#fff;content:""}.navbar-toggler.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.navbar-toggler.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.navbar-nav .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:44px;width:100%;cursor:pointer}.navbar-nav .submenu-button:after{position:absolute;top:21px;right:17px;width:8px;height:2px;display:block;background:#232323;content:""}.navbar-nav .submenu-button:before{position:absolute;top:18px;right:20px;display:block;width:2px;height:8px;background:#232323;content:""}.navbar-nav .submenu-button.submenu-opened:before{display:none}.attr-nav{float:left}.attr-nav>ul>li{display:inline-block}.attr-nav>ul>li.dropdown ul.dropdown-menu{left:-193px;top:38px;display:none !important}.attr-nav>ul>li.dropdown.show ul.dropdown-menu{display:block !important}.attr-nav>ul>li>a{padding:0}.attr-nav>ul>li>a span.badge{right:-8px}.header-style5 #top-bar{background:#7ca03e}.header-style5 #top-bar i{color:#fff}.header-style5 .navbar-toggler{background:#7ca03e}}.navbar-nav li.current>a{color:#73973d}.navbar-nav li:hover a{color:#73973d!important}.top-bar-info{display:inline-block;vertical-align:middle}.top-bar-info ul{margin-bottom:0}.top-bar-info li{font-weight:500;color:#fff;list-style-type:none;font-size:13px;padding:0 5px 0;display:inline-block;margin-bottom:0}#top-bar{display:block;position:relative;z-index:999;background:#1c1c1c;padding:7px 0}.top-bar-info li i{font-size:20px;color:#7ca03e;margin-left:8px;margin-top:0;display:inline-block;vertical-align:text-bottom}.top-social-icon{padding:0;float:left;margin:0}.top-social-icon li{font-size:14px;list-style-type:none;float:left;text-align:center;margin:0;padding:0 7px}.top-social-icon li:last-child{padding-right:0}.top-social-icon li:last-child a{padding-right:0}.top-social-icon li a{color:#fff;line-height:28px;-webkit-transition-duration:.3s;transition-duration:.3s;padding:0 3px}.top-social-icon li a:hover{color:#7ca03e}.navbar-nav li.current>a{color:#7ca03e}.navbar>ul>li.current>a:after{border-color:transparent #7ca03e #7ca03e transparent}@media screen and (min-width:992px){.header-style5 #top-bar{background:#7ca03e}}@media screen and (max-width:991px){.header-style5 #top-bar{background:#7ca03e}.header-style5 .navbar-toggler{background:#7ca03e}}.width-70{width:70%;display:block;margin:0 auto}.width-32{width:32px;height:32px}.width-24{width:24px;height:24px}.width-16{width:16px;height:16px}.my-btn{color:#fff;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem 1.7rem;font-size:1rem;line-height:1.5;border-radius:0;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.verticle-align{display:block;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative}.no-padding{padding:0 !important}.top-nav{height:35px;position:relative}.padding-70px{padding:70px 0}.my-btn:hover.back-color-theme{color:#4e122f}.my-btn{background:#7ca03e;border-radius:0;border:0;padding:7px 30px;font-size:1rem;display:inline-block;transition:.3s;color:rgba(255,255,255,.9) !important;position:relative;white-space:nowrap;word-wrap:normal;white-space:normal;text-decoration:none !important;cursor:pointer;text-transform:capitalize}.my-btn:hover{color:#FFF!important}.my-btn:before{-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease-out;-webkit-transition-property:right;background:#fff;bottom:0;content:'';height:2px;left:0;position:absolute;right:100%;transition-property:right;transition-duration:.4s;transition-timing-function:ease-out;z-index:1}.my-btn:hover:before{right:0;color:#fff!important}.slider{position:relative}.about{position:relative;padding-bottom:70px;background:url(//beyoot.org.sa/wp-content/themes/dc_net_byot/img/pattern1.png)center right no-repeat}.head-data h1{font-size:28px;font-weight:700;line-height:1.7;text-transform:uppercase;position:relative}.head-data p{font-size:18px;line-height:1.4;word-spacing:0;margin-bottom:35px}.about .head-data{padding-top:50px}.about .visit{margin-top:-70px}.about .visit-as{height:225px;position:relative}.about .visit-as p{font-size:16px;line-height:1.4;word-spacing:0;margin-bottom:0;padding:10px}.about .visit-as h1{font-size:24px;margin:0;padding:0}.about .visit-as svg{fill:#fff;width:50px;height:50px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.about .about-sec-details .head-data h1{color:#4e122f}.about .about-sec-details .head-data h1 span{color:#73973d}.about .about-sec-details .service-icon .box{width:50px;height:50px;background-color:#7ca03e;position:relative;display:inline-block;text-align:center;line-height:40px;color:#fff;font-size:22px;padding:7px;border-radius:5px;margin:0 0 0 10px}.about .about-sec-details .service-icon .box svg{width:40px;fill:#fff}.about .about-sec-details .service-icon h3{display:inline;margin-right:10px;margin-bottom:5px !important;font-weight:600;line-height:1.42857143;color:#4e122f;font-size:20px}.about .about-sec-details .service-icon p{color:gray !important;font-size:16px;margin-top:5px;text-align:justify;word-spacing:0}.about .about-sec-details .contact-form-about{background:url(//beyoot.org.sa/wp-content/themes/dc_net_byot/img/f1.jpg) center center no-repeat;background-size:cover;background-attachment:fixed}.about .about-sec-details .contact-form-about .contact-form-div{background-color:transparent;padding:30px}.about .about-sec-details .contact-form-about .contact-form-div .form-control{border-radius:0}.about .about-sec-details .contact-form-about .contact-form-div .heading h2{color:#fff;position:relative;padding:0 0 10px;margin-bottom:20px}.about .about-sec-details .contact-form-about .contact-form-div .heading h2:after{bottom:-1px;content:"";height:2px;right:0;position:absolute;width:50px;background:#73973d}.call-to-action{position:relative;background:url("https://beyoot.org.sa/wp-content/uploads/2019/07/39cff47c-077a-4e10-b158-7b37f666987c.jpg")center no-repeat;background-size:cover;background-attachment:fixed}.call-to-action .overlay-me{position:absolute;background-color:rgba(0,0,0,.6);width:100%;height:100%;left:0;right:0;top:0;z-index:1}.call-to-action .container{position:relative;z-index:3}.call-to-action .head-data h2{position:relative;color:#fff;padding:15px;margin-bottom:50px}.call-to-action .head-data h2:after{content:'';display:block;width:100px;height:2px;background:#fff;margin:0 auto;position:absolute;left:0;right:0;bottom:0}.call-to-action .aya{background-color:#fff;color:#7ca03e;padding:20px;border-radius:5px;font-weight:600}.call-to-action .call-action{border:4px double #fff;padding:20px;min-height:316px;margin-bottom:50px}.call-to-action .call-action h3{font-size:24px;color:#fff;background-color:#7ca03e;padding:10px 0;margin:15px 30px;border-radius:10px}.call-to-action .call-action li .type{color:#fff;font-size:20px;font-weight:600}.call-to-action .call-action li .number{color:#fff;font-size:20px;font-weight:600;display:block}.news{position:relative}.news .head-data h1{position:relative;padding:10px;margin-bottom:50px}.news .head-data h1:after{content:'';display:block;width:100px;height:2px;background:#86bc42;margin:0 auto;position:absolute;left:0;right:0;bottom:0}.news .card{border-radius:15px;overflow:hidden;border:0}.news .news-data{padding:5px 10px}.news .news-data .card-body{min-height:196px;max-height:197px;overflow:hidden}.news .card-img-top{height:220px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;overflow:hidden}.news .card-img-top img{min-height:250px;max-height:290px;width:100%;-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.news .card:hover .card-img-top img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}.news .card .card-body .card-title{font-size:19px;font-weight:400;line-height:1;padding-bottom:0;margin-bottom:5px}.news .card .card-body .card-text{font-size:16px;font-weight:400;line-height:1.5;padding-bottom:0;margin-bottom:10px;margin-top:10px}.news .twitter{padding:15px;background-color:#587833;border-radius:15px}.counter{position:relative;background:url(//beyoot.org.sa/wp-content/themes/dc_net_byot/img/bg4.jpg)center center no-repeat;background-size:cover;background-attachment:fixed}.counter .overlay-me{position:absolute;background-color:rgba(0,0,0,.6);width:100%;height:100%;left:0;right:0;top:0;z-index:1}.counter .container{position:relative;z-index:3}.counter .heading h2{color:#fff;text-align:center;position:relative;padding:15px;margin-bottom:50px}.counter .heading h2:after{content:'';display:block;width:100px;height:2px;background:#fff;margin:0 auto;position:absolute;left:0;right:0;bottom:0}.counter .heading h2{color:#fff;text-align:center;position:relative;margin-bottom:50px}.counter .counter-details img{display:block;margin:0 auto;width:100px;height:100px;border-radius:50%;border:4px double #fff;padding:10px}.counter .counter-details span{font-size:38px;font-weight:700;padding:30px 0 20px;display:block}.counter .counter-details h3{text-transform:capitalize;line-height:1.4;font-size:24px;font-weight:700}.donte{border:4px double #fff;text-align:center;padding:20px 3px}.donte h3{color:#fff;margin-bottom:30px}.hovereffect{width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;margin-bottom:50px;height:270px;border-radius:15px}.hovereffect .overlay{position:absolute;overflow:hidden;width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #fff;border-top:1px solid #fff;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}.hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hovereffect img{display:block;position:relative;-webkit-transition:all .35s;transition:all .35s;height:100%;width:100%}.hovereffect:hover img{filter:url('data:image/svg+xml;charset=utf-8,#filter');filter:brightness(.6);-webkit-filter:brightness(.6)}.hovereffect h2{text-transform:uppercase;text-align:center;position:relative;font-size:24px;background-color:transparent;color:#fff;padding:20px 0 0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hovereffect a,.hovereffect p{color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hovereffect p{padding-bottom:0;margin-bottom:10px}.hovereffect:hover a,.hovereffect:hover p,.hovereffect:hover h2{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.call-to-action{position:relative}.call-to-action h2{text-align:center;font-size:28px;font-weight:700;line-height:1.7}.call-to-action .call-to-action-data{margin:0 auto}.call-to-action ul{text-align:center;width:auto;text-align:center}.call-to-action ul li{list-style-type:none;padding:0;margin-bottom:0;display:inline;font-size:14px}.call-to-action ul li svg{width:28px;height:20px;display:inline;margin:0 15px 0 10px}.call-to-action ul li span{display:inline;font-size:24px}.contact-deatails{padding-top:70px}.contact-info{width:100%;height:250px;margin-top:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;border-top-right-radius:30px;border-top-left-radius:30px}.contact-info:hover{height:250px;margin-top:-10px}.contact-info svg{width:70px;height:70px;display:block;margin:0 auto;position:relative;top:40%;transform:translateY(-40%)}.contact-info span{display:block;margin:0 auto;position:relative;top:40%;transform:translateY(-40%);color:#fff;font-size:24px;padding:10px}.location{padding:0}.map{position:relative}.contact-us-form .send{padding:5px 27px;color:#fff}.contact-us-form textarea{padding:6px 15px}.volunteer{position:relative;background-size:cover;background-repeat:no-repeat;padding:25vh 0;background-attachment:fixed}.volunteer .overlay{position:absolute;background-color:rgba(0,0,0,.6);width:100%;height:100%;left:0;right:0;z-index:0;top:0}.volunteer .head-data h1,.volunteer .head-data p,.volunteer .contact-form-box{z-index:3!important;position:relative}.volunteer .send{padding:5px 27px;color:#fff}.volunteer textarea{padding:6px 15px}.give{position:relative;background-color:#f4f1f1}.give .heading h1{font-size:28px;font-weight:700;line-height:1.7;text-transform:uppercase;position:relative;color:#4e122f}.give .heading p{font-size:18px;font-weight:400;line-height:1.5;padding-bottom:0;margin-bottom:10px;margin-top:10px;color:#000}.give .benfits{text-align:justify}.give .benfits h2{font-size:28px;line-height:1.7;font-weight:900;width:auto;position:relative;display:inline-block;padding:0 20px;background-color:#ece5e7;border:2px solid #4e122f;border-radius:0;color:#4e122f}.give .benfits h1{font-size:28px;background-color:#7ca03e;line-height:1.7;font-weight:900;color:#fff;border-radius:10px;width:auto;position:relative;display:inline-block;padding:0 20px}.give .benfits ul li:first-child{margin-top:20px}.give .benfits ul{list-style:arabic-indic}.give .benfits ul li{font-size:18px;line-height:1.9;color:#000;font-weight:400;margin-bottom:15px;list-style:arabic-indic}.give .benfits ul li span{color:#7ca03e;background-color:#fff}.give .benfits .item{border:1px solid #4e122f;padding:30px 50px;background-color:#4e122f0d;border-radius:10px;min-height:320px}.give .benfits .item:first-child{margin-bottom:30px}.give .benfits .item ul .my-btn{display:inline;margin-top:20px;width:auto;position:relative;margin:30px auto 0}.give .benfits p{font-size:20px;color:#4e122f}.give .benfits .subscribe-step h2{background-color:#ece5e7;border:2px solid #4e122f;border-radius:0;color:#4e122f}footer{padding:50px 0 0;background:#f4f1f1;color:#939393}footer p{margin-bottom:0;color:#73973d}footer h3{font-size:18px;font-weight:500;margin-bottom:30px;line-height:1;position:relative}footer h3:after{content:'';display:block;width:70px;height:2px;background:#73973d;margin-top:12px}.footer-social-icons ul{margin-bottom:0}.footer-social-icons ul li{display:inline-block;border:1px solid #73973d;border-radius:50%;color:#73973d;margin-right:10px;margin-bottom:5px;-webkit-transition-duration:.3s;transition-duration:.3s}.footer-social-icons ul li a{color:#73973d;display:block;font-size:15px;height:35px;line-height:34px;text-align:center;width:35px}.footer-social-icons ul li:hover{background:#86bc42;border-color:#86bc42}.footer-social-icons ul li:hover i{color:#4e122f}.footer-social-icons.small ul li{margin-bottom:0}.footer-social-icons.small ul li a{font-size:12px;height:25px;line-height:26px;width:25px}.footer-list{margin:0}.footer-list li{list-style-type:none;color:#939393;padding:6px 0}.footer-list li:first-child{padding-top:0}.footer-list li a:before{content:'\f105';font-weight:700;vertical-align:bottom;font-family:Font Awesome\ 5 Free;color:#939393;padding-right:8px;-webkit-transition-duration:.3s;transition-duration:.3s}.footer-list li a{font-size:15px;font-weight:400;color:#939393}.footer-list li a:hover,.footer-list li a:hover:before{color:#4e122f}.footer-bar{padding-top:20px;padding-bottom:20px;margin-top:50px;text-align:center;background:#191919;color:#939393}.footer-bar span{color:#86bc42;font-size:15px;font-weight:400}.footer-top-bar{background:#191919;border-bottom:1px solid rgba(255,255,255,.2)}footer h3.footer-title-style2{margin-bottom:28px}h3.footer-title-style2:after{width:15%;height:2px;background:#363637;margin-top:15px}@media (max-width:767px){footer{padding-top:30px}.footer-bar{margin-top:30px}.footer-bar p{font-size:13px}}footer h3.footer-title-style2{margin-bottom:20px;color:#73973d}.footer-list li a{font-size:15px;font-weight:400;color:#73973d;margin-right:10px}.footer-list li{list-style-type:none;color:#73973d;padding:6px 0}.footer-list li a:before{content:'\f104';font-weight:700;vertical-align:bottom;font-family:Font Awesome\ 5 Free;color:#73973d;padding-left:8px;-webkit-transition-duration:.3s;transition-duration:.3s;position:absolute;right:0}.footer-social-icons ul li a{color:#73973d}.margin-25px-top{margin-top:25px}.footer-bar a{color:#73973d}.head-page{position:relative;background-position:center 0;background-repeat:repeat;padding:25px 0;box-shadow:0 0 3px rgba(0,0,0,.2)}.head-page .my-bg-head{background-color:rgba(222,222,222,.8)}.head-page .overlay-me{background-color:rgba(0,0,0,.75)}.head-page .container{z-index:3}.head-page .heading h2{color:#9d0e20;position:relative;z-index:333;margin:0;text-align:center}.page-title-section2{padding:35px 0;text-align:center}.page-title-section2 h1{font-size:40px;font-weight:600;letter-spacing:1px;line-height:1;color:#9d0e20;margin-bottom:0}.page-title-section2 ul{margin-bottom:0;margin-top:15px;text-align:center}.page-title-section2 ul li{display:inline-block}.page-title-section2 ul li:last-child a{color:#9d0e20}.page-title-section2 ul li:after{content:'/';font-weight:700;vertical-align:middle;color:#9d0e20;font-family:Font Awesome\ 5 Free;padding:0 5px 0 10px}.page-title-section2 ul li:last-child:after{content:none}.page-title-section2 ul li a{color:#040a0c;font-size:14px;font-weight:500}.page-title-section2 .active a,.page-title-section2 li.active:last-child a{color:#9d0e20}@media screen and (max-width:1199px){.page-title-section2{padding:200px 0 100px}.page-title-section2 h1{font-size:36px;line-height:42px}}@media screen and (max-width:991px){.page-title-section2{padding:148px 0 75px}.page-title-section2 h1{margin-bottom:10px;font-size:30px;line-height:40px}.page-title-section2 ul{margin-top:5px}.page-title-section2{padding:75px 0 75px}}.inner-sec{background-color:#f5f5f5}.inner-sec .heading{padding-bottom:70px}.contact-form-div{background-color:#e9e9e9;padding:50px}.banking-item{position:relative;margin-bottom:30px}.banking-item img{position:relative;width:100%;height:auto}.about .visit.inner{margin-top:0}.padding-70{padding:70px 0}.list-goals li{list-style:circle}.side-sec h6{color:#be235d;margin-bottom:5px;font-size:22px}.side-sec p{color:#040a0c;text-align:justify;font-size:16px;word-spacing:0}.side-sec .news{margin-bottom:30px}.side-sec .news img{height:200px;width:200px}.scroll-to-top{font-size:20px;text-align:center;color:#fff;text-decoration:none;position:fixed;bottom:20px;right:20px;display:none;background:#9dd85c;border:1px solid #9dd85c;width:35px;height:35px;line-height:30px;z-index:9999;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.scroll-to-top:visited{color:#587833;text-decoration:none}.scroll-to-top:hover{background:#587833;border:1px solid #587833;transform:rotate(360deg);border-radius:50%}.scroll-to-top svg{width:16px;height:16px;transform:rotate(270deg);fill:#fff}.news-box{position:relative;overflow:hidden;transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;margin-bottom:50px}.news-box:hover{-webkit-box-shadow:0 25px 30px 0 rgba(0,0,0,.15);box-shadow:0 25px 30px 0 rgba(0,0,0,.15)}.news-box .fetaure-image{position:relative;overflow:hidden;z-index:1;min-height:271px;max-height:272px}.news-box .fetaure-image img{min-height:275px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.news-box .fetaure-image:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.news-box .fetaure-image:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-shadow:0 -130px 70px -70px #000 inset;box-shadow:0 -130px 70px -70px #000 inset;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.news-box .package-detail{width:100%;bottom:0;left:0;padding:20px 18px;position:absolute;z-index:9}.news-box .title{color:#fff;margin-right:5px}.news-box .price{width:60%;float:left}.news-box .people-duration{float:right;margin-left:5px}.news-box .package-detail p{margin:0 0 0 10px;display:inline-block;color:#fff;text-transform:uppercase;font-weight:500}.news-box .package-detail p .theme-color{margin-right:5px}.news-box .rating li{float:left;margin-left:3px}.news-box .fetaure-image img{min-width:100%}@media (max-width:767px){.news-box .package-detail{padding:20px 10px}.news-box .price{width:55%}}.margin-5px-bottom{margin-bottom:5px}.font-weight-600{font-weight:600}.font-size18{font-size:18px;line-height:26px}.padding-30px-all{padding:30px}.border{border:1px solid #dee2e6!important}.pagination{border-radius:0;padding:0;margin:0}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin:0 auto;padding:0}.pagination li{display:inline}.pagination a{float:left;padding:0 18px;line-height:40px;text-decoration:none;border:1px solid #dbdbdb;border-left-width:0;background:#fff}.pagination a:hover{background-color:#232323;color:#fff}.pagination .active a{background-color:#f7f7f7;color:#999;cursor:default}.pagination .disabled span{color:#999;background-color:transparent;cursor:default}.pagination .disabled a{color:#999;background-color:transparent;cursor:default}.pagination .disabled a:hover{color:#999;background-color:transparent;cursor:default}.pagination li:first-child a{border-left-width:1px}.pagination .active a{background-color:#7ca03e;color:#1f1f1f;cursor:default}.news-box .heading h1{font-size:28px;line-height:1.7;text-transform:uppercase;color:#7ca03e;position:relative}@media only screen and (max-width:1024px){.navbar-light .navbar-brand{height:50px;max-height:50px;width:100px}.about .visit-as{height:275px}.about .visit-as h1{font-size:28px}.about .visit-as p{font-size:18px}.news .news-data{padding:5px 0}.news .card .card-body .card-text{font-size:14px}footer .bottom-social-icon-footer li{padding:0 2px}.contact-info{height:210px}.contact-info:hover{box-shadow:0px 12px 12px 1px #b3b1b1;border-bottom:8px solid #00d6d5;height:210px;margin-top:-5px}.contact-deatails{padding-top:35px!important}.contact-info svg{top:15%;transform:translateY(-15%)}.contact-info span{top:20%;transform:translateY(-20%);color:#fff;font-size:16px;padding:10px}}@media only screen and (max-width:768px){.navbar-light .navbar-nav .nav-link{padding:4px .5rem}.head-data h1{font-size:22px}.head-data p{font-size:14px}.about .about-sec-details .service-icon h3{font-size:18px}.about .about-sec-details .service-icon p{font-size:14px}.about .visit-as h1{font-size:24px}.about .visit-as p{font-size:14px;margin-bottom:0}.about .visit-as{height:230px}.head-data h1{font-size:24px}.head-data p{font-size:16px;margin-bottom:15px}.width-70{width:100%}.news .head-data p{margin-bottom:30px}.news .card .card-body .card-text{font-size:14px;font-weight:400;line-height:1.5;padding-bottom:0;margin-bottom:10px;margin-top:10px}.call-to-action .head-data p{text-align:justify}footer{padding:20px 0 0}footer .bottom-footer{margin-top:20px}footer .copyright span{font-size:16px}footer .img-logo-footer img{width:110px;height:57px}footer .bottom-social-icon-footer li a{line-height:0}footer .bottom-social-icon-footer li a svg{width:16px;height:16px}footer .contact-footer svg{width:24px;height:24px}footer .contact-footer span{font-size:16px}.counter .counter-details span{font-size:28px}.counter .counter-details h3{font-size:24px}.counter .counter-details img{width:70px}.hovereffect{height:200px}footer .bottom-footer{padding:5px 0}footer .copyright span{font-size:13px}.navbar-toggler{right:unset;left:0;top:15px}.navbar-brand{padding-top:0;padding-bottom:0}.navbar-nav{top:84px}.scrollHeader .navbar-nav{top:92px}}@media only screen and (max-width:425px){.navbar{padding-left:0!important;padding-right:0!important;background-color:#fff}.navbar-toggler{top:0}.xs-display-none{display:none}.navbar-toggler{position:relative;left:20px}.top-bar-info{margin:0 auto;text-align:center;display:block}.slider img{min-height:600px}.about{padding-bottom:35px}.about .head-data{padding-top:35px}.padding-70px{padding:35px 0}.news .news-data{padding:10px 15px}.call-to-action .head-data{text-align:center}.programes .head-data{text-align:center}.programes img{width:100%;margin-top:30px}footer .img-logo-footer img{margin:0 auto;display:block;width:160px;height:60px}footer .social-icon-footer{float:unset;display:block;margin:10px auto 0;width:40%}footer .copyright span{text-align:center;margin:0 auto;display:block}footer .bottom-footer .left{float:unset}.call-to-action .head-data p{text-align:center}.width-70{width:100%}.call-to-action .call-to-action-data{margin:0;display:block;width:auto}.call-to-action ul li{display:block}.call-to-action ul li svg{width:28px;fill:#00b8b7;display:inline;float:unset;margin:3px 5px 0}.call-to-action ul li span{display:block;float:unset;font-size:18px}.counter .counter-details img{width:70px;height:70px;border-radius:50%;padding:3px}.counter .counter-details span{font-size:22px;padding:15px 0 15px}.counter-details{margin-bottom:20px}.contact-info{height:210px;border-top-right-radius:0;border-top-left-radius:0}footer .bottom-social-icon-footer{margin-bottom:0}.xs-text-center{text-align:center!important}.footer-logo{display:block;margin:0 auto}.footer-social-icons{text-align:center}footer h3.footer-title-style2{margin-bottom:20px;margin-top:20px}.give .benfits p{text-align:justify}.give .benfits .item ul .my-btn{display:block}.give .benfits ul li{text-align:justify;align-content}}@media only screen and (max-width:375px){footer .social-icon-footer{width:45%}}.icon{float:right;padding:15px;text-align:center;color:#000;font-size:18px;min-height:280px}.icon img{display:block;margin:0 auto 20px;width:180px;height:auto;max-width:100%}.box{float:right;padding:15px}.wpcf7-form h6{color:#7ca03e}@media only screen and (min-width:687px){li.ul ul{column-count:2;min-width:450px}}