/*
Theme Name: soft
Theme URI: https://webramz.com
Author: webramz
Author URI: https://webramz.com
Version: 1.1
*/

@font-face {
    font-family: kalameh;
    src: url('fonts/KalamehWebFaNum-Regular.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
@font-face {
    font-family: iransans;
    src: url('fonts/iransans-normal.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-smooth: always;
}
:root {
    --f-size: 1.5rem;
    --f-weight: 600;
  }
body {
    font-family: 'iransans' !important;
}
a{
    text-decoration: none !important;
}
a:hover {
    color: rgb(0 171 68) !important;
   }
p , h1 , h2 , h3 , h4 , h5 , h6{
    line-height: 2 !important;
    text-align: justify;
}
.page-template-default , .archive , .single  {
    background: #f2f2f2;
}
.single-educations {
    background: #fff;
}
/******************************/
p , span{
    font-size:  0.85rem;
}
h2.title-top {
    font-size: var(--f-size);
    font-weight: var(--f-weight);
    font-family: 'kalameh';
}
h3.title-box {
    font-size: 1.2rem;
    font-weight: 900;
    font-family: 'kalameh';
}
h3.disc-top {
    font-family: 'iransans';
    font-size: 1rem;
}
/************************/
.section-educations .card-img img {
    width: 6rem;
    margin: 1.2rem;
}
.section-educations h2.card-title a , section.section-news h2.card-title a {
    font-weight: bold;
    font-size: 1rem;
    color: #22252c;
}
/*******************Header*******************/
.header-top {
    position: relative;
    z-index: 999;
}
section.section-swiper {
    position: relative;
    margin-top: -11rem;
    margin-bottom: 8rem;
}
ul#menu-main-menu li a {
    color: #fff;
    font-size: 1rem;
    font-family: 'kalameh';
    font-weight: 600;
    padding: 0 1.2rem;
}
.page-id-52 ul#menu-main-menu li a {
    color: #fff !important;
}
.page-template-default  ul#menu-main-menu li a ,
.books-template-default ul#menu-main-menu li a ,
.archive  ul#menu-main-menu li a , .single ul#menu-main-menu li a {
    color: #22252c;
}
a.custom-logo-link img {
    max-width: 12rem;
    height: auto;
}
img.img-logo {
    width: 9rem;
    margin: 0 auto;
    margin-right: 3rem;
}
div.breadcrumb {
    margin: 0 auto;
    background: linear-gradient(290deg, #000000db, #00000036, #00000000);
    padding: 2rem 3rem 0.5rem;
    top: 15.88888rem;
    position: absolute;
    right: 0;
}
p#breadcrumbs, p#breadcrumbs a {
    color: #fff;
    text-decoration: none;
}
.title-hede {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 2rem;
    margin-top: 8rem !important;
    font-weight: 900;
}
.logofooter {
    /* background: #fff; */
    height: 80px;
    padding: 0.5rem;
    border-radius: 0.5rem;
}
/**************footer*************/
.bd-footer p {
    color: #ddd;
    padding-left: 3rem;
}
footer.bd-footer {
    background-image: url(/wp-content/uploads/2024/05/footer.jpg);
}
footer.bd-footer h4 {
    font-size: 1.2rem;
    font-family: 'kalameh';
    font-weight: 600;
}
ul.list-footer {
    list-style: circle;
    padding-right: 1rem;
    color: #00ab44 !important;
}
ul.list-footer li {
    font-size: 0.95rem;
    line-height: 2.2;
    color: #ddd;
    transition: all 300ms ease-out;
}
ul.list-footer li:hover {
    color: #00ab44;
    margin-right: 0.3rem;
    transition: all 300ms ease-out;
}
ul.list-footer a , footer a {
    color: #eee;
}
h5.title-footer {
     margin-top: 0.9rem;
     font-size: 1rem;
}
.copyright.text-center {
    font-size: 0.8rem;
    border-top: 1px dashed #353b46;
    padding: 0.8rem 0 0 !important;
    color: #ccc;
}
p.gform_required_legend {
    display: none;
}
.ginput_container input , select#input_1_7{
    border: 0 solid !important;
}
/**************swiper slider***************/
.content-slide {
    position: absolute;
    z-index: 99999;
    top: 12rem;
    display: block;
    margin: 0 auto !important;
    left: 0;
    right: 0;
}
.backimg {
    display: block;
    margin: 0 auto;
    width: 100%;
}
section.section-swiper:after {
    content: '';
    background: url(/wp-content/uploads/2024/05/green-line.png);
    background-size: cover;
    background-position: bottom;
    height: 2.5rem;
    position: relative;
    display: block;
    background-repeat: no-repeat;
}
h1.title-slide, h3.title-about {
    font-family: 'kalameh';
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
}
p.disc-slide {
    font-size: 1rem;
    color: #fff;
}
span.btn-green {
    background: #00ab44;
    color: #fff;
}
.content-slider {
    padding: 0 0 0 2rem !important;
}
/* .container.content-slide {
    margin-top: 5rem !important;
} */
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #02ab44 !important;
}
 /********************logo*****************/
 section.section-logo .swiper-slide img {
    padding: 0 35px;
}
/*****************form*****************/
.ginput_container input, select#input_1_7 , textarea#input_1_9 {
    border: 0 solid !important;
    box-shadow: 0 0 6px 8px #ededed;
    border-radius: 0.2rem;
}
.home .suppp button {
    color: #fff !important;
    border: 1px solid #ffffff52 !important;
    border-radius: 0.5rem;
}
  .suppp button:hover {
    color: #00ab44 !important;
    border: 1px solid !important;
}
.page-template-default .suppp button {
    color: #000;
    border: 1px solid #00000052;
    border-radius: 0.5rem;
}
input#gform_submit_button_1 {
    display: block;
    margin: 0 auto;
    background: #4CAF50;
    color: #fff;
    border: 0 solid;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
}
label.gfield_label.gform-field-label {
    font-size: 0.8rem !important;
}
.gform_wrapper.gravity-theme .gform_footer {
   padding: 0 !important;
}
h5#exampleModalLabel {
    font-family: 'kalameh';
    font-weight: 900;
    color: #4CAF50;
}
/******************aboutus*********************/
section.section-aboutus {
    background-color: #21252B;
    padding: 7rem 0 !important;
    background-image: url(/wp-content/uploads/2024/05/lineleft.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-attachment: fixed;
}
.content-slider .list-about {
    color: #fff;
    font-size: 1rem;
}
.disc-about {
    font-size: 1.4rem;
    color: #eee;
}
.listgroup {
    padding-left: 8rem;
}
.disc-about p {
    font-size: var(--f-size);
    color: #eee;
    line-height: 3 !important;
    text-align: justify;
}
p.list-about {
    border-bottom: 1px dashed #555;
    padding-bottom: 1rem !important;
    transition: all 300ms ease-out;
}
.list-about:hover:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/05/arrow.png);
    background-size: 3%;
    background-position: 0px -4px;
    height: 1rem;
    background-repeat: no-repeat;
    top: -1.4rem;
    position: relative;
    display: block;
    transition: all 300ms ease-out;
}
.list-about:after {
    content: '';
    height: 1rem;
    position: relative;
    display: block;
}
div.title-check h6 {
    float: right;
    width: 50%;
    margin: 0 0 2rem;
}
h6.title-check:before {
    content: '+';
    color: #fff;
    margin-left: 0.5rem;
    font-size: 1.2rem;
    background: #00ab44;
    padding: 1rem;
    border-radius: 0.5rem;
}
h6.title-check:before {
    content: '::';
    color: #00ab44;
    margin-left: 0.5rem;
    font-size: 1rem;
    background: #d3e9dc;
    padding: 0.0rem 0.6rem 0;
    border-radius: 1rem;
}
.section-imgtext h3.title-4box {
    font-size: var(--f-size);
    font-weight: 600;
}
.page-id-23 section.section-logo {
    background: #fff;
    padding: 5rem 0rem 5rem !important;
}
.row.box-content {
    background: #f2f2f2;
    color: #555;
}
h2.title-book {
    font-size: 1.5rem;
    font-weight: 900;
    color: #22252c;
}
h5.card-title {
    font-size: 1rem;
}
/*************why***************/
h3.title-why {
    font-size:  var(--f-size);
    font-weight: 800;
    font-family: 'kalameh';
}
.disc-why p {
    line-height: 2.5;
    color: #21252b;
}
p.disc-3box {
    color: #21252b !important;
}
.sec-4box  , .sec-4icon{
    background: #fff;
    
}
.disc-4box p {
    color: #504F4F;
    font-size: 0.8rem;
}
.sec-4box img {
    width: auto;
    height: 3.8rem;
    margin-bottom: 1rem;
}
section.section-why {
    background-image: url(/wp-content/uploads/2024/05/mhands.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 29%;
}
.sec-4box:hover:after {
    background: #00ab4426 none repeat scroll 0 0;
    transform: rotate(4deg);
    transition: all 300ms ease-out;
}
 /**********comment*************/
 .section-comment {
    background-image: url(/wp-content/uploads/2024/05/right-line.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #21252B;
    background-attachment: fixed;
}
.section-read {
    background-image: url(/wp-content/uploads/2024/05/lineleft.png);
    background-attachment: fixed;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.disc-post {
    line-height: 2.2;
    color: #333;
    font-family: 'iransans';
}
.content-comment h3.title-top {
    font-size: 1.1rem;
    font-weight: 600;
    font-family: 'kalameh';
}
/****Swiper****/
.col-mySwiper-4  {
    position: relative;
    top: 10rem;
} 
.col-mySwiper-6 {
    position: relative;
}
.col-mySwiper-4 .swiper-button-next, .col-mySwiper-4 .swiper-button-prev , 
.col-mySwiper-6 .swiper-button-next, .col-mySwiper-6 .swiper-button-prev {
    width: 50px !important;
    border-radius: 2rem;
    color: #584f4f !important;
    font-weight: bolder;
    height: 50px !important;
    top: -65px !important;
}
.col-mySwiper-4 .swiper-button-next   {
    right: 70px !important;
    left: auto !important;
}
.col-mySwiper-6 .swiper-button-prev {
    left: 70px !important;
    right: auto !important;
}
.col-mySwiper-6 .swiper-button-next {
    left: 0px !important;
    right: auto !important;
}
.col-mySwiper-4 .swiper-button-next:after, .col-mySwiper-4 .swiper-button-prev:after ,
.col-mySwiper-6 .swiper-button-next:after, .col-mySwiper-6 .swiper-button-prev:after {
    content: '';
    font-size: 14px;
    color: #00ab44;
    border: 0.1rem solid;
    padding: 0.6rem 0.8rem;
}
/***/
.img-bigcomment {
    margin-right: -135px;
}
.sec-1box {
    background: #fff;
    }
    .quote {
        float: left;
    }
    .title-comment, .disc-comment {
        color: #fff;
        font-weight: bold;
    }
    h3.title-comment {
        font-size:  var(--f-size);
        font-family: 'kalameh';
    }
    /******************read*******************/
    h3.title-read {
        font-size:  1rem;
        font-weight: bold;
    }
        p.disc-read {
        color: #3F3F3F  ;
        font-size: 0.9rem;
    }
    /**************************/
    .section-news  h3.card-title {
        font-size: 1rem;
        font-weight: bold;
    }
   
    .custom-link {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: space-between;
    }
/***************contact us******************/
.sec-4box:after {
    position: absolute;
    content: '';
    left: 0;
    top: 21px;
    width: 100%;
    height: 90%;
    background: #00ab440f none repeat scroll 0 0;
    -webkit-transform: rotate(-5deg);
    transform: rotate(7deg);
    z-index: -1;
    border-radius: 30px;
    transition: all 300ms ease-out;
}
.sec-3box:after {
    position: absolute;
    content: '';
    left: 8px;
    top: 5px;
    width: 95%;
    height: 95%;
    background: #00ab440f none repeat scroll 0 0;
    -webkit-transform: rotate(-5deg);
    transform: rotate(7deg);
    z-index: -1;
    border-radius: 30px;
    transition: all 300ms ease-out;
}
.sec-3box:hover:after {
    background: #00ab4426 none repeat scroll 0 0;
    transform: rotate(7deg);
    transition: all 300ms ease-out;
}
h3.title-contact {
    font-family: 'kalameh';
    color:#22252c;
    font-weight: 600;
}
.sec-3box {
    background: #fff;
    box-shadow: 0 15px 90px rgba(0, 0, 0, .1);
}
h3.title-3box {
    font-size:  var(--f-size);
    font-weight: 600;
}
.sec-3box  img {
    background: #00ab44;
    height: auto;
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.sec-3box .disc-box a {
    text-decoration: none;
    color: #000;
}
.sec-3box .disc-box a:hover {
    text-decoration: none;
    color: #00ab44;
}
.disc-3box a {
    color: #333;
    text-decoration: unset;
}
.sec-3box {
    min-height: 9.5rem;
}
.sec-3box h3.title-box {
    border-bottom: 0.1rem solid #f0f0f0;
}
.content-img img {
    border-radius: 1rem;
    box-shadow: 0 15px 90px rgba(0, 0, 0, .1);
}
.accordion-button:not(.collapsed) {
       background-color: #cfe2ff00 !important;
     }
.section-accordion h2.accordion-header > button.accordion-button {
    font-weight: bold !important;
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: unset !important;
}
.accordion-item {
    border-right: 0.2rem solid #00ab44 !important;
}
.section-product .card-body a {
    display: flex !important;
    justify-content: space-between !important;
}
.section-product h2.card-title a {
    color: #22252c;
    font-weight: 600;
    font-size: 1rem;
}
.icon-link {
      -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5))!important;
    text-decoration-color: rgb(13 110 253 / 0%) !important;
}
section.section-contact .sec-3box {
    min-height: 10rem;
}
.row.sec-3box .disc-box p {
    margin-bottom: 0;
}
section.section-contact .sec-3box {
    min-height: 10rem;
    padding-top: 1.5rem !important;
    }
/********************/
.card:hover .card-body {
    border-bottom: 0.4rem solid #2ecc7136;
    border-radius: 6px;
    transition: all 300ms ease-out;
}
.card-body {
    border-bottom: 0.4rem solid #22252c40;
    border-radius: 6px;
    transition: all 300ms ease-out;
}
.card:hover h3.card-title a{
    color: #00ab44;
    transition: all 300ms ease-out;
}
h3.card-title a{
    color: #22252c;
    transition: all 300ms ease-out;
}
/* .books-template-default .iconbox {
    background: #fff;
} */
.section-product .card-body.py-4 {
    display: flex;
    justify-content: space-between;
}
 
.accordion-item {
    margin: 0.5rem 0;
    box-shadow: 0 15px 90px rgba(0, 0, 0, .1);
}
ul#menu-main-menu-1 li {
    margin: 0.1rem;
    padding: 0 0.3rem;
    font-size: 0.7rem;
    color: #333;
    border-bottom: 0.1rem dashed #dddddd73;
}
p.back a {
    background: #00ab44;
    color: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
}
/***************comment*****************/
.row-comments {
    border: 1rem solid #e7e6e6;
    padding: 2rem;
}
p.comment-form-comment {
    float: inline-end;
}
textarea#comment {
    width: 45rem;
}
.comment-respond label {
    display: flex;
}
 textarea#comment, div#respond input {
    border: 0 solid;
    box-shadow: 0 0 0.5rem 0.1rem #e9e9e9;
    border-radius: 0.5rem;
    line-height: 3;
    padding: 0 1rem;
}
h3#comments, .navigation, ol.commentlist {
    background: #fff;
    margin: 0;
    line-height: 3;
    padding: 0 4rem;
    border-radius: 0.5rem;
}
input#submit {
    background: #00ab44;
    color: #fff;
    border-radius: 2rem !important;
    padding: 0 4rem !important;
}
input#submit:hover {
    color: #000;
    }
 div#respond label {
    font-size: 0.875rem;
    font-weight: 600;
}
ol.commentlist {
    margin-bottom: 2rem;
}
/******************************/
@media  (max-width: 1399px) and (min-width: 1024px) {
ul#menu-main-menu li a {
    color: #fff;
    font-size: 1rem;
    font-family: 'kalameh';
    font-weight: 600;
    padding: 0 0.82rem;
}
}
@media  (max-width: 1024px) {
.container.content-slide {
    margin-top: 0rem !important;
}
ul#menu-main-menu li a {
       font-size: 0.8rem;
       padding: 0 0.8rem;
}
.suppp button.btn {
    font-size: 0.9rem !important;
}
  img.img-logo {
    width: 9rem;
    margin: 0 auto;
    margin-right: 0;
}
.container.content-slide {
        margin-top: -2rem !important;
    }
textarea#comment {
        width: 33rem;
    }
    p.comment-form-cookies-consent label {
        width: 16rem;
    }
}

@media  (max-width: 786px) {
    .listgroup {
        padding-left: 1rem;  
    }
    section.section-swiper {
    position: relative;
    margin-top: -7rem;
    margin-bottom: 2rem;
    }
    /* .container.content-slide {
    margin-top: -7rem  !important ;
    } */
    div.title-check h6 {
        float: right;
        width: 100% !important;
        margin: 0 0 2rem;
    }
    button.navbar-toggler  {
        background: #fff;
        padding: 5px !important;
    }
    .suppp button.btn {
        font-size: 0.6em !important;
    }
    textarea#comment {
        width: 18rem;
    }
    p.comment-form-cookies-consent label {
        width: 16rem;
    }
}

@media  (max-width: 600px) {
    .listgroup {
        padding-left: 0rem;
    }
    section.section-swiper {
    position: relative;
    margin-top: 0rem !important;
    margin-bottom: 1rem !important;
    }
    h3.title-slide{
    font-size: 0.7rem;
    }
    p.disc-slide {
    font-size: 0.5rem;
    color: #fff;
    }
    .container.content-slide {
    margin-top: -11rem !important  ;
    }
    span.btn-green {
    font-size: 0.6rem;
    }
    h6.title-footer {
        font-size: 0.8rem !important;
        margin-top: 0.9rem;
    }
    .suppp button.btn {
        font-size: 0.5rem !important;
    }
    .page-template-default .suppp button {
        color: #000 !important;
        border: 0px solid #00000052 !important;
        border-radius: 0.5rem;
    }
    h3#comments  {
        font-size: 1rem;
        text-align: right;
        font-weight: 600;
    }
    h3#comments, .navigation, ol.commentlist {
       line-height: 2;
        }
    textarea#comment {
        width: 19.1rem !important;
    }
  
}