/*
	Theme Name: Zabane Ramzi Template
	Description: تمام حقوق این قالب برای صاحب آن محفوظ است و هرگونه کپی برداری و نال قالب پیگیری خواهد شد .

	Version: 5.3
*/
@font-face {
  font-family: 'dana';
  src: url('fonts/Dana/eot/dana-regular.eot');
  src: url('fonts/Dana/eot/dana-regular.eot') format('embedded-opentype'),
       url('fonts/Dana/woff/dana-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'dana';
  src: url('fonts/Dana/eot/dana-medium.eot');
  src: url('fonts/Dana/eot/dana-medium.eot') format('embedded-opentype'),
       url('fonts/Dana/woff/dana-medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'dana';
  src: url('fonts/Dana/eot/dana-bold.eot');
  src: url('fonts/Dana/eot/dana-bold.eot') format('embedded-opentype'),
       url('fonts/Dana/woff/dana-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'dana';
  src: url('fonts/Dana/eot/dana-black.eot');
  src: url('fonts/Dana/eot/dana-black.eot') format('embedded-opentype'),
       url('fonts/Dana/woff/dana-black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
	font-display: swap;
}
h1{
  font-size: 26px;
}
h2{
  font-size: 24px;
}
h3{
  font-size: 22px;
}
h4{
  font-size: 20px;
}
h5{
  font-size: 19px;
}
h6{
  font-size: 18px;
}
p{
	line-height:2;
}

html {
  scroll-behavior: smooth;
}
:root{
    --primary:#2C00FF;
    --white:#fff;
    --black:#000;
    --twxt:#6C6C6C;
    --hover:#121a49;
  }
  img::selection{
    background: transparent;
  }
  a {
    text-decoration: none !important;
  }
  *{
      line-height: normal;
      list-style: none;
      box-sizing: border-box;
		font-family: "dana", sans-serif;    
}
body{
  font-size: 14px;
  font-family: "dana", sans-serif;      background: #fff;
  line-height:2;
}
.container{
  max-width: 1260px!important;
}
input:focus,
button:focus,
textarea:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
  ul,ol{
    margin: 0;
    padding: 0;
  }
  .rtl{
    direction: rtl;
    text-align: right;
  }
  .wrapper{
    overflow: hidden;
  }
  .wrap{
    flex-wrap: wrap;
  }
  .menubar{
    padding: 15px 0;
  }
  .mainmenu,.btnbox{
    width: 460px;
  }
  .btnbox{
    justify-content: end;
  }
  .mainmenu ul{
    display: flex;
    padding: 0;
    gap: 30px;
  }
  .mainmenu ul li{
    position: relative;
  }
  .mainmenu ul li a{
    color: var(--black);
    padding-bottom: 20px;
    transition: 0.4s all;
  }
  .mainmenu ul li.menu-item-has-children a{
    padding-left: 7px;
  }
  .mainmenu ul li.menu-item-has-children a::after{
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-bottom: 1px solid var(--black);
    border-right: 1px solid var(--black);
    transform: rotate(45deg);
    transition: 0.4s all;
    top: 5px;
    left: -7px;
  }
  .mainmenu ul li a:hover{
    color: var(--primary);
  }
  .mainmenu ul li a:hover::after{
    border-bottom: 1px solid var(--primary);
    border-right: 1px solid var(--primary);
  }
  .mainmenu ul li ul{
    position: absolute;
    top: 30px;
    z-index: 100;
    background: var(--white);
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 0 50px 0 #0001;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all;
  }
  .mainmenu ul li:hover ul{
    opacity: 1;
    visibility: visible;
  }
  .mainmenu ul li ul li{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }
  .mainmenu ul li ul li a{
    padding: 0!important;
  }
  .mainmenu ul li ul li a::after{
    display: none;
  }
  .mainmenu ul li ul li:last-child{
    border: 0;
    padding: 0;
  }
  .btnbox{
    gap: 20px;
  }
  .menuopen{
    display: none;
  }
  .phone,.loginbtn,.searchicon{
    display: flex;
    align-items: center;
    height: 49px;
    width: 147px;
    justify-content: center;
    transition: 0.4s all;
  }
  .phone img, .loginbtn img{
    display: none;
  }
  .phone{
    background: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
    padding: 0 15px;
    border-radius: 10px;
  }
  .phone:hover{
    background: var(--hover);
    color: var(--white);
  }
  .loginbtn{
    background: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 0 15px;
    border-radius: 10px;
  }
  .loginbtn:hover{
    background: var(--primary);
    color: var(--white);
  }
  .searchicon{
    width: 49px;
    height: 49px;
  }
  .heroflex{
    margin-top: -60px;
  }
  .herobox{
    border-radius: 32px;
    overflow: hidden;
    padding: 20px 70px 70px;
  }
  .heroflex{
    gap: 2px 30px;
  }
  .herobtn1{
    padding: 20px 65px 20px 20px;
    border-radius: 10px;
    position: relative;
    background: var(--primary);
    border: 2px solid var(--primary);
    flex: 31%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .herobtn1 img{
    position: absolute;
    right: 0;
    top: -18px;
    width: 55px;
  }
  .herobtn1 span{
    color: var(--white);
    display: block;
  }
  .herobtn2{
    padding: 20px 75px 20px 20px;
    border-radius: 10px;
    position: relative;
    background:#FFB800;
    border: 2px solid #FFB800;

    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  .herobtn2 img{
    position: absolute;
    right: -10px;
    top: -18px;
    width: 79px;
  }
  .herobtn2 span{
    color: #ffffff;
    display: block;
    font-weight: bold;
    
  }
  .herobtn3{
    padding: 20px 20px 20px 130px;
    border-radius: 10px;
    position: relative;
    background:var(--white);
    flex: 28%;
    border: 2px solid var(--primary);
    cursor: pointer;
  }
  .herobtn3 img{
    position: absolute;
    left: 2px;
    top: -18px;
    width: 120px;
  }
  .herobtn3 span{
    color: var(--primary);
    display: block;
  }
  .herobox p{
    text-align: right;
    line-height: 2;
    color: var(--twxt);
    margin: 50px auto 0;
    border-radius: 32px;
    background: var(--white);
    padding: 30px 20px;
    box-shadow: 0 2px 10px 0 #0002;
  }
  .heromainimg{
    width: 320px;
  }
  .padd{
    padding: 80px 0;
  }
  .padd2{
    padding: 100px 0;
  }
  .d-trophies .mytitle{
    font-weight: bold;
    color: #2F2F2F;
    margin-bottom: 40px;
  }
  .daneshnameflex{
    display: flex;
    flex-wrap: wrap;
    gap: 130px 15px;
    justify-content: center;
    margin-top: -60px;
    position: relative;
  }
  .daneshnamepost img{
    margin-top: -50px;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    height: 66px;
  }
  .daneshnamepost{
    width: 125px;
    box-shadow: 0 5px 10px 0 #eeebff7a;
    padding: 0 15px 15px;
    background: var(--white);
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
  }
  .daneshnamepost:hover{
    transform: translateY(-10px);
    box-shadow: 0 20px 40px 0 #330a6827;
  }
  .daneshnamepost h3{
    font-size: 13px;
    padding: 32px 0 5px;
    color: var(--black);
    margin: 0;
    font-weight:normal;
  }
  .mytext{
    width: 78%;
    margin: 0 auto;
    line-height: 2;
    color: var(--twxt);
  }
  .daneshname .mytext{
    margin-bottom: 150px;
  }
  .v1{
    position: absolute;
    right: -52px;
    top: -250px;
    z-index: -1;
    width: 155px;
  }
  .v2{
    position: absolute;
    left: -54px;
    top: -297px;
    z-index: -1;
    width: 200px;
  }
  .v3{
    position: absolute;
    left: -50px;
    top: -20px;
    z-index: -1;
  }
  .v4{
    position: absolute;
    left: -179px;
    bottom: -105px;
    z-index: -1;
    width: 400px;
  }
  .v5{
    position: absolute;
    right: -52px;
    bottom: -141px;
    z-index: -1;
    width: 230px;
  }
  .v6{
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    bottom: -155px;
    z-index: -1;
    width: 300px;
  }
  .doreh{
    margin: 50px 0;
    background: #F4F4F4;
    padding: 50px 0;
  }
  .dorehtabpost{
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 5px;
    text-align: right;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding-right: 100px;
    background: #F4F4F4;
  }
  .dorehtabpost img{
    width: 100px;
    position: absolute;
    height: auto;
    right: 0;
    top: 0;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 5px;
  }
  .dorehtabinfo{
    padding: 10px;
    width: 100%;
  }
  .dorehtabinfo h3{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: var(--primary);
  }
  .dorehtabinfo p{
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #5C5F5F;
  }
  .dorehtabinfotitle{
    justify-content: space-between;
  }
  .dorehtabinfotitle a{
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--black)!important;
    font-weight: bold;
  }
  .dorehtabinfotitle a svg{
    width: 30px;
    height: 30px;
  }
  .dorehpost{
    padding-bottom: 15px;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 15px;
    direction: rtl;
  }
  .dorehpost:last-child{
    margin: 0;
  }
  .dorehpost.active .dorehtabpost{
    background: #2C00FF0D;
  }
  .dorehpost.active .dorehtabpost a{
    color: var(--primary);
  }
  .dorehconpost video{
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }
  .dorehconpost video[poster]{
    object-fit: cover;
    width: 100%;
  }
  .undervideo{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-top: 50px;
  }
  .undervideo p{
    margin: 0;
    font-size: 16px;
  }
  .undervideo p span{
    color: red;
    font-weight: 600;
  }
  .undervideo a{
    padding: 0 20px;
    height: 49px;
    color: var(--black)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFA800;
    transition: 0.4s all;
  }
  .undervideo a:hover{
    background: #d67916;
  }
  .doreh .mytitle{
    margin-bottom: 70px;
  }
  .doreh .row{
    position: relative;
  }
  .v7{
    position: absolute;
    right: -85px;
    top: -23px;
  }
  .v8{
    position: absolute;
    right: 120px;
    top: -40px;
  }
  .v9{
    position: absolute;
    left: -80px;
    top: 80px;
  }
  .v10{
    position: absolute;
    left: -50px;
    top: 400px;
  }
  .doreh .nav{
    flex-wrap: inherit;
    height: 620px;
    overflow: auto;
    position: relative;
    padding-right: 15px;
    padding-bottom: 150px;
  }
  .doreh .nav::-webkit-scrollbar{
    width: 5px;
  }
  .doreh .nav::-webkit-scrollbar-track {
    background: #E4E4E4;
    border-radius: 100px;
  }
  .doreh .nav::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 100px;
  }
  .dorehtablinkmore{
    padding: 0 20px;
    height: 49px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--primary);
    transition: 0.4s all;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    gap: 10px;
    width: fit-content;
  }
  .dorehtablinkmore svg{
    width: 30px;
    height: 30px;
  }
  .tab-pane .row{
    gap: 30px 0;
  }
  .mycontent{
    display: none;
  }
  .dorehtablinkmore:hover{
    color: var(--white);
  }
  .doretabrel{
    position: relative;
    overflow: hidden;
  }
  .doreh .doretabrel::after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 200px;
    width: 100%;
    background: linear-gradient(to bottom,transparent,transparent,#f4f4f4cf,#f4f4f4);
  }
  .slidebox{
    background: #070027;
    color: var(--white);
  }
  .v11{
    position: absolute;
    right: 0;
    top: -6px;
    width: 223px;
  }
  .slidebox .mytitle{
    color: var(--white);
    margin: 0;
    font-size: 30px;
  }
  .rmore{
    color: var(--white)!important;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .rmore svg{
    width: 30px;
    height: 30px;
  }
  .nvideosliderback{
    position: relative;
    padding-right: 200px;
  }
  .nvideoslide{
    position: relative;
    transition: 0.4s all;
    border-radius: 10px;
    overflow: hidden;
    z-index: 5;
    cursor: pointer;
  }
  .nvideoslide img{
    width: 100%;
    height: 200px;
    transition: 0.4s all;
    object-fit: cover;
  }
  .nvideoslide h3{
    color: var(--white);
    padding-right: 10px;
    padding-left: 50px;
    border-right: 2px solid var(--white);
    font-size: 16px;
    line-height: 2;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 100%;
    z-index: 3;
    transition: 0.8s all;
  }
  .nvideoslide:hover h3{
    bottom: -100%;
  }
  .nvideoslide:hover span{
    opacity: 0;
    visibility: hidden;
  }
  .nvideoslide:hover img{
    transform: scale(1.3) rotate(5deg);
  }
  .nvideoslide span{
    content: "";
    background: #000000c7;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0.4s all;
  }
  .slidebox .slick-track{
    gap: 15px;
    display: flex;
  }
  .nvideoslider .slick-list{
    margin-top: 50px;
  }
  .npbtns{
    position: absolute;
    z-index: 10;
    left: 0;
    gap: 0 150px;
  }
  .npbtns a{
    width: 30px;
    height: 30px;
    border: 2px solid var(--white);
    color: var(--white)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }
  .npbtns a svg{
    width: 20px;
    height: 20px;
  }
  .nvideoslider .slick-dots{
    width: 127px;
    position: absolute;
    left: 42px;
    bottom: -52px;
    z-index: 11;
  }
  .nvideoslider .slick-dots li{
    width: auto;
    height: auto;
    margin: 0 3px;
  }
  .nvideoslider .slick-dots button{
    background:  #7D7D7D;
    height: 5px;
    border-radius: 100px;
    width: 5px;
    transition: 0.4s all;
  }
  .nvideoslider .slick-dots button::before{
    display: none;
  }
  .nvideoslider .slick-dots .slick-active button{
    width: 20px;
    background: var(--white);
  }
  .nvideo{
    padding: 50px 15px;
  }
  .v12{
    position: absolute;
    right: 0;
    top: -125px;
    width: 510px;
  }
  .footer{
    background: #070027;
    margin-top: -20px;
  }
  .footer .ficons{
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    background: #070027;
    width: fit-content;
    margin: 0 auto!important;
  }
  .footer .ficons a{
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--white);
    color: var(--white);
    transition: 0.4s all;
    border-radius: 10px;
  }
  .footer .ficons a svg{
    width: 25px;
    height: 25px;
  }
  .footer .ficons a:hover{
    transform: scale(1.1);
  }
  .footer hr{
    background: var(--white);
    position: relative;
    bottom: -48px;
  }
  
  /*porsesh*/
  .porbox1 video{
    width: 100%;
    aspect-ratio: 16/11;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }
  .porbox1 video[poster]{
    object-fit: cover;
    width: 100%;
  }
  .porbox1 .container{
    position: relative;
  }
  .porbox1 p{
    line-height: 2;
    margin: 0;
    color: var(--twxt);
  }
  .p1{
    position: absolute;
    right: 400px;
    top: 0;
    z-index: -1;
  }
  .p2{
    position: absolute;
    left: -60px;
    top: -60px;
    z-index: -1;
  }
  .p3{
    position: absolute;
    left: 0;
    bottom: -40px;
    z-index: -1;
  }
  .p4{
    position: absolute;
    right: 520px;
    bottom: 30px;
    z-index: -1;
  }
  .porbox2 img{
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  }
  .porbox2 p{
    line-height: 2;
    margin: 0;
    color: var(--twxt);
    text-align: justify;
  }
  .rv{
    flex-direction: row-reverse;
  }
  .stickytab{
    justify-content: center;
    gap: 30px;
    position: sticky;
    background: var(--white);
    top: 0;
    width: 100%;
    padding: 15px 0!important;
    left: 0;
    z-index: 100;
  }
  .tabbox .tab-content{
    display: block;
    margin: 20px auto;
  }
  .tabboxbtn{
    border: 1px solid #555;
    color: var(--black);
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--white);
    flex-direction: row-reverse;
  }
  .tabboxbtn svg{
    width: 25px;
    height: 25px;
  }
  .tabboxbtn.active{
    background: var(--primary);
    color: var(--white);
    box-shadow: 0 15px 40px -15px #2c00ff;
    border: 1px solid var(--primary);
  }
  /*porsesh*/
  
  /*single daneshname*/
  .d1{
    position: absolute;
    right: -50px;
    top: -60px;
  }
  .d2{
    position: absolute;
    right: 450px;
    bottom: -50px;
  }
  .d3{
    position: absolute;
    left: -120px;
    top: 20px;
  }
  .sdanesh .heroflex{
    margin-top: 40px;
  }
  .sdanesh .herobtn1{
    padding-right: 35px;
    text-align: center;
  }
  .sdanesh .herobtn1 img{
    right: -21px;
  }
  .sdanesh .herobtn1 span{
    font-size: 16px;
  }
  .sdanesh .herobtn2{
    padding-right: 35px;
    text-align: center;
  }
  .sdanesh .herobtn2 img{
    right: -29px;
  }
  .sdanesh .herobtn2 span{
    font-size: 16px;
  }
  .relatedhead{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
  }
  .relatedhead a{
    color: #2F2F2F!important;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .relatedhead a svg{
    width: 25px;
    height: 25px;
  }
  .relatedpost{
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 100%;
  }
  .relatedpost img{
    width: 100%;
    height: 220px;
    border-radius: 10px;
    object-fit: cover;
  }
  .relatedpost h3{
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
    padding: 0 0 5px;
    border-bottom: 1px solid var(--primary);
    width: fit-content;
  }
  .relatedpost p{
    color:var(--twxt);
    line-height: 1.7;
    font-size: 14px;
    margin: 0;
  }
  .relatedinfo{
    padding: 15px;
  }
  .sdaneshrelslide{
    background: var(--white);
    margin-bottom: 50px;
  }
  .sdaneshrelslide .npbtns a{
    color:  #2F2F2F!important;
    border: 2px solid  #2F2F2F;
  }
  .sdaneshrelslide  .slick-dots button{
    background: #B6B6B6;
  }
  .sdaneshrelslide  .slick-dots .slick-active button{
    background: var(--primary);
  }
  .sdaneshrelslide .mytitle,.sdaneshrelslide .rmore{
    color: #2F2F2F!important;
  }
  /*single daneshname*/
  
  /*searchbox*/
  .searchbox{
    position: fixed;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: var(--white);
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    width: 500px;
    padding: 80px 50px;
    z-index: 102;
    transition: 0.4s all;
    visibility: hidden;
    opacity: 0;
  }
  .searchbox form{
    position: relative;
  }
  .searchbox input{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    transition: 0.4s all;
  }
  .searchbox input:focus{
    border: 1px solid var(--primary);
  }
  .searchbox button{
    border: none;
    background: var(--white);
    position: absolute;
    left: 5px;
    top: 8.5px;
    cursor: pointer;
  }
  .closebox{
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0006;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: 0.4s all;
    visibility: hidden;
    opacity: 0;
  }
  /*searchbox*/
  
  
  /*resmenu*/
  .resmenu{
    position: fixed;
    right: -320px;
    top: 0;
    height: 100%;
    background: var(--white);
    z-index: 1000;
    padding: 20px;
    width: 320px;
    transition: 0.4s all;
    visibility: hidden;
    opacity: 0;
  }
  .resmenu ul{
    margin-top: 20px!important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
  }
  .resmenu ul li a{
    color: var(--twxt);
    display: block;
  }
  .resmenu ul li{
    position: relative;
  }
  .resmenu ul li ul{
    margin: 5px auto 0!important;
    background: #e1e1e142;
    border-radius: 12px;
    padding: 12px;
    display: none;
  }
  .resmenu ul li.menu-item-has-children::after{
    position: absolute;
    content: "";
    left: 2px;
    top: 5px;
    border-bottom: 1px solid var(--twxt);
    transition: 0.4s all;
    border-right: 1px solid var(--twxt);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
  }
  .resmenu ul li ul li{
    margin-bottom: 5px;
  }
  .resmenu ul li ul li:last-child{
    margin: 0;
  }
  .downeffect::after{
    transform: rotate(225deg)!important;
    top: 10px!important;
  }
  /*resmenu*/
  
  
  /*maincontent*/
.maincontent{
	line-height:2;
}
.maincontent div{
	line-height:2;
}
  .maincontent img{
    max-width: 100%;
    width: auto;
    border-radius: 10px;
    margin: 0;
  }
  .maincontent .aligncenter{
    display: block;
    margin: 20px auto;
  }
  .maincontent .alignright{
    display: block;
    margin: 20px 0 20px auto;
  }
  .maincontent .alignleft{
    display: block;
    margin: 20px auto 20px 0;
  }
  .maincontent blockquote{
    padding: 15px 180px 15px 15px;
    border-radius: 12px;
    background: #F3F0FF;
    margin: 0 0 20px;
    min-height: 180px;
    position: relative;
  }
  .maincontent blockquote img{
    width: 150px;
    height: 150px;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
  }
  .maincontent blockquote h3{
    position: relative;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .maincontent blockquote p{
    line-height: 2;
  }
  .maincontent blockquote h3::after{
    content: "";
    position: absolute;
    bottom: -10px;
    padding-bottom: 10px;
    right: 0;
    height: 1px;
    width: 139px;
    border-bottom: 2px solid var(--primary);
  }
  .maincontent blockquote p{
    color: var(--twxt);
    margin: 0;
  }
  .maincontent ul{
    margin: 0;
    padding-right: 15px;
  }
  .maincontent ul li{
    margin-bottom: 5px;
    list-style: disc!important;
    position: relative;
	  	line-height:2;
	   color: var(--twxt);
  }
  .maincontent ul li:last-child{
    margin: 0;
  }
  .maincontent ol{
    padding-right: 15px;
    margin: 0;
  }
  .maincontent ol li{
    list-style: decimal!important;
    margin-bottom: 5px;
    position: relative;
	  	line-height:2;
	   color: var(--twxt);
  }
  .maincontent ul li:last-child{
    margin: 0;
  }
  .maincontent a{
    color: var(--primary);
  }
  .maincontent .wp-video{
    width: 100%;
    border-radius: 10px;
    margin: 20px 0;
    overflow: hidden;
  }
	.maincontent h2,.maincontent h3,.maincontent h4,.maincontent h5,.maincontent h6{
		margin:20px 0;
	}
  .cmbox{
    width: 992px;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    max-width: 100%;
  }
  #cancel-comment-reply-link{
    background: red;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    color: var(--white);
    height: 40px;
    font-size: 16px;
  }
  .cmbox .logged-in-as{
    color: var(--twxt);
    flex: 100%;
  }
  .cmbox .logged-in-as a{
    color: var(--primary);
  }
  .cmbox form{
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
  }
  .cmbox form label{
    display: block;
    color: var(--title);
  }
  .cmbox a{
    color: var(--primary);
  }
  .cmbox .comment-form-comment{
    flex: 100%;
    order: 4;
    margin-top: 10px;
  }
  .cmbox input{
    width: 100%;
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 20px 0 #eee;
    border: 1px solid #A9ACAC;
    padding: 15px;
  }
  .cmbox textarea{
    width: 100%;
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 20px 0 #eee;
    border: 1px solid #A9ACAC;
    padding: 15px;
  }
  .cmbox .required{
    color: var(--primary);
  }
  .cmbox input[type=submit]{
    background: var(--primary);
    color: var(--white);
    transition: 0.4s all;
    width: 200px;
  }
  .cmbox input[type=submit]:hover{
    background: #070027;
    cursor: pointer;
  }
  .cmbox .comment-notes{
    display: none;
  }
  .cmbox .comment-form-author{
    order: 1;
  }
  .cmbox .comment-form-author,.cmbox .comment-form-email,.cmbox .comment-form-url{
    flex: 31%;
  }
  .cmbox .form-submit{
    flex: 100%;
    order: 5;
  }
  .cmbox .comment-form-email{
    order: 2;
  }
  .cmbox .comment-form-url{
    order: 3;
  }
  .cmbox .comment-form-cookies-consent{
    display: none;
  }
  #comments{
    display: none;
  }
  .commentlist{
    position: relative;
  }
  .commentlist li{
    margin-bottom: 20px;
  }
  .commentlist li:last-child{
    margin: 0;
  }
  .commentlist .comment-body{
    padding: 20px 130px 20px 30px;
    border-radius: 10px;
    font-size: 15px;
    color: var(--title);
    position: relative;
    background: #F1F1F1;
  }
  .commentlist li ul{
    margin-right: 100px;
    position: relative;
  }
  .commentlist li ul .comment-body::after{
    position: absolute;
    right: -70px;
    top: 40px;
    content: url(img/reply.svg);
  }
  .cmbox{
    display: flex;
    gap: 30px 0;
    flex-direction: column-reverse;
  }
  .comment-respond{
    display: flex;
    flex-direction: column;
  }
  .comment-respond h3{
    order: 1;
  }
  .cmflex{
    display: flex;
    gap: 10px;
    align-items: center;
    order: 2;
    margin: 20px 0;
    flex-wrap: wrap;
  }
  .cmflex span{
    color: #8E9192;
  }
  .cmflex h4{
    margin: 0;
    font-size: 20px;
  }
  .comment-respond form{
    order: 3;
    background: #F1F1F1;
    border-radius: 10px;
    padding: 20px;
  }
  .form-submit{
    margin: 0;
  }
  .cmbox h3{
    font-size: 32px;
    font-weight: bold;
  }
  .commentlist li p{
    margin: 10px 0 5px;
  }
  .commentlist img{
    width: 76px;
    height: 76px;
    position: absolute;
    right: 30px;
    top: 16px;
    border-radius: 100px;
  }
  .commentlist .fn{
    font-size: 20px;
    position: relative;
    font-weight: bold;
    color: var(--title);
  }
  .commentlist .fn a{
    color: var(--title);
    display: flex;
  }
  .commentlist .fn,.commentlist .comment-awaiting-moderation{
    font-style: normal;
  }
  .commentlist .comment-awaiting-moderation{
    color: var(--primary);
  }
  .commentlist .says{
    display: none;
  }
  .commentlist .commentmetadata{
    position: absolute;
    left: 30px;
    top: 19px;
  }
  .commentlist .commentmetadata a{
    color: var(--primary);
    font-weight: bold;
  }
  .commentlist .reply{
    margin-top: 10px;
  }
  .commentlist .reply a{
    color: var(--primary);
    font-weight: bold;
    box-shadow: 0 0 20px 0 #eee;
  }
  .commentlist .children{
    margin-top: 20px;
    border: none;
  }
  .commentlist .url{
    position: relative;
  }
  .commentlist .url::after{
    content: "ادمین";
    background: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 100px;
    color: var(--white);
    font-size: 13px;
    padding: 3px 20px;
    position: relative;
    right: 10px;
    top: 0;
  }
  .singlecm{
      padding:50px 15px;
  }
  .singlecm .comment-reply-title{
    display: none;
  }
  .singlecm h2{
    order: 1;
    font-size:2rem;
  }
  .singlecm .commentlist{
    order: 2!important;
  }
  .singlecm .comment-respond{
    order: 3;
  }
  .singlecm .cmbox{
    flex-direction: column;
  }
  .morebtn{
    background: var(--primary);
    color: var(--white);
    width: 150px;
    border-radius: 10px;
    padding: 0 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 0;
    transition: 0.4s all;
  }
  .morebtn:hover{
    background:  var(--hover);
    color: var(--white);
  }
  .hi2,.hi3{
    display: none;
  }
  .related .nvideosliderback{
    padding-right: 0;
  }
  .related .slick-track{
    display: flex;
    gap: 0 15px;
  }
  .relatedhead h2{
      font-size:2rem;
  }
  .related .nvideoslider .slick-list{
    margin-top: 50px;
  }
  .tup{
    text-transform: uppercase;
    font-weight: bold;
    display: none;
  }
  /*maincontent*/
  
  
  
  
  
  
  
  /*modals*/
  .modal1{
    position: fixed;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 768px;
    background: var(--white);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    text-align: right!important;
    border-radius: 15px;
    max-width: 90%;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all;
    z-index: 1000;
  }
  .modalflex .mytitle,.modal1 .mytitle{
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 600;
  }
  .modal1 p{
    color: var(--twxt);
  }
  .modal1 label{
    font-weight: normal;
    font-size: 14px;
  }
  .modal1 input{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    transition: 0.4s all;
    margin-bottom: 10px;
  }
  .modal1 input:focus{
    border: 1px solid var(--primary);
  }
  .modal1 textarea{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    height: 200px;
    transition: 0.4s all;
  }
  .modal1 textarea:focus{
    border: 1px solid var(--primary);
  }
  .modal1 .gfield_required{
    display: none;
  }
  .modal1 input[type=submit]{
    background: var(--primary);
    color: var(--white);
    padding: 15px;
    cursor: pointer;
    margin: 0;
  }
  .modal2{
    position: fixed;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 768px;
    background: var(--white);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    text-align: right!important;
    border-radius: 15px;
    max-width: 90%;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all;
    z-index: 1000;
  }
  .modal2 .mytitle{
    font-size: 25px;
    margin-bottom: 10px;
  }
  .modal2 p{
    color: var(--twxt);
  }
  .modal2 label{
    font-weight: normal;
    font-size: 14px;
  }
  .modal2 input{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    transition: 0.4s all;
    margin-bottom: 10px;
  }
  .modal2 input:focus{
    border: 1px solid var(--primary);
  }
  .modal2 textarea{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    height: 200px;
    transition: 0.4s all;
  }
  .modal2 textarea:focus{
    border: 1px solid var(--primary);
  }
  .modal2 .gfield_required{
    display: none;
  }
  .modal2 input[type=submit]{
    background: var(--primary);
    color: var(--white);
    padding: 15px;
    cursor: pointer;
    margin: 0;
  }
  .modal3{
    position: fixed;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 768px;
    background: var(--white);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    text-align: right!important;
    border-radius: 15px;
    max-width: 90%;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all;
    z-index: 1000;
  }
  .modal3 .mytitle{
    font-size: 25px;
    margin-bottom: 10px;
  }
  .modal3 p{
    color: var(--twxt);
  }
  .modal3 label{
    font-weight: normal;
    font-size: 14px;
  }
  .modal3 input{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    transition: 0.4s all;
    margin-bottom: 10px;
  }
  .modal3 input:focus{
    border: 1px solid var(--primary);
  }
  .modal3 textarea{
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #eee;
    width: 100%;
    height: 200px;
    transition: 0.4s all;
  }
  .modal3 textarea:focus{
    border: 1px solid var(--primary);
  }
  .modal3 .gfield_required{
    display: none;
  }
  .modal3 input[type=submit]{
    background: var(--primary);
    color: var(--white);
    padding: 15px;
    cursor: pointer;
    margin: 0;
  }
  .gform_confirmation_message{
    display: flex;
    width: 100%;
    padding: 15px;
    color: var(--white);
    background: #49bd52;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }
  .gform_validation_errors{
    display: none;
  }
  .gfield_validation_message{
    color: red;
    font-size: 12px;
  
    margin-bottom: 20px;
  }
  .gfield_error input{
    background: rgb(240, 214, 214);
    border: 1px solid red;
  }
  .gfield_error textarea{
    background: rgb(240, 214, 214);
    border: 1px solid red;
  }
  .modalflex{
    display: flex;
    gap: 15px;
    flex-direction: row-reverse;
  }
  .mx img{
    width: 221px;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 15px;
    object-fit: cover;
  }
  .myflexb2{
    width: 100%;
  }
  /*modals*/
  
  
  .logobox img{
      width:150px;
  }

  .mytitle{
    font-weight: bold;
	line-height:2;
  }
  
  
  @media(max-width:1200px){
    .mainmenu, .btnbox{
      width: 390px;
    }
    .mainmenu ul{
      font-size: 13px;
      gap: 15px;
    }
    .phone, .loginbtn, .searchicon{
      width: 131px;
    }
    .searchicon{
      width: 30px;
    }
    .daneshnamepost{
      width: 140px;
    }
    .herobtn1{
      padding-right: 54px;
      padding-left: 9px;
      font-size: 12px;
    }
    .herobtn1 img{
      width: 45px;
    }
    .herobtn2{
      font-size: 12px;
      padding-right: 63px;
    }
    .herobtn2 img{
      width: 58px;
    }
    .herobtn3{
      font-size: 12px;
      padding-left: 88px;
    }
    .herobtn3 img{
      top: -8px;
      width: 91px;
    }
  }
  @media(max-width:992px){
    body{
      font-size: 12px;
    }
    .mainmenu ul{
      display: none;
    }
    .menuopen{
      display: block;
      width: 30px;
      height: 30px;
    }
    .phone span, .loginbtn span{
      display: none;
    }
    .phone{
      width: 40px;
      height: 40px;
    }
    .loginbtn{
      width: 20px;
      height: 40px;
    }
    .searchicon{
      display: none;
    }
    .loginbtn{
      border: none;
      background: var(--white)!important;
    }
    .mainmenu, .btnbox{
      width: 90px;
    }
    .btnbox{
      gap: 10px;
    }
    .phone img, .loginbtn img{
      display: block;
    }
    .herobox{
      padding: 15px;
    }
    .heromainimg{
      width: 70%;
    }
    .hi1{
      display: none;
    }
    .heroflex{
      gap: 15px;
    }
    .herobtn1,.herobtn2{
      padding-right: 22px;
      padding-left: 22px;
      text-align: center;
      font-size: 9px;
    }
    .herobtn3{
      font-size: 11px;
    }
    .heroflex{
      margin-top: -30px;
    }
    .herobox p{
      margin-top: 20px;
      font-size: 12px;
      border-radius: 16px;
      line-height: 2;
    }
    .herobtn3 .hi1{
      display: block;
    }
    .herobtn3 img{
      position: absolute;
      left: 50px;
      top: -10px;
      width: 81px;
    }
    .herobox{
      border-radius: 24px;
    }
    .hi2{
      left: -1px!important;
      top: -13px!important;
      right: inherit!important;
      display: block;
    }
    .hi3{
      display: block;
      top: -5px!important;
      right: 5px!important;
    }
    .herobtn1,.herobtn2,.herobtn3{
      padding-top: 12px;
      padding-bottom: 12px;
      justify-content: start;
    }
    .logobox img{
      max-width: 112px;
    }
    .padd2{
      padding: 50px 0;
    }
    .padd{
      padding: 20px 0 80px;
    }
    .mytitle{
      font-size: 24px!important;
    }
    .mytext{
      width: 100%;
      text-align: right;
    }
    .daneshname .mytext{
      margin-bottom: 70px;
    }
    .v1,.v2,.v4,.v5,.v6{
      width: 64px;
    }
    .daneshnamepost img{
      right: 10px;
      left: inherit;
      bottom: 0;
      top: inherit;
    }
    .v2{
      left: 0;
      top: -35px;
    }
    .daneshnamepost{
      height: 60px;
      padding-right: 55px;
      padding-bottom: 0;
      border-radius: 10px;
    }
    .daneshnamepost h3{
      text-align: right;
      padding: 0px 30px 2px 0px;
      font-size: 12px;
    }
    .daneshnameflex{
      gap: 40px 15px;
    }
    .v5{
      right: 0;
      top: 143px;
      left: inherit;
      bottom: inherit;
    }
    .v1{
      left: 30px;
      right: inherit;
      top: 250px;
    }
    .v4{
      left: inherit;
      right: 7px;
      bottom: 128px;
      width: 103px;
    }
    .v3{
      top: inherit;
      bottom: -15px;
      right: -15px;
      left: inherit;
      width: 65px;
    }
    .v6{
      left: 0;
      right: inherit;
      bottom: -40px;
    }
    .daneshnamepost{
      width: 150px;
    }
    .doreh .mytitle{
      margin-bottom: 40px;
    }
    .v7{
      position: absolute;
      right: 17px;
      top: -30px;
      width: 61px;
    }
    .doreh .row{
      flex-direction: column-reverse;
      gap: 40px 0;
    }
    .undervideo{
      display: none;
    }
    .dorehconpost video{
      border-radius: 16px;
    }
    .v8,.v9,.v10{
      display: none;
    }
    .dorehtablinkmore{
      bottom: -35px;
    }
    .nvideosliderback{
      padding-right: 0;
    }
    .v11,.v12{
      display: none;
    }
    .npbtns{
      right: 0;
      margin: 0 auto;
      width: fit-content;
    }
    .footer{
      padding: 30px 0!important;
    }
    .footer hr{
      bottom: -47px;
    }
    .footer .container{
      padding: 0;
    }
    .footer .ficons{
      padding: 0 15px;
    }
    .nvideo .d-flex{
      margin-bottom: 20px!important;
    }
    .nvideoslider,.nvideoslider .slick-list{
      margin-top: 0;
    }
    .nvideoslider .slick-dots{
      right: 0;
      left: 0;
      display: block;
      margin: 0 auto!important;
    }
    .nvideo{
      padding: 50px 15px;
    }
    .doreh .nav{
      height: 400px;
    }
    .doreh .doretabrel::after{
      bottom: -70px;
    }
    .doreh {
      padding-bottom: 70px!important;
    }
    .related .row,.porbox1 .row,.porbox2 .row{
      gap: 30px 0;
    }
    .sdaneshrelslide{
      margin: 0;
    }
    .p2{
      display: none;
    }
    .p3{
      left: 15px;
      width: 50px;
      bottom: -15px;
    }
    .stickytab{
      position: sticky;
      overflow-x: scroll;
      padding: 15px!important;
      margin: 0!important;
      flex-wrap: nowrap;
      gap: 10px;
      top: 0;
    }
    .tabboxbtn{
      width: max-content;
      justify-content: center;
    }
    .commentlist li ul{
      margin-right: 50px;
    }
    .commentlist li ul .comment-body::after{
      right: -48px;
      top: 0px;
      transform: scale(0.7);
    }
    .commentlist .comment-body{
      padding: 15px 66px 15px 15px;
      font-size: 15px;
    }
    .commentlist img{
      width: 40px;
      height: 40px;
      right: 15px;
      top: 15px;
    }
    .commentlist .commentmetadata{
      left: 15px;
      top: 18px;
      font-size: 9px;
    }
    .commentlist li p{
      font-size: 15px;
    }
    .commentlist .url::after{
      font-size: 8px;
      padding: 3px 6px;
      right: 8px;
    }
    .commentlist .fn{
      font-size: 15px;
    }
    .cmbox h3{
      font-size: 24px;
    }
    .cmbox .comment-form-author, .cmbox .comment-form-email, .cmbox .comment-form-url{
      flex: 100%;
    }
    .maincontent blockquote img{
      position: relative;
      right: inherit;
      display: block;
      top: inherit;
      margin: 0 auto 20px
    }
    .maincontent blockquote{
      padding: 15px;
    }
    .maincontent blockquote p{
      line-height: 2;
    }
    .porbox1 video{
      border-radius: 10px;
    }
    .d1,.d3,.p4{
      display: none;
    }
    .p1{
      left: 15px;
      top: 220px;
      right: inherit;
      width: 60px;
    }
    .d2{
      right: inherit;
      left: 0;
      width: 80px;
      bottom: -35px;
    }
    .porbox1 .heroflex{
      gap: 60px 15px;
    }
    .sdanesh .herobtn1 img{
      right: 5px;
    }
    .sdanesh .herobtn2 img{
      right: -7px;
    }

    .herobtn1,.herobtn2,.herobtn3{
     
    }
    .related .slick-track{
      display: block;
    }
    .related .nvideosliderback2{
      padding: 0 15px;
    }
    .related{
      padding-top: 80px;
    }
    .porbox1 .heroflex{
      gap: 15px;
    }
    .herobtn1 .hi3{
      width: 22px;
      top: -15px!important;
    }
    .herobtn1 .hi2{
      width: 25px;
    }
    .herobtn2 img{
      width: 20px;
    }
    .herobtn2 .hi3{
      width: 45px;
      right: -12px!important;
      top: -15px!important;
    }
    .herobtn2 .hi2{
      width: 25px; 
    }
    .herobtn3{
      padding-right: 60px;
    }
    .sdanesh .herobtn2,.sdanesh .herobtn1{
      padding: 15px 25px;
    }
    .modalflex{
      flex-direction: column;
    }
    .mx img{
      width: 100%;
      margin: 0 auto;
      max-width: 100%;
    }
  }
  @media(max-width:570px){
    .stickytab{
      justify-content: start;
    }
    .slidebox .slick-track{
      gap: 0;
    }
  }
























/* new styles  */
.ac{
  align-items: center;
}
.flex{
  display: flex;
}
.g5{
  gap: 5px;
}
.g10{
  gap: 10px;
}
.g15{
  gap: 15px;
}
.g20{
  gap: 20px;
}
.g30{
  gap: 30px;
}
.g50{
  gap: 50px;
}
.jcen{
  justify-content: center;
}
.wrap{
  flex-wrap: wrap;
}
.fc{
  flex-direction: column;
}
.fbold{
  font-weight: 800;
}
.f500{
  font-weight: 500;
}
.f600{
  font-weight: 600;
}
.f700{
  font-weight: 700;
}
.f16{
  font-size: 16px;
}
.f8{
  font-size: 18px;
}
.f20{
  font-size: 20px;
}
.f24{
  font-size: 24px;
}
.f26{
  font-size: 26px;
}
.f30{
  font-size: 30px;
}
.jbet{
  justify-content: space-between;
}


.padd{
  padding: 50px 0;
}
.d-hero{
  background: #f7f7f7;
}
.d-herob1 video{
  width: 100%;
  border-radius: 16px;
  aspect-ratio: 1.7/1;
  cursor: pointer;
  object-fit: fill;
  border: 7px solid #eee;
  box-shadow: 0 0 5px 0 #0005;
  position: relative;
}
.videobox{
  position: relative;
}
.videobox video{
  width: 100%;
  border-radius: 16px;
  aspect-ratio: 1.7/1;
  cursor: pointer;
  object-fit: fill;
  border: 7px solid #eee;
  box-shadow: 0 0 5px 0 #0005;
  position: relative;
}
.myvideobox video{
  position: relative;
}
.myvideobox::after{
  content: url(img/play.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) scale(0.7);
  opacity: 0.8;
  transition: 0.4s all;
  cursor: pointer;
	pointer-events:none;
}
.d-herob1 video[poster]{
  object-fit: cover;
}
.d-herob2 p{
  white-space: pre-line;
  margin-bottom:0;
}
.d-hero-items-post{
  flex: 48%;
}
.d-hero-items-post img{
  width: 50px;
}
.d-titles-list{
  gap: 20px;
  position: relative;
  bottom: -70px;
}
.d-titles-list-post{
  display: flex;
  flex-direction: column;
  flex: 1;
  width: fit-content;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  transition: 0.4s all;
}
.d-titles-list-box{
  width: fit-content;
  aspect-ratio: 1;
  border-radius: 100px;
  border: 8px solid #fff;
  display: flex;
  background: #00204F;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  display: block;
  transition: 0.4s all;
  padding: 20px;
}
.d-titles-list-box:hover{
  background: var(--primary);
}
.d-titles-list-post img{
  width: 40px;
  display: block;
}
.d-title-img{
  max-width: 100%;
  margin: 0 auto 30px;
  display: block;
}
.d-titles-text{
  text-align: center;
  color: var(--white);
  font-size: 18px;
  width: 800px;
  margin: 0 auto 30px;
  max-width: 100%;
}
.d-title-btn{
  background: #2C00FF;
  transition: 0.4s all;
  color: var(--white);
  margin: 0 auto;
  border-radius: 10px;
  display: block;
  width: fit-content;
  padding: 10px 20px;
  font-weight: 600;
}
.d-title-btn:hover{
  background: var(--white);
  color: var(--primary);
}
.d-titles-list-post a{
  color: #00204F;
  font-size: 15px;
}
.mline{
  height: 130px;
  width: 1px;
  display: block;
  background: #eee;
}
.d-hero2b1{
  max-width: 50%;
}
.d-hero2b1 img{
  box-shadow: 0 0 10px 0 #0005;
  border-radius: 16px;
  object-fit: cover;
  max-width: 100%;
}
.d-hero2b2 p{
  margin: 0;
}
.d-hero2b2{
  flex: 1;
}
.d-hero2post{
  margin-bottom: 30px;
}
.d-hero2post:last-child{
  margin: 0;
}
.d-hero2post:nth-child(odd){
  flex-direction: row-reverse;
}
.d-customers img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.br16{
  border-radius: 16px;
}
.bsh{
  box-shadow: 0 0 10px 0 #0005;
}
.d-sarfaslbox{
  border-radius: 30px;
  background: #F7F7F7;
  padding: 30px;
}
.d-sarfasl .videobox{
  width: 70%;
  margin: 0 auto;
}
.d-sarfaslboxlogo{
  width: 300px;
  max-width: 100%;
  display: block;
  margin: 0 auto 10px;
}
.d-sarfasl .card-header{
  border: none;
  padding: 0;
  background: none;
}
.d-sarfasl .card-header img{
  width: 40px;
}
.d-sarfaslhead{
  justify-content: space-between;
  display: flex!important;
  gap: 10px;
  align-items: center;
}
.d-sarfasl .card-header h3{
  background: #fff;
  border: none;
  border-radius: 16px;
  padding: 12px 20px;
  border: 1px solid #0002;
  font-size: 20px;
  cursor: pointer;
}
.d-sarfasl .card{
  border: none;
  padding: 0;
  margin-bottom: 15px;
  border-radius: 0;
  background: none;
}
.d-sarfasl .card:last-child{
  margin: 0;
}
.d-sarfasl .card-body{
  border: none;
  font-size: 16px;
  background: none;
  margin-top: 10px;
  border: 1px solid #000;
  border-radius: 16px;
}
.accaplus,.accaminus{
  font-size: 30px;
  flex: inherit!important;
}
.accaminus{
  display: none;
}
.maincontent ul li{
  list-style: disc;
  font-weight: 600;
}
.d-sarfasl .card-header h3 div[aria-expanded="true"] .accaminus{
  display: block;
}
.d-sarfasl .card-header h3 div[aria-expanded="true"] .accaplus{
  display: none;
}
.d-sarfaslheadtitle{
  flex: 1;
}
.d-bioinfo p{
  margin: 0;
  white-space: normal;
}
.mybtn{
  display: block;
  padding: 15px;
  width: 100%;
  background: var(--primary);
  color: var(--white);
  transition: 0.4s all;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}
.mybtn:hover{
  background: var(--hover);
  color: var(--white);
}
.d-bioinfo {
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 0 20px 0 #0003;
}
.d-videos .row{
  gap: 20px 0;
}
.d-mytitle{
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.d-mytitle::after{
  content: "";
  width: 150%;
  background: #000;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.d-mytitle span{
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: var(--white);
  padding: 0 10px;
}
.trophies-sliders{
  position: relative;
}
.d-trophiesbg{
  background: linear-gradient(#012f47b8, #012e47f9), url(img/uranium-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 80px 100px;
  border-radius: 30px;
  color: var(--white);
  font-size: 20px;
  position: relative;
}
.trophies-slider span{
  font-weight: 800;
  margin-top: 30px;
  display: block;
}
.trophies-slider p{
  margin: 0 auto;
}
.d-trprev{
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.d-trnext{
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.cred{
  color: red;
}
.spantitle{
  font-size: 24px;
}
.d-videos2 .myvideobox::after{
  transform: translate(-50%,-50%) scale(0.5);
}
.marquee-item img {
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 10px;
}
.marquee-item{
  padding: 0 5px;
}
.d-faqb2 li{
  display: flex;
  gap: 10px;
  font-weight: 600;
  align-items: center;
  font-size: 18px;
}
.d-faqb2 li img{
  width: 40px;
}
.d-faqb2 p{
	margin-bottom:0;
}
.d-bol{
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.d-bol img{
  width: 100%;
  margin: 0 auto 10px;
  display: block;
}
.vidsidebar{
  width: 400px;
  position: relative;
}
.vidbox{
  flex: 1;
}
.vidsidebartitle{
  background: red;
  padding: 15px;
  color: var(--white);
}
.vidbox video{
  aspect-ratio: 1.7/1;
  object-fit: contain;
  background: #000;
  cursor: pointer;
  float: left;
}
.vidbox iframe{
  aspect-ratio: 1.7/1;
  object-fit: contain;
  background: #000;
  cursor: pointer;
  float: left;
}
.vidbox video[poster]{
  object-fit: cover;
}
.vidsidebar{
  height: 100%;
  position: relative;
}
.vidsidebar ul{
  padding: 0;
  overflow-y: scroll;
  position: relative;
	background:#012f47;
}
.vidsidebar ul li img{
  width: 100px;
  aspect-ratio: 1.7/1;
  object-fit: contain;
  background: #eee;
}
.vidsidebar ul li p{
  padding: 0 10px;
}
.vidsidebar ul li{
  border-bottom: 1px solid #eee;
  background: #012F47;
  color: #fff;
  cursor: pointer;
  transition: 0.4s all;
}
.vidsidebar ul li:last-child{
  border: none;
}
.vidsidebar ul li span,.vidsidebar ul li p{
  font-size: 13px;
}
.videourl,.videoposter{
  display: none;
}
.vidboximg{
  position: relative;
}
.vidboximg::after{
  content: url(img/play.png);
  position: absolute;
  scale: 0.15;
  right: -45px;
  bottom: -45px;
}
.vidsidebar ul li.active{
  background: var(--white);
  color: #000;
}
.d-banner2{
  position: relative;
  z-index: 2;
}
.d-banner2 img{
  box-shadow: 0 -10px 10px 0 #0002;
}
.buybtn{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.buybtn a{
  border-radius: 0;
  background: #2C00FF;
  display: flex;
  color: var(--white)!important;
}
.buybtn a:hover{
  background: #121a49;
}
.buybtn a svg{
  float: right;
}
.gotodore{
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 100;
  width: 100%;
}
.gotodore a{
  border-radius: 0;
  background: var(--primary);
  display: flex;
  color: var(--white)!important;
}
.gotodore a:hover{
  background: var(--hover);
}
.gotodore a svg{
  position: relative;
  top: -2px;
}
.padd2{
  padding: 100px 0;
}
.woocommerce .button, .woocommerce input.button{
  min-height: 46px!important;
  background: var(--primary)!important;
  color: var(--white)!important;
  transition: 0.4s all!important;
  min-width: 150px!important;
  max-width: 100%!important;
  padding: 10px!important;
  display: flex!important;
  width: fit-content!important;
  align-items: center!important;
  justify-content: center!important;
  border-radius: 10px!important;
}
.woocommerce .button:hover, .woocommerce input.button:hover{
  background: var(--hover)!important;
  color: var(--white)!important;
}
.woocommerce input, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
  min-width: 150px!important;
  max-width: 100%!important;
  padding: 10px!important;
  border: 1px solid #eee!important;
  border-radius: 10px!important;
}
.wc-proceed-to-checkout .button{
  padding: 20px!important;
}
.coupon{
  display: flex;
  gap: 5px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]{
  color: #000;
  background: #ccc;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover{
  background: #ccc;
  color: #000;
}
.product-name a{
  color: var(--primary);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{
  background: var(--primary);
}
.cart_totals h2{
  font-size: 22px;
  font-weight: 600;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{
  width: 100%;
  text-align: center;
}
.shop_table th{
  background: #eee;
}
.bread{
  background: var(--primary);
  padding: 15px 0;
}
#breadcrumbs{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ccc;
}
#breadcrumbs a{
  color: var(--white);
}
#breadcrumbs span{
  color: var(--white);
}
.mypage p{
  margin: 0;
}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{
  border: 1px solid #eee;
  position: relative;
  height: 100%;
  border-radius: 16px;
  padding: 20px;
  background: var(--white);
}
.woocommerce-MyAccount-content{
  min-height: 434px;
}
.woocommerce-MyAccount-content a{
  color: #2C00FF;
}
.woocommerce-MyAccount-navigation ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.woocommerce-MyAccount-navigation li a{
  display: block;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #eee;
  color: #000;
  font-weight: 600;
  transition: 0.4s all;
}
.woocommerce-MyAccount-navigation li a:hover{
  color: var(--primary);
  border: 1px solid var(--primary);
}
.woocommerce-MyAccount-navigation li.is-active a{
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}
.woocommerce-MyAccount-content h2{
  font-weight: 600;
  font-size: 20px;
  margin-top: 20px;
}
.woocommerce-MyAccount-content label{
  width: 100%;
}
.woocommerce-MyAccount-content input{
  width: 100%;
}
.woocommerce-input-wrapper{
  width: 100%;
}
.woocommerce-MyAccount-content legend{
  font-weight: 600;
  font-size: 20px;
  display: block;
  margin-top: 40px;
}
.select2-container--default .select2-selection--single{
  height: auto;
  padding: 10px 0 10px 10px;
  border-radius: 16px;
  border: 1px solid #eee;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  left: 10px;
  right: inherit;
  top: 12px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-right: 10px;
}
.password-input{
  width: 100%;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
  top: 15px;
}
.button[name="update_cart"]{
  float: left!important;
}
.woocommerce-shipping-fields{
  display: none;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
  min-width: 150px !important;
  max-width: 100% !important;
  padding: 10px !important;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
}
.woocommerce-terms-and-conditions-wrapper{
  margin-bottom: 10px;
  width: 100%;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first{
  width: 100%!important;
  float: inherit;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
  float: inherit;
  width: 100%;
}
.woocommerce-thankyou-order-received{
  padding: 15px;
  border-radius: 10px;
  background: #2C00FF;
  margin-bottom: 20px!important;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  color: var(--white);
}
.woocommerce ul.order_details li{
  float: inherit;
  margin: 0;
  border: none;
  padding: 0;
  flex: 1;
  font-size: 13px;
  border: none;
  background: var(--primary);
  padding: 20px;
  border-radius: 16px;
  color: var(--white);
}
.woocommerce ul.order_details::after,.woocommerce ul.order_details::before{
  display: none;
}
.woocommerce ul.order_details li strong{
  margin-top: 10px;
}
.woocommerce-thankyou-order-details{
  display: flex;
  gap: 10px;
  text-align: center;
} 
.woocommerce-form-login__rememberme input{
  min-width: auto!important;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,.woocommerce .woocommerce-form-register .woocommerce-form-register__submit{
  width: 100%!important;
  margin: 0;
}
.woocommerce-form-login,.woocommerce-form-register{
  background: var(--white);
  border-radius: 16px!important;
  margin: 0!important;
  min-height: 370px;
}
.products li{
  border: 1px solid #e7e7e7;
  padding: 10px!important;
  border-radius: 10px;
  background: var(--white);
}
.products li img{
  border-radius: 10px;
}
.products li .button{
  min-width: inherit!important;
  width: 100%!important;
}
.products li del{
  display: block!important;
  color: #ccc!important;
}
.products li del span{
  color: #ccc!important;
}
.products li del bdi{
  color: #ccc!important;
}
.products li ins bdi{
  color: green!important;
  font-size: 18px;
}
.products li h2{
  font-weight: bold;
}
.woocommerce span.onsale{
  border-radius: 0 0 100px 100px;
  right: 10px!important;
  left: inherit!important;
  top: 5px!important;
  background: red;
}
.woocommerce-ordering select{
  border: 1px solid #e7e7e7;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  background: url(img/chevron-down.svg) , #fff;
  background-repeat: no-repeat;
  background-position: left 10px center;
  appearance: none;
  transition: 0.4s all;
}
.woocommerce-ordering select:hover{
  border: 1px solid #000;
}
.woocommerce #wpadminbar input{
  border: inherit!important;
  width: 24px!important;
  max-width: inherit!important;
  min-width: inherit!important;
}
.bread{
  display: none;
}
.related-post-title{
  font-size: 11px!important;
  font-weight: normal;
  position: absolute;
  top: 56px;
  right: 131px;
  border-radius: 100px;
  border: 1px solid var(--primary);
  padding: 5px 10px 2px;
  z-index: 10;
}
.related-post-title a{
  color: var(--primary);
}
.singleprflex{
  display: flex;
  flex-direction: column;
}
.woocommerce-privacy-policy-text{
  margin: 10px 0;
}
.errorpage{
  margin: 100px auto;
}
.errorpage a{
  width: fit-content!important;
  margin: 0 auto;
  padding: 15px 50px;
}
.errorpage img{
  display: block;
  width: 200px;
  max-width: 100%;
  margin:0 auto 30px;
}
.mymo{
  text-align: justify;
}
.mymo .gform_wrapper{
  width:550px;
  max-width: 100%;
  background: #fff;
  margin: 30px auto;
  border-radius: 20px;
  border: 1px solid #ccc8;
  box-shadow: 0 0 60px 0 #0001;
  overflow: hidden;
}
.mymo h2{
  text-align: center;
  background: #eee9;
  font-size: 22px;
  padding: 15px 20px;
  font-weight: 800;
  margin-top: 0;
}
.mymo form{
  padding: 0 20px 20px;
}
.mymo .gfield_validation_message{
  margin: 10px 0 0!important;
}
.mymo form input,.mymo form .button{
  width: 100%!important;
}
.mymo form input{
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
}
.mymo form input[type=submit]{
  height: 46px !important;
  background: var(--primary) !important;
  color: var(--white) !important;
  transition: 0.4s all !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  font-weight: 800;
  border-radius: 10px !important;
}
.mymo form input[type=submit]:hover{
  background: var(--hover)!important;
}
.mymo .gform_fields{
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.mymo .gform-footer{
  margin-top: 15px;
}
.singleprflex2{
	padding-bottom:60px;
}
.mx{
  flex: none;
}
.d-titles{
  margin-bottom: 100px;
  padding: 100px 0 0;
}
.healthform{
  padding: 30px;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 15px;
} 
.healthfile input{
  min-width: 100%!important;
  border-radius: 5px!important;;
  border: 1px solid #ccc!important;;
}
.healthfile .gform_fields{
  display: grid;
  gap: 20px 15px;
  grid-template-columns: repeat(2,auto);
}
.healthfile .gform-footer{
  margin-top: 20px;
}
.healthfile .gform-footer input{
  width: 100%!important; 
  border: none!important;
}
.healthfile .gfield_required{
  color: red;
  margin-right: 5px;
}
.healthfile label{
  font-weight: 600;
  font-size: 15px;
  color: #00204F;
}
.healthfile .gfield_validation_message{
  margin-bottom: 0;
}
.coursedetails video{
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}
.coursedetailsflex{
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(2,auto);
}
.coursedetailsbox{
  background: #eee;
  border-radius: 0 20px 20px 0;
  padding: 15px;
  display: flex;
  gap: 10px;
  border-left: 3px solid var(--primary);
  align-items: center;
}
.coursedetailsbox img{
  width: 100%;
}
.csimg{
  border: 1px solid var(--primary);
  border-radius: 100px;
  width: 50px;
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: center;
  aspect-ratio: 1;
}
.cdtitle{
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 5px;
  font-weight: 600;
}
.rizsarfasl h2,.dastavard h2,.crsbox h2{
  font-size: 26px;
  text-align: center;
  font-weight: 600;
  color: var(--hover);
  margin: 0 auto 30px;
  position: relative;
}
.crsbox h2{
  margin-bottom: 20px;
}
.dastavard h2 span,.crsbox h2 span{
  position: relative;
  padding: 0 15px;
  z-index: 10;
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #eee;
}
.rizsarfasl h2 span{
  background: var(--white);
  position: relative;
  padding: 0 15px;
  z-index: 10;
}
.dastavard h2 span{
  background: #fff;
}
.rizsarfasl h2::after,.dastavard h2::after,.crsbox h2::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.crsbox input{
  min-width: 100%!important;
  border: 1px solid #ccc!important;
  border-radius: 5px!important;
}
.crsbox label{
  display: none;
}
.crsbox .gform_fields{
  display: grid;
  grid-template-columns: repeat(2,auto);
  gap: 10px;
}
.crsbox .grid1{
  grid-column: span 2;
}
.crsbox .gchoice{
  display: flex;
  gap: 5px;
  align-items: center;
  flex: 1;
}
.crsbox .gfield_radio{
  display: flex;
  gap: 40px;
}
.crsbox legend{
  font-size: 18px;
}
.crsbox .gform-footer{
  margin-top: 20px;
}
.crsbox .gfield_description{
  margin-bottom: 0;
  margin-top: 5px;
}
.crsbox .gform-footer input{
  min-width: 100%!important;
}
.crsbox .gchoice input{
  min-width: auto!important;
}
.crsbox .gfield--type-radio label{
  cursor: pointer;
  display: block;
  margin: 0;
}
.rizsarfasl h3 div{
  padding: 17px;
  text-align: right;
  border: 0;
  border-radius: 13px;
  font-size: 16px;
  transition: 0.4s all;
  cursor: pointer;
  background: var(--hover);
  padding-left: 50px;
  position: relative;
  color: var(--white);
}
.rizsarfasl h3 div::after{
  content: "";
  position: absolute;
  left: 20px;
  border-bottom: 1px solid var(--white);
  border-right: 1px solid var(--white);
  transform: rotate(45deg);
  width: 10px;
  transition: 0.4s all;
  height: 10px;
  top: 18px;
}
.rizsarfasl h3 div[aria-expanded="true"]::after{
  transform: rotate(225deg);
  top: 22px;
}
.rizsarfasl .card-body{
  background: var(--white);
  border-radius: 10px;
  font-size: 16px;
}
.rizsarfasl h3 div[aria-expanded="true"]{
  background: var(--primary);
}
.rizsarfasl h3 div:hover{
  background: var(--primary);
}
.rizsarfasl .card-header{
  padding: 0;
  border: 0;
}
.rizsarfasl .card{
  border: 0;
  background: none;
}
.rizsarfasl .accordion{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dastavardflex{
  display: flex;
  gap: 50px;
  flex-direction: column;
}
.dastavardbox img{
  height: 40px;
}
.dastavardbox{
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 20px;
}
.dastavardflex1 .dastavardbox{
  flex-direction: row-reverse;
  border-left: 2px solid var(--primary);
}
.dastavardflex2 .dastavardbox{
  border-right: 2px solid var(--primary);
}
.ddtitle{
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--primary);
}
.ddimgbox{
  display: block;
  align-content: center;
}
.ddinfo{
  flex: 1;
}
.crsbox{
  background: #eee;
  height: 100%;
  border: 1px solid #ccc;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.creservesidebar{
  background: #00204F;
  padding: 30px 15px;
  border-radius: 15px;
  color: var(--white);
  display: flex;
  gap: 15px;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
}
.creservesidebar img{
  width: auto;
  max-width: 100%;
}
.crsnumber{
  background: var(--white);
  border-radius: 50%;
  aspect-ratio: 1;
  color: #00204F;
  font-weight: bold;
  width: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-faq{
  text-align: center;
}
.new-faq h2{
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    color: var(--hover);
    margin: 0 auto 15px;
    position: relative;
}
.new-faq p{
  font-size: 16px;
  width: 1050px;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.new-faq .card-header{
  padding: 0;
  border: 0;
  background: none;
  border-radius: 0;
}
.new-faq .card-header div{
  padding: 15px 15px 15px 50px;
  border: 0;
  border-radius: 14px;
  background: #e6eaff;
  border: 1px solid var(--hover);
  color: var(--hover);
  position: relative;
  cursor: pointer;
  transition: 0.4s all;
}
.new-faq .card-header div::after{
  content: "";
  left: 25px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  top: 20px;
  border-bottom: 1px solid var(--hover);
  position: absolute;
  border-right: 1px solid var(--hover);
  transition: 0.4s all;
}
.new-faq div[aria-expanded="true"]{
  background: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}
.new-faq .card-header div[aria-expanded="true"]::after{
  border-bottom: 1px solid var(--white);
  border-right: 1px solid var(--white);
  transform: rotate(225deg);
  top: 25px;
}
.new-faq h3{
  font-size: 16px;
}
.new-faq .card{
  border: 0;
  background: none;
  border-radius: 0;
}
.new-faq .accordion{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phone img, .loginbtn img{
  max-width: inherit;
}
.video-modal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 102;
  width: 80%;
  opacity: 0;
  transition: 0.4s all;
  visibility: hidden;
}
.video-modal video{
  width: 100%;
  object-fit: fill;
}
.video-modal iframe{
  border: 0;
}
.podcasts-modal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 102;
  width: 80%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all;
}
.podcasts-modal .podmo-title{
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  color: var(--white);
  font-weight: bold;
}
.podcasts-modal audio{
  width: 400px;
  max-width: 90%;
  margin: 0 auto;
  display: block;
}
.form-modals{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 103;
  background: var(--white);
  border-radius: 20px;
  padding: 40px 30px;
  width: 600px;
  max-width: 90%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all;
}
.form-modals h2{
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: var(--primary);
}
.form-modals input,.form-modals textarea{
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #eee;
  width: 100%;
  transition: 0.4s all;
  margin-bottom: 10px;
}
.form-modals input:focus,.form-modals textarea:focus{
  border:1px solid var(--primary);
}
.form-modals input[type=submit] {
  background: var(--primary);
  color: var(--white);
  padding: 15px;
  cursor: pointer;
  margin: 0;
}
.form-modals input[type=submit]:hover{
  background: #070027;
  border: 1px solid #070027;
}
.form-modals textarea{
  height:150px;
}
.form-modals .gfield_required{
  display: none;
}
button.mybtn{
  border: 0;
  width: fit-content;
  margin: 0 auto;
  min-width: 200px;
  cursor: pointer;
  padding: 10px 15px;
}
.modal-form{
  display: none;
}











@media(max-width:992px){
  .resgap30{
    gap: 30px 0;
  }
  .padd{
    padding: 30px 0;
  }
  .d-titles-list-post{
    width: 48%;
    flex: auto;
    font-size: 14px;
    aspect-ratio: 1/1;
    padding: 20px 10px;
  }
  .d-titles-list{
    flex-wrap: wrap;
    gap: 5px;
    border-radius: 0;
    padding: 5px;
  }
  .mline{
    display: none;
  }
  .d-hero2post{
    flex-direction: column!important;
  }
  .d-hero2b1{
    max-width: 100%;
  }
  .d-sarfaslbox h2{
    font-size: 20px;
  }
  .d-sarfasl .videobox{
    width: 100%;
  }
  .d-sarfaslbox{
    padding: 30px 15px;
  }
  .d-sarfasl .accordion {
    margin-top: 20px!important;
  }
  .d-sarfasl .card-header img{
    width: 25px;
  }
  .d-sarfaslheadtitle{
    font-size: 18px;
  }
  .d-sarfasl .card-header h3{
    padding: 5px 15px;
  }
  .d-sarfasl .card-body{
    padding: 15px;
  }
  .d-bioinfo{
    margin-top: 30px;
    padding: 15px;
  }
  .d-mytitle::after{
    width: 100%;
  }
  .d-trophiesbg{
    padding: 30px;
  }
  .d-trnext{
    left: 0;
    scale: 0.5;
  }
  .d-trprev{
    right: 0;
    scale: 0.5;
  }
  .trophies-slider p{
    font-size: 15px;
  }
  .d-mytitle{
    padding: 0 40px;
  }
  .d-mytitle span{
    padding: 0;
  }
  .d-faqb2 p,.d-faqb2 li{
    font-size: 16px;
  }
  .videobg{
    flex-direction: column-reverse;
    overflow: hidden;
  }
  .vidsidebar{
    width: 100%;
    text-align: right;
  }
  .vidsidebar ul,.vidsidebar{
    height: calc(406px - 54px)!important;
  }
  .vidsidebar ul{
    padding-bottom: 55px;
  }
  .vidsidebar ul li span, .vidsidebar ul li p{
    font-size: 11px;
  }
  .d-videos2{
    overflow: hidden;
  }
  .woocommerce-MyAccount-navigation{
    margin-bottom: 20px;
  }
  .related-post-title{
    right: 66px;
    top: 50px;
    font-size: 10px!important;
  }
  .woocommerce .woocommerce-form-login{
    margin-bottom: 30px!important;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%!important;
  }
  .woocommerce .woocommerce-result-count{
    width: 100%;
  }
  .woocommerce-ordering,.woocommerce-ordering select{
    width: 100%;
  }
  .daneshname{
    padding: 50px 0;
  }
  .d-titles{
    padding: 50px 0;
  }
  .d-titles-list{
    display: none;
  }
  .healthfile .gform_fields{
    grid-template-columns: repeat(1,auto);
  }
}
#billing_address_1_field label .required,
#billing_address_2_field label .required,
#billing_city_field label .required,
#billing_postcode_field label .required,
#billing_state_field label .required,
#billing_country_field label .required,
#shipping_address_1_field label .required,
#shipping_address_2_field label .required,
#shipping_city_field label .required,
#shipping_postcode_field label .required,
#shipping_state_field label .required,
#shipping_country_field label .required {
    display: none !important;
}
.cmbox2 .commentlist li p{
	margin-top:50px!important;
}
.aparatvid{
	border-radius:32px;
	overflow:hidden;
}
.vidbox .aparatvid{
  border-radius: 0;
}
.counter-flex{
  display: grid;
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  justify-content: center;
}
.counter-post{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  color: var(--primary);
}
.counter-post img{
  width: 50px;
}
.counter-number {
  font-size: 26px;
  font-weight: bold;
  direction: ltr;
}
.counter-title{
  margin: -10px auto 0;
  color: var(--black);
  line-height: normal;
}
.testi-slide{
  position: relative;
}
.testi-slide img{
  width: 74px;
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px;
}
.testi-slider{
  margin-top: 100px;
}
.testi-slider .swiper-slide{
  padding: 0 100px;
}
.testi-slide{
  border-radius: 16px;
  padding: 64px 15px 30px;
  text-align: center;
  box-shadow: 0 0 30px 0 #eee;
  min-height: 200px;
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: var(--white);
}
.testi-slider .swiper-wrapper{
  padding: 50px 0;
}
.testi-slide p{
  margin: 0;
  font-size: 16px;
}
.testi-slide .testi-name{
  font-weight: bold;
  font-size: 16px;
}
.testi-flex{
  display: flex;
  gap: 50px;
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.testi-arrow{
  flex: none;
}
.testi-flex .mytext{
  width: 100%;
}
.testi-form-btn{
  background: var(--primary);
  color: var(--white)!important;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px auto 0;
  border-radius: 10px;
  width: fit-content;
  padding: 10px 15px;
  transition: 0.4s all;
}
.testi-modal{
  position: fixed;
  left: 50%;
  top: 50%;
  width: 500px;
  max-width: 90%;
  border-radius: 16px;
  background: var(--white);
  z-index: 1000;
  transform: translate(-50%,-50%);
  padding: 30px;
  transition: 0.4s all;
  text-align: center;
  visibility: hidden;
  opacity:0;
}
.tm-title{
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}
.testi-modal p{
  margin-bottom: 15px;
  font-size: 16px;
}
.testi-modal .gform_fields{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.testi-modal form input,.testi-modal form textarea{
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
}
.testi-modal form textarea{
  height: 120px;
}
.testi-modal form input[type=submit]{
  background: var(--primary);
  color: var(--white);
  border: 0;
  cursor: pointer;
  padding: 15px;
}
.testi-active{
  opacity: 1!important;
  visibility: visible!important;
}
.testi-modal form label{
  display: none;
}
.testi-modal .gfield_validation_message{
  margin-bottom: 0;
  text-align: right;
  margin-top: 5px;
}
.resflex{
  display: none;
}
.myposter{
  border-radius: 16px;
  width: 100%;
}
.resblock{
  display: none;
}
.myposterbox{
  position: relative;
}
.myposterbox::after{
  content: url(img/play.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) scale(0.5);
}
.videomodal{
  position: fixed;
  z-index: 700;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: 0.4s all;
  width: 90%;
  opacity: 0;
  visibility: hidden;
}
.videomodal video{
  width: 100%;
}
.podcaststab audio,.videostab video,.aparatvid{
  width: 100%;
  border-radius: 12px;
}
.podcaststab p,.videostab p{
  font-size: 16px;
  margin: 10px auto 0;
  text-align: center;
}
.videostab video,.videostab .aparatvid{
  aspect-ratio: 16/9;
}
.myvideo-activated::after{
  display: none;
}


@media(max-width:992px){
  .healthfile .row,.dastavard .row{
    gap: 30px 0;
  }
  .coursedetails .row{
    gap: 30px 0;
    flex-direction: column-reverse;
  }
  .rizsarfasl .row{
    gap: 15px 0;
  }
  .dastavardflex{
    gap: 15px 0;
  }
  .dastavardflex1 .dastavardbox{
    flex-direction: row;
    border-left: inherit;
    border-right: 2px solid var(--primary);
  }
  .crsbox .gform_fields{
    flex-direction: column;
    display: flex;
  }
  .creserve .row{
    gap: 30px 0;
  }
  .new-faq .row{
    gap: 10px 0;
  }
  .rizsarfasl h2, .dastavard h2, .crsbox h2{
    font-size: 24px;
  }
  .rizsarfasl h2::after, .dastavard h2::after, .crsbox h2::after{
    display: none;
  }
  .counter-post img{
    width: 30px;
  }
  .counter-number{
    font-size: 14px;
  }
  .counter-title{
    font-size: 10px;
  }
  .counter{
    padding: 80px 0 50px;
  }
  .resflex{
    display: flex;
  }
  .resnone{
    display: none;
  }
  .testi-flex{
    flex-direction: column;
    gap: 10px;
  }
  .testi-flex .mytext{
    text-align: center;
  }
  .testi-arrow img{
    height: 91px;
  }
  .testi-form-btn{
    margin-top: 10px;
  }
  .testi-mobile{
    flex-direction: column;
    gap:70px;
    padding: 0 40px;
    margin: 100px auto 50px;
  }
  .tm-title{
    font-size: 24px;
  }
  .testi-modal p,.testi-modal form input, .testi-modal form textarea{
    font-size: 12px;
  }
  .testi-modal{
    padding: 20px;
  }
  .resblock{
    display: block;
  }
  .porbox1{
    padding-top: 40px;
  }
  .tab-pane .row{
    gap: 10px 0;
  }
}
@media(max-width:570px){
  .coursedetailsflex{
    display: flex;
    flex-direction: column;
  }
}