@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    box-sizing: border-box !important;
    transition: all 0.3s ease-in-out;
}

body {
    direction: rtl;
    font-family: yekanBakh;
}


/* config-font */
/*new*/
@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 100;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Thin.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Thin.eot) format('embedded-opentype'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Thin.woff) format('woff'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Thin.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Light.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Light.eot) format('embedded-opentype'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Light.woff2) format('woff2'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Light.woff) format('woff'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 500;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Medium.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Medium.eot) format('embedded-opentype'), url(../../assetsindexhtml/fonts/IRANYekanWebFN-Medium.woff) format('woff'), url(../../assetsindexhtml/fonts/IRANYekanWebFN-Medium.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.eot) format('embedded-opentype'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.woff2) format('woff2'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.woff) format('woff'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: IRANYekan;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Bold.eot) format('embedded-opentype'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBold.woff) format('woff'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 900;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Black.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-Black.eot) format('embedded-opentype'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Black.woff) format('woff'),
        url(../../assetsindexhtml/fonts/IRANYekanWebFN-Black.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 950;
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBlack.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBlack.eot) format('embedded-opentype'), url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBlack.woff) format('woff'), url(../../assetsindexhtml/fonts/IRANYekanWebFN-ExtraBlack.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    src: url(../../assetsindexhtml/fonts/IRANYekanWeb-Regular.eot);
    src: url(../../assetsindexhtml/fonts/IRANYekanWeb-Regular.eot) format('embedded-opentype'), url(../../assetsindexhtml/fonts/IRANYekanWeb-Regular.woff2) format('woff2'), url(../../assetsindexhtml/fonts/IRANYekanWeb-Regular.woff) format('woff'), url(../../assetsindexhtml/fonts/IRANYekanWeb-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: yekanBakh;
    src: url(../../assetsindexhtml/fonts/YekanBakhFaNum-VF.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: yekanBakh2;
    src: url(../../assetsindexhtml/fonts/YekanBakhFaNum-VF.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: yekanBakh;
    src: url(../../assetsindexhtml/fonts/YekanBakh_FaNum_Bold.ttf);
    font-weight: 700;
    font-style: normal
}

.yekanBakh{
    font-family: yekanBakh;
}

/* styles */

.accordion {
    background-color: #ffffff !important;
    color: #444;
    cursor: pointer;
    padding: 17px 18px; 
    width: 100%;
    text-align: right;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 0px;
    border: none !important;
    font-weight: 700;
    font-size: 16.5px;
    padding-bottom: 3px !important
    
}
.accordion, .active{
    padding: 17px 18px 0px !important;
}

.accordion:hover {
    background-color: #fdfdfd !important;
    color: black;
    transition: all 0.3s;

}

.active,
.accordion:hover {
    background-color: #ffffff !important;
}

.accordion:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.7502 12C2.7502 17.108 6.8912 21.25 12.0002 21.25C17.1082 21.25 21.2502 17.108 21.2502 12C21.2502 6.892 17.1082 2.75 12.0002 2.75C6.8912 2.75 2.7502 6.892 2.7502 12Z" stroke="%23ABABAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.529 10.5577L12 14.0437L15.471 10.5577" stroke="%23ABABAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    color: #777;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.active:after {
    rotate: 180deg;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.panel {
    padding: 0 18px;
    background-color: white;
    height: 70px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    /*bkbb*/
    border-bottom: 1px solid #e6e6e6;
}

.panel p {
    padding-top: 2px;
    font-size: 14px;
    height: 33px !important;
    margin-bottom: 6px;
    line-height: 29px;
}
@media screen and (max-width : 768px){
    .dasdasd{
        padding-top : 10px !important;
    }
    .panel {
        height : 250px !important;
    }
}
.allTypographi{
    line-height: 30px;
    color: rgb(115 133 175/ 1) !important;
    font-weight: 500;
    word-spacing: -0.125rem;
    text-align: justify;
    font-family: yekanBakh;
}



/* tailwind-styles */
h3 {
    @apply text-2xl md:text-3xl font-bold text-gray-800 text-right py-2;
}
h4 {
    @apply text-xl leading-9 md:text-2xl font-medium text-gray-700 text-right py-2 mb-1 ;
    font-family: yekanBakh2 !important;
    font-weight: 700 !important;
    font-size: 1.375rem ;
    color: rgb(63, 86, 125);

}

h5 {
    @apply text-zinc-800 md:text-[16px] font-bold;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    color: #112A53 !important;
    word-spacing: -0.125rem;
}

p {
    @apply text-right
}
.c1pstyle{
color: rgb(115 133 175/ 1) !important;
font-weight: 500;
word-spacing: -0.125rem;
line-height: 2.4rem;
text-align: justify;
    font-family: yekanBakh;
}
.textPsm {
    @apply text-gray-600 leading-7 my-3 text-sm;
}

.bg-primary {
    @apply bg-[#F6FBFF]
}

.publicStyleActive {
    @apply py-6 px-8 transition-all duration-300 text-center min-w-fit w-full border-b-2 rounded-t-lg
}

.styleActive {
    @apply border-b-[#e20e65] text-[#e20e65]
}

.styleNotActive {
    @apply text-[#6B6B6B] border-b-zinc-300 border-b-[#F6FBFF]
}

.parentStyleTab {
    @apply px-4 py-2 md:py-8 max-w-[1600px] m-auto md:px-12 overflow-x-scroll md:overflow-hidden md:w-[100%] w-[95%]
}

.parentStyleTabDiv {
    @apply flex justify-center overflow-x-visible lg:gap-x-5 items-center w-full m-auto
}

.c1style {
    @apply flex justify-center items-start gap-3 flex-col lg:max-w-[350px]
}

.c1style{
    gap: 5px !important;
}
.c1pstyle{
    line-height: 23px !important;
}
.c1pstyle {
    @apply text-gray-500 pr-2 text-sm
}


.styleActive h6{
    color: #e20e65 !important;
}
.yekanBakhBold{
    font-family: yekanBakh;
    font-weight: 700 !important;
}

@media screen and (min-width: 0px) and (max-width: 447px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/mobile.jpg) center no-repeat;
        background-size: cover;
        height: 269px !important;
    }
}
@media screen and (min-width: 447.01px) and (max-width: 545px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/mobile.jpg) center no-repeat;
        background-size: cover;
        height: 321px !important;
    }
}
@media screen and (min-width: 545.01px) and (max-width: 668px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/mobile.jpg) center no-repeat;
        background-size: cover;
        height: 409px !important;
    }
}
@media screen and (min-width: 668.01px) and (max-width: 813px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/tablet.jpg) center no-repeat;
        background-size: cover;
        height: 439px !important;
    }
}
@media screen and (min-width: 813.01px) and (max-width: 1000px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/tablet.jpg) center no-repeat;
        background-size: cover;
        height: 535px !important;
    }
}
@media screen and (min-width: 1000.01px) and (max-width: 1337px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/desktop.jpg) center no-repeat;
        background-size: cover;
        height: 300px !important;
    }
}
@media screen and (min-width: 1337.01px) and (max-width: 1600px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/desktop.jpg) center no-repeat;
        background-size: cover;
        height: 386px !important;
    }
    .sdsddsadsad div{

    }
}
@media screen and (min-width: 1600.01px) {
    .sdsddsadsad {
        background: url(./../../assetsindexhtml/banner/desktop.jpg) center no-repeat;
        background-size: cover;
        height: 410px !important;
    }
}
body{
    max-width: 2000px;
    margin: 0 auto;
}
@media screen and (max-width: 768.01px) {
  .accordion {
        font-size: 14px !important;
  }
  h5{
      font-size : 16px !important;
  }
  pt-2,text-zinc-600{
      font-size : 10px;
  }
}


/*the best code */
/*.carttonImg {*/
/*    background: url("./../../assetsindexhtml/banner/desktop.jpg");*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-positon: 65% 100px;*/
/*    z-index: 1;*/
/*}*/
ul li a {
    font-size: 14px;
    color: #494949;
}
.hovertexte20e65{
    border : 1px solid #e20e65;
}
.hovertexte20e65:hover{
    color: #e20e65;
    border : 1px solid #e20e65;
}
@media  screen and (max-width: 768px){
    .overflow-element {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        width: 100%;
        justify-content: flex-start !important;
        align-items: center;
        padding-bottom: 16px !important;
    }
    /* width */
    ::-webkit-scrollbar {
        width: 2px;
        height: 5px;
        border-radius: 8px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        width: 2px;
        height: 5px;
        border-radius: 8px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
        width: 2px;
        height: 5px;
        border-radius: 8px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #545252;
    }
    h4{
        font-size: 1.4rem !important;
    }
    .h4maxtitle{
        font-size: 12px !important;
    }

p
.size-elem{
    font-size: 18px !important;
    color: #4f6486;
    font-weight: 700;
    font-family: yekanBakh2;
}
.mt-elem{
    margin-top: 3.4px !important;
}
::-moz-selection { /* Code for Firefox */
    color: white;
    background: #e20e65;
}

::selection {
    color: white;
    background: #e20e65;
}