/*********** Global ***********/
@font-face {
    font-family: 'yekan';
    src: url(fonts/Yekan.eot);
    src: url(fonts/Yekan.eot?#iefix) format('embedded-opentype'), url(fonts/Yekan.woff) format('woff'), url(fonts/Yekan.ttf) format('truetype'), url(fonts/Yekan.svg#BYekan) format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'sans';
    src: url(fonts/IRANSansWeb.eot);
    src: url(fonts/IRANSansWeb.eot?#iefix) format('embedded-opentype'), url(fonts/IRANSansWeb.woff) format('woff'), url(fonts/IRANSansWeb.ttf) format('truetype'), url(fonts/IRANSansWeb.woff2) format('woff2');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'taha';
    src: url(fonts/Taha.woff) format('woff');
    font-weight: normal;
    font-style: normal
}
*{
    margin: 0;
    padding: 0;
}
html {font-size: 15px; overflow-x: hidden; max-width: 100%; user-select: none }
::selection{
    background: #25d366;
    color: #ffffff;
}
iframe {
    max-width: 100%;
}
.publisher {
    padding: 1rem;
    background: #086AAD;
    color: white;
}

.publisher a {
    font-weight: 900;
    text-decoration: none;
}
.row {
    direction: rtl;
}
input[type="submit"],button {
    background-color: #25d366;
    color: white;
    padding: 0.3rem 1rem;
    border-radius: 0.6rem;
    border: none;
    font-family: 'sans';
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type="submit"], button:hover {
    background-color: #03a5e3;
}
input,textarea{
    font-family: 'sans';
}
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="phone"], textarea,select{
    border: 1px solid #f1f1f1;
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-family: 'sans';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="phone"]:focus, textarea:focus, select:focus{
    outline: none;
    box-shadow: 0px 0px 10px #25d366;
    border-color: #03a5e3;
}
input[type="email"]:focus,input#email:focus,input[type="url"]:focus,input#url:focus,input[type="number"]:focus,input#number:focus {
    text-align: left;
    direction: ltr;
}
dl, ol, ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}
img{
    max-width: 100%;
    max-height: 100%;
    height: unset;
    width: unset;
}
a {
    color: inherit
}
a:hover {
    color: inherit;
    text-decoration: none;
}
p a {
    color: #2975ff;
    font-weight: 900;
}
p+ul,p+ol{
    padding-right: 2rem;
    margin-bottom: 1rem;
}
p+ul li,p+ol li{
    list-style: circle
}
a.go-to-all {background: white;float: left;padding: 0 1rem;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);border-radius: 1rem/2rem;width: unset !important;color: black;font-size: 1rem;}
li.search-button>a {
    display: none !important;
}

li.search-button:before {content: '\f002';font-family: 'font awesome 5 pro';font-size: 2rem;font-weight: 100;transition: 500ms all;cursor: pointer;}

li.search-button:hover:before {
    text-shadow: 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366;
    color: white;
}

li.search-button {
    margin-right: 2rem;
}
.search-box {
    background: linear-gradient(45deg, #0ea5bd, rgba(98, 191, 0, 0.7));
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    transition: 500ms all;
    opacity: 0;
    visibility: hidden;
    z-index: 999999999999999999;
}

.search-box>form {
    position: absolute;
    width: 75%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    padding: 0rem;
}

.search-box>form>input {
    background: none;
    padding: 1rem;
    border: none;
    border-radius: 0 100px 100px 0;
    width: 90%;
    outline: none;
    color: white;
    font-size: 2rem;
    text-shadow: 0 0 10px black;
    display: block;
}
.search-box>form>input::placeholder{
    color: white
}
.search-box>form>button {
    border: none;
    font-size: 3rem;
    width: 10%;
    background: transparent;
    color: white;
    padding: 0rem;
    position: absolute;
    top: 12%;
    left: 0;
    display: block;
}
.search-box>.search-close {
    position: absolute;
    right: 3rem;
    top: 1rem;
    display: block;
    border: none;
    background: transparent;
    font-size: 4rem;
    color: white;
    text-shadow: 0 0 10px black;
    text-align: center;
    padding: 1rem;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    transition: 500ms all;
}

.search-box>.search-close:hover {
    background: rgba(255, 0, 0, 0.5);
}
.show{
    display: block;
    visibility: visible;
    opacity: 1;
}
.ls-wp-container{
    z-index: 1;
}
.breadcrumbs {
    margin: 1rem 0;
    font-size: .9rem;
}

.breadcrumbs i {
    color: #03a5e3;
    font-size: 2em;
    vertical-align: middle;
    margin: 0 .5rem;
}
.breadcrumbs i:first-child {
    font-size: 1.5rem;
    vertical-align: top;
}
.breadcrumbs a:hover {
    /* text-decoration: underline; */
    color: #b500b5;
}
.gfield_required,.required,.gform_wrapper .gfield_required{
    color: red;
}
body {
    font-family: sans;
    font-size: 1rem;
    background: white;
    text-align: right;
    line-height: 2rem;
}
body#body-blog{
    background: url('images/blog-bg.png');
}
/*********** End Global ***********/
/*********** Header ***********/
.main-header {
    background: white;
    box-shadow: 0 0 5rem rgba(75, 0, 255, 0.2);
}
.main-header .logo {
    margin: 0;
    /* text-align: center; */
    height: 100%;
    display: flex;
    align-items: center;
}
.main-header .logo img {
    max-height: 100px;
}
.main-header .main-menu {
    height: 100%;
}
.main-header .main-menu>ul {
    height: 100%;
    display: flex;
    align-items: center;
    place-content: flex-end;
    font-family: 'taha';
}
.main-header .main-menu>ul>li {
    position: relative;
}
.main-header .main-menu>ul>li+li {
    /* margin-right: 1rem; */
}
.main-header .main-menu>ul>li>a {
    padding: 1rem;
    display: block;
    transition: 500ms all;
}
.main-header .main-menu>ul>li:hover>a {
    text-shadow: 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366;
    color: white;
}
.main-header .main-menu>ul>li>ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #ffffff;
    padding: 1rem 0;
    width: 300px;
    box-shadow: 0px 0rem 5rem rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    text-align: center;
    transition: 500ms all;
    top: calc( 100% + 100px );
    right: 50%;
    transform: translateX(50%);
    z-index: 999;
}
.main-header .main-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: calc( 100% + 20px);
}
.main-header .main-menu>ul>li>ul>li {}
.main-header .main-menu>ul>li>ul>li>a {
    display: block;
    padding: 0.5rem 1rem;
    transition: 500ms all;
}
.main-header .main-menu>ul>li>ul>li:hover>a {
    text-shadow: 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #13a8b4, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366, 0 0 1rem #25d366;
    color: white;
}
.main-header .main-menu>ul>li>ul:before {content: '';height: 20px;position: absolute;top: calc( 0px - 20px );left: 50%;transform: translateX(-50%);border: 0 solid transparent;border-bottom: 20px solid #ffffff;border-right-width: calc( 150px - 1rem );border-left-width: calc( 150px - 1rem );}
.mm-menu {
    z-index: 999999999;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
}
/*********** Home Header ***********/

/*********** End Home Menu ***********/
.slider-main-item {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.slider-main-item img {
    position: absolute;
    max-height: unset;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.slider-main-text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, black, transparent);
    display: flex;
    font-size: 3rem;
    color: white;
    padding: 2rem 2rem 5rem 2rem;
    align-content: flex-end;
    align-items: flex-end;
    font-weight: 900;
    line-height: 2;
    text-align: center;
    justify-content: flex-start;
}

.slider-main .owl-nav button {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: white !important;
    display: flex;
    height: 100%;
    width: 10%;
    align-items: center;
    justify-content: center;
    font-size: 10rem !important;
    border-radius: 0;
    outline: none;
}

.slider-main {
    position: relative;
}

.slider-main .owl-nav button.owl-prev {
    left: 0;
}

.slider-main .owl-nav button.owl-next {
    right: 0;
}

.slider-main .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    display: flex;
    align-content: center;
    justify-content: center;
}

.slider-main .owl-dots .owl-dot {
    height: 16px;
    width: 16px;
    border: 2px solid;
    border-radius: 100%;
    margin: 1rem .5rem;
}

.slider-main .owl-dots .owl-dot.active {
    background: white;
}
/*********** Home Title ***********/
.section {
    text-align: right;
    margin: 5rem 0;
}
.intro {
    margin: 0;
    background-position: top right;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.text-on-bg {
    background: rgba(255, 255, 255, 0.9);
    margin: 2rem 0;
    padding: 2rem;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.3);
}

.intro .text-on-bg {
    display: flex;
    align-items: center;
    flex-direction: column;
    /* font-size: 1.1rem; */
    line-height: 2;
    text-align: justify;
    align-content: center;
    box-shadow: none;
}

.intro .text-on-bg h1 {
    margin: 2rem;
    margin-bottom: 5rem;
}

.intro .text-on-bg {text-shadow: 0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white,0px 0px 5px white;}
.intro .img-container{
    display: flex;
    height: calc( 100% - 2rem );
    align-content: center;
    align-items: center;
    margin: 1rem 0;
}
.intro .img-container img{
    display: block;
    width: unset;
    height: unset;
    max-height: 100%;
    max-width: 100%;
    filter: drop-shadow(0px 0px 50px black);
    margin: 0 auto;
}
/*********** End Home Title ***********/
/*********** End Home slider ***********/
.owl-slider{
    direction: ltr;
}
.text-slider {
    background-image: linear-gradient(to bottom, transparent, white);
}
.text-slider .item {
    height: 100%;
}
.text-slider .item .box {
    background: white;
    padding: 1rem;
    display: flex;
    align-items: center;
    direction: rtl;
    border-radius: 500px;
}
.text-slider .owl-item {
    opacity: .5;
    transition: 500ms all;
}
.text-slider .owl-item.center {
    opacity: 1;
}
.text-slider .slider-item-image,.text-slider .slider-item>img {
    height: 100px;
    width: 100px;
    margin-left: 1rem;
    border: 5px solid #25d366;
    border-right-color: #0fa7bd;
    border-left-color: #0fa7bd;
    border-radius: 100%;
}
.text-slider .slider-item-text {
    text-align: justify;
    padding: 1rem;
}
.text-slider .slider-item-text p {
    margin: 0;
}
.owl-slider .owl-stage {
    display: flex;
    align-items: center;
}
/*********** End Home slider ***********/
/*********** End Home Header ***********/
/*********** Home Sections ***********/
.section-title {
    text-align: center;
    margin: 5rem auto;
    text-shadow: 0 0 2rem rgb(14, 165, 188), 0px 2px 1px #0ea8c1;
    color: #3cd67e;
    font-size: 2.5rem;
    font-weight: bold;
    display: table;
    position: relative;
}
.section-title:after {content: '';width: 50%;bottom: -2rem;border-bottom: 1rem dotted;position: absolute;right: 50%;filter: drop-shadow(0 0 1rem #0ea8c1);}
.section-title:before {
    content: '';
    width: 50%;
    top: -2rem;
    border-bottom: 1rem dotted;
    position: absolute;
    left: 50%;
    filter: drop-shadow(0 0 1rem #0ea8c1);
}
.box {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
    border-radius: 1rem;
    overflow: hidden;
}
.blog-item>ul {padding: 1rem;float: left;transition: 500ms all;}
article>header {
    padding: 0 1rem;
}
article>header>a>h3 {
    font-size: 1.2rem;
    transition: 500ms all;
    direction: rtl;
}
ul.clearfix>li {
    float: right;
    color: #848484;
    font-size: 0.9rem;
}
ul.clearfix>li+li {
    margin-right: 1rem;
}
.blog-item img {
    width: 100%;
    height: 210px;
}
.blog-item:hover>header>a>h3 {padding-right: 1rem;}
.blog-item:hover>ul {padding-left: 2rem;}
/*********** Services Section ***********/

/*********** End Services Section ***********/
/*********** Daily Message Section ***********/
.daily-message {
    text-align: justify;
}

.daily-message img {border-radius: 1rem;box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);}

.daily-message h3 {
    font-weight: bold;
    font-size: 2.3rem;
    margin-bottom: 2rem;
    color: #4f6fff;
    text-shadow: 0 2px 0px #25d366, 0 2px 20px #4f6fff;
}
/*********** End Daily Message Section ***********/
.section.services h2 {
    color: white;
}

.section.services {
    background: url('images/services-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.services .box {
    background: white;
    text-align: center;
}
/*********** Blog Section ***********/

#blog>figure {
    margin-bottom: 0;
}
#blog>figure>img {
    width: 100%;
    height: unset;
}
.book>figure {
    position: relative;
}

.book>figure>.book-detials {
    position: absolute;
    bottom: 0;
    padding: 2rem;
    background: linear-gradient(to top, white, transparent);
    width: 100%;
    text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
    text-align: center;
    line-height: 3rem;
}

.book>figure>.book-detials .value,.book>figure>.book-detials .book-name {
    font-size: 1.5rem;
    font-weight: 900;
}

.book>figure>.book-detials .download-book {
    background: #25d366;
    padding: .5rem 1rem;
    border-radius: 1rem;
    text-shadow: none;
    color: white;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

.book>figure>.book-detials .download-book:hover {
    background: #04a6e4;
}

.book>figure>.book-detials .download-book:before {content: '\f56d';font-family: 'font awesome 5 pro';font-weight: 100;margin-left: .5rem;vertical-align: bottom;font-size: 1.3rem;}
#blog .b-green {
    background-color: #92d050;
    padding: 0 0.4rem;
    /* background-image: linear-gradient(to bottom, white, transparent 15%,white); */
}

#blog .b-white {
    background-color: white;
    padding: 0 0.4rem;
    /* background-image: linear-gradient(to bottom, white, transparent 15%,white); */
}

#blog .b-red {
    background-color: red;
    padding: 0 0.4rem;
    /* background-image: linear-gradient(to bottom, white, transparent 15%,white); */
}

#blog .article {
    padding: 1rem;
    background: white;
}
#blog .article .detials ul li {
    float: right;
    font-size: 0.8rem;
    color: gray;
}
#blog .article .detials ul li i{
    color: #03a5e3;
}
#blog .article h1{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    text-align: center;
    margin-top: 1rem;
}
#blog .article h2,#blog .article h3,#blog .article h4,#blog .article h5,#blog .article h6{
    margin-bottom: 2rem;
}
#blog .article h3,#blog .article h4,#blog .article h5,#blog .article h6{}
#blog .article p{
    line-height: 3;
    text-align: justify;
}
#blog .article .wp-caption-text {
    background: #e4ffc8;
    padding: 0 1rem;
    line-height: 2;
    font-size: .9rem;
}
#blog .article p .alignright{}
#blog .article p .alignleft{}
#blog .article p .aligncenter{}
#blog .article p a{}
#blog .article p a:hover{}
#blog .article p a[target="_blank"]:after{}
#blog .article p>ul,#blog .article p>ol{}
#blog .article p>ul>li,#blog .article p>ol>li{}
#blog .article p>ul>li ul,#blog .article p>ol>li ul{}
#blog .article p>ul>li ul li,#blog .article p>ol>li ul li{}
#blog .article footer{}
#blog .article footer .navigation-post {
    margin: 1rem auto;
    background-image: linear-gradient(to left, #25d366, #04a6e4, #25d366);
    color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(195, 0, 181, 0.54);
    text-shadow: 0px 0px 10px black;
}
#blog .article footer .navigation-post a {
    vertical-align: sub;
}
#blog .article footer .navigation-post .next {
    float: right;
    text-align: right;
    padding: 1rem;
}
#blog .article footer .navigation-post .next:hover {}
#blog .article footer .navigation-post .next .laquo{
    float: right;
    font-size: 3rem;
    line-height: 2rem;
    padding-left: 0.5rem;
}
#blog .article footer .navigation-post .previous {
    float: left;
    text-align: left;
    padding: 1rem;
}
#blog .article footer .navigation-post .previous:hover {}
#blog .article footer .navigation-post .previous .raquo{
    float: left;
    font-size: 3rem;
    line-height: 2rem;
    padding-right: 0.5rem;
}

.article-comments {}

.article-comments-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1793d7;
    margin-bottom: 1rem;
}

.article-comments ol {
    padding: 0 1rem;
    list-style: none;
}

.article-comments li {background: rgb(23 147 215 / 10%);border-radius: 1rem 26px 1rem 1rem;margin-bottom: 1rem;padding-bottom: 1px;}

.article-comment {
    padding: 2px;
}

.comment-head {}

.comment-head img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin-left: .5rem;
}

.comment-body {
    padding: 1rem;
}

.comment-foot {
    padding: 0 1rem;
    padding-bottom: 1rem;
}

.comment-button {
    border: none;
    background: none;
}

.add-reply {
    margin: 0 auto 0 0;
    display: table;
    background: #1793d7;
    padding: .25rem 1rem .5rem;
    color: white;
    border-radius: .75rem;
}

#blog .article footer .comments-blog #comments {font-size: 1.4rem;font-weight: 900;color: #03a5e3;/* text-shadow: 0px 2px 2px #25d366; */}
#blog .article footer .comments-blog ol.commentlist {
    margin: 1rem;
}
#blog .article footer .comments-blog ol.commentlist .comment {
    background-color: rgba(37, 211, 102, 0.05);
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    font-size: 1rem;
    padding-right: calc( 2rem + 50px );
    position: relative;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .comment-author img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    margin-left: 1rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .comment-meta {
    color: #03a5e3;
    margin-bottom: 0.5rem;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .comment-meta a.comment-edit-link {
    color: #d80000;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .reply a {
    background-color: #25d366;
    color: white;
    padding: 0.3rem 1rem;
    border-radius: 0.6rem;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .reply a:hover {
    background-color: #03a5e3;
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .reply {
    text-align: left;
}
#blog .article footer .comments-blog ol.commentlist .comment.bypostauthor {
    background: white;
    border: 1px dashed rgba(195, 0, 181, 0.5);
}

#blog .article footer .comments-blog ol.commentlist .comment.bypostauthor:after {
    color: white;
    content: '\f00c';
    background-color: #2f96ff;
    position: absolute;
    border-radius: 50%;
    /* bottom: 1px; */
    /* right: 1px; */
    padding: 4px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    text-align: center;
    line-height: 1;
    font-size: 10px;
    top: calc( 1rem + 32px + 1px);
    right: calc( 1rem + 1px );
    z-index: 2;
}
#blog .article footer .comments-blog .children {
    margin-top: 1rem;
}
#blog .article footer .comments-blog ol.commentlist .comment.bypostauthor:before {
    content: '';
    color: white;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 1;
    border: 2px dotted #2f96ff;
    top: calc( 1rem + 32px );
    right: 1rem;
    z-index: 2;
    filter: drop-shadow(0px 0px 1px #2f96ff);
}
#blog .article footer .comments-blog ol.commentlist .comment .comment-body .comment-meta+* {
    margin-right: calc(-50px - 1rem);
}
#blog .article footer .comments-blog .comment-respond {
    padding: 1rem;
}
#blog .article footer .comments-blog .comment-respond span.required {
    color: red;
    font-weight: 900;
    font-size: 1rem;
}
#blog .article footer .comments-blog .comment-respond input[type="text"],#blog .article footer .comments-blog .comment-respond input[type="email"],#blog .article footer .comments-blog .comment-respond input[type="url"],#blog .article footer .comments-blog .comment-respond textarea {
    border: 1px solid #f1f1f1;
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-family: 'sans';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#blog .article footer .comments-blog .comment-respond textarea {
    height: 150px
}
#blog .article footer .comments-blog .comment-respond input[type="text"]:focus,#blog .article footer .comments-blog .comment-respond input[type="email"]:focus,#blog .article footer .comments-blog .comment-respond input[type="url"]:focus,#blog .article footer .comments-blog .comment-respond textarea:focus {
    outline: none;
    box-shadow: 0px 0px 10px #25d366;
    border-color: #03a5e3;
}
#blog .article footer .comments-blog .comment-respond input[type="email"]:focus,#blog .article footer .comments-blog .comment-respond input#email:focus,#blog .article footer .comments-blog .comment-respond input[type="url"]:focus,#blog .article footer .comments-blog .comment-respond input#url:focus {
    text-align: left;
    direction: ltr;
}
#blog .article footer .comments-blog .comment-respond input[type="submit"] {
    background-color: #25d366;
    color: white;
    padding: 0.3rem 1rem;
    border-radius: 0.6rem;
    border: none;
    font-family: 'sans';
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#blog .article footer .comments-blog .comment-respond input[type="submit"]:hover {
    background-color: #04a6e4;
}




#blog .article footer .tags a {
    background-color: #ededed;
    color: #464646;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    border-radius: 0 10px 10px 0/20px;
    margin-left: 25px;
    position: relative;
}
#blog .article footer .tags a:hover {
    background-color: #404040;
    color: #d0d0d0;
}
#blog .article footer .tags a:after {content: '';border: 0.8rem solid transparent;border-right: 1rem solid #ededed;position: absolute;height: 100%;top: 0;right: 100%;}

#blog .article footer .tags a:before {content: '';background: white;width: 5px;height: 5px;position: absolute;top: 50%;right: 100%;z-index: 1;transform: translateY(-50%);border-radius: 100%;}

#blog .article footer .tags a:hover:after {
    border-right-color: #404040;
}
/*********** End Blog Section ***********/
/*********** customers Section ***********/
.partners .img-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.partners img {
    filter: drop-shadow(0px 0px 2rem rgba(0,0,0,.3));
    display: block;
    margin: 0 auto;
}
/*********** End customers Section ***********/
/*********** portfolio Section ***********/

/*********** End portfolio Section ***********/
/*********** team Section ***********/

/*********** End team Section ***********/
/*********** address Section ***********/

/*********** End address Section ***********/
/*********** End Home Sections ***********/
/*********** 404 ***********/
.page-404 {
    margin: 5rem 0;
}
.page-404 .badge-404-big {
    font-size: 8rem;
    text-align: center;
    color: #d294da;
    font-weight: bold;
    line-height: 1;
}
.page-404 .badge-404-small {
    text-align: center;
    direction: ltr;
    line-height: 1;
    font-size: 2rem;
    color: #d294da;
    font-weight: bold;
}
/*********** End 404 ***********/
/*********** Sidebar ***********/
/*********** Widgets ***********/
.info-box {
    background: #bedeff;
    padding: 1rem;
    position: relative;
}
.info-box:before {
    content: '\f05a';
    font-family: 'font awesome 5 pro';
    font-weight: 500;
    font-size: 14rem;
    color: #ffffff;
    opacity: 0.5;
    position: absolute;
    left: -23px;
    top: -23px;
    line-height: 14rem;
    z-index: 0;
}
.info-box>.course-detials {
    position: relative;
}
.info-box>.course-detials>.detial {
    border-bottom: 1px dashed white;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.info-box>.course-detials>.detial:last-child {
    border: none;
    padding: 0;
    margin: 0;
}
.info-box>.course-detials>.detial i {
    color: blue;
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: .5rem;
}
.info-box>.course-detials>.detial .kk-star-ratings {
    filter: drop-shadow(0px 0px 5px grey);
}
.info-box>.course-detials .value {
    font-weight: 900;
    font-size: 1.2rem;
}
.course-reg {
    position: sticky;
    top: 2rem;
}
/*********** End Widgets ***********/
/*********** End Sidebar ***********/
/*********** MAIN FOOTER ***********/
.main-footer {
    background: #101010;
    padding: 1rem 0;
    color: #c5c5c5;
}
.main-footer .widget>header {
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
    font-weight: bold;
    color: white;
    margin-bottom: 1rem;
    border-radius: 1rem;
}
.main-footer .widget>ul {}
.main-footer .widget>ul>li {}
.main-footer .widget>ul>li>a {
    display: block;
    padding: .5rem 1rem;
    border-radius: .5rem;
}
.main-footer .widget>ul>li>a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}
.main-footer .widget {
    margin: 1rem 0;
}
.main-footer .widget.about {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    padding: 1rem;
    text-align: justify;
    color: white;
    line-height: 2rem;
}
.main-footer .widget.about img {
    display: block;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.main-footer .widget input[type="text"], .main-footer .widget input[type="email"], .main-footer .widget input[type="password"], .main-footer .widget input[type="number"],.main-footer .widget input[type="phone"],.main-footer .widget textarea {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    margin-bottom: .5rem;
    border-radius: .6rem;
}
.main-footer .widget input[type="text"]:focus, .main-footer .widget input[type="email"]:focus, .main-footer .widget input[type="password"]:focus, .main-footer .widget input[type="number"]:focus,.main-footer .widget input[type="phone"]:focus,.main-footer .widget textarea:focus{
    background-color: rgba(255, 255, 255, 0.8)
}
.main-footer .widget input[type="submit"], .main-footer .widget button {
    background-color: rgba(255, 255, 255, 0.2);
}
.main-footer .widget input[type="submit"]:hover, .main-footer .widget button:hover{
    background-color: #c300b5
}
/*********** END MAIN FOOTER ***********/
/*********** PLUGINS ***********/
ul.mks_social_widget_ul li a.soc_rounded {
    padding: unset;
    background: #404040;
}
.whatsappme {
    font-family: sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
}
.pagination {
    margin-bottom: 2rem;
    display: flex;
    list-style: none;
    align-content: center;
    justify-content: center;
}

li.page-item a,li.page-item span {
    display: block;
    font-size: 1.5rem;
    padding: .5rem 1rem;
    background: #1793d7;
    margin: .25rem;
    color: white;
    border-radius: 10px;
    text-decoration: none;
    border: 2px solid #1793d7;
}

li.page-item.active span, li.page-item.active a,li.page-item:hover span, li.page-item:hover a {
    transition: 200ms all;
    background: white;
    color: #1793d7;
}
.wp-pagenavi {
    margin-bottom: 2rem;
    border-radius: 1rem;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    align-content: center;
}

.wp-pagenavi .pages:before {
    content: '\f518';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2rem;
    vertical-align: middle;
    margin-left: .5rem;
    color: #25d366;
}

.wp-pagenavi .current {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    background: #25d366;
    margin-right: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1rem 1.5rem;
    font-weight: 900;
    color: white;
}

.wp-pagenavi a {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    margin-right: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1rem 1.5rem;
    font-weight: 900;
}
.wp-pagenavi a:hover {
    background: #4f6fff;
    color: white;
}
.wp-pagenavi .extend {
    margin-right: 1rem;
}
html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.gform_wrapper .gform_footer {
    padding: 1rem !important;
}
.gform_wrapper h3.gform_title {
    padding: 0 1rem !important;
}
.gform_wrapper .validation_message {
    color: #da0000 !important;
    text-align: left !important;
    position: absolute;
    top: 0;
    left: 0;
}
.gform_wrapper .gfield_error .gfield_label {
    color: #da0000 !important;
}
.gform_wrapper div.validation_error {
    color: #dd1700 !important;
    border-top: 2px solid #dd1700 !important;
    border-bottom: 2px solid #dd1700 !important;
}
.gfield_required, .required, .gform_wrapper .gfield_required {
    color: #dd1700 !important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #dd1700 !important;
}
@media only screen and (min-width: 641px){
    .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 100% !important;
        width: 100%;
    }
}
html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield.gfield_error {
    position: relative;
}
.gform_confirmation_message {
    padding: 1rem;
    background: #25d366;
    color: #ffffff;
    font-size: 1.3rem;
    text-shadow: 0 0 10px black;
}
/*********** END PLUGINS ***********/