*{
margin:0px;
padding:0px;
}
body{
box-sizing: border-box;
font-family: 'Apercu', sans-serif;
}
ul{
padding-left:0px!important;
margin:0px!important;
list-style:none!important;
}
img{
width:100%;
}
:root{
--primary-color:#B69859;
--black:#000;
--white:#fff;
--course-bg:#f5f5f5;
--header-bg-color:#ededed;
--light-bg-color:#f5f7f7;
--dark-bg:#222222;
--marquee-bg:#e7e7e7;
--main-header:#f3f3f3;
}
a{
text-decoration:none;
display: inline-block;
}
.header-main {
position: relative;
padding: 12px 50px;
/* background-color: var(--header-main-bg); */
background-color: var(--main-header);
z-index: 4;
}
.header-main > .container-fluid > .row {
align-items: center;
}
.header-main::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 60%;
height: 100%;
background-color: var(--primary-color);
clip-path: polygon(5% 0, 100% 0%, 100% 110%, 0% 100%);
z-index: -1;
display: none;
}
.header-left {
display: flex;
align-items: center;
gap: 25px;
}
.main-menu {
display: flex;
align-items: center;
gap: 15px;
position: relative;
}
.main-menu li a {
font-size: 13px;
font-weight: 300;
color: var(--black);
text-transform: capitalize;
transition: all 0.3s;
font-family:Verdana, Arial, Helvetica, sans-serif
}
.main-menu li a i {
font-size: 14px;
padding-left: 4px;
}
.main-menu li a.active {
color: var(--primary-color);
}
.main-menu li a:hover {
color: var(--primary-color);
}
/* .logo-main img {
filter: invert(1);
} */
.logo-main {
width: 15%;
}
.logo-main a img {
vertical-align: unset;
}
.main-menu .sub-menu-box {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
width: 300px;
background-color: var(--white);
/* border-bottom: 2px solid var(--primary-color); */
border-radius: 8px;
transition: all 0.5s;
color: var(--black);
/* padding: 20px; */
box-shadow: 0 0 25px #00000011;
z-index: 9;
top: 35px;
transform: scaleY(0);
transform-origin: top;
}
.main-menu li:hover .sub-menu-box {
visibility: visible;
opacity: 1;
top: 35px;
transform: scaleY(1);
}
.main-menu li {
position: relative;
}
.sub-menu-box .sub-menu li {
padding: 15px;
border-bottom: 1px dashed var(--marquee-bg);
transition: background-color 0.5s;
position: relative;
}
.sub-menu-box .sub-menu li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 85%;
width: 0px;
background-color: var(--primary-color);
display: block;
opacity: 0;
transition: all 0.2s;
border-radius: 2px;
}
.sub-menu-box .sub-menu li:hover:before {
opacity: 1;
width: 2px;
}
.sub-menu-box .sub-menu li:hover {
background-color: #fbfbfb;
}
.sub-menu-box .sub-menu li:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.sub-menu-box .sub-menu li:last-child {
margin-bottom: 0;
border-bottom: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.sub-menu-box .sub-menu li a {
width: 100%;
}
.explore-submenu {
display: none;
position: absolute;
left: 185px;
top: 5px;
overflow-y: auto;
max-height: 180px;
min-height: 180px;
width: -webkit-fill-available;
}
.explore-submenu::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.explore-submenu::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 10px;
}
.explore-submenu::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
}
.explore-dropdown.sub-menu-box {
width: 600px;
padding: 5px;
}
.explore-dropdown.sub-menu-box .sub-menu li.active .explore-submenu {
display: block;
}
.explore-dropdown.sub-menu-box .sub-menu li:hover .explore-submenu {
display: block;
}
.explore-dropdown.sub-menu-box .sub-menu > li {
border-bottom: none;
padding: 0;
}
.explore-dropdown.sub-menu-box .sub-menu > li > a{
padding: 10px 15px;
width: 180px;
border-right: 1px solid #ebebeb;
}
.explore-dropdown.sub-menu-box .sub-menu li .explore-submenu li {
padding: 0 !important;
border-bottom: none;
}
.explore-dropdown.sub-menu-box .sub-menu li .explore-submenu li a {
padding: 10px 15px;
font-weight: normal;
}
.explore-dropdown.sub-menu-box .sub-menu li:hover {
background-color: transparent;
}
.explore-dropdown.sub-menu-box .sub-menu > li > a:hover {
background-color: #fbfbfb;
}
.explore-dropdown.sub-menu-box .sub-menu li::before {
display: none;
}
.explore-dropdown.sub-menu-box .sub-menu > li {
position: static;
}
.header-right {
display: flex;
gap: 25px;
align-items: center;
justify-content: end;
}
.top-header-middle .persian-input {
position: relative;
/* flex-grow: 1; */
/* width: 450px; */
max-width: 100%;
background-color: var(--white);
width: 100%;
border-radius: 4px;
}
.top-header-middle .persian-input input {
padding-left: 150px;
border: none;
margin-bottom: 0;
width: 100%;
padding-right: 45px;
}
.top-header-middle .persian-input input:focus {
background-color: var(--white);
border: none;
}
.top-header-middle .persian-input i {
position: absolute;
top: 0;
right: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
height: 45px;
color: var(--white);
padding: 5px 12px;
font-size: 16px;
background-color: var(--primary-color);
border-radius: 0px 5px 5px 0px;
}
.cate-box {
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: var(--white);
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid var(--white);
}
.cate-box select {
border: none;
box-shadow: none;
outline: none;
padding: 8px;
height: 45px;
text-transform: capitalize;
width: auto;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: var(--main-header);
font-size: 14px;
}
.header-right a {
font-size: 16px;
color: var(--black);
font-weight: 700;
transition: all 0.5s;
}
.header-right a:hover {
color: var(--primary-color);
}
a.header-right-icon {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
background-color: var(--white);
color: var(--primary-color);
font-size: 18px;
border-radius: 6px;
transition: all 0.5s;
border: 1px solid transparent;
padding: 5px;
}
a.header-right-icon:hover {
background-color: transparent;
border: 1px solid var(--primary-color);
color: var(--primary-color);
}
.header-bottom {
display: flex;
justify-content: end;
padding: 12px 0;
gap: 25px;
transition: all 0.5s;
}
.language-box {
/* border: 1px solid var(--white); */
border-radius: 4px;
padding-right: 4px;
}
.language-box select {
padding: 12px 8px;
text-transform: capitalize;
font-size: 16px;
border: none;
outline: none;
background-color: transparent;
width: auto;
}
.language-box.dropdown .dropdown-menu {
padding: 0;
}
.language-box.dropdown .dropdown-menu li:first-child .dropdown-item {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.language-box.dropdown .dropdown-menu li:last-child .dropdown-item {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.top-header-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
width: 100%;
}
.top-header-middle-container {
flex-grow: 1;
}
.top-header-main {
padding: 12px 50px;
position: relative;
background-color: var(--marquee-bg);
}
.top-header-main .container-fluid .row {
align-items: center;
}
.top-logo-box {
width: 145px;
}
.top-logo-box a {
width: 100%;
}
.top-header-left {
display: flex;
gap: 8px;
}
.header-left-icon {
display: flex;
align-items: end;
color: var(--primary-color);
transition: all 0.5s;
border: 1px solid transparent;
padding: 5px;
font-size: 18px;
gap: 4px;
line-height: normal;
}
.header-left-icon span {
font-size: 12px;
display: block;
text-transform: capitalize;
margin: 0;
}
.header-left-icon span.top-location {
font-size: 14px;
font-weight: 600;
}
.header-left-icon:hover {
color: #383838;
}
.top-header-right {
display: flex;
justify-content: end;
align-items: center;
gap: 35px;
}
.top-header-right a {
color: var(--black);
font-size: 16px;
}
.top-right-icon {
font-size: 20px;
color: #656363;
}
.account-box {
position: relative;
}
.account-box i {
font-size: 20px;
color: #656363;
transition: all 0.5s;
cursor: pointer;
}
.account-box:hover .account-item {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.account-item {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
width: 150px;
background-color: var(--white);
border-radius: 8px;
transition: all 0.5s;
color: var(--black);
box-shadow: 0 0 25px #00000011;
z-index: 9;
top: 25px;
transform: scaleY(0);
transform-origin: top;
}
.account-item a {
display: block;
padding: 15px;
border-bottom: 1px dashed var(--marquee-bg);
position: relative;
transition: background-color 0.5s;
}
.account-item a::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 85%;
width: 0px;
background-color: var(--primary-color);
display: block;
opacity: 0;
transition: all 0.2s;
border-radius: 2px;
}
.account-item a:hover:before {
opacity: 1;
width: 2px;
}
.account-item a:hover {
background-color: #fbfbfb;
}
.account-item a:last-child {
border: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.account-item a:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.language-box .dropdown-item {
display: flex;
align-items: center;
text-transform: capitalize;
padding: 8px 16px;
}
.language-box .dropdown-item img {
width: 20px;
margin-right: 10px;
}
.language-box .dropdown-toggle {
text-transform: capitalize;
}
/* .stricky-fixed .header-bottom {
display: none;
}
.stricky-fixed .language-box {
background-color: var(--main-header);
}
.stricky-fixed a.header-right-icon {
background-color: var(--primary-color);
color: var(--white);
}
.stricky-fixed a.header-right-icon:hover {
background-color: transparent;
border: 1px solid var(--primary-color);
color: var(--primary-color);
} */
.banner-main-box {
padding: 100px 0;
position: relative;
/* background-color: #fbfbfb; */
background-color: var(--main-header);
}
.banner-content span {
display: inline-block;
font-size: 18px;
color: var(--black);
font-weight: 300;
font-style: italic;
margin-bottom: 12px;
}
.banner-content h1 {
/* font-size: 75px; */
font-size: 60px;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: 25px;
}
.banner-content p {
font-size: 16px;
text-transform: capitalize;
color: var(--black);
margin: auto;
margin-bottom: 45px;
font-weight: 300;
width: 70%;
}
.banner-content {
width: 80%;
margin: auto;
text-align: center;
}
.main-banner-slider .banner-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
}
.main-banner-slider .prev-arrow.banner-arrow {
left:15px;
}
.main-banner-slider .next-arrow.banner-arrow {
right: 15px;
}
.persian-btn {
text-align: center;
}
.persian-btn a {
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.persian-btn a:hover {
background-color: var(--white);
color: var(--primary-color);
}
.persian-head {
text-align: center;
margin-bottom: 45px;
}
.persian-head h2 {
font-size: 50px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
}
.persian-head p {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
width: 50%;
margin: auto;
text-align: center;
line-height: 28px;
}
/* ngo page */
.ngo-categories {
padding:130px 0 80px;
position: relative;
}
.ngo-img {
box-shadow: none;
padding: 25px;
width: 100px;
height: 100px;
border-radius: 0;
border: none !important;
background: #fff;
border-radius: 100%;
position: absolute;
content: '';
top: -50px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
transition: 0.4s all ease-in-out;
}
.ngo-categories-slider .slick-list{
display: flex;
}
.ngo-categories-slider .slick-track{
display: flex;
}
.ngo-box {
position: relative;
border-radius: 20px;
padding: 60px 30px 20px 30px;
transition: 0.4s all ease-in-out;
background-color: #f5f5f5;
width: 33%;
height: auto;
}
.ngo-details span{
display: inline-block;
border: 1px solid var(--primary-color);
padding: 5px 20px;
border-radius: 40px;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 16px;
}
.ngo-details {
padding-top: 20px;
}
.ngo-details h2 {
margin-bottom: 0;
font-size: 28px;
color: #373f47;
text-transform: capitalize;
letter-spacing: 0.5px;
}
.round-shape {
position: absolute;
bottom: 15px;
right: 15px;
width: 80px;
height: 80px;
opacity: 0.5;
display: none;
}
.ngo-inner-categories .all-categories{
gap: 20px;
margin-bottom: 0;
overflow: hidden;
}
.ngo-box:after {
position: absolute;
right: 0;
bottom: 0;
height: 93px;
width: 93px;
content: "";
z-index: 0;
background-color: var(--primary-color);
transition: all 500ms ease;
mask: url('data:image/svg+xml;utf8,');
mask-repeat: no-repeat;
mask-position: top right;
mask-size: cover;
opacity: 0.3;
}
.ngo-box:hover {
transform: translateY(10px);
}
.ngo-box:hover .ngo-img {
transform: translateY(20px) translateX(-50%);
}
/* new */
.ngo-que-ans{
padding: 20px 12px !important;
}
.stricky-fixed{
top: 0%;
position: fixed !important;
width: 100%;
z-index: 99 !important;
box-shadow: 0px 0px 29px #80808069;
transform: translateY(0%);
transition: all 0.5s ease;
background-color: var(--white);
}
.stricky-fixed .header-main {
background-color: var(--white);
}
.stricky-fixed.top-header-main {
background-color: var(--white);
}
.stricky-fixed.top-header-main .persian-input input {
background-color: var(--light-bg-color);
}
/* .stricky-fixed.top-header-main .top-header-container .top-header-left-container{
display: none;
}
.stricky-fixed.top-header-main .top-header-container .top-header-right-container{
display: none;
} */
.directory-section {
padding: 60px 0;
position: relative;
}
.directory-img {
height: 300px;
position: relative;
}
.directory-img a {
height: 100%;
display: block;
}
.directory-img img {
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 12px;
}
.directory-box {
position: relative;
}
.directory-content-box {
padding: 15px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 25px;
}
.directory-content-box span {
font-size: 18px;
text-transform: capitalize;
color: var(--primary-color);
}
.directory-content-box a {
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22px;
color: var(--black);
text-transform: capitalize;
margin-top: 15px;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
}
.directory-content-box a:hover {
color: var(--primary-color);
}
.directory-content-box p {
font-size: 16px;
text-transform: capitalize;
}
.fav-icon a {
position: absolute;
top: 12px;
right: -12px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
border-radius: 5px;
background-color: var(--primary-color);
color: var(--white);
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.directory-box:hover .fav-icon a{
opacity: 1;
visibility: visible;
right: 12px;
}
.network-badge {
position: absolute;
top: 15px;
left: 15px;
padding: 10px 15px;
background-color: var(--primary-color);
border-radius: 6px;
color: var(--black);
}
.network-badge a {
font-size: 16px;
text-transform: capitalize;
color: var(--white);
display: inline-block;
}
.network-badge a i {
color: var(--white);
padding-right: 8px;
font-size: 16px;
}
.read-more a {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border: 1px solid var(--black);
transition: all 0.5s;
border-radius: 50%;
}
.read-more a i {
font-size: 18px;
color: var(--black);
transform: rotate(-45deg);
transition: all 0.5s;
}
.read-more a:hover {
background-color: var(--primary-color);
border: 1px solid transparent;
}
.read-more a:hover i {
color: var(--white);
transform: rotate(0deg);
}
.directory-section .persian-btn {
margin-top: 60px;
}
.program-section {
padding: 120px 0;
position: relative;
z-index: 2;
background-color: #f7f7f7;
}
.program-section::after {
content: "";
position: absolute;
top: -40px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/program-bgshape1.png);
background-repeat: no-repeat;
background-position: top;
z-index: -1;
}
.program-section::before {
content: "";
position: absolute;
bottom: -40px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/program-bgshape.png);
background-repeat: no-repeat;
background-position: bottom;
z-index: -1;
}
/* .program-section-inner {
padding: 80px 0;
position: relative;
z-index: 2;
} */
.program-box {
padding: 20px;
background-color: var(--white);
border-radius: 12px;
}
.program-img {
height: 300px;
position: relative;
overflow: hidden;
}
.program-img a {
height: 100%;
}
.program-img a img{
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.program-content {
margin-top: 15px;
}
.program-title {
margin-bottom: 25px;
}
.program-title a {
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22px;
color: var(--black);
text-transform: capitalize;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
}
.program-persons {
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 18px;
align-items: self-start;
}
.program-persons:last-child {
margin-bottom: 0;
}
.program-persons span {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 5px;
display: inline-block;
}
.program-icon {
height: 32px;
width: 32px;
}
.program-icon img {
height: 100%;
}
.program-content .persian-btn {
text-align: left;
margin-top: 25px;
}
.program-content .persian-btn a {
background-color: transparent;
color: var(--primary-color);
transition: all 0.5s;
}
.program-content .persian-btn a:hover {
background-color: var(--primary-color);
color: var(--white);
}
.program-bottom {
margin-top: 15px;
padding-top: 12px;
border-top: 1px solid #f5f5f5;
display: flex;
justify-content: space-between;
align-items: center;
}
.program-fav a {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
border: 1px solid transparent;
color: var(--white);
transition: all 0.5s;
font-size: 18px;
}
.program-fav a:hover {
background-color: transparent;
border: 1px solid var(--black);
color: var(--black);
}
.program-social {
position: absolute;
top: -45px;
right: 15px;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.program-social a {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: var(--white);
font-size: 16px;
height: 40px;
width: 40px;
border-radius: 50%;
margin-bottom: 15px;
padding: 5px;
transition: all 0.5s;
}
.program-social a:first-child {
transition-delay: 0.3s;
}
.program-social a:nth-last-child(2) {
transition-delay: 0.2s;
}
.program-box:hover .program-social {
top: 15px;
opacity: 1;
visibility: visible;
}
.program-social a:hover {
color: var(--primary-color);
background-color: var(--white);
}
.program-section .persian-btn {
margin-top: 45px;
}
.fev-add-icons a{
padding: .6875rem 1.375rem .6875rem 1.5625rem;
transition: .1s ease-in-out all;
background: rgba(23, 34, 35, .75);
border-radius: 5px;
}
.fev-add-icons {
position: absolute;
border: 0;
bottom: 5px;
left: 5px;
content: '';
}
.fev-add-icons a i {
color: #fff;
}
.program-video{
display: none;
}
.add-video a.program-inner-image{
display: none;
}
.add-video .program-video{
display: block;
}
.add-video .fev-add-icons {
opacity: 0;
}
.time-info {
display: flex;
justify-content: start;
gap: 20px;
margin-bottom: 40px;
}
.time-info .date-and-time{
width: 40%;
}
.location .location-info p span{
display: block;
color: #1e0a3c;
font-weight: 500;
}
.location{
width: 60%;
}
.date-time-info {
display: flex;
align-items: center;
gap: 17px;
}
.date-time-info i{
font-size: 20px;
color: var(--primary-color);
}
.date-time-info.location-info p{
color: #6f7287;
}
.date-time-info p{
margin-bottom: 0;
color: #6f7287;
}
.date-time-info p span{
display: block;
}
.date-time-info p span.dayname{
display: block;
color: #1e0a3c;
font-weight: 500;
}
.all-tags a {
padding: 10px 20px;
background: var(--main-header);
color: #000;
border-radius: 22px;
font-size: 14px;
}
.all-tags {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.tags {
margin-bottom: 20px;
}
.tags h4 {
margin-bottom: 16px;
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
}
.about-event h4{
margin-bottom: 16px;
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
}
.refund-policy {
margin-bottom: 40px;
margin-top: 30px;
}
.refund-policy h4{
margin-bottom: 16px;
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
}
.refund-policy p{
color: #6f7287;
margin-bottom: 0;
}
.event-faq {
padding: 20px 0;
}
.project-breadcrumb .breadcrumb-list li a {
color: var(--white);
}
.stricky-fixed.top-bg-header-main{
position: relative !important;
top: 0;
}
.schedule-listing {
display: flex;
align-items: stretch;
}
.schedule-slot-time {
color: #ffffff;
background: var(--primary-color);
padding: 30px;
font-size: 15px;
font-weight: 700;
width: 24%;
display: flex;
align-items: center;
position: relative;
flex-direction: column;
justify-content: center;
text-align: center;
}
.schedule-slot-time h2{
font-size: 28px;
}
.schedule-slot-info {
width: 76%;
position: relative;
padding: 30px;
border: 1px dashed #e5e5e5;
border-left: none;
display: flex;
align-items: stretch;
gap: 20px;
}
.schedule-slot-info-content p{
margin-bottom: 0;
}
/* .schedule-user-info{
display: flex;
align-items: start;
} */
.schedule-user-info a img{
width: 80px;
height: 80px;
border-radius: 5px;
}
p.schedule-speaker.speaker-1 {
margin-bottom: 0;
color: #5a5a5a;
font-weight: 600;
font-size: 16px;
line-height: normal;
}
h3.schedule-slot-title {
font-size: 25px;
color: var(--primary-color);
margin-top: 5px;
margin-bottom: 5px;
}
.schedule-slot-time span{
display: block;
}
.agenda-list li:nth-child(even) .schedule-slot-time{
background-color: #a17d32;
}
ul.agenda-list {
margin-bottom: 20px !important;
}
.event-agenda-section .activity-header h2 {
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
color: var(--primary-color);
}
.org-section{
display:flex;
gap:20px;
}
.org-imge{
width:70px;
height:70px;
border-radius:50%;
}
.org-imge img{
width:100%;
height:100%;
border-radius:50%;
object-fit:cover;
}
.org-title h4{
font-size:20px;
font-weight:600;
letter-spacing:0;
text-transform:capitalize;
color:black;
margin-bottom:0.3rem;
}
.org-title span{
font-size:16px;
}
.org-title span b{
margin-right:4px;
}
.social-link{
margin-top:10px;
display:flex;
gap:20px;
}
.social-link a{
font-size:18px;
color:black;
}
.bg-org{
display:flex;
justify-content:space-between;
background: var(--main-header);
border-radius: 12px;
padding: 20px;
background-image:url(images/iconbox-overlay2.png);
}
.follow-flex {
display: flex;
align-items: self-start;
gap: 30px;
}
.follow-flex a{
padding:8px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.tags{
margin-bottom:40px;
}
.event-detail-right.event-right-info h2 {
font-size: 24px;
margin-bottom: 5px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
}
.ticket-type {
padding: 20px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.event-detail-right.event-right-info .ticket-type h2{
font-size: 20px;
margin-bottom: 0;
}
.event-quality .pro-qty input{
height: 30px;
}
.event-quality .pro-qty .qtybtn{
width: 30px;
height: 30px;
}
.ticket-type-top {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid rgb(111 114 135 / 20%);
}
.ticket-type-bottom{
margin-top: 20px;
}
.ticket-type-bottom h4{
font-size: 20px;
color: var(--primary-color);
font-weight: 600;
margin-bottom: 0;
display: inline-block;
}
.ticket-type-bottom span{
font-size: 12px;
color: #6f7287;
}
/* .event-speaker{
margin-top: 30px;
} */
.event-speaker h4{
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
margin-bottom: 8px;
}
.speakers-details-inner{
background-color: var(--white);
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
border-radius: 8px;
/* margin: 0 8px; */
}
.speakers-details-box {
padding: 0 6px;
}
.speakers-details-box:first-child{
padding-left: 12px;
}
.speakers-details-box:last-child{
padding-right: 12px;
}
.speaker-image{
display: flex;
justify-content: center;
align-items: center;
}
.speaker-image img{
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
}
.speakers-details .topic-name{
color: var(--black);
font-size: 16px;
text-transform: capitalize;
margin-bottom: 4px;
}
.speakers-details .speaker-name{
color: var(--primary-color);
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.speakers-details .detail{
color: #6f7287;
font-size: 16px;
}
.speaker-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
gap: 5px;
}
.speaker-header h2 {
margin-bottom: 0;
padding-bottom: 0 !important;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.speaker-header .persian-btn a {
padding: 8px 32px;
}
#speakers{
margin-bottom: 20px;
}
.event-file-content{
padding-top: 0 !important;
}
.event-file-content .file-image img{
border-radius: 5px;
object-fit: cover;
}
.stricky-fixed.top-header-main {
background-color: var(--white);
/* position: relative !important; */
top: 0;
}
.event-slider .project-arrow{
width: 30px !important;
height: 30px !important;
}
.event-slider .project-arrow.slick-disabled{
opacity: 0.8;
}
.event-slider .project-arrow i{
font-size: 12px;
}
.ticket-price span {
color: #27272e;
font-size: 20px;
font-weight: 600;
white-space: nowrap;
}
.ticket-info {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 0;
margin-top: 5px;
}
.ticket-description ul {
list-style: circle;
}
.ticket-info .ticket-description ul li {
margin-bottom: 5px;
padding-bottom: 0;
border: none;
position: relative;
padding-left: 16px;
}
.ticket-info .ticket-description ul li:after {
position: absolute;
content: '';
width: 7px;
height: 7px;
background: var(--primary-color);
left: 0;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
}
.right-ticket-info {
display: flex;
flex-direction: column;
align-items: end;
gap: 16px;
}
.purchase-btn{
margin-top: 20px;
}
.purchase-btn a{
width: 100%;
}
.all-ticket-types {
display: flex;
flex-direction: column;
gap: 16px;
}
.purchase-order-summary h2 {
font-size: 24px;
padding: 0px;
margin: 0px;
letter-spacing: 0.5px;
text-align: center;
text-transform: capitalize;
font-weight: 600;
color: var(--primary-color);
margin-bottom:10px;
}
#purchase-modal .modal-dialog{
width: 100%;
max-width: 550px;
}
.ticket-data-table {
margin-top: 0px;
}
.ticket-data-table table{
width: 100%;
text-align: center;
border: 1px solid #f4eede;
margin: 0 -1px 24px 0;
border-radius: 5px;
}
.ticket-data-table table thead th{
width: 33%;
background: var(--primary-color);
color: var(--white);
padding: 10px;
text-transform: capitalize;
white-space: nowrap;
}
.ticket-data-table table tbody tr td{
border-width: 0 1px 1px 0px;
border-style: solid;
border-color: #f4eede;
padding: 16px;
}
.ticket-list .ticket-data-table table tbody tr td{
border-width: 0 0px 1px 0px;
border-style: solid;
border-color: #f4eede;
padding: 40px 16px;
font-size: 18px;
}
.ticket-list .order-summary__subtotal{
border: none;
}
.ticket-list .order-summary__title {
font-size: 24px;
margin-top: 0;
}
.ticket-list .order-summary__total {
margin-top: 16px;
padding-top: 16px;
}
.order-summary-breakdown-subtitle {
text-align: right;
margin-top: 16px;
font-size: 16px;
font-weight: 500;
}
.ticket-data-table table tbody tr:last-child td{
border: none;
}
.ticket-data-table table tbody .total-ticket-price{
font-size: 20px;
font-weight: 600;
}
.payment-image{
width: 60%;
margin: auto;
}
.ticket-list .payment-image{
width: 100%;
margin: auto;
}
.ticket-list .order-summary__background{
margin-bottom: 0;
}
#purchase-modal .modal-content .modal-body{
padding: 16px 20px;
}
#purchase-modal .modal-content .modal-header{
padding: 16px 20px;
}
.ticket-accept-payment-method{
text-align: center;
border-top: 1px solid #dee2e6 !important;
margin-bottom: 16px;
}
.place-ticket-btn{
text-align: right;
}
.place-ticket-btn a{
padding: 12px 80px;
width: 100%;
font-size: 16px;
text-transform: uppercase;
}
.ticket-two-section .price-btn{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 0 10px 0px;
border-radius: 0;
margin-bottom: 10px;
box-shadow: none;
background: #fff;
text-align: center;
border-bottom: 1px solid #e3dfdf;
}
.ticket-two-section .price-btn h4{
margin-bottom: 0;
}
.qty-input-info{
position: relative;
}
.qty-input-info .btn-default{
height: 21px;
line-height: 21px;
min-width: 30px;
width: 30px;
vertical-align: top;
border-radius: 0;
border: 0;
background-color: #f3f3f3;
color: var(--black-text);
font-size: 10px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 1px;
border-right: 1px solid rgb(182 152 89 / 50%);
}
.qty-input-info .btn-default i{
font-size: 14px;
}
.qty-input-info .btn-default.dec {
bottom: 1px;
top: unset;
}
/* program page css */
.top-banner-title p {
font-size: 16px;
color: var(--white);
width: 80%;
text-align: center;
margin: auto;
}
.auction-banner-title .search-business-input {
width: 100%;
}
.art-banner-slider .business-banner-img:after {
opacity: 0.7;
}
.program-banner-slider .business-banner-img:after {
opacity: 0.7;
}
.business-input.program-banner-content h2 {
margin-bottom: 20px;
}
.feature-program-slider .program-box {
margin-right: 20px;
}
.feature-program-slider .slick-track {
margin: 10px 8px;
}
.feature-program-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -76px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 14px;
}
.feature-program-slider .prev-arrow {
right: 74px;
}
.feature-program-slider .program-img {
height: 250px;
width: 100%;
}
.feature-program-slider .program-img a {
width: 100%;
}
.feature-program-slider .program-title {
margin: 15px 0;
}
.feature-program-section {
padding-bottom: 20px !important;
}
.popular-program {
padding: 40px 0 80px;
}
.popular-program .persian-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 45px;
}
.popular-program .persian-head h2 {
margin-bottom: 0;
}
.feature-program-slider {
margin-bottom: 0;
}
.popular-program .program-img a {
width: 100%;
}
.business-list-slider {
margin-top: 0 !important;
margin-bottom: 0;
}
.business-head{
text-align: left;
margin-bottom: 40px !important;
}
.business-head h2{
margin-bottom: 0;
}
.business-inner-data {
padding: 40px 0;
}
.business-list-slider .p-arrow{
top: -92px;
}
#activity {
padding: 0;
}
.business-detail-tabs-list #qa {
padding: 0;
}
.business-top-info {
bottom: 70px;
}
.business-event-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
z-index: 1;
}
.business-event-slider .next-arrow {
right: 50px;
}
.business-event-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.business-event-slider .prev-arrow {
left: 50px;
}
.business-event-slider{
margin-bottom: 0;
}
.business-event-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.events-section {
padding: 80px 0;
position: relative;
}
.event-box {
border-radius: 15px;
padding: 25px;
display: flex;
gap: 25px;
background-color: #fff9ed;
margin-bottom: 45px;
}
.event-box:last-child {
margin-bottom: 0;
}
.event-img {
height: 260px;
width: 30%;
border-radius: 12px;
}
.event-img a {
height: 100%;
width: 100%;
}
.event-img img {
height: 100%;
border-radius: 12px;
object-fit: cover;
}
.event-content-box {
width: 70%;
}
.event-date-box {
display: flex;
/* gap: 20px; */
margin-bottom: 15px;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
}
.event-time {
border-right: 1px solid var(--primary-color);
padding-right: 20px;
}
.event-time:last-child {
padding-right: 0;
border-right: 1px solid transparent;
}
.event-time i {
color: var(--primary-color);
font-size: 16px;
padding-right: 2px;
}
.event-time span {
font-size: 16px;
color: var(--black);
text-transform: capitalize;
}
.event-content {
margin-bottom: 12px;
}
.event-content h2 a {
font-size: 24px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.event-content p {
font-size: 16px;
color: var(--black);
line-height: 26px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.event-bottom {
padding-top: 20px;
border-top: 1px dashed var(--primary-color);
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
flex-wrap:wrap;
}
.event-host {
display: flex;
gap: 15px;
align-items: center;
}
.event-host-img {
height: 60px;
width: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--white);
}
.event-host-img img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.event-bottom-title h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 2px;
text-transform: capitalize;
}
.event-bottom-title span {
font-size: 16px;
text-transform: capitalize;
}
.events-section .persian-btn {
margin-top: 45px;
}
.event-bottom .persian-btn {
margin-top: 0;
}
.event-categories .category-box {
border-right: none;
box-shadow: 0 0 20px rgb(0 0 0 / 6%);
padding: 20px;
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.event-categories .category-box .category-img {
width: 80px;
height: 80px;
padding: 20px;
border-radius: 10px;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
border: 1px solid transparent;
background: #fff9ed;
border-top: 1px solid var(--primary-color);
margin-bottom: 10px;
}
.events-inner-list {
padding: 80px 0;
}
.article-detail-date a{
color: #212529;
}
#inner-photo-gallery .events-inner-list{
padding: 0;
}
#inner-video-gallery .events-inner-list{
padding: 0;
}
.top-banner-title p {
font-size: 16px;
color: var(--white);
width: 80%;
text-align: center;
margin: auto;
}
/* new */
/*
.events-inner-box{
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
} */
.event-persian-head h2 {
text-align: left;
margin-bottom: 0;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
.event-slide-box{
/* margin-right: 20px; */
margin:0 10px;
}
.popular-event-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -75px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 14px;
}
.popular-event-slider .prev-arrow {
right: 74px;
}
.popular-event-slider.row{
margin-bottom: 0;
}
.event-view-more-btn{
margin-top: 60px;
}
.more-events-section{
padding-top: 0 !important;
}
.project-section {
padding: 80px 0;
position: relative;
z-index: 2;
}
.project-section::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/projects-bg.jpg);
z-index: -1;
opacity: 0.6;
}
.project-section .persian-head {
text-align: left;
margin-bottom: 0;
}
.project-section .persian-head p {
text-align: left;
margin: unset;
width: 80%;
}
.project-top {
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 45px;
padding: 0 45px;
}
.project-box {
margin-right: 25px;
cursor: pointer;
}
.project-img {
height: 400px;
border-radius: 15px;
position: relative;
z-index: 2;
}
.project-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--black);
opacity: 0;
z-index: 0;
border-radius: 15px;
}
.project-img:hover::after {
opacity: 0.4;
}
.project-img > a {
height: 100%;
}
.project-img img {
height: 100%;
border-radius: 15px;
object-fit: cover;
}
.project-content {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
gap: 25px;
bottom: -25%;
transition: all 0.5s;
padding: 25px;
z-index: 2;
width: 100%;
}
.project-box:hover .project-content {
bottom: 15px;
}
.project-content a {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: var(--white);
}
.project-content .read-more a {
color: var(--white);
border: 1px solid var(--white);
}
.project-content .read-more a i {
color: var(--white);
}
.project-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -25%;
cursor: pointer;
}
.project-slider .next-arrow {
right: 50px;
}
.project-slider .prev-arrow {
right: 120px;
}
.market-section {
padding: 80px 0;
position: relative;
}
.market-img {
height: 400px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
overflow: hidden;
}
.market-img a {
height: 100%;
width: 100%;
display: inline-block;
}
.market-img img {
height: 100%;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
transition: all 0.5s;
}
.market-box:hover .market-img img {
transform: scale(1.1);
}
.market-box {
box-shadow: 0 0 25px rgb(0 0 0 / 10%);
border-radius:12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
height: 100%;
}
.market-content {
padding: 40px;
/* box-shadow: 0 0 25px rgb(0 0 0 / 10%);
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; */
}
.market-content h2 {
font-size: 22px;
color: var(--black);
text-transform: capitalize;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.5s;
line-height: 30px;
}
.market-box .market-content h2:hover {
color: var(--primary-color);
}
.market-content span {
font-size: 16px;
color: var(--black);
}
.market-bottom {
padding-top: 15px;
border-top: 1px solid var(--header-bg-color);
margin-top: 20px;
}
.market-bottom a {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--black);
transition: all 0.5s;
}
.market-bottom:hover a {
color: var(--primary-color);
}
.market-bottom a span {
font-size: 20px;
text-transform: capitalize;
transition: all 0.5s;
}
.market-bottom:hover a span {
color: var(--primary-color);
}
.market-bottom a i {
font-size: 20px;
transition: all 0.5s;
}
.market-bottom:hover a i {
transform: scale(1.1);
}
.market-section .persian-btn {
margin-top: 45px;
}
.art-inner-box {
height: auto;
}
.art-tab .course-tab-details ul{
margin-bottom: 0 !important;
}
.art-work-all-list .persian-filter-box {
padding: 10px 20px 0px;
}
.art-inner-box .market-content {
padding: 20px;
}
.art-inner-box .market-content h2 {
font-size: 25px;
margin-bottom: 2px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: var(--black);
text-transform: capitalize;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
}
.artwork-price p{
display: flex;
flex-direction: column;
margin-bottom: 0;
margin-top: 10px;
}
.wishlist-count span {
color: var(--primary-color);
font-size: 20px;
font-weight: 600;
line-height: 1;
/* padding: 16px; */
background-color: #fff2d6;
border-radius: 5px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.art-inner-box .market-img{
height: 300px;
}
.art-inner-box:hover .wishlist-count span{
background-color: var(--primary-color);
color: var(--white);
}
.art-inner-box{
transition: all 0.5s ease;
}
.art-work-all-list {
padding: 80px 0;
}
.art-work-all-list .popular-program{
padding-bottom: 0;
}
/* .feature-art.art-work-inner-list{
padding-bottom: 80px !important;
} */
.art-market-banner-title .search-business-input {
width: 100%;
}
.feature-art .art-list-slider .market-img{
height: 200px !important;
}
.art-list-slider .art-list-box .market-content {
padding: 20px;
}
.feature-art-slider .art-inner-box{
margin: 10px;
}
.feature-art-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -72px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 14px;
}
.feature-art-slider .prev-arrow {
right: 74px;
}
.popular-artwork{
padding-top: 0 !important;
}
.popular-artwork .persian-head{
display: flex;
align-items: center;
justify-content: space-between;
}
.auction-inner-banner .business-banner-img{
height: 400px;
}
.auction-detail-main {
padding: 80px 0 0 !important;
}
.auction-detail-main .product-slide img{
object-fit: cover;
}
.auction-condition {
color: #1f2230;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.auction-time span{
color: #212529;
font-size: 18px;
font-weight: 400;
}
.auction-change .countdown_section {
background: #fff;
box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
border-radius: 5px;
padding: 16px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 2px;
}
.auction-change .main-auction.auction-time-countdown {
padding: 20px 0;
}
.auction-change .countdown_amount {
font-size: 22px;
}
.auction-end {
font-size: 16px;
font-weight: 500;
color: #747474;
background: #fff7ef;
padding: 10px 20px;
border-radius: 5px;
max-width: fit-content;
width: auto;
}
.auction-price.starting-bid {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.product-action-wrapper {
width: 70%;
}
.product-action-inner-info{
width: 100%;
display: flex;
}
.product-action-inner-info .pro-qty{
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.product-bid-inner .pro-qty .qtybtn{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.product-bid-inner .pro-qty input{
width: 78%;
border: 1px solid var(--primary-color);
border-radius: 5px;
margin: 0;
}
.product-bid-inner .pro-qty .qtybtn{
border-radius: 5px;
}
.product-bid-inner .pro-qty{
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.product-qut-inner .persian-btn a {
padding: 7px 32px;
}
.product-qut-inner .persian-btn{
margin-top: 0;
}
.all-event-contents {
padding: 80px 0;
}
.event-tab-contents {
padding: 40px 0 0;
}
#all-video-gallery .events-inner-list{
padding: 0;
}
#all-photo-gallery .events-inner-list{
padding: 0;
}
.row.photo-inner-slider {
row-gap: 12px;
padding: 0 6px;
}
.photo-inner-slider .speakers-details-box:first-child{
padding-left: 6px;
}
.all-event-contents{
margin-bottom: 0 !important;
}
#faqs .qa-header {
justify-content: center;
}
#faqs .qa-header h2 {
font-size: 50px;
color: var(--primary-color) !important;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
text-align: center;
}
#faqs .business-faqs{
padding: 0;
}
.stricky-fixed.top-bg-header-main {
position: relative !important;
top: 0;
}
.place-bid-box{
width: 100%;
}
.place-bid-box a{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
border: 1px solid var(--primary-color);
border-radius: 5px;
color: #000;
font-size: 18px;
}
.auction-details .product-qut-inner{
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.bid-btn {
width: 36%;
}
.auction-dropdown{
width: 100%;
padding: 10px 20px !important;
}
.auction-dropdown li {
padding-bottom: 5px;
color: #1e1e1e;
}
.auction-tab #description {
border-radius: 5px;
box-shadow: 5px 7px 35px rgba(139, 139, 139, 0.1);
padding: 40px;
background: #fff;
}
.related-auction-products{
padding-top: 0;
}
.wishlist-link-btn{
padding: 25px 0 5px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 20px;
color: var(--primary-color);
}
.wishlist-link-btn:hover{
color: #000;
}
.auction-inner-timer {
background: #fff;
box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
border-radius: 5px;
padding: 16px;
width: 50%;
margin: 30px auto 0;
}
.auction-inner-timer .countdown_section p {
margin-bottom: 0;
line-height: normal;
font-size: 14px;
}
/* span.amount {
font-weight: 600;
font-size: 28px;
} */
.current.auction span {
display: block;
font-size: 16px;
margin-top: 5px;
color: var(--primary-color);
}
.artist-name p{
color: #1f2230;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 0;
}
.art-filter-info {
display: flex;
flex-direction: column;
gap: 5px;
}
.art-filter-info .filter-details{
display: flex;
align-items: center;
gap: 10px;
}
.art-filter-info .filter-details svg {
width: 30px;
height: 30px;
}
.art-filter-info .filter-details span strong{
border-bottom: 1px solid #000;
cursor: pointer;
}
.art-price .amount{
font-size: 25px;
font-weight: 600;
color: var(--black);
}
.art-price{
margin: 16px 0;
}
.art-purchase-inner .filter-num {
width: 100%;
}
.art-purchase-inner .persian-btn{
margin-top: 0;
}
.art-market-accordion{
margin-top: 40px;
}
.art-market-accordion .accordion-item{
border: none;
}
.art-market-accordion .accordion-item {
border-top: 1px solid rgb(231, 231, 231);
}
.art-market-accordion .accordion-header button{
background: transparent;
color: #000;
font-size: 18px;
font-weight: 400;
border-bottom: none;
box-shadow: none;
border-radius: 0 !important;
padding: 30px 20px;
gap: 10px;
}
.art-market-accordion .accordion .accordion-button:not(.collapsed){
color: var(--primary-color);
font-weight: 600;
padding-bottom: 16px;
}
.art-market-accordion .accordion-item .accordion-body{
padding: 0 20px;
}
.art-body p {
margin-bottom: 0;
font-size: 16px;
color: #707070;
margin-bottom: 5px;
}
.art-body {
margin-bottom: 30px;
}
.art-market-accordion .accordion-item:last-child{
border-bottom: 1px solid rgb(231, 231, 231);
}
.art-body .art-filter-info svg path{
fill: #707070;
}
.art-body .art-filter-info span{
color: #707070;
}
.art-market-accordion .accordion .accordion-button:not(.collapsed)::after{
filter: brightness(0) saturate(100%) invert(56%) sepia(85%) saturate(236%) hue-rotate(3deg) brightness(94%) contrast(85%);
}
.art-tab #art-description {
border-radius: 5px;
box-shadow: 5px 7px 35px rgba(139, 139, 139, 0.1);
padding: 40px;
background: #fff;
}
.related-art-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -75px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 65px;
}
.related-art-slider .p-arrow.next-arrow {
right: 12px;
}
.related-art-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.related-art-slider .art-inner-box {
margin: 10px;
}
.feature-art-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.footer-main {
padding: 50px 50px 25px;
position: relative;
background-color: #fbfbfb;
z-index: 2;
}
.footer-main::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/projects-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
display: block;
opacity: 0.7;
z-index: -1;
filter: grayscale(1);
}
.footer-main>.container-fluid>.row {
justify-content: space-between;
}
.footer-logo {
margin-bottom: 18px;
}
.footer-logo a {
width: 200px;
}
.footer-logo img {
width: 100%;
}
.footer-menu span {
font-size: 22px;
text-transform: capitalize;
display: inline-block;
font-weight: 600;
margin-bottom: 22px;
padding-bottom: 5px;
color: var(--primary-color);
position: relative;
}
.footer-menu span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 70px;
background-color: var(--primary-color);
border-radius: 4px;
z-index: 0;
}
.footer-menu span::before {
content: "";
position: absolute;
bottom: 0px;
left: 20px;
width: 20px;
height: 2px;
animation: moving-text 5s linear infinite;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
z-index: 1;
}
@keyframes moving-text {
0% {
left: 40px;
}
50% {
left: 0;
}
100% {
left: 40px;
}
}
.footer-menu ul li a {
color: var(--black);
font-size: 18px;
text-transform: capitalize;
transition: all 0.5s;
display: flex;
gap: 7px;
line-height: normal;
}
.footer-menu ul li:hover a {
color: var(--primary-color);
transform: translateX(8px);
}
.footer-menu ul li a i {
font-size: 14px;
line-height: normal;
margin-top: 2px;
}
.footer-menu ul li {
margin-bottom: 18px;
}
.footer-left p {
font-size: 16px;
color: var(--black);
line-height: 28px;
}
.copyright-main {
padding-top: 25px;
margin-top: 45px;
padding-bottom: 0;
border-top: 1px solid #e7e7e7;
}
.copyright-main .row {
align-items: center;
}
.copyright-main p {
color: var(--black);
text-align: right;
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;
}
.copyright-menu {
display: flex;
gap: 24px;
align-items: center;
}
.copyright-menu li a {
font-size: 16px;
text-transform: capitalize;
color: var(--black);
}
.footer-social {
display: flex;
align-items: center;
gap: 24px;
margin-top: 25px !important;
padding: 12px 15px !important;
border-radius: 8px;
background-color: var(--primary-color);
width: 100%;
max-width: fit-content;
}
.footer-social li {
position: relative;
padding-right: 24px;
}
.footer-social li::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 70%;
width: 1px;
background-color: var(--white);
}
.footer-social li:last-child {
padding-right: 0;
}
.footer-social li:last-child::after {
display: none;
}
.footer-social li a {
font-size: 16px;
transition: all 0.5s;
text-transform: capitalize;
color: var(--black);
display: inline-block;
}
.footer-social li a i {
color: var(--white);
}
/* .footer-social li a:hover {
color: var(--primary-color);
} */
.footer-social span {
font-size: 16px;
font-weight: 600;
display: inline-block;
text-transform: capitalize;
}
.scrollTop a {
color: #fff;
font-size: 20px;
}
.scrollTop {
position: fixed;
right: 4%;
border-radius: 5px;
z-index: 9;
bottom: 10%;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
background-color: var(--primary-color);
}
/* program page css */
.program-main {
padding: 40px 0 80px;
position: relative;
}
.persian-filter .row {
justify-content: end;
}
.persian-input {
position: relative;
display: flex;
}
.persian-input input {
position: relative;
height: 45px;
border: 1px solid #e5e5e5;
color: var(--black);
border-radius: 5px;
font-size: 16px;
padding: 10px 15px;
width: 100%;
margin-bottom: 12px;
}
.persian-input input:focus {
border: 1px solid var(--primary-color);
outline: none;
}
.persian-input textarea {
position: relative;
height: 150px;
border: 1px solid #e5e5e5;
color: var(--black);
border-radius: 5px;
font-size: 16px;
padding: 10px 15px;
width: 100%;
margin-bottom: 12px;
overflow-y: auto;
}
.persian-input textarea:focus {
border: 1px solid var(--primary-color);
outline: none;
}
.persian-input.address textarea{
margin-bottom: 20px;
}
.search-btn {
position: absolute;
top: 12px;
right: 12px;
color: var(--primary-color);
}
.program-list {
margin-top: 40px;
}
.program-list .row {
row-gap: 30px;
margin-bottom: 0;
}
.program-list .program-box {
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.persian-pagination {
margin-top: 50px;
}
.persian-pagination .pagination {
justify-content: center;
gap: 8px;
}
.persian-pagination .page-link {
border-radius: 2px;
color: var(--black);
background-color: var(--header-bg-color);
}
/* .persian-pagination .page-link:first-child {
border-radius: 0;
} */
/* .persian-pagination .page-link:last-child {
border-radius: 0;
} */
.persian-pagination .page-link.active {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white);
}
.persian-pagination .page-link:hover {
background-color: var(--primary-color);
color: var(--white);
}
.persian-pagination .page-link:hover i {
color: var(--white);
}
.persian-pagination .page-link i {
color: var(--black);
}
.business-input.program-banner-content h2{
/* margin-bottom: 0; */
font-size: 52px;
}
.store-list-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -72px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 14px;
}
.store-list-slider .prev-arrow {
right: 74px;
}
.store-list-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.store-list-box{
margin: 0 10px;
}
.art-list-box{
margin: 0 10px;
}
.store-list-slider .slick-track {
margin: 10px 8px;
}
.store-list-slider .store-right-list .program-img{
padding-bottom: 20px;
}
.store-list-slider .program-content{
margin-top: 30px;
}
.store-list-slider .program-title.store-title{
margin-bottom: 20px;
}
.popular-stores .program-img a {
height: 100%;
width: auto !important;
}
.store-category .category-box{
display: flex;
align-items: center;
justify-content: start;
flex-direction: row;
gap: 16px;
padding: 0;
border-left: 1px solid var(--primary-color);
border-radius: 10px;
}
.store-category .category-box .category-img{
margin-bottom: 0;
width: 100px;
height: 100%;
padding: 30px 20px;
border-radius: 10px 0 0 10px;
border: 1px solid transparent;
}
.store-category .category-box .category-img img{
width: 40px;
height: 40px;
}
.store-category .category-box span {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
padding: 20px 10px 20px 0;
}
.store-category .category-box:hover .category-img {
border-left: 1px solid transparent;
background: var(--primary-color);
}
.store-category .category-box:hover .category-img img{
filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.art-list-box .market-content h2{
margin-bottom: 0;
}
.art-list-box .market-content {
padding: 30px;
}
ul.breadcrumb-list {
list-style: none;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.breadcrumb-list li {
position: relative;
background: #333;
color: #Fff;
height: 40px;
padding: 0 20px 0 40px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 14px;
}
.breadcrumb-list li::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: #333;
top: 0;
right: -10px;
z-index: 9;
border-right: 1px solid #fff;
transform: skewX(45deg);
}
.breadcrumb-list li::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: #333;
bottom: 0;
right: -10px;
z-index: 9;
border-right: 1px solid #fff;
transform: skewX(-45deg);
}
.project-breadcrumb {
position: absolute;
bottom: 0px;
z-index: 2;
}
.breadcrumb-list li:last-child:before{
border-right: 1px solid transparent;
}
.breadcrumb-list li:last-child:after{
border-right: 1px solid transparent;
}
.breadcrumb-list li.active{
background-color: var(--primary-color);
}
.breadcrumb-list li.active::before{
background-color: var(--primary-color);
}
.breadcrumb-list li.active::after{
background-color: var(--primary-color);
}
ul.breadcrumb-list-inner {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: clamp(13px, 0.84vw, 16px);
font-weight: 500;
gap: 3px;
color: var(--white);
border-radius: 999px;
background-color: rgb(182 152 89 / 30%);
padding: 5px 20px !important;
}
.breadcrumb-list-inner .separator {
padding: 0 8px;
}
.breadcrumb-list-inner .separator i{
font-size: 12px;
}
.business-top-info.event-top-info{
/* display: block; */
top: 50%;
transform: translate(-50%, -50%);
bottom: unset;
left: 50%;
}
.breadcrumb-list-inner li.active{
color: #ffcb5d;
}
#overview .event-detail-left {
margin-top: 16px;
}
.popular-event-list-section{
padding-top: 0 !important;
}
/* .event-list-tab.nav-pills-scroll{
z-index: 99;
top: 68px;
} */
.ticket-box .dropdown-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.ticket-box.dropdown {
padding: 10px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.ticket-box .dropdown-toggle{
color: #000;
}
.all-ticket-types .accordion-header button{
font-size: 20px;
}
.all-ticket-types .accordion-header h2 {
margin-bottom: 0;
}
.all-ticket-types .accordion .accordion-button:focus{
box-shadow: none;
}
.all-ticket-types .accordion .accordion-button:not(.collapsed){
background-color: var(--primary-color);
color: var(--white);
}
.ticket-two-section .purchase-btn{
margin-top: 0;
}
.ticket-two-section .purchase-btn a{
width: auto;
padding: 9px 32px;
}
.ticket-two-section {
display: flex;
align-items: end;
justify-content: space-between;
gap: 16px;
}
.ticket-two-section .quantity-btn input {
padding: 8px 12px;
width: 100%;
border: 1px solid rgb(182 152 89 / 50%);
}
.ticket-two-section .quantity-btn {
display: flex;
flex-direction: column;
gap: 5px;
}
.all-ticket-types .accordion-header {
margin-bottom: 0 !important;
}
.ticket-two-section .quantity-btn span {
font-size: 18px;
font-weight: 600;
color: #333;
}
.all-ticket-types .accordion-button:not(.collapsed)::after{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(228deg) brightness(104%) contrast(102%);
}
/* program-detail page css */
.program-detail-main {
padding: 80px 0;
position: relative;
}
.program-detail-inner {
background-color: var(--white);
box-shadow: 0 0 25px rgb(0 0 0 / 8%);
border-radius: 5px;
}
.program-detail-img {
height: 600px;
}
.program-detail-img iframe {
height: 100%;
width: 100%;
}
.program-detail-img img {
height: 100%;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.program-detail-content {
padding: 25px 25px;
}
.program-detail-content h2 {
font-size: 28px;
text-transform: capitalize;
color: var(--black);
margin-bottom: 15px;
transition: all 0.5s;
}
.program-detail-content h2:hover {
color: var(--primary-color);
}
.program-detail-bottom {
border-top: 1px dashed var(--header-bg-color);
padding-top: 15px;
}
.program-tags ul {
display: flex;
gap: 10px;
}
.program-tags ul li a {
font-size: 16px;
padding: 8px 12px;
background-color: var(--header-bg-color);
color: var(--black);
text-transform: capitalize;
transition: all 0.5s;
}
.program-tags ul li:hover a {
background-color: var(--primary-color);
color: var(--white);
}
.program-share span {
font-size: 16px;
text-transform: uppercase;
color: var(--black);
margin-bottom: 12px;
display: inline-block;
}
.program-share {
margin-top: 25px;
}
.program-share ul {
display: flex;
gap: 12px;
}
.program-share ul li a {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
transition: all 0.5s;
}
.program-share ul li:hover a {
color: var(--primary-color);
border: 1px solid var(--primary-color);
background-color: transparent;
}
.persian-filter-box {
padding: 20px 50px 20px;
}
.persian-filter-top {
margin-bottom: 0px;
background-color: #f5f5f5;
padding: 8px;
border-radius: 8px;
}
.filter-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.filter-inner .persian-input {
background-color: var(--white);
border-radius: 6px;
padding-right: 6px;
}
.filter-inner .persian-input select {
padding: 12px 8px;
border-radius: 6px;
border: none;
}
.filter-inner .persian-input select:focus {
outline: none;
border: none;
}
.filter-inner .persian-input input {
border: none;
margin-bottom: 0;
}
.filter-right {
display: flex;
gap: 8px;
align-items: center;
margin-left: auto;
}
.filter-left {
display: flex;
gap: 12px;
flex-wrap: wrap;
width: 75%;
}
.filter-inner .persian-input.filter-search {
flex-grow: 1;
}
.filter-right .persian-btn a i {
padding-left: 8px;
color: var(--white);
transition: all 0.5s;
}
.filter-right .persian-btn a:hover i {
color: var(--primary-color);
}
.filter-right .filter-num span {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
padding: 12px 15px;
border-radius: 6px;
font-size: 16px;
color: var(--black);
}
.top-marquee {
padding: 12px 0;
background-color: var(--marquee-bg);
}
.top-marquee ul {
display: flex;
gap: 12px;
}
.top-marquee ul li {
/* list-style: disc; */
margin: 0 12px;
}
.top-marquee ul li span {
display: inline-block;
font-size: 16px;
letter-spacing: 0.6px;
font-weight: 500;
text-transform: capitalize;
white-space: nowrap;
padding-right: 8px;
}
.program-comment {
padding: 25px;
background-color: var(--white);
box-shadow: 0 0 25px rgb(0 0 0 / 8%);
margin-top: 80px;
border-radius: 5px;
}
.program-comment span {
font-size: 24px;
color: var(--primary-color);
display: block;
text-transform: capitalize;
margin: 12px 0;
}
.program-comment .persian-btn {
margin-top: 15px;
text-align: right;
}
.program-sidebar {
position: sticky;
top: 100px;
}
.program-right {
padding: 25px;
margin-bottom: 45px;
background-color: var(--white);
box-shadow: 0 0 25px rgb(0 0 0 / 8%);
border-radius: 5px 5px 5px 5px;
}
.program-right h2 {
font-size: 24px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
padding-bottom: 8px;
border-bottom: 1px dashed var(--primary-color);
margin-bottom: 15px;
}
.program-right ul li {
margin-bottom: 12px;
display: flex;
}
.program-right ul li strong {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
padding-right: 8px;
width: 40%;
}
.program-right ul li span {
font-size: 16px;
display: inline-block;
width: 60%;
}
.program-right ul li:last-child {
margin-bottom: 0;
}
/* business page css */
/* business banner css */
.business-banner {
position: relative;
}
.business-banner-img{
height: 500px;
position: relative;
}
.business-banner-img img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.business-banner-img:after {
content: '';
position: absolute;
background: #000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
}
.business-input {
width: 50%;
margin: auto;
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.business-input .search-button{
display: none;
}
.business-input input{
height: 55px;
}
.business-input .persian-input i{
height: 55px;
width: 55px;
}
/* .location-icon i{
height: 50px;
width: 50px;
} */
.business-input .location-icon i{
/* position: unset;
border-radius: 0;
font-size: 20px; */
position: unset;
border-radius: 0;
font-size: 20px;
background: transparent;
border-bottom: 3px solid var(--primary-color);
border-left: 1px dashed var(--primary-color);
color: var(--primary-color);
}
.search-business-input{
width: 50%;
}
.location-input {
display: flex;
align-items: center;
width: 50%;
}
.featured-box .program-img a {
height: 100%;
width: 100%;
}
.location-input input{
border-bottom: 3px solid var(--primary-color) !important;
border-radius: 0 5px 5px 0;
}
.business-input .persian-input .search-business-input input{
padding-left: 20px;
border-bottom: 3px solid var(--primary-color);
border-radius: 5px 0 0 5px;
}
.abc{
background: #fff;
text-align: center;
padding: 20px;
/* box-shadow: 0 15px 50px rgb(0 0 0 / 10%); */
box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
border-radius: 15px;
border: 1px solid rgb(182 152 89 / 50%);
}
.business-categories {
padding: 80px 0 20px;
position: relative;
}
.business-categories .abc h3 {
padding: 20px 60px;
font-size: 20px;
font-weight: 600;
color: #fff;
background-color: var(--primary-color);
border-radius: 10px;
text-transform: capitalize;
width: fit-content;
/* margin: -50px auto 0; */
}
.all-categories {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.category-box .category-img {
width: 100px;
height: 100px;
padding: 20px;
border-radius: 100%;
box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
border: 1px solid transparent;
}
.category-img img{
display: block;
width: 100%;
filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(1419%) hue-rotate(166deg) brightness(87%) contrast(91%);
}
.category-box {
display: flex;
align-items: center;
flex-direction: column;
width: 20%;
border-right: 1px dashed rgb(182 152 89 / 50%);
gap: 10px;
transition: all 0.5s ease;
}
.category-box:hover .category-img{
border: 1px solid var(--primary-color);
}
.category-box:last-child {
border-right: none;
}
.category-box span{
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.featured-inner-business {
padding: 80px 0 ;
position: relative;
}
.featured-business .persian-head h2 {
font-size: 50px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
}
.featured-box{
box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
padding: 0 !important;
margin: 10px 0;
margin: 10px;
}
.business-list-slider .eachFBLocation{
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
.featured-box .program-img{
height: 200px;
}
.featured-box .program-img a img {
height: 100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.featured-content {
padding: 20px;
}
.featured-title a {
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
color: var(--black);
text-transform: capitalize;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
}
.featured-title a:hover{
color: var(--primary-color);
}
.star-rating {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
justify-content: space-between;
}
.star-rating i {
color: var(--primary-color);
}
.eachFBLocation {
margin-top: 0px;
font-size: 14px;
color: #808080;
}
.five-star{
display: flex;
align-items: center;
gap: 10px;
}
.review{
font-size: 14px;
color: #0e85d9;
font-weight: 600;
line-height: normal;
}
.star-rating .review{
line-height: 16px;
}
.feature-business-slider .next-arrow {
right: 0px;
}
.feature-business-slider .prev-arrow{
left: 0px;
}
.feature-business-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
}
.popular-business {
padding: 0 0 80px 0;
}
.popular-business .business-main-box {
display: flex;
gap: 25px;
align-items: center;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
background-color: var(--white);
margin-right: 0px;
margin-bottom: 10px;
margin-top: 10px;
flex-direction: column;
}
.popular-business .business-logo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.popular-business .business-logo {
width: 100%;
margin-bottom: 0px;
}
.popular-business .business-inner {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.popular-business .persian-head {
text-align: center;
margin-bottom: 45px;
display: flex;
align-items: center;
justify-content: space-between;
}
.business-list-content .business-title-inner h2{
margin-bottom: 0;
transition: all 0.5s ease;
}
.business-list-content .star-rating{
margin-top: 0;
}
.business-inner .contact-info{
display: flex;
flex-direction: column;
gap: 10px;
}
.business-inner .contact-info {
display: flex;
flex-direction: column;
gap: 8px;
}
.popular-business .business-inner {
gap: 15px;
}
.popular-business .eachFBLocation {
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
.opContact {
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
.day {
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
cursor: pointer;
}
.business-title-inner .star-rating {
margin-top: 5px;
}
.business-input h2 {
font-size: 45px;
color: #fff;
text-transform: capitalize;
text-align: center;
font-weight: 700;
margin-bottom: 20px;
}
.business-right .star-rating {
display: flex;
align-items: center;
gap: 20px;
margin-top: 0px;
justify-content: start;
}
.business-right .business-inner .contact-info {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: start;
}
.business-right .business-inner .eachFBLocation {
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
cursor: pointer;
}
.business-right .business-inner .eachFBLocation:hover{
color: var(--primary-color);
}
.business-right .business-inner .opContact {
font-size: 15px;
}
.business-right .business-inner .day {
font-size: 15px;
}
.business-right .business-inner .eachFBLocation{
font-size: 15px;
}
.opContact:hover {
color: var(--primary-color);
}
.day:hover {
color: var(--primary-color);
}
.eachFBLocation:hover {
color: var(--primary-color);
}
.business-list-content .business-title-inner h2:hover{
color: var(--primary-color);
}
.popular-business .persian-head h2 {
/* font-size: 42px; */
font-size: 50px;
margin-bottom: 0;
}
.business-main-box .persian-btn.know-btn a{
background: transparent;
color: var(--primary-color);
border: none;
padding: 0;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
}
.business-main-box .persian-btn.know-btn a:hover {
color: var(--black);
transform: scale(1.08) translateX(2px);
letter-spacing: 1px;
transform-origin: 0%;
}
.business-main {
padding: 80px 0 120px;
position: relative;
}
.business-main .persian-head {
margin-bottom: 80px;
}
.business-intro .row {
justify-content: space-between;
}
.business-intro-img {
border-radius: 40px;
width: 80%;
height: 500px;
margin: auto;
position: relative;
}
.business-intro-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--primary-color);
transform: rotate(-12deg);
z-index: -1;
border-radius: 40px;
}
.business-intro-img img {
height: 100%;
object-fit: cover;
border-radius: 40px;
}
.business-title {
margin-bottom: 20px;
}
.business-title span {
display: inline-block;
padding: 5px 25px;
font-size: 16px;
text-transform: capitalize;
border: 1px solid var(--primary-color);
border-radius: 40px;
}
.business-content h2 {
font-size: 38px;
color: var(--black);
font-weight: 600;
margin-bottom: 12px;
}
.business-content p {
font-size: 16px;
color: var(--black);
line-height: 28px;
}
.business-content .persian-btn {
text-align: left;
margin-top: 25px;
}
.business-list-main {
padding: 80px 0;
position: relative;
padding-top: 40px;
}
.program-inner-main{
padding: 80px 50px 80px;
}
.awards-list-section {
max-height: 280px;
overflow: auto;
}
.awards-list {
margin-top: 0;
}
.persian-filter-box {
padding: 50px 20px 0px;
}
.left-filterbar {
padding: 15px;
border-radius: 8px;
background-color: var(--light-bg-color);
position: sticky;
top: 120px;
}
.left-filter-top {
background-color: var(--white);
border-radius: 6px;
padding: 15px;
margin-top: 20px;
}
.left-filter-top .persian-input {
margin-bottom: 18px;
align-items: center;
gap: 8px;
}
.left-filter-top .persian-input:last-child {
margin-bottom: 0;
}
.left-filter-top .persian-input select {
padding: 12px 8px;
border-radius: 6px;
border: none;
width:100%;
}
.left-filter-top .persian-input select:focus {
outline: none;
border: none;
}
.left-filter-top .persian-input input[type="checkbox"] {
height: 20px;
width: 20px;
margin-bottom: 0;
vertical-align: middle;
margin-right: 5px;
cursor: pointer;
}
.left-filter-top .persian-input label {
font-size: 16px;
text-transform: capitalize;
vertical-align: middle;
cursor: pointer;
}
.left-filter-top span {
display: inline-block;
font-size: 22px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 12px;
}
.left-filterbar .search-filter label {
font-size: 18px;
font-weight: 600;
color: var(--black);
margin-bottom: 8px;
text-transform: capitalize;
}
.left-filterbar .search-filter {
margin-bottom: 15px;
}
.business-right .row {
row-gap: 35px;
}
.business-main-box {
display: flex;
gap: 25px;
align-items: center;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
background-color: var(--white);
margin-right: 25px;
/* margin-bottom: 10px;
margin-top: 10px; */
margin: 0;
}
.business-logo {
width: 20%;
}
.business-logo img {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 10px;
}
.business-inner{
width: 80%;
display: flex;
flex-direction: column;
gap: 20px;
}
.featured-business h2 {
font-size: 18px;
font-weight: 600;
color: var(--black);
margin-bottom: 8px;
text-transform: capitalize;
}
.featured-boxes {
background-color: var(--white);
border-radius: 6px;
padding: 15px;
margin-top: 20px;
}
.featured-boxes h4 {
font-size: 24px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
margin-bottom: 5px;
}
.featured-boxes .phone {
font-weight: 600;
font-size: 18px;
margin-bottom: 5px;
}
.featured-boxes .more-info-btn{
text-align: left;
margin-top: 10px;
}
.featured-boxes .more-info-btn a{
padding: 8px 15px;
}
.featured-boxes p{
font-size: 14px;
margin-bottom: 0;
}
.business-list-content {
width: 100%;
}
.business-list-content h2 {
font-size: 24px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 10px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.business-right .business-list-content h2{
margin-bottom: 5px;
}
.business-list-content p {
font-size: 16px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.5s;
margin-bottom: 0;
}
/* .business-main-box .persian-btn {
width: 20%;
} */
.business-main-box .persian-btn{
text-align: left;
}
.business-detail-main {
padding: 30px 0 0;
position: relative;
}
.business-detail-img {
height: 450px;
width: 100%;
/* margin-bottom: 25px; */
margin: 30px 0;
}
.business-detail-img img {
height: 100%;
object-fit: cover;
border-radius: 18px;
}
.business-detail-top h2 {
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
}
.business-detail-content p {
font-size: 16px;
line-height: 26px;
}
.business-detail-content h4 {
font-size: 26px;
font-weight: 600;
text-transform: capitalize;
margin: 15px 0;
}
.business-detail-top {
display: flex;
/* justify-content: space-between;
align-items: center; */
gap: 12px;
margin-bottom: 25px;
flex-direction: column;
}
.business-detail-right i {
font-size: 18px;
color: var(--primary-color);
}
.business-detail-right span {
font-size: 16px;
}
.business-detail-sidebar {
position: sticky;
top: 80px;
}
.business-sidebar-top {
padding: 30px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
border-radius: 8px;
background-color: var(--white);
margin-bottom: 0px;
}
.business-sidebar-top h2 {
font-size: 26px;
text-transform: capitalize;
color: var(--black);
font-weight: 600;
margin-bottom: 18px;
}
.business-sidebar-top ul li {
display: flex;
justify-content: space-between;
gap: 12px;
padding-bottom: 12px;
margin-bottom: 15px;
border-bottom: 1px dashed var(--header-bg-color);
}
.business-sidebar-top ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.business-sidebar-top ul li strong {
text-transform: capitalize;
font-size: 16px;
}
.business-sidebar-top ul li span {
font-size: 16px;
}
.business-sidebar-top ul li span a {
color: var(--black);
}
.business-sidebar-top ul li span a i {
color: var(--primary-color);
padding-right: 8px;
font-size: 18px;
}
.business-sidebar-top ul li span:last-child a i {
padding-right: 0;
}
.business-sidebar-bottom {
/* padding: 30px; */
padding: 0px;
/* box-shadow: 0 0 25px rgb(0 0 0 / 5%); */
border-radius: 8px;
background-color: var(--white);
margin-top: 40px;
}
.business-sidebar-bottom h2 {
text-transform: capitalize;
color: var(--black);
font-weight: 600;
margin-bottom: 18px;
font-size: 26px;
}
.event-list-section {
padding: 40px 0 80px;
position: relative;
}
.event-list-section .event-box {
flex-direction: column;
width: 100%;
}
.event-list-section .event-img {
width: 100%;
height: 350px;
}
.event-list-section .event-content-box {
width: 100%;
}
.event-list-section .event-list .row {
row-gap: 35px;
}
.event-list-section .event-list {
margin-top: 40px;
}
.event-detail-main {
padding: 80px 0;
position: relative;
}
.event-detail-top span {
display: inline-block;
margin-bottom: 20px;
border: 1px solid var(--primary-color);
box-shadow: 4px 4px var(--primary-color);
color: var(--primary-color);
font-size: 16px;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 50px;
}
.event-detail-top h2 {
font-size: 36px;
text-transform: capitalize;
color: var(--black);
margin-bottom: 25px;
font-weight: 600;
}
.event-detail-img {
height: 500px;
margin-bottom: 25px;
}
.event-detail-img img {
height: 100%;
object-fit: cover;
border-radius: 25px;
}
.event-detail-content p {
font-size: 16px;
line-height: 26px;
margin-bottom: 16px;
}
.events-points ul {
padding-left: 35px !important;
list-style: disc !important;
}
.events-points ul li {
margin-bottom: 12px;
}
.events-points {
margin-bottom: 12px;
}
.event-gallery {
display: grid;
grid-template-columns: auto auto;
gap: 8px;
margin-bottom: 25px;
}
.event-gallery-img {
height: 250px;
border-radius: 8px;
}
.event-gallery-img img {
height: 100%;
object-fit: cover;
border-radius: 8px;
border: 1px solid var(--header-bg-color);
}
.event-detail-sidebar {
position: sticky;
top: 60px;
}
.event-detail-right {
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
margin-bottom: 25px;
}
.event-detail-right:last-child {
margin-bottom: 0;
}
.event-detail-right h2 {
font-size: 22px;
margin-bottom: 20px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
}
.event-detail-right ul li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px dashed var(--header-bg-color);
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
}
.event-detail-right ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.event-detail-right ul li strong {
font-size: 16px;
text-transform: capitalize;
letter-spacing: 0.5px;
}
.event-detail-right ul li span {
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
.event-detail-right ul li a {
display: inline-block;
font-size: 16px;
text-transform: capitalize;
padding: 8px 15px;
background-color: var(--primary-color);
color: var(--white);
border-radius: 5px;
border: 1px solid var(--primary-color);
transition: all 0.5s;
}
.event-detail-right ul li a:hover {
background-color: transparent;
color: var(--primary-color);
}
.popular-event-list .event-time:nth-child(2){
border-right: none;
}
.event-list-section .popular-events .event-img{
height: 250px;
}
.all-program-list{
margin-top: 0;
}
.program-list.all-program-list .program-img a {
width: 100%;
}
.left-program-info h2{
text-transform: uppercase;
}
.event-search-input i{
position: absolute;
top: 0;
right: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
height: 45px;
color: var(--white);
padding: 5px 12px;
font-size: 16px;
background-color: var(--primary-color);
width: 45px;
}
.awards-section h4 {
font-size: 20px;
color: #343a40 !important;
margin-top: 16px;
padding-bottom: 8px;
border-bottom: 1px solid rgb(204 204 204 / 50%);
}
/* project detail page */
.project-top-info h2 {
font-size: 28px;
line-height: 30px;
margin-bottom: 15px;
}
.project-top-info {
margin-bottom: 25px;
}
.project-profile-info {
display: flex;
gap: 45px;
align-items: center;
}
.project-profile {
display: flex;
align-items: center;
gap: 8px;
}
.project-profile img {
height: 50px;
width: 50px;
object-fit: cover;
border-radius: 50px;
}
.project-profile span {
font-size: 16px;
font-weight: 500;
color: var(--black);
}
.req-title h3{
font-size:24px;
font-weight:600;
letter-spacing:0;
}
.req-title p{
font-size:16px;
line-height:1.6;
}
.req-title{
margin-bottom:1.5rem!important;
}
.project-detail-header {
position: relative !important;
}
.project-tabs .business-detail-content {
border-bottom: none;
}
.project-tabs.all-tab-contents #business {
padding: 0;
}
.project-detail-inner .file-section-list .file-image img {
border-radius: 5px;
object-fit: cover;
}
.project-detail-sidebar .project-detail-sidebar-right:last-child{
margin-top:1.5rem;
}
/* / projects pages css / */
.project-list-main {
padding: 40px 0 80px;
position: relative;
}
.project-list-inner {
margin-top: 40px;
}
.project-list-inner .row {
row-gap: 45px;
}
.project-item-box {
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
height: 100%;
}
.projects-item-img {
height: 300px;
}
.projects-item-img a {
height: 100%;
display: inline-block;
width: 100%;
}
.projects-item-img img {
height: 100%;
object-fit: cover;
}
.project-item-content {
padding: 25px 15px;
}
.project-item-content h2 {
font-size: 24px;
margin-bottom: 12px;
}
.project-item-content p {
font-size: 16px;
line-height: 26px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.project-item-content a {
font-size: 16px;
text-decoration: underline;
text-transform: capitalize;
color: var(--primary-color);
margin-top: 12px;
display: inline-block;
transition: all 0.5s;
}
.project-item-content a:hover {
color: var(--black);
letter-spacing: 1px;
transform: scale(1.01);
}
.project-item-content a i {
padding-left: 5px;
}
.artmarket-main {
padding: 40px 0 80px;
position: relative;
}
.artmarket-list {
/* margin-top: 40px; */
}
.artmarket-list .row {
row-gap: 35px;
}
.artmarket-list .market-box .market-img {
height: 300px;
}
.project-detail-main {
padding: 80px 0;
position: relative;
}
.project-detail-slider {
margin-bottom: 0;
}
.project-detail-slide {
height: 450px;
}
.project-detail-slide img {
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.project-detail-right {
height: 450px;
}
.project-detail-right img {
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.project-detail-slider .project-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
height: 45px;
width: 45px;
z-index: 2;
color: var(--white);
border-radius: 50%;
cursor: pointer;
}
.project-detail-slider .next-arrow {
right: 25px;
}
.project-detail-slider .prev-arrow {
left: 25px;
}
.project-detail-inner {
margin-top: 50px;
}
.project-detail-content h2 {
font-size: 28px;
margin-bottom: 12px;
text-transform: capitalize;
}
.project-detail-content p {
font-size: 16px;
line-height: 26px;
margin-bottom: 16px;
}
.project-points {
margin-bottom: 25px;
}
.project-points ul {
padding-left: 35px !important;
list-style: circle !important;
}
.project-points ul li {
margin-bottom: 12px;
}
.project-points ul li:last-child {
margin-bottom: 0;
}
.project-detail-sidebar {
position: sticky;
top: 100px;
}
.project-detail-sidebar-right {
padding: 25px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
border-radius: 12px;
}
.project-detail-sidebar-right h2 {
font-size: 24px;
margin-bottom: 18px;
font-weight: 600;
text-transform: capitalize;
}
.project-detail-sidebar-right ul li {
display: flex;
justify-content: space-between;
gap: 5px;
margin-bottom: 15px;
align-items: center;
text-align: right;
}
.project-detail-sidebar-right ul li:last-child {
margin-bottom: 0;
}
.project-detail-sidebar-right ul li strong {
font-size: 18px;
text-transform: capitalize;
letter-spacing: 0.5px;
font-weight: 400;
}
.project-detail-sidebar-right ul li span {
font-size: 16px;
display: inline-block;
text-transform: capitalize;
word-wrap: break-word;
text-align: right;
}
.project-social {
display: flex;
gap: 12px;
align-items: center;
}
.project-social a {
font-size: 22px;
color: var(--primary-color);
display: inline-block;
}
.art-market-detail-main {
padding: 80px 0 0;
position: relative;
}
.art-market-slider {
position: sticky;
top: 100px;
}
.market-slide {
height: 450px;
}
.market-slide img {
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.market-thumb-slide {
height: 120px;
margin-right: 12px;
}
.market-thumb-slide img {
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.market-thumb-slider .product-arrow {
position: absolute;
left: -50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--header-bg-color);
color: var(--black);
padding: 6px;
border-radius: 2px;
height: 32px;
width: 32px;
font-size: 14px;
}
.market-thumb-slider .next-arrow {
top: 50px;
}
.market-thumb-slider .prev-arrow {
top: 0px;
}
.market-detail-top {
margin-bottom: 25px;
}
.market-detail-top span {
font-size: 16px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 12px;
}
.market-detail-top h2 {
font-size: 36px;
text-transform: capitalize;
margin-bottom: 12px;
font-weight: 600;
}
.market-detail-top strong {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.market-detail-inner p {
font-size: 16px;
line-height: 26px;
margin-bottom: 18px;
}
.market-detail-middle {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.market-price span {
display: inline-block;
font-size: 16px;
}
.market-price h2 {
font-size: 34px;
font-weight: 600;
margin-bottom: 0;
}
.education-main {
padding: 80px 0;
position: relative;
}
.education-left {
display: flex;
gap: 15px;
}
.education-img {
height: 400px;
width: 100%;
}
.education-img img {
height: 100%;
object-fit: cover;
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
padding: 4px;
border: 2px solid var(--primary-color);
}
.education-img-right {
margin-top: 50px;
}
.education-img-right img {
border-radius: 0;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border: none;
}
.education-content h2 {
font-size: 34px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
}
.education-title span {
display: inline-block;
border: 1px solid var(--primary-color);
padding: 5px 25px;
border-radius: 40px;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 16px;
}
.education-content .persian-btn {
text-align: left;
margin-top: 25px;
}
.education-content p {
font-size: 16px;
line-height: 28px;
}
/* courses detail page css */
.business-sldier .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
z-index: 1;
}
.business-sldier .next-arrow {
right: 50px;
top: 60%;
}
.business-sldier .p-arrow.slick-disabled{
opacity: 0.8;
}
.business-sldier .prev-arrow {
right: 50px;
top: 45%;
}
.business-sldier{
margin-bottom: 0;
}
.testimonial-slider{
margin-top: 20px;
margin-bottom: 0;
}
.testimonial-description p {
text-align: left;
}
.testimonial-slider .p-arrow{
top: -76px;
}
.testimonial-slider .next-arrow {
right: 20px;
}
.testimonial-slider .prev-arrow {
right: 80px;
}
.course-detail-tabs-list .course-pill-scroll > ul {
flex-wrap: nowrap;
width: 100%;
}
.course-detail-tabs-list .course-pill-scroll > ul {
margin-bottom: 5px !important;
gap: 25px;
}
.course-detail-tabs-list .course-pill-scroll > ul li a {
display: block;
padding: 10px 35px;
border-radius: 5px !important;
font-size: 16px;
background-color: var(--course-bg) !important;
color: var(--black);
transition: all 0.5s ease;
text-transform: capitalize;
}
.course-detail-tabs-list .course-pill-scroll > ul li a.active {
background-color: var(--primary-color) !important;
border-radius: 5px;
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
}
.course-detail-tabs-list .course-pill-scroll > ul li a:hover {
box-shadow: none;
}
.course-pill-scroll {
position: static;
z-index: 1;
margin-bottom:25px !important;
}
.course-score{
flex-direction: column;
border-bottom: none;
}
.course-score .progress {
margin-bottom: 8px;
height: 4px;
}
.course-score .progress .progress-bar {
border-radius: 20px;
background-color: #ff0;
}
.list-item {
position: relative;
margin-right: 2px;
}
.list-item:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 35%);
top: 0;
left: 0;
}
.course-detail-header h2 {
font-size: 35px;
margin-bottom: 40px;
font-weight: bold;
color: var(--primary-color);
}
.about-business1 {
padding: 20px 0;
border-bottom: none;
overflow: hidden;
/* padding: 30px 0px;
border-bottom: 1px solid rgba(235, 235, 235, 1);
overflow: hidden; */
}
.business-upd img {
width: 80px;
height: 80px;
border-radius: 5px;
object-fit: cover;
}
.question-header h2 {
font-size: 32px !important;
margin-bottom: 0 !important;
color: var(--primary-color) !important;
}
.business-upd-title{
display: flex;
flex-direction: column;
gap: 2px;
}
.business-upd-title h2{
font-size: 18px;
color: var(--primary-color);
margin-bottom: 8px;
text-transform: capitalize;
margin-bottom: 0;
}
.company-dinfo {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid rgba(235, 235, 235, 1);
padding-bottom: 20px;
}
.company-dinfo .buy-btn {
margin-right: 10px;
}
/* .moretext {
display: none;
} */
.buy-btn a {
display: inline-block;
padding: 8px 22px;
background-color: var(--primary-color);
box-shadow: none;
font-size: 16px;
color: #fff;
border: 1px solid transparent;
transition: all 0.5s;
border-radius: 5px;
text-align: center;
text-transform: unset;
cursor: pointer;
}
.review-header h2 {
font-size: 22px;
font-weight: 800;
color: rgba(45, 46, 47, 1);
text-transform: capitalize;
padding-bottom: 15px;
}
.business-upd {
margin-bottom: 18px;
display: flex;
border: 1px solid rgb(235, 235, 235);
border-radius: 5px;
padding: 18px 14px;
gap: 20px;
/* align-items: center; */
}
.business-upd p{
margin-bottom: 0;
}
.business-list-slider {
margin-top: 80px;
}
.business-list-slider .business-main-box {
display: block;
}
.business-list-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -55px;
cursor: pointer;
transform: unset;
z-index: 1;
}
.business-list-slider .next-arrow {
right: 0px;
}
.business-list-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.business-list-slider .prev-arrow {
right: 60px;
}
.business-list-slider .business-logo{
width: 100%;
margin-bottom: 25px;
}
.business-list-slider .business-inner {
width: 100%;
}
.business-list-slider .business-logo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.hours-info table td{
font-size: 16px;
text-align: center;
text-transform: capitalize;
}
.hours-info table {
margin-bottom: 0;
}
.hours-info table td.closed {
color: red;
font-weight: 700;
}
.amenities-info {
margin-top: 20px;
}
.company-detail-info .row {
padding-bottom: 10px;
}
.amenitie-two {
padding-bottom: 15px;
display: flex;
align-items: center;
gap: 20px;
}
.amenitie-two i {
font-size: 10px;
/* padding-bottom: 20px; */
}
.amenitie-two span {
font-size: 18px;
font-weight: normal;
color: rgba(45, 46, 47, 1);
}
.review-inner{
border-bottom: none;
padding-bottom: 0;
}
.review-inner .business-upd:last-child {
margin-bottom: 0;
}
.buy-btn span {
padding-right: 3px;
}
.course-detail-main {
padding: 80px 0;
position: relative;
}
.course-detail-inner h2 {
font-size: 28px;
text-transform: capitalize;
margin-bottom: 18px;
}
.course-detail-img {
margin-bottom: 25px;
height: 400px;
}
.course-detail-img img {
border-radius: 25px;
height: 100%;
object-fit: cover;
}
.course-basic-info {
/* display: flex;
align-items: center;
gap: 35px;
margin-bottom: 25px; */
justify-content: space-between;
gap: 10px;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
/* .course-basic-item {
display: flex;
gap: 8px;
align-items: center;
} */
.course-basic-item {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
border-right: 1px dotted var(--primary-color);
height: 100%;
padding-right: 10px ;
}
.course-basic-item:last-child{
border-right: none;
}
.que-ask .company-deal-review textarea {
resize: vertical;
border: 1px solid rgb(235, 235, 235);
width: 100%;
height: 100px;
margin: 10px 0px;
}
.company-deal-review .buy-btn a {
width: 100%;
box-shadow: none;
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.company-deal-review .buy-btn a:hover {
background-color: var(--white);
color: var(--primary-color);
}
.company-deal-review .buy-btn button {
width: auto;
box-shadow: none;
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.company-deal-review .buy-btn button:hover {
background-color: var(--white);
color: var(--primary-color);
}
.business-detail-content {
padding: 20px 0;
border-bottom: 1px solid rgba(235, 235, 235, 1);
}
.business-detail-content .readmore-btn a{
box-shadow: none;
padding: 0;
background-color: transparent;
border: none;
font-size: 16px;
text-transform: capitalize;
color: var(--primary-color);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.business-detail-content .readmore-btn a:hover {
background-color: var(--white);
color: var(--primary-color);
}
.company-deal-review p {
padding: 10px 0px;
overflow: hidden;
}
.about-business .company-deal-review textarea {
resize: vertical;
border: 1px solid rgb(235, 235, 235);
width: 100%;
height: 200px;
margin-bottom: 10px;
}
.que-community {
display: flex;
justify-content: start;
gap: 10px;
}
.que-community p{
margin-bottom: 0;
}
.ans-community {
display: flex;
justify-content: start;
gap: 10px;
}
.ans-community p{
margin-bottom: 0;
}
.ask-community {
display: flex;
flex-direction: column;
gap: 10px;
}
.buy-btn a.reads-btn{
width: auto;
box-shadow: none;
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.buy-btn a.reads-btn:hover{
background-color: var(--white);
color: var(--primary-color);
}
.review-comment{
margin: 40px 0;
}
.review-comment span{
margin-top: 0;
}
.business-detail-tabs-list #reviews .review-info {
display: flex;
align-items: center;
gap: 20px;
flex-direction: column;
padding: 20px 0;
}
.business-detail-tabs-list #reviews .review-info .review-count h2{
margin-bottom: 0;
}
.business-detail-tabs-list #reviews .review-info .review-left {
display: flex;
flex-direction: row;
gap: 40px;
width: 100%;
align-items: center;
}
.rate-btn{
text-align: left;
/* margin-top: 40px; */
}
#events .event-content h2 a {
font-size: 20px;
}
#events .event-lists {
display: flex;
align-items: center;
gap: 20px;
padding: 0 0 20px 0;
}
#qa .business-faqs{
padding: 0 ;
}
#events .event-lists .event-box{
margin-bottom: 0;
display: flex;
flex-direction: column;
width: 50%;
}
#events .event-lists .event-box .event-img {
height: 260px;
width: 100%;
border-radius: 12px;
}
#events .event-lists .event-box .event-content-box {
width: 100%;
}
#events .event-lists .event-box .event-content {
margin-bottom: 0;
}
#events .event-lists .event-box .event-content p{
margin-bottom: 0;
}
.instructor-img {
height: 70px;
width: 70px;
}
.instructor-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
border: 2px solid var(--header-bg-color);
}
.course-basic-title h4 {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 2px;
}
.course-basic-title span {
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0.6px;
}
.course-basic-title span i {
font-size: 14px;
color: var(--primary-color);
}
.course-detail-tabs-list > ul {
/* margin-top: 25px !important;*/
margin-bottom: 35px !important;
gap: 25px;
/* padding-left: 8px !important;
border-bottom: 1px solid #dfdede !important; */
}
.course-detail-tabs-list > ul li a {
display: block;
padding: 10px 35px;
border-radius: 5px !important;
font-size: 16px;
background-color: var(--course-bg) !important;
color: var(--black);
transition: all 0.5s ease;
text-transform: capitalize;
}
.course-detail-tabs-list > ul li a.active {
background-color: var(--primary-color) !important;
/* box-shadow: 6px 6px var(--black); */
border-radius: 5px;
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
}
.course-detail-tabs-list > ul li a:hover {
box-shadow: none;
/* color: var(--primary-color) !important; */
}
.course-tab-details {
/* box-shadow: 0 0 25px rgb(0 0 0 / 5%);
padding: 30px;
border: 1px solid var(--header-bg-color); */
border-radius: 12px;
}
.course-detail-inner {
border: 1px solid #dbe0e9;
border-radius: 12px;
padding: 30px;
}
.course-tab-details h2 {
font-size: 20px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 8px;
}
.course-tab-details p {
font-size: 16px;
line-height: 28px;
}
.course-tab-details p:last-child{
margin-bottom: 0;
}
.course-tab-details ul {
padding-left: 25px !important;
list-style: disc !important;
margin-bottom: 25px !important;
}
.course-tab-details ul li {
margin-bottom: 12px;
}
.course-tab-details ul li:last-child {
margin-bottom: 0;
}
.course-tab-details ul li span {
font-size: 16px;
display: inline-block;
text-transform: capitalize;
}
.course-faqs {
padding: 0 0 80px 0;
}
.institute-btn{
margin-top: 15px;
}
.institute-btn a{
background: transparent;
color: var(--primary-color);
border: none;
padding: 0;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
justify-content: start;
}
.institute-btn a:hover{
color: var(--black);
transform: scale(1.08) translateX(2px);
letter-spacing: 1px;
transform-origin: 0%;
}
#institute .instructor-content {
width: 65%;
}
.course-review-title{
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.course-review-title span{
font-size: 16px;
}
.use-unuse-links {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
row-gap: 10px;
}
.useful-btn a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: var(--main-header);
padding: 10px 20px;
border-radius: 5px;
border: 1px solid var(--main-header);
transition: all 0.5s ease;
}
.useful-btn a span{
margin-bottom: 0;
font-size: 14px;
display: block;
color: var(--black);
line-height: normal;
opacity: 0.6;
}
.useful-btn a i{
font-size: 18px;
color: var(--primary-color);
}
.useful-btn a:hover{
background-color: #f3efef;
}
.curriculum-box {
margin-bottom: 15px;
}
.curriculum-title {
background-color: var(--course-bg);
padding: 12px;
}
.curriculum-title a {
display: flex;
justify-content: space-between;
font-size: 18px;
color: var(--primary-color);
text-transform: capitalize;
align-items: center;
}
.curriculum-title a.collapsed i {
transform: rotate(180deg);
}
.curriculum-content {
margin-top: 12px;
}
.instructor-info {
display: flex;
gap: 25px;
align-items: start;
padding-bottom: 40px;
border-bottom: 1px solid #dbe0e9;
padding-top: 40px;
}
.instructor-info:first-child {
padding-top: 0px;
}
.instructor-info:last-child {
padding-bottom: 0px;
border-bottom: none;
}
.instructor-profile {
height: 150px;
width: 150px;
}
.instructor-profile img {
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.instructor-name a {
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
display: block;
margin-bottom: 0px;
color: var(--primary-color);
line-height: normal;
}
.instructor-name span {
font-size: 16px;
text-transform: capitalize;
display: block;
font-weight: 500;
}
.instructor-content {
width: 80%;
}
.instructor-content p {
font-size: 16px;
line-height: 28px;
margin-bottom: 12px;
}
.instructor-social ul {
display: flex;
gap: 12px;
align-items: center;
margin-top: 25px;
list-style: none !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.instructor-social ul li {
margin-bottom: 0;
}
.instructor-social ul li a {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
border-radius: 50%;
color: var(--primary-color);
border: 1px solid var(--primary-color);
transition: all 0.5s ease;
}
.instructor-social ul li a:hover{
background-color: var(--primary-color);
color: var(--white);
}
#institute .instructor-profile img {
height: 100%;
width: 100%;
border-radius: 15px;
object-fit: cover;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
#institute .instructor-name span {
font-size: 20px;
}
#institute .instructor-name {
display: flex;
align-items: start;
flex-direction: column;
justify-content: start;
gap: 10px;
}
#institute .contact-info {
display: flex;
flex-direction: column;
gap: 5px;
}
#institute .contact-info a.opContact {
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
line-height: 24px;
color: #3f4449;
}
#institute .contact-info .day{
font-weight: 500;
font-size: 16px;
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
#institute .instructor-name a {
font-size: 30px;
}
#institute .contact-info .eachFBLocation{
font-weight: 500;
font-size: 16px;
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
.instructor-name {
display: flex;
align-items: start;
flex-direction: column;
justify-content: start;
gap: 5px;
margin-bottom: 10px;
}
.course-detail-sidebar {
padding: 25px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
border-radius: 12px;
}
.coursedetail-side-img {
height: 250px;
margin-bottom: 25px;
}
.coursedetail-side-img img {
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.course-sidebar-info {
margin-bottom: 25px;
}
.course-sidebar-info ul li {
display: flex;
gap: 12px;
margin-bottom: 12px;
justify-content: space-between;
}
.course-sidebar-info ul li strong {
font-size: 16px;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.course-sidebar-info ul li span {
font-size: 16px;
text-transform: capitalize;
}
.course-detail-sidebar .persian-btn a {
width: 100%;
}
/* course list - education list css */
.course_list_section {
padding: 80px 50px;
position: relative;
z-index: 2;
/* background-color: #f7f7f7; */
}
.course_list_section::after {
content: "";
position: absolute;
top: -20Px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/program-bgshape1.png);
background-repeat: no-repeat;
background-position: top;
z-index: -1;
display: none;
}
.course_list_section::before {
content: "";
position: absolute;
bottom: -40px;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/program-bgshape.png);
background-repeat: no-repeat;
background-position: bottom;
z-index: -1;
display: none;
}
.course_box {
background-color: var(--white);
border-radius: 16px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
height: 100%;
}
.course_img {
height: 250px;
position: relative;
}
.course_img a {
height: 100%;
width: 100%;
}
.course_img a img{
height: 100%;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.course_content {
padding: 30px;
padding-bottom: 20px;
}
.course_title {
padding-bottom: 30px;
display: flex;
align-items: start;
justify-content: space-between;
border-bottom: 1px solid #ededed;
gap: 10px;
}
.course_title h3{
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 24px;
color: var(--black);
text-transform: capitalize;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
margin-bottom: 0;
height: 84px;
}
.course_title span {
display: block;
font-size: 14px;
text-transform: capitalize;
padding: 2px 5px;
border: 1px solid #2222224d;
border-radius: 4px;
font-weight: 500;
line-height: normal;
}
.course_inner {
display: flex;
justify-content: space-between;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ededed;
gap: 5px;
align-items: end;
}
.course_author,.course_rate_review {
display: flex;
gap: 8px;
align-items: center;
}
.course_rate_review i{
color: #f2d049;
}
.course_author:last-child {
margin-bottom: 0;
}
.course_author {
display: block;
gap: 1px;
}
.course_author span {
font-size: 16px;
text-transform: capitalize;
}
.course_icon {
height: 28px;
width: 28px;
}
.course_icon img {
height: 100%;
}
.course_content .persian-btn {
text-align: left;
margin-top: 25px;
}
.course_content .persian-btn a {
background-color: transparent;
color: var(--primary-color);
transition: all 0.5s;
}
.course_content .persian-btn a:hover {
background-color: var(--primary-color);
color: var(--white);
}
.course_box_footer {
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.course_offer {
position: absolute;
top: 15px;
right: 15px;
opacity: 1;
/* visibility: hidden; */
transition: all 0.5s;
}
/* course list - education list css */
.course-categories {
padding: 60px 0 0;
position: relative;
overflow: hidden;
}
.course-inner-categories .category-box{
background-color: #f5f5f5;
padding: 10px;
width: auto;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.course-inner-categories .category-box .category-img{
box-shadow: none;
padding: 10px;
width: 80px;
height: 80px;
border-radius: 0;
border: none !important;
}
.categories-course.all-categories {
width: 100%;
overflow-x: auto;
margin-bottom:20px;
}
.persian-btn.course-mobile-btn {
display: none;
}
.categories-course.all-categories {
/* gap: 10px; */
/* display: grid;
grid-template-columns: repeat(5, 1fr); */
}
.course-inner-categories .category-box:last-child{
border-right: 1px dashed rgb(182 152 89 / 50%);
}
.categories-course .category-box span {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 10px;
transition: all 0.5s ease;
cursor: pointer;
text-align: center;
}
.categories-course .category-box:hover span {
color: var(--primary-color);
}
.featured-inner-courses {
padding: 40px 0 30px;
}
/* .course-banner-inner .business-banner-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
} */
.course-banner-inner .business-banner-img {
height: 400px;
position: relative;
}
.course-banner-inner .business-input h2{
font-size: 40px;
text-align: left;
}
.course-banner-inner .business-input{
width: 100%;
margin: auto;
position: absolute;
content: '';
top: 50%;
left: 0;
transform: translateY(-50%);
}
.banner-inner-content{
width: 60%;
}
.banner-inner-content h2{
margin-bottom: 5px;
}
.banner-inner-content p{
color: rgb(255 255 255 / 75%);
margin-bottom: 0;
text-align: left;
}
.course-breadcrumb{
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.course-breadcrumb span{
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
.course-breadcrumb i{
font-size: 12px;
}
.course-inner-info {
padding: 20px;
box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
border-radius: 15px;
background: #fff;
}
.course-series-info {
position: relative;
z-index: 9;
margin-top: -55px;
}
#reviews .course-tab-details .review-inner{
border-top: 1px solid rgb(235, 235, 235);
margin-top: 24px;
}
#reviews .business-tab-details .about-business1{
border-top: 1px solid rgb(235, 235, 235);
margin-top: 24px;
}
.business-detail-tabs-list{
/* margin-top: 16px; */
margin-bottom: 35px;
}
.business-detail-tabs-list .nav-pills{
display: flex;
gap: 20px;
margin-bottom: 24px !important;
}
.business-detail-tabs-list .nav-pills li a{
display: block;
padding: 10px 35px;
border-radius: 5px !important;
font-size: 16px;
background-color: var(--course-bg) !important;
color: var(--black);
transition: all 0.5s ease;
text-transform: capitalize;
}
.business-detail-tabs-list ul li a:hover{
color: var(--primary-color);
}
.business-detail-tabs-list ul li a.active{
background-color: var(--primary-color) !important;
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
}
.review-info {
display: flex;
align-items: center;
gap: 50px;
/* justify-content: space-between; */
}
.review-left {
display: flex;
flex-direction: column;
gap: 10px;
}
.review-count h2{
font-size: 40px;
font-weight: 600;
color: #001931;
line-height: 40px;
margin-bottom: 10px;
}
.review-info .five-star i{
color: var(--primary-color);
font-size: 22px;
}
.activity-header h2{
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
}
.business-faqs{
padding: 20px 0;
}
.total-reviews {
font-size: 17px;
color: #0e85d9;
font-weight: 600;
}
.review-right {
width: 100%;
}
.star-item {
display: flex;
align-items: center;
gap: 20px;
}
.star-item span {
font-size: 16px;
font-weight: 500;
color: #000;
white-space: nowrap;
}
.review-progress{
width: 100%;
}
.review-progress .progress{
height:10px;
}
.review-progress .progress .progress-bar{
background-color: var(--primary-color);
}
i.blank-start {
color: #d7d5d5;
}
.review-start{
display: flex;
flex-direction: column;
gap: 20px;
}
.popular-course {
padding: 0 0 80px 0;
}
.store-box {
width: 24%;
position: relative;
}
.store-info {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
cursor: pointer;
padding: 20px 0;
}
.store-box img{
border-radius: 5px;
}
.store-box h2{
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
font-size: 22px;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 0;
text-align: center;
}
.store-box::before{
background-color: #333333;
content: '';
position: absolute;
inset: 0px;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
border-radius: 5px;
}
.store-box:hover::before{
opacity: 0.5;
visibility: visible;
}
.store-box:hover h2{
opacity: 1;
visibility: visible;
}
.testimonial-img {
width: 55px;
border-radius: 100%;
height: 55px;
}
.testimonial-img img{
border-radius: 100%;
width: 100%;
}
.course-tesimonials {
padding:0 0 80px 0px;
}
.inner-box {
display: flex;
align-items: start;
gap: 0px;
justify-content: start;
flex-direction: column;
}
h4.testimonial-name {
font-size: 18px;
margin-bottom: 0;
font-weight: 600;
text-align: right;
display: block;
width: 100%;
}
.testimonial-info span {
font-size: 16px;
text-align: right;
}
.testimonial-description p {
font-size: 16px;
text-align: right;
width: 100%;
}
.testimonial-box {
padding: 20px;
border: 1px solid #d8dee7;
border-radius: 15px;
margin-right: 20px;
}
.testimonial-description {
margin-bottom: 20px;
}
.testimonial-info {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.testimonial-head{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
}
.testimonial-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -60px;
cursor: pointer;
z-index: 1;
}
.testimonial-slider .next-arrow {
right: 0px;
}
.testimonial-slider .p-arrow.slick-disabled {
opacity: 0.8;
}
.testimonial-slider .prev-arrow {
right: 60px;
}
.cart-btn a i {
color: #fff;
}
.cart-btn a{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.cart-btn a:hover i {
color: var(--primary-color);
}
.add-to-cart-btn a {
margin-bottom: 10px;
background: transparent;
color: var(--primary-color);
}
.money-info span {
color: #6d6d6d;
text-align: center;
display: block;
font-size: 16px;
}
.money-info{
margin-top: 10px;
}
.money-info .full-lifetime-access {
color: #6d6d6d;
text-align: center;
display: block;
font-size: 16px;
}
.or-text{
position: relative;
text-align: center;
margin-top: 10px;
}
.or-text:after {
content: '';
background: #dbe0e9;
position: absolute;
height: 0.5px;
width: 45%;
top: 54%;
transform: translateY(-50%);
}
.or-text:before {
content: '';
background: #dbe0e9;
position: absolute;
height: 0.5px;
width: 45%;
top: 54%;
transform: translateY(-50%);
left: 0;
}
.or-text span {
padding: 0 10px;
text-transform: uppercase;
color: var(--primary-color);
}
.subscription-info{
margin-top: 10px;
}
.subscription-info h4{
font-size: 20px;
font-weight: 600;
text-align: center;
}
.subscription-info p {
color: #6d6d6d;
text-align: center;
display: block;
font-size: 14px;
line-height: normal;
}
/* course list - education list css */
.offer_price {
font-size: 32px;
color: var(--black);
font-weight: 600;
line-height: normal;
}
.price_currency_symbol{
font-size: 12px;
color: var(--black);
font-weight: 500;
}
.regular_price{
/* padding-left: 5px; */
color: #fa5d29;
font-size: 12px;
}
.course_offer p {
background-color: var(--primary-color);
color: var(--white);
font-size: 14px;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
text-transform: capitalize;
}
.course_box:hover .course_offer {
top: 15px;
opacity: 1;
visibility: visible;
}
.course_offer a:hover {
color: var(--primary-color);
background-color: var(--white);
}
.course_list_section .persian-btn {
margin-top: 45px;
}
/* .course-score {
display: flex;
gap: 2px;
padding-bottom: 8px;
border-bottom: 2px solid #ff0;
} */
.course-score strong {
font-size: 16px;
text-transform: capitalize;
}
.course-score span {
font-size: 16px;
display: inline-block;
padding-left: 5px;
}
.course_box_footer .read-more-arrow i {
color: var(--black);
}
.course_price {
display: flex;
gap: 8px;
align-items: center;
}
.course-price-left {
display: flex;
flex-direction: column;
align-items: center;
}
.course-price-left span {
font-size: 14px;
line-height: normal;
}
.course-price-right {
display: flex;
align-items: start;
}
.course-list-middle .row {
row-gap: 50px;
}
.course-list-top .row {
row-gap: 25px;
}
.course-list-top {
padding-bottom: 50px;
}
/* ngo-info css */
.ngo-intro-section {
padding: 80px 0;
position: relative;
background-color: #f7f7f7;
}
.ngo-title span {
display: inline-block;
border: 1px solid var(--primary-color);
padding: 5px 25px;
border-radius: 40px;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 16px;
}
.ngo-content h2 {
font-size: 34px;
text-transform: capitalize;
font-weight: 600;
color: var(--black);
margin-bottom: 15px;
}
.ngo-content p {
font-size: 16px;
line-height: 28px;
}
.ngo-content .persian-btn {
text-align: left;
margin-top: 25px;
}
.ngo-img-box {
position: relative;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 12px;
}
.ngo-imgs {
height: 350px;
width: 100%;
margin: auto;
border: 1px solid var(--header-bg-color);
border-radius: 8px;
}
.ngo-imgs img {
height: 100%;
object-fit: cover;
width: 100%;
display: block;
border-radius: 8px;
}
.ngo-img-bottom {
height: 250px;
width: 100%;
grid-column: 1 / span 2;
}
.ngo-img-bottom img {
height: 100%;
width: 100%;
border-radius: 8px;
display: block;
}
.ngo-content-inner {
margin-bottom: 15px !important;
display: flex;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.ngo-content-inner li {
display: flex;
gap: 8px;
align-items: center;
width: 48%;
}
.ngo-content-inner li i {
color: var(--primary-color);
}
.ngo-list-main {
padding: 80px 0;
position: relative;
}
.ngo-item-box {
padding: 25px;
border-radius: 18px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
height: 100%;
}
.ngo-item-img {
height: 300px;
width: 100%;
margin-bottom: 15px;
}
.ngo-item-img img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
border-radius: 18px;
}
.ngo-item-content h2 {
font-size: 22px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ngo-item-content p {
font-size: 16px;
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ngo-item-content .persian-btn {
text-align: left;
}
.ngo-item-content .persian-btn a {
background-color: transparent;
color: var(--primary-color);
padding: 10px 25px;
}
.ngo-item-content .persian-btn a:hover {
background-color: var(--primary-color);
color: var(--white);
}
.ngo-fund-progress {
margin-bottom: 30px;
}
.ngo-fund-progress .progress .progress-bar {
border-radius: 20px;
background-color: var(--primary-color);
}
.ngo-fund-progress .progress {
margin-bottom: 8px;
height: 10px;
}
.fund-progress-title {
display: flex;
justify-content: space-between;
}
.fund-progress-title span {
font-size: 16px;
text-transform: capitalize;
display: block;
}
.fund-progress-title span b {
font-weight: 600;
}
.ngo-list-inner .row {
row-gap: 25px;
}
.ngo-detail-main {
padding: 40px 0;
position: relative;
}
.ngo-detail-tabs-list #reviews .business-tab-details .about-business1{
margin-bottom: 60px;
}
.ngo-list-tab{
position: sticky;
top: 69px !important;
z-index: 5;
padding: 20px 0px !important;
margin-bottom: 30px;
}
.business-detail-tabs-list #reviews .business-tab-details .about-business1 {
margin-bottom: 60px;
}
/* .ngo-left {
padding: 25px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
border-radius: 18px;
} */
.program-social a {
width: 100%;
height: 100%;
padding: 12px;
}
.all-tab-contents #program-business {
padding: 20px 0;
}
.all-tab-contents #store {
padding: 20px 0;
}
.all-tab-contents #events {
padding: 20px 0;
}
.all-tab-contents #reviews {
padding: 20px 0;
}
.all-tab-contents #business {
padding: 0 0 40px 0;
}
.ngo-que-ans .company-deal-review textarea{
width: 70%;
}
.ngo-que-ans .company-deal-review .buy-btn a{
width: auto;
}
#program-business .business-program {
padding-top: 10px;
}
#stores .store-info {
padding-top: 10px;
}
.ngo-left-img {
height: 420px;
width: 100%;
margin-bottom: 25px;
}
.ngo-left-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 12px;
}
.ngo-detail-content h2 {
font-size: 24px;
text-transform: capitalize;
margin-bottom: 25px;
}
.ngo-detail-content .persian-btn {
text-align: left;
margin-bottom: 25px;
}
.ngo-detail-content p {
font-size: 16px;
line-height: 28px;
}
.ngo-sidebar {
padding: 25px;
border-radius: 18px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
margin-bottom: 45px;
}
.ng-sidebar:last-child {
margin-bottom: 0;
}
.ngo-sidebar h2 {
font-size: 20px;
text-transform: capitalize;
margin-bottom: 12px;
}
.ngo-sidebar ul li {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
gap: 5px;
align-items: center;
}
.ngo-sidebar ul li:last-child {
margin-bottom: 0;
}
.ngo-sidebar ul li strong {
font-size: 16px;
text-transform: capitalize;
}
.ngo-sidebar ul li span {
font-size: 16px;
display: inline-block;
}
.ngo-sidebar ul li span a {
color: var(--black);
}
/* ngo slider */
.ngo-list-section {
padding: 80px 0;
}
.partner-logo a {
padding: 20px;
}
.ngo-listing {
padding: 80px 0 0;
}
.ngo-list-slider{
margin-bottom: 0;
}
.ngo-list-section .persian-head {
display: flex;
align-items: center;
justify-content: space-between;
}
.course-detail-tabs-list > ul li a:hover {
color: var(--primary-color);
}
.add-to-cart-btn a:hover {
background-color: var(--primary-color);
color: var(--white);
}
/* store page */
.store-filter {
margin-bottom: 50px;
background-color: #f5f5f5;
padding: 8px;
border-radius: 8px;
}
.store-filter .persian-filter-top {
margin-bottom: 0;
}
.persian-filter-inner .row{
justify-content: end;
}
.filter-right .filter-num span{
cursor: pointer;
}
.filter-right .filter-num span i{
color: var(--primary-color);
font-size: 16px;
}
.store-filter .filter-inner {
justify-content: end;
}
.filter-right .filter-num span:hover {
background-color: var(--primary-color);
transition: all 0.5s ease;
}
.filter-right .filter-num span:hover i{
color: #fff;
}
.star-icons i{
font-size: 20px;
color: var(--primary-color);
}
.price-range-slider {
width: 100%;
padding: 10px 20px;
}
.price-range-slider .range-value {
margin: 0;
}
.price-range-slider .range-value input {
width: 100%;
background: none;
color: #000;
font-size: 16px;
font-weight: initial;
box-shadow: none;
border: none;
margin: 0px 0 20px 0;
}
.price-range-slider .range-bar {
border: none;
background: #000;
height: 3px;
width: 96%;
margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
background: var(--primary-color);
}
.price-range-slider .range-bar .ui-slider-handle {
border: none;
border-radius: 25px;
background: #fff;
border: 2px solid var(--primary-color);
height: 17px;
width: 17px;
top: -7px;
cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
background: var(--primary-color);
}
.price-range-slider .range-bar .ui-slider-handle:focus-visible{
outline: none!important;
}
.store-right-list .program-img {
height: 300px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.program-title span{
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
}
.store-right-list .program-title a{
margin-top:5px;
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
}
.program-box {
padding: 20px;
background-color: var(--white);
height: 100%;
}
.product-price-variant .current-price{
color: #292930;
font-weight: 700;
font-size: 20px;
margin: 4px;
}
.product-price-variant .old-price{
color: rgb(214, 214, 214);
margin-left: 0px;
text-decoration: line-through;
font-weight: 700;
font-size: 18px;
}
.program-content .star-icons{
margin-top: 10px;
}
.program-title.store-title {
margin-bottom: 10px;
}
.program_offer {
position: absolute;
top: -45px;
left: 15px;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.program_offer p {
background-color: var(--primary-color);
color: var(--white);
font-size: 16px;
border-radius: 10px;
padding: 5px 10px;
}
.program-box:hover .program_offer {
top: 15px;
opacity: 1;
visibility: visible;
}
/* store details page */
.store-detail-main .persian-filter{
margin-top: 20px;
background-color: transparent;
}
.store-detail-main {
padding-top: 0;
}
.store-inner-image{
display: flex;
justify-content: center;
align-items: center;
}
.store-img {
display: flex;
align-items: center;
justify-content: center;
}
.store-inner-image a{
width: 70%;
display: flex;
align-items: center;
justify-content: center;
}
.store-market-slider {
position: sticky;
top: 100px;
}
.product-slide {
height: 450px;
}
.product-slide img {
height: 100%;
object-fit: contain;
border-radius: 12px;
width: 100%;
margin: auto;
}
.product-thumb-slide {
height: 80px;
margin-right: 12px;
border: 1px solid #888c8c;
border-radius: 5px;
background: transparent;
padding: 5px;
}
.product-thumb-slide img {
height: 100%;
object-fit: contain;
border-radius: 5px;
width: 100%;
margin: auto;
}
.product-thumb-slider .product-arrow {
position: absolute;
left: -50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--header-bg-color);
color: var(--black);
padding: 6px;
border-radius: 2px;
height: 32px;
width: 32px;
font-size: 14px;
}
.product-thumb-slider .next-arrow {
top: 50px;
}
.product-thumb-slider .prev-arrow {
top: 0px;
}
.product-detail-top {
margin-bottom: 25px;
}
.product-detail-top span {
font-size: 16px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 12px;
font-weight: 600;
}
.product-detail-top h2 {
font-size: 36px;
text-transform: capitalize;
margin-bottom: 12px;
font-weight: 600;
}
.product-detail-top strong {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.product-detail-inner p {
font-size: 16px;
line-height: 26px;
margin-bottom: 18px;
}
.product-detail-middle {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.product-price span {
display: inline-block;
font-size: 16px;
}
.product-price h2 {
font-size: 34px;
font-weight: 600;
margin-bottom: 0;
}
.store-content .store-title a{
font-size: 32px;
line-height: 32px;
}
.store-content .store-title {
display:flex;
flex-direction: column;
gap: 10px;
}
.store-content .star-icons {
margin-top: 0px;
}
.store-content .product-price-variant{
margin-top:10px
}
.store-content .product-price-variant .current-price{
font-size: 35px;
}
.rate-inner {
display: flex;
align-items: center;
gap: 15px;
margin-top: 20px;
padding-bottom: 20px;
/* border-bottom: 1px solid #e7eaf3; */
}
.product-meta{
margin-top:15px !important
}
.product-meta li {
color: var(--primary-color);
font-weight: 500;
font-size: 18px;
line-height: 24px;
display: flex;
align-items: center;
margin: 0;
margin-bottom: 5px;
gap:10px;
}
.store-description p{
font-size: 18px;
color: #858585;
margin-top: 15px;
}
.product-variation .color-variant li>span .color {
width: 20px;
height: 20px;
}
.color-variant li.color-extra-01.active span {
border-color: #aae6f8;
}
.color-variant li.color-extra-01 span .color {
background: #aae6f8;
}
.color-variant li.color-extra-02 span .color {
background: #5f8af7;
}
.color-variant li.color-extra-03 span .color {
background: #59c3c0;
}
.color-variant li.color-extra-04 span .color {
background: #000;
}
.color-variant li>span .color {
display: block;
width: 9px;
height: 9px;
line-height: 1;
border-radius: 50%;
border: none;
}
ul.color-variant {
display: flex;
align-items: center;
gap: 15px;
}
.product-variation {
display: flex;
align-items: center;
gap: 30px;
}
.product-variation h6.title {
margin-bottom: 0;
font-size: 20px;
color: #515151;
}
.pro-qty .qtybtn {
width: 32px;
display: block;
float: left;
line-height: 26px;
cursor: pointer;
text-align: center;
font-size: 16px;
width: 40px;
float: left;
line-height: 26px;
cursor: pointer;
text-align: center;
font-size: 22px;
font-weight: 300;
color: var(--primary-color);
height: 40px;
background: #f5f5f5;
border-radius: 50%;
transition: .3s;
border: 2px solid rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
}
.pro-qty input {
width: 28px;
float: left;
border: none;
height: 40px;
line-height: 30px;
padding: 0;
text-align: center;
background-color: rgba(0, 0, 0, 0);
font-size: 20px;
font-weight: 500;
margin: 0 12px;
color: #27272e;
}
.product-action-wrapper{
/* margin-top: 20px; */
}
.product-quality-title {
margin-bottom: 5px;
font-size: 20px;
color: #515151;
font-weight: 500;
}
.product-qut-inner .filter-num span{
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color);
padding: 15px 15px;
border-radius: 6px;
font-size: 16px;
color: var(--black);
border: 1px solid var(--primary-color);
}
.product-qut-inner .filter-num span i{
color: var(--white);
font-size: 18px;
}
.product-qut-inner .filter-num span:hover {
background-color: var(--white);
transition: all 0.5s ease;
}
.product-qut-inner .filter-num span:hover i{
color: var(--primary-color);
}
.product-qut-inner {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.store-btn {
margin-top: 25px;
}
.store-btn a {
width: 100%;
text-transform: uppercase;
}
.store-btn button {
width: 100%;
text-transform: uppercase !important;
}
.store-tabs-list{
margin-top:50px
}
.store-tabs-list .course-tab-details h2 {
font-size: 24px;
}
#review .persian-btn {
text-align: left;
}
.reviews-bb-box{
display: flex;
margin-bottom: 30px;
}
.business-upd-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.inner-image {
margin-right: 15px;
}
.inner-image img {
border-radius: 10px;
max-width: 100px;
}
.inner-contact h4{
color: #3d4750;
font-size: 20px;
}
.inner-contact .star-icons i {
font-size: 16px;
}
.inner-contact .course-tab-details p {
font-size: 14px;
line-height: 28px;
color: #686e7d;
line-height: 1.6;
margin-top: 5px;
}
.store-slider .program-box{
margin-right: 25px;
}
.store-slider .slick-track {
margin: 25px 0;
}
.store-slider{
margin-bottom:0;
}
.store-slider .p-arrow {
position: absolute;
right: 0;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--header-bg-color);
color: var(--black);
padding: 6px;
border-radius: 2px;
height: 40px;
width: 40px;
font-size: 14px;
top: -49px;
}
.store-slider .prev-arrow {
right: 50px;
}
/* login popup */
#login-popup .modal-dialog {
max-width: 60%;
}
#login-popup .modal-content{
border-radius: 16px;
}
.link-underlined {
position: relative;
display: inline-block;
line-height: 100%;
color: rgb(var(--color-underlined));
border: none;
cursor: pointer;
font-weight: 600;
transition: all 0.5s ease;
}
.link-underlined:hover{
color: var(--primary-color);
}
#login-popup button.btn-close {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--dark-bg);
border-radius: 8px;
cursor: pointer;
transition: all .3s;
background-image: none;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9;
opacity: 1!important;
}
#login-popup button.btn-close i{
color: #fff;
font-size: 25px;
}
.login__container {
display: flex;
justify-content: space-between;
min-height: 693px;
border-radius: 16px;
}
.login-register-tab .login__container{
min-height: 100%;
}
.login__container>div {
flex: 1
}
.login__right {
background:var(--course-bg);
border-radius: 0 16px 16px 0;
}
.login__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 50px;
/* gap: 10px; */
}
.login__title {
margin-bottom: 1.5em;
font-size: 24px;
font-weight: normal;
}
.login__logo {
display: flex;
justify-content: center;
align-items: center;
}
.login__logo svg {
width: auto;
height: 1em
}
.login__logo svg:nth-child(1) {
height: .4em
}
.login__forgot {
margin-top: 20px;
text-align: right;
font-size: .8em
}
.login__content form .form__row:last-child{
margin-bottom: 0;
}
.register-dialog form .form__row:last-child
{
margin-bottom: 20px;
}
.login__social {
display: flex;
gap: 16px;
}
.login__social .button {
color: var(--dark-bg);
border: 0.5px solid #dedede;
border-radius: 8px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
width:100%;
transition: all 0.5s ease;
}
.login__social .button:hover{
background-color: #dedede;
}
.login__or {
margin-top: 2em
}
.login .button[class*=full] {
margin-top: .5em
}
.login__social a i{
margin-right:8px
}
.form__row {
margin-bottom: 30px;
}
.form-field {
position: relative;
width: 100%;
}
.form-field__label {
display: block;
margin-bottom: 8px;
line-height: 100%;
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
color: #a7a7a7;
}
.text-input {
display: block;
height: 48px;
padding: 16px;
background: var(--white);
border: 0;
color: var(--dark-bg);
border-bottom: 1px solid #ededed;
transition: all .3s ease-in-out;
}
.form__row .text-input {
width: 100%;
}
.input-check {
position: relative;
display: inline-block;
}
strong {
font-weight: bold;
}
.input-check input {
display: none;
}
.login__left {
background: #ededed;
border-radius: 16px 0 0 16px;
}
.input-check label {
display: inline-block;
position: relative;
padding-left: 25px;
margin-right: 30px;
line-height: 130%;
cursor: pointer;
color: var(--dark-bg);
}
.input-check label:before {
content: "";
display: block;
position: absolute;
top: 11px;
left: 0;
width: 19px;
height: 19px;
margin-top: -10px;
border: 2px solid #dedede;
border-radius: 4px;
}
.input-check label:after {
content: "";
position: absolute;
top: 50%;
left: 5px;
width: 9px;
height: 9px;
background: var(--dark-bg);
border-radius: 2px;
opacity: 0;
transform: translateY(-50%) scale(0);
transition: all .3s;
}
.input-check input[type=checkbox]:checked+label:after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.form__row .text-input::placeholder{
color: #e4e4e4;
}
.form__row .button{
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: 72px;
padding: 0 24px;
background-color: var(--primary-color);
font-size: 16px;
color: #fff;
text-align: center;
cursor: pointer;
border: none;
white-space: nowrap;
transition: color .3s, background .3s, border .3s;
width: 100%;
border-radius: 8px;
margin-top: 8px;
width: 100%;
border: 1px solid var(--primary-color);
}
.form__row .button span{
font-size: 20px;
font-weight: 400;
line-height: 72px;
}
.login__forgot strong{
position: relative;
display: inline-block;
line-height: 100%;
color: var(--dark-bg);
border-bottom: none;
cursor: pointer;
}
.link-underlined:before {
content: "";
position: absolute;
bottom: -0.2em;
left: 0;
width: 100%;
height: 2px;
background-repeat: no-repeat;
/* background-image: linear-gradient(to right, #222 45%, #2222224d 55%); */
background-image: linear-gradient(to right, #b69859 45%, #2222224d 55%);
background-size: 220% 100%;
background-position: 100% 50%;
transition: .3s ease-out;
}
.link-underlined:hover:before {
background-position: 0% 50%;
}
#signup-popup .modal-dialog {
max-width: 60%;
}
#signup-popup .modal-content{
border-radius: 16px;
}
#signup-popup button.btn-close {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--dark-bg);
border-radius: 8px;
cursor: pointer;
transition: all .3s;
background-image: none;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9;
opacity: 1!important;
}
#signup-popup button.btn-close i{
color: #fff;
font-size: 25px;
}
#signup-popup strong a {
color: var(--primary-color);
}
.input-check p{
line-height: 1.8;
color: var(--dark-bg);
margin-bottom: 16px;
font-size: 16px;
font-weight: 300;
}
.input-check label {
display: inline-block;
position: relative;
padding-left: 25px;
margin-right: 30px;
line-height: 130%;
cursor: pointer;
margin-bottom: 20px;
font-weight: 300;
}
.form-field small{
color: var(--dark-bg);
opacity: 0.7;
font-size: 13px;
}
.form-field small a{
color: var(--dark-bg);
}
.inner-text{
margin: 1.5rem 0;
line-height: 120%;
}
.create-account-btn{
margin-bottom: 0 !important;
}
.welcome-title{
margin-bottom: 0;
}
/* top course css */
.top-course-box {
border-radius: 16px;
background-color: var(--dark-bg);
height: 100%;
}
.top-course-img {
height: 330px;
width: 100%;
position: relative;
}
.top-course-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.top-master {
position: absolute;
top: 20px;
right: 20px;
display: flex;
flex-direction: column;
border-radius: 4px;
overflow: hidden;
background-color: var(--white);
width: 100px;
}
.top-master h4 {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
font-weight: 600;
padding: 6px;
border-bottom: 1px solid #dedede;
}
.top-master span {
font-size: 16px;
display: block;
padding: 6px;
}
.master-marquee strong {
font-size: 16px;
color: var(--white);
animation: master-marquee 4s linear infinite;
white-space: nowrap;
padding: 5px;
}
.master-marquee {
background-color: var(--primary-color);
overflow: hidden;
display: flex;
gap: 4px;
flex-wrap: nowrap;
}
@keyframes master-marquee {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
.master-close {
background-color: var(--dark-bg);
}
.master-close strong {
animation: none;
}
.top-course-content {
padding: 30px;
padding-bottom: 20px;
}
.top-course-content h3 {
margin-bottom: 0;
}
.top-course-content h3 a {
font-size: 24px;
text-transform: capitalize;
padding-bottom: 30px;
color: var(--white);
border-bottom: 1px solid #383838;
}
.top-course-price {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #383838;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.price-left {
/* display: flex; */
gap: 4px;
align-items: end;
}
.price-left small {
font-size: 14px;
color: var(--white);
}
.price-left strong {
font-size: 16px;
font-weight: 500;
/* display: inline-block; */
color: var(--white);
}
.price-right {
display: flex;
gap: 4px;
}
.price-big {
display: flex;
}
.price-big span {
font-size: 32px;
font-weight: 600;
color: #fa5d29;
text-decoration: line-through;
display: inline-block;
}
.price-big small {
font-size: 14px;
color: #fa5d29;
text-decoration: line-through;
}
.price-low {
display: flex;
align-items: center;
}
.price-low span {
font-size: 32px;
color: var(--white);
font-weight: 600;
display: inline-block;
}
.low-price-right {
display: flex;
flex-direction: column;
}
.low-price-right strong {
font-size: 16px;
color: var(--white);
line-height: normal;
}
.low-price-right small {
font-size: 14px;
color: var(--white);
padding-right: 4px;
}
.low-price-right span {
font-size: 9px;
color: var(--white);
font-weight: 400;
}
.top-course-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
}
.top-course-bottom ul {
display: flex;
gap: 15px;
}
.top-course-bottom ul li {
padding-left: 8px;
border-left: 2px solid #ff0;
}
.top-course-bottom ul li span {
font-size: 12px;
display: block;
color: var(--white);
}
.read-more-arrow i {
font-size: 20px;
color: var(--white);
}
/* contact page css */
.contact-us-main {
padding: 80px 0;
}
.contact-left h4 {
font-size: 34px;
margin-bottom: 15px;
text-transform: capitalize;
}
.contact-left p {
font-size: 16px;
line-height: 28px;
}
.contact-us-main .contact-right .text-input {
background-color: #fbfbfb;
}
.contact-us-main .contact-right textarea.text-input {
height: 150px;
overflow-y: auto;
}
.contact-us-main .contact-right textarea.text-input::placeholder {
color: #2222224d;
}
.contact-us-main .contact-right form .persian-btn {
text-align: left;
}
.contact-us-main .contact-right form .persian-btn a {
height: auto;
justify-content: start;
padding: 12px 25px;
width: auto;
}
.contact-us-main .contact-right form .persian-btn button {
height: auto;
justify-content: start;
padding: 12px 25px;
width: auto;
}
.contact-us-main .contact-right form .persian-btn a span {
line-height: normal;
text-transform: uppercase;
font-size: 18px;
}
.contact-us-main .contact-right form .persian-btn button span {
line-height: normal;
text-transform: uppercase;
font-size: 18px;
}
.contact-right .send-btn {
margin-bottom: 0;
}
/* wishlist css */
.shop_table th {
padding: 10px 15px 10px 15px;
color: var(--white);
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
background: var(--primary-color);
}
.shop_table{
border-collapse: collapse;
}
.product-thumbnail {
min-width: 32px;
}
.shop_table td {
border-width: 0 0 1px;
border-style: solid;
border-color: #f4eede;
padding: 28px 15px;
}
.shop_table a {
background-color: transparent;
color: #212121;
}
.shop_table td.product-thumbnail img {
width: 100px;
border: none;
margin: 0;
padding-left: 10px;
}
.shop_table td.product-thumbnail a:last-child {
text-transform: capitalize;
padding-left: 0;
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
margin-top: 5px;
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 120px;
}
.shop_table td.product-remove a {
color: red;
line-height: 20px;
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.shop_table a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.shop_table {
border: 0;
margin: 0;
}
.shop_table {
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 -1px 0px 0;
text-align: left;
width: 100%;
border-radius: 5px;
}
.product-image-inner{
display:flex;
align-items: center;
gap: 10px;
}
.order-summary__background {
padding: 52px 35px;
background: var(--main-header);
margin-bottom: 35px;
position: relative;
}
.order-summary__title {
font-size: 20px;
padding: 0px;
margin: 0px;
letter-spacing: 0.5px;
}
.order-summary__subtotal {
border-top: 1px solid #d0d0d0;
margin-top: 15px;
padding-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.order-summary__delivery-method {
margin-top: 18px;
position: relative;
}
.order-summary__delivery-method {
margin-top: 18px;
position: relative;
}
.order-summary__delivery-method select {
width: 100%;
height: 50px;
padding-left: 15px;
padding-right: 45px;
background-color: var(--white);
border: 1px solid #d0d0d0;
font-size: 16px;
color: var(--black);
/* -webkit-appearance: none;
-moz-appearance: none; */
display: block;
outline: none;
}
.order-summary__total {
margin-top: 30px;
border-top: 1px solid #d0d0d0;
padding-top: 22px;
display: flex;
justify-content: space-between;
align-items: center;
}
.summary-total__price {
font-size: 20px;
font-weight: 600;
color: var(--black);
}
.order-summary__accept-payment-methods {
border-top: 1px solid #d0d0d0;
margin-top: 25px;
padding-top: 22px;
}
.accept-payment-methods__title {
padding: 0px 0px 14px 0px;
margin: 0px;
font-size: 16px;
color: var(--black);
letter-spacing: 0.5px;
}
.order-summary__background:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 20px;
background: #fff url('../images/bg-order-summary.png') top left repeat-x;
}
.order-summary__background:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 20px;
background: #fff url('../images/bg-order-summary.png') bottom left repeat-x;
}
.stock span{
display: inline-block;
font-size: 16px;
}
.out-of-stock{
opacity: 0.5;
}
.product-btn .persian-btn a{
background-color: var(--primary-color);
color: var(--white);
line-height: normal;
}
.product-btn .persian-btn a:hover {
background-color: var(--white);
color: var(--primary-color);
}
.product-btn .persian-btn{
text-align: left;
}
.product-name a {
background-color: transparent;
color: #212121;
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 250px;
}
.product-image{
width:100% !important;
}
.order-main {
padding: 40px 0 80px;
}
.order-box{
display: flex;
align-items: center;
gap: 50px;
border-bottom: 1px solid var(--header-bg-color);
box-shadow: 0px 1px 0px var(--primary-color);
}
.order-box .program-img {
height: auto;
}
.order-box .program-img a img {
object-fit: contain;
height: 130px;
width: 100%;
}
.order-box .program-content{
width:100%;
margin-bottom: 0;
}
.order-box .program-title.store-title {
margin-bottom: 10px;
display: flex;
flex-direction: column;
gap: 5px;
}
.order-box .program-title p{
margin-bottom: 0;
color: #3f3e3e;
font-size: 16px;
}
.row.order-inner {
row-gap: 30px;
}
.order-box .program-title a {
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.order-details {
display: flex;
align-items: center;
margin-top: 20px;
flex-direction: column;
}
.order-details .product {
width: 80%;
}
.order-details .product-price {
width: 20%;
text-align: right;
}
.order-details .title{
font-size: 18px;
font-weight: 500;
color: var(--black);
text-transform: capitalize;
}
.product-inner-title{
border-bottom: 1px solid #d0d0d0;
padding-bottom: 15px;
display: flex;
align-items: center;
margin-top: 20px;
width: 100%;
margin-bottom: 15px;
}
.product-inner-details{
padding-bottom: 5px;
display: flex;
align-items: center;
margin-top: 15px;
width: 100%;
}
.left-info {
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 260px;
font-size: 16px;
color: var(--dark-bg);
text-transform: capitalize;
}
.billing-form{
margin-top:0;
}
.billing-form span{
font-size: 30px;
color: var(--primary-color);
display: block;
text-transform: capitalize;
margin: 0 0 20px 0;
font-weight: 500;
text-transform: capitalize;
}
.billing-form .persian-input input{
margin-bottom: 20px;
}
.billing-form .persian-input.address textarea{
height: 100px;
}
/* privacy pages css */
.privacy-policy-main {
padding: 80px 0;
position: relative;
}
.privacy-content-list ul li {
margin-bottom: 25px;
}
.privacy-content-list ul li span {
font-size: 28px;
display: block;
font-weight: 600;
margin-bottom: 12px;
text-transform: capitalize;
}
.privacy-content-list ul li p {
font-size: 16px;
line-height: 30px;
}
.privacy-content-list ul li p:last-child{
margin-bottom: 0;
}
.wishlist-btn .filter-inner{
display: flex;
justify-content: end;
}
.wishlist-btn .filter-right .filter-num span {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.wishlist-btn .filter-right .filter-num span i {
color: var(--white);
font-size: 16px;
}
.wishlist-btn .filter-right .filter-num span:hover {
background-color: var(--white);
}
.wishlist-btn .filter-right .filter-num span:hover i{
color:var(--primary-color);
}
#order-popup .modal-header{
border-bottom: none;
}
#order-popup .modal-dialog{
max-width: 45%;
}
.order-information{
padding: 20px 40px;
}
#order-popup .order-box{
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
border-bottom: none;
}
.order-information .program-box{
padding: 30px;
}
.order-information .program-content{
margin-top: 0;
}
.order-row{
padding: 30px 0;
}
.order-inner-details {
padding: 25px;
border: 1px solid #d1c8c8;
border-radius: 10px;
}
.order-inner-title h2{
font-size: 24px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 5px;
text-transform: capitalize;
}
.order-inner-title span{
font-size: 16px;
text-transform: capitalize;
color: #797979;
display: block;
}
.order-total-list {
display: flex;
flex-direction: column;
margin-top: 10px;
}
.order-sutotal {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
color: #3f3e3e;
font-size: 16px;
}
.order-total__price{
text-align: right;
}
.order-sutotal.order-total {
border-top: 1px solid #cbcbcb;
padding-top: 20px;
margin-top: 20px;
}
.order-tracker {
padding: 25px;
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.order-id{
color: var(--dark-bg) !important;
}
.tracker-item {
padding-left: 30px;
padding-bottom: 50px;
position: relative;
}
.tracker-year {
margin-bottom: 5px;
}
.tracker-year span {
color: var(--primary-color);
font-size: 18px;
padding: 2px;
text-transform: capitalize;
}
.tracker-item::before {
content: "";
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: var(--primary-color);
border: 5px solid var(--primary-color);
}
.tracker-item::after {
content: "";
position: absolute;
top: 20px;
left: 10px;
height: 100%;
width: 2px;
border: 1px dashed var(--primary-color);
}
.tracker-details {
margin-top: 15px;
}
.tracker-item:last-child:after{
display: none;
}
.step-done:before{
background-color: var(--white);
}
.tracker-item:last-child{
padding-bottom: 0;
}
button.btn-close {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--dark-bg);
border-radius: 8px;
cursor: pointer;
transition: all .3s;
background-image: none;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9;
opacity: 1 !important;
}
button.btn-close i{
font-size: 25px;
color: var(--white);
}
#location-popup .modal-header h3 {
color: var(--primary-color);
margin-bottom: 0;
}
.location-information .persian-filter-top .filter-inner{
width: 100%;
flex-direction: column;
gap: 20px;
}
.location-information .filter-left {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
}
.location-information .filter-inner .persian-input select{
width: 100%;
}
#location-popup .persian-filter-top {
padding: 20px;
}
.persian-btn.select-btn{
width: 100%;
}
.persian-btn.select-btn a{
width: 100%;
text-transform: uppercase;
}
.store-main {
padding: 80px 0;
}
/* faq/qa page css */
.faq-section-main {
padding: 80px 0px;
position: relative;
}
/* .qa-list-main {
display: flex;
justify-content: space-between;
gap: 50px;
} */
/* .qa-inner-container {
width: 100%;
} */
.qa-title {
padding: 14px;
background-color: #f9f9f9;
border-radius: 6px;
}
.qa-title a {
font-size: 18px;
color: var(--black);
display: flex;
align-items: center;
justify-content: space-between;
}
.qa-title a.collapsed i {
transform: rotate(180deg);
}
.qa-content {
padding: 18px;
padding-bottom: 5px;
}
.qa-content p {
font-size: 16px;
line-height: 28px;
}
.qa-item {
margin-bottom: 25px;
}
.qa-item:last-child {
margin-bottom: 0;
}
.faq-section-main .persian-btn {
margin-top: 45px;
}
.qa-left-box span {
font-size: 20px;
display: inline-block;
padding-bottom: 5px;
border-bottom: 1px solid #d7d7d7;
color: var(--primary-color);
margin-bottom: 12px;
text-transform: capitalize;
}
.qa-left-box ul li a {
font-size: 16px;
text-transform: capitalize;
display: block;
padding: 8px 8px;
color: black;
}
.qa-left-box ul li {
transition: all 0.5s ease;
}
.qa-left-box ul li:hover {
background-color: #f7f7f7;
border-radius: 4px;
}
.qa-box {
padding: 25px;
border-radius: 8px;
background-color: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
margin-bottom: 15px;
}
.qa-top {
text-align: center;
}
.qa-top h2 {
font-size: 34px;
text-transform: capitalize;
color: var(--primary-color);
}
.qa-top span {
font-size: 20px;
text-transform: capitalize;
display: inline-block;
}
.qa-top .search-filter {
margin-top: 15px;
}
.qa-top .search-filter .persian-input input{
margin-bottom: 0;
}
.qa-topics h2 {
font-size: 18px;
text-align: center;
text-transform: capitalize;
margin-bottom: 25px;
}
.qa-topic-slider {
padding: 0 35px;
margin-bottom: 0;
}
.qa-topic-slide {
margin: 0 4px;
}
.qa-topic-slide a {
font-size: 16px;
display: block;
text-transform: capitalize;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid #f3f3f3;
text-align: center;
color: black;
}
.qa-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid #d1d1d1;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
}
.qa-arrow i {
font-size: 14px;
}
.qa-arrow.prev-arrow {
left: 0;
}
.qa-arrow.next-arrow {
right: 0;
}
.qa-item-inner span {
font-size: 14px;
text-transform: capitalize;
color: var(--primary-color);
display: inline-block;
margin-bottom: 20px;
}
.qa-item-inner h2 {
font-size: 18px;
color: black;
margin-bottom: 18px;
}
.qa-ask {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 15px;
}
.qa-ask img {
height: 22px;
width: 22px;
border-radius: 20px;
border: 1px solid #f7f7f7;
display: block;
}
.qa-ask span {
font-size: 14px;
display: block;
margin-bottom: 0;
color: black;
text-transform: none;
}
.qa-ans-box .persian-btn {
text-align: left;
margin-top: 0;
}
.qa-ans-box .persian-btn a i {
font-size: 16px;
padding-left: 5px;
}
.qa-ans-main {
margin-top: 10px;
position: relative;
}
.qa-ans-main .persian-input textarea {
margin-bottom: 0;
padding-right: 18px;
padding-bottom: 18px;
}
.qa-btn {
position: absolute;
right: 10px;
bottom: 10px;
}
.qa-btn a {
color: var(--primary-color);
font-size: 18px;
padding: 8px 16px;
background: #fff7ef;
border-radius: 5px;
line-height: normal;
}
.qa-btn button{
color: var(--primary-color);
font-size: 14px;
padding: 8px 16px;
background: #fff7ef;
border-radius: 5px;
line-height: normal;
box-shadow: none;
border: none;
}
.qa-btn a span {
margin-bottom: 0;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
}
.more-ans-btn{
color: var(--primary-color);
transition: all 0.5s ease;
}
.more-ans-btn:hover{
color: var(--black);
}
.qa-item {
margin-bottom: 25px;
}
.qa-item:last-child {
margin-bottom: 0;
}
.qa-sidebar-box {
padding: 25px;
border-radius: 8px;
background-color: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
margin-bottom: 25px;
}
.qa-sidebar-box:last-child {
margin-bottom: 0;
}
.qa-related ul li {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #d7d7d7;
}
.qa-related ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.qa-related ul li:last-child {
margin-bottom: 0;
}
.qa-related ul li a {
font-size: 16px;
color: black;
display: block;
text-transform: capitalize;
}
.qa-related h2 {
font-size: 24px;
text-transform: capitalize;
}
.qa-still-box h2 {
font-size: 20px;
text-transform: capitalize;
}
.qa-still-box .persian-btn {
margin-top: 0;
}
.qa-desc .moretext {
display: none;
color: black;
font-size: 16px;
margin-bottom: 0;
text-transform: none;
}
.qa-desc .moreless-button {
color: var(--primary-color);
}
.qa-desc {
font-size: 16px;
color: black;
}
.qa-filter .persian-btn{
margin-top: 0;
}
.qa-filter {
margin-bottom: 20px;
}
.persian-input.date-input {
padding: 0;
}
.persian-input.date-input input {
margin-bottom: 0;
border: none;
}
.qa-answers-section {
padding: 80px 0;
}
.qa-type{
padding: 8px 16px;
background: #fff7ef;
border-radius: 5px;
line-height: normal;
}
.add-ans-title{
font-size: 24px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 600;
}
.add-agenda-btn {
padding: 10px 25px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.add-agenda-btn:hover{
color: var(--primary-color);
background: transparent;
}
.add-agenda-btn i{
margin-right: 10px;
}
.qa-desc-list {
padding-left: 20px !important;
list-style: disc !important;
}
.qa-desc-list li{
margin-bottom: 10px;
}
.qa-desc-list li:last-child{
margin-bottom: 0;
}
.all-answer-details .qa-item-inner h2{
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
}
.user-qa-list{
margin-bottom: 20px !important;
}
.comment-btn a{
padding: 0;
margin-top: 20px;
background: transparent;
color: var(--primary-color);
border: none;
font-size: 20px;
}
.all-user-details .qa-btn a {
font-size: 14px;
}
.freelancer-details .freelance-info h2{
flex-direction: column;
align-items: start;
}
.freelancer-details .freelance-top-left {
display: flex;
gap: 14px;
width: 100%;
}
.freelancer-details .freelance-top-info{
flex-direction: column;
align-items: start;
}
.freelance-inner-info span{
font-size: 16px;
font-weight: 400;
color: var(--black);
opacity: 0.7;
}
.freelance-inner-item{
position: relative;
}
.freelance-info{
width: 80%;
}
.freelance-inner-item:after {
position: absolute;
right: 0;
bottom: 0;
height: 93px;
width: 93px;
content: "";
z-index: 0;
background-color: var(--primary-color);
transition: all 500ms ease;
mask: url('data:image/svg+xml;utf8,');
mask-repeat: no-repeat;
mask-position: top right;
mask-size: cover;
opacity: 0.3;
}
.freelance-inner-item{
padding: 20px;
}
.freelance-inner-item .freelance-review {
gap: 8px;
}
.freelance-inner-item .freelance-review .five-star {
gap: 8px;
}
.freelance-inner-item .freelance-review .five-star i {
font-size: 16px;
}
.popular-freelancers {
padding-top: 80px;
}
.popular-freelancers .persian-head{
display: flex;
justify-content: space-between;
align-items: center;
}
.freelancer-slider .freelance-info{
width:64%;
}
.freelancer-btn{
text-align: left;
}
.freelancer-btn a{
background: transparent;
color: var(--primary-color);
border: none;
padding: 0 !important;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
}
.freelancer-btn.persian-btn a:hover {
color: var(--black);
transform: scale(1.08) translateX(2px);
letter-spacing: 1px;
transform-origin: 0%;
}
.freelance-inner-item {
margin: 10px !important;
padding: 20px !important;
}
.freelance-inner-item .freelance-skill {
margin-bottom: 5px;
}
.freelancer-slider .slick-list{
display: flex;
}
.freelancer-slider .slick-track{
display: flex;
margin: 0 0 15px;
}
.freelancer-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
}
.freelancer-slider .prev-arrow {
left: -20px;
}
.freelancer-slider .next-arrow {
right: -20px;
}
.freelancer-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.all-user-details {
margin-bottom: 25px;
}
.ans-user{
margin-bottom: 15px;
}
.ans-user img {
height: 30px;
width: 30px;
object-fit: cover;
}
.ans-user span{
text-transform: capitalize;
font-size: 16px;
}
.user-info {
display: flex;
align-items: center;
gap: 10px;
}
.user-time-ago {
font-size: 14px !important;
text-transform: capitalize !important;
color: var(--primary-color) !important;
display: inline-block;
padding: 4px 16px;
background: #fff7ef;
border-radius: 5px;
line-height: normal;
}
.input-check p strong a {
color: var(--primary-color);
}
.login-register-tab-section{
padding: 80px 0;
}
.login-register-tab .nav-pills-scroll {
flex-wrap: nowrap;
width: 100%;
margin-bottom: 5px !important;
gap: 20px;
justify-content: center;
position: unset;
cursor: unset;
}
.login-register-tab .nav-pills-scroll li a{
display: block;
padding: 10px 35px;
border-radius: 5px !important;
font-size: 16px;
background-color: var(--course-bg) !important;
color: var(--black);
transition: all 0.5s ease;
text-transform: capitalize;
}
.login-register-tab .nav-pills-scroll li a.active{
background-color: var(--primary-color) !important;
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
}
.login-register-tab-contents .login-page {
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
max-width: 100%;
margin: auto;
border-radius: 16px;
}
.login-register-tab-contents .login-page .modal-dialog {
max-width: 100%;
}
.login-register-tab-contents {
margin-top: 32px;
}
.login-register-tab-contents .register-page {
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
max-width: 100%;
margin: auto;
border-radius: 16px;
}
.login-register-tab .nav-pills-scroll li.nav-item {
width: 20%;
text-align: center;
}
.notification-canvas-header {
position: relative;
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
padding-bottom: 20px;
background-color: #f9f9f9;
}
.notification-canvas-header h2 {
text-transform: capitalize;
font-size: 20px;
margin-bottom: 0;
}
.notification-canvas-header i {
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
background-color: var(--primary-color);
color: var(--white);
text-align: right;
border-radius: 6px;
cursor: pointer;
}
.notification-inner {
padding: 20px;
padding-top: 5px;
}
.notification-item {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
padding-top: 12px;
border-bottom: 1px dashed #ededed;
gap: 5px;
}
.notification-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.notification-item span {
font-size: 16px;
text-transform: capitalize;
color: var(--black);
}
.notification-time {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.notification-time strong {
display: block;
font-size: 16px;
color: var(--primary-color);
font-weight: 400;
}
.notification-time span {
display: block;
font-size: 14px;
color: #383838;
}
/* deals section css */
.deals-section-main {
padding: 80px 0;
position: relative;
}
.deals-list .program_offer {
top: 25px;
left: 25px;
opacity: 1;
visibility: visible;
animation: bounce-text 1.5s infinite alternate;
z-index: 2;
}
.deals-list .program_offer p {
text-transform: capitalize;
margin-bottom: 0;
border-radius: 5px;
}
.deal-bottom {
display: flex;
gap: 15px;
}
.deal-bottom .program-fav a {
background-color: transparent;
color: var(--black);
border: 1px solid var(--black);
}
.deal-bottom .program-fav:hover a {
background-color: var(--primary-color);
color: var(--white);
border: 1px solid var(--primary-color);
}
.deals-middle {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.deals-middle .star-icons {
margin: 0;
}
.deals-list .program-box:hover .program_offer {
top: 25px;
}
@keyframes bounce-text {
from {
transform: scale(1);
}
to {
transform: scale(1.08);
}
}
.deal-box {
width: 60px;
height: 60px;
text-align: center;
background-color: red;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 25px;
right: 25px;
z-index: 2;
}
.deal-box:before,
.deal-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 60px;
width: 60px;
background-color: red;
}
.deal-box:before {
transform: rotate(30deg);
}
.deal-box:after {
transform: rotate(60deg);
}
.deal-box span {
position: relative;
z-index: 2;
font-size: 16px;
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
}
.deal-box-inner {
position: relative;
}
.deal-box-inner::after {
content: "";
position: absolute;
top: -45px;
left: 50%;
transform: translateX(-50%);
height: 50px;
width: 2px;
background-color: var(--black);
}
.deals-list .program-content {
margin-top: 0;
}
.deals-list .program-box .program-img {
height: 250px;
margin-top: 40px;
}
.deals-list .program-box {
position: relative;
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}
.deals-list {
row-gap: 35px;
}
/* coupons section css */
.coupons-section-main {
padding: 80px 0;
position: relative;
}
.coupons-product-box {
position: relative;
padding: 5px;
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
border-radius: 10px;
background-color: var(--white);
}
.coupons-product-img {
height: 300px;
width: 100%;
position: relative;
margin-top: 60px;
}
.coupons-product-img a {
height: 100%;
width: 100%;
display: block;
}
.coupons-product-img a img {
height: 100%;
width: 100%;
object-fit: contain;
}
.coupon-product-title {
margin-bottom: 5px;
}
.coupon-product-title a {
font-size: 20px;
text-transform: capitalize;
color: var(--black);
font-weight: 500;
display: inline-block;
}
.coupon-product-title span {
font-size: 16px;
text-transform: capitalize;
color: var(--primary-color);
display: inline-block;
}
.coupons-product-content {
padding: 20px;
}
.coupon-benifit {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
padding: 12px;
border-radius: 8px;
background-color: #fff9ed;
width: 95%;
text-align: center;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
z-index: 2;
border: 1px solid var(--primary-color);
}
.coupon-benifit span {
color: red;
}
.coupons-product-list > .row {
row-gap: 35px;
}
/* .award-box .program-img a {
width: 100%;
} */
/* article page css */
.article-section-main {
padding: 80px 0;
position: relative;
}
.article-box {
position: relative;
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
border-radius: 10px;
background-color: var(--white);
}
.article-img {
height: 280px;
width: 100%;
}
.article-img a {
width: 100%;
display: block;
height: 100%;
}
.article-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.article-content {
padding: 15px 25px;
}
.article-title a {
font-size: 16px;
color: var(--black);
text-transform: capitalize;
margin-bottom: 15px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.article-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
margin-bottom: 12px;
}
.article-top i {
font-size: 16px;
color: var(--primary-color);
padding-right: 5px;
}
.article-top span {
font-size: 16px;
display: inline-block;
text-transform: capitalize;
}
.tag-cat-list{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.tag-cat-list li {
display:inline-block;
}
.tag-cat-list li a{
text-decoration: none;
color: white;
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
border-radius: 100px;
background: #b69859;
padding: 4px 18px;
}
.source-links h2 {
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
}
.links-inner {
display: flex;
flex-direction: column;
color: #0e85d9;
gap: 5px;
}
.links-inner a{
color: #0e85d9;
font-size: 18px;
overflow-wrap: break-word;
}
.source-links {
padding: 25px;
border-radius: 10px;
background-color: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
position: relative;
}
.article-sidebar {
position: sticky;
top: 60px;
}
.read-btn a {
display: flex;
gap: 5px;
color: var(--primary-color);
font-weight: 600;
align-items: center;
transition: all 0.5s ease;
}
.read-btn a span {
font-size: 16px;
display: inline-block;
text-transform: capitalize;
}
.read-btn:hover a {
color: var(--black);
transform: scale(1.08) translateX(2px);
letter-spacing: 1px;
transform-origin: 0%;
}
.read-btn a i {
font-size: 14px;
}
.article-date {
position: absolute;
top: 15px;
left: 15px;
padding: 8px 18px;
background-color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 2px;
border-radius: 5px;
}
.article-date::after {
content: " ";
position: absolute;
left: 0px;
bottom: -12px;
border-top: 15px solid var(--primary-color);
border-right: 15px solid transparent;
border-bottom: none;
}
.article-date span {
display: block;
color: var(--white);
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
}
.articles-list > .row {
row-gap: 35px;
}
.article-sidebar-box {
padding: 25px;
border-radius: 10px;
background-color: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
position: relative;
margin-bottom: 35px;
}
.article-sidebar-box:last-child {
margin-bottom: 0;
}
.article-sidebar-box h2 {
font-size: 22px;
text-transform: capitalize;
margin-bottom: 12px;
color: var(--primary-color);
}
.article-sidebar .persian-input input {
margin-bottom: 0;
padding-right: 50px;
}
.article-sidebar-box .search-filter .search-btn {
top: 0;
right: 0;
padding: 10px 15px;
color: var(--white);
background-color: var(--primary-color);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.article-sidebar-item {
display: flex;
align-items: center;
gap: 15px;
padding: 12px;
border: 1px solid #efefef;
border-radius: 12px;
margin-bottom: 15px;
}
.article-sidebar-item:last-child {
margin-bottom: 0;
}
.article-sidebar-img {
height: 80px;
width: 80px;
position: relative;
}
.article-sidebar-img a {
height: 100%;
width: 100%;
display: block;
}
.article-sidebar-img img {
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover;
}
.article-sidebar-content {
width: 80%;
}
.article-sidebar-content a {
font-size: 14px;
color: var(--black);
text-transform: capitalize;
margin-bottom: 5px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.article-sidebar-date {
display: flex;
gap: 8px;
}
.article-sidebar-date i {
color: var(--primary-color);
font-size: 16px;
line-height: normal;
}
.article-sidebar-date span {
font-size: 16px;
color: var(--black);
display: inline-block;
line-height: normal;
}
/* article intro page css */
.trending-article-main{
padding: 80px 0 ;
}
.article-title h3{
font-size: 24px;
text-transform: capitalize;
font-weight: 600;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #393838;
margin: 10px 0;
}
.trending-article-slider .article-box{
margin: 10px;
}
.trending-article-slider .p-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
}
.trending-article-slider .next-arrow {
right: 0px;
}
.aricle-info-title {
font-size: 30px;
text-transform: capitalize;
font-weight: 600;
display: block;
color: #393838;
margin: 10px 0;
}
/* article detail page css */
.article-detail-main {
padding: 80px 0;
position: relative;
}
.article-detail-img {
height: 500px;
width: 100%;
}
.article-detail-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
}
.article-detail-content {
margin-top: 25px;
}
.article-date-box {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 25px;
padding-bottom: 25px;
border-bottom: 1px dashed #dedede;
margin-bottom: 25px;
}
.article-detail-date {
display: flex;
gap: 8px;
align-items: center;
}
.article-detail-date span {
font-size: 16px;
display: inline-block;
line-height: normal;
text-transform: capitalize;
color: #212529;
}
.article-detail-date i {
font-size: 16px;
color: var(--primary-color);
line-height: normal;
}
.article-detail-inner p {
font-size: 16px;
line-height: 29px;
margin-bottom: 18px;
}
.article-detail-inner ul {
list-style: square !important;
margin-bottom: 25px !important;
padding-left: 25px !important;
}
.article-detail-inner ul li {
margin-bottom: 18px;
}
.article-detail-inner ul li:last-child {
margin-bottom: 0;
}
.article-detail ul li span {
font-weight: 600;
font-size: 16px;
display: block;
}
.article-comments-section {
margin-top: 25px;
}
.article-comment-item {
display: flex;
gap: 18px;
margin-bottom: 30px;
}
.article-comment-item:last-child {
margin-bottom: 0;
}
.comment-profile {
height: 100px;
width: 100px;
}
.comment-profile img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.article-comment-content h2 {
font-size: 16px;
color: var(--primary-color);
margin-bottom: 8px;
text-transform: capitalize;
}
.article-comment-content span {
font-size: 14px;
display: block;
color: var(--black);
line-height: normal;
opacity: 0.6;
margin-bottom: 12px;
}
.article-comment-content p {
font-size: 16px;
margin-bottom: 12px;
}
.article-comment-content {
width: 80%;
}
.article-comments-section h4 {
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px dashed #e7e7e7;
text-transform: capitalize;
}
.coupon-box {
position: relative;
margin: 25px 0;
}
.coupon-box .persian-input {
display: flex;
}
.coupon-box .persian-input a {
display: block;
text-align: center;
padding: 10px 25px;
color: var(--white);
background-color: var(--primary-color);
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
width: auto;
min-width: fit-content;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.coupon-box .persian-input input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
}
.coupon-box form label {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 8px;
color: var(--black);
text-align: left;
}
.product-coupon-box {
display: flex;
align-items: center;
gap: 18px;
margin: 25px 0;
}
.product-coupon-box span {
display: block;
font-size: 16px;
text-transform: capitalize;
padding: 5px 18px;
background-color: var(--primary-color);
color: var(--white);
line-height: normal;
position: relative;
margin-right: 10px;
}
.product-coupon-box span::after {
content: "";
position: absolute;
right: -10px;
top: 0;
border-top: 10px solid var(--primary-color);
border-right: 15px solid transparent;
}
.product-coupon-box .persian-input input[type="checkbox"] {
margin-bottom: 0;
border-radius: 4px;
width: 18px;
height: 18px;
}
.product-coupon-box label {
text-transform: capitalize;
font-size: 16px;
color: var(--black);
}
.product-coupon-box .persian-input {
display: flex;
gap: 5px;
align-items: center;
}
.product-coupon-box a {
display: inline-block;
font-size: 16px;
text-decoration: underline;
text-transform: capitalize;
color: var(--dark-bg);
font-weight: 500;
}
/* coupon term popup css */
.coupon-terms-section .modal-content {
border: none;
outline: none;
border-radius: unset;
height: 80vh;
overflow-y: auto;
padding-right: 5px;
}
.coupon-terms-section .modal-content::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.coupon-terms-section .modal-content::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 10px;
}
.coupon-terms-section .modal-content::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
}
.coupon-terms-section .modal-dialog {
max-width: 750px;
width: 100%;
padding: 25px;
background-color: var(--white);
z-index: 99;
border-radius: 12px;
}
.coupon-terms-section .modal-header {
display: block;
width: 100%;
border: none;
padding: 0;
}
.coupon-terms-section .modal-header h2 {
font-size: 18px;
text-transform: capitalize;
color: var(--primary-color);
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px dashed #d7d7d7;
}
.coupon-term-main ul {
list-style: square !important;
padding-left: 25px !important;
margin-bottom: 25px !important;
}
.coupon-term-main ul li {
margin-bottom: 10px;
}
.coupon-term-main ul li:last-child {
margin-bottom: 0;
}
.coupon-term-main ul li span {
display: block;
font-size: 16px;
color: var(--black);
text-transform: capitalize;
}
.coupon-terms-content {
margin-bottom: 25px;
}
.coupon-terms-content:last-child {
margin-bottom: 0;
}
.coupon-terms-content span {
font-size: 18px;
display: block;
text-transform: capitalize;
font-weight: 600;
color: var(--black);
margin-bottom: 10px;
}
.coupon-terms-content ul {
list-style: decimal !important;
padding-left: 25px !important;
}
.coupon-terms-content ul li {
margin-bottom: 15px;
}
.coupon-terms-content ul li:last-child {
margin-bottom: 0;
}
.coupon-terms-content ul li p {
font-size: 16px;
line-height: 29px;
}
.filter-right .filter-num span:hover {
color: #fff;
}
.award-box .program-title span{
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22px;
color: var(--primary-color);
text-transform: capitalize;
font-weight: 500;
transition: all 0.5s;
line-height: 28px;
}
.award-box .program-title p{
margin-bottom: 0;
font-size: 14px;
color: #adadad;
}
.award-box .program-title {
margin-bottom: 15px;
}
.networks-list-main {
padding: 60px 0;
position: relative;
}
.networks-list-main .directory-list-box {
margin-top:25px;
}
.networks-list-main .directory-list-box .row {
row-gap: 35px;
}
.networks-list-main .network-badge a img {
width: 24px;
height: 24px;
object-fit: contain;
border-radius: 0;
filter: invert(1);
padding-right: 3px;
display: inline-block;
}
/* mobile menu css */
.mobile-menu-bar {
display: none;
}
.mobile-menu-bar a {
display: block;
}
.mobile-menu-bar a i {
color: var(--black);
font-size: 28px;
}
.mobile-menu-section .offcanvas-header button {
outline: none;
box-shadow: none;
height: 40px;
width: 40px;
border-radius: 5px;
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
color: var(--white);
margin-left: auto;
}
.mobile-menu-section .offcanvas-header button i {
font-size: 20px;
line-height: normal;
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
}
.mobile-menu-main {
padding-left: 15px;
padding-right: 15px;
overflow-y: auto;
padding-bottom: 25px;
}
.mobile-main-menu > li > a {
display: flex;
justify-content: space-between;
color: var(--black);
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
.mobile-main-menu li {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #d7d7d7;
}
.mobile-main-menu li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.mobile-menu-section .offcanvas-header {
margin-bottom: 0px;
}
.mobile-sub-menu-box {
padding-left: 25px;
padding-right: 25px;
padding-top: 8px;
}
.mobile-sub-menu li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #f1f1f1;
}
.mobile-sub-menu li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.mobile-sub-menu li a {
color: var(--black);
font-size: 16px;
text-transform: capitalize;
display: block;
line-height: normal;
}
.mobile-location-box {
display: none;
}
.scrollbar-hidden {
-ms-overflow-style: none;
scrollbar-width: none;
}
::-webkit-scrollbar {
width: 0px;
}
/* event detail page css */
.event-detail-content h4{
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
}
.share-link{
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.share-link a{
display: flex;
align-items: center;
gap: 8px;
border-radius: 4px;
padding: 8px 16px;
color: var(--white);
transition: all 0.5s ease;
text-transform: capitalize;
}
.share-link a i{
font-size: 16px;
color: var(--white);
}
.share-link a:hover{
margin-top: -2px;
}
.share-link a.facebook{
background-color: #4267B2;
}
.share-link a.instagram{
background-color: #e3139c;
}
.share-link a.twitter{
background-color: #000000;
}
.share-link a.whatsapp{
background-color: #25d366;
}
.share-link a.telegram{
background-color: #0088cc;
}
.event-gallery-tabs-list .eventGallery-top{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px !important;
}
.event-gallery-tabs-list .eventGallery-top h4{
font-size: 28px;
color: var(--primary-color);
font-weight: 600;
}
.event-gallery-tabs-list{
margin-bottom: 35px;
}
.event-gallery-tabs-list .nav-tab{
display: flex;
gap: 20px;
}
.event-gallery-tabs-list .nav-tab li a{
display: flex;
gap: 8px;
align-items: center;
padding: 10px 35px;
border-radius: 5px !important;
font-size: 16px;
background-color: var(--course-bg) !important;
color: var(--black);
transition: all 0.5s ease;
text-transform: capitalize;
}
.event-gallery-tabs-list ul li a:hover{
color: var(--primary-color);
}
.event-gallery-tabs-list ul li a.active{
background-color: var(--primary-color) !important;
box-shadow: 1px 3px 8px 0px rgb(0 0 0 / 20%) !important;
color: var(--white);
}
.eventImage-container{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.eventImage-container .event-image{
overflow: hidden;
position: relative;
height: 250px;
border-radius: 5px;
}.eventImage-container .event-image iframe{
width: 100%;
}
.eventImage-container .event-image img{
transition: all 0.5s ease;
border-radius: 5px;
height: 100%;
object-fit: cover;
}
.eventImage-container .event-image:hover img{
transform: scale(1.1);
border-radius: 4px;
}
.event-file-content{
border-bottom: none;
}
#photogallary {
margin-bottom: 24px;
}
/**** project detail page css ****/
.main-photo-section{
border-radius:12px;
background-color:#f5f7f7;
padding:12px;
}
.photo-slider{
margin-bottom:0px!important;
}
.portfolio-image{
height:280px;
}
.portfolio-image img{
object-fit:cover;
height:100%;
border-radius:6px;
}
.portfolio-image{
padding:8px;
}
.photo-slider .project-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
height: 45px;
width: 45px;
z-index: 2;
color: var(--white);
border-radius: 50%;
cursor: pointer;
}
.photo-slider .p-arrow.slick-disabled{
opacity: 0.8;
}
.next-arrow.project-arrow.slick-arrow{
right:0;
}
.project-tabs .container{
padding-left:0;
padding-right:0;
}
.video-section iframe{
width:100%;
height:250px;
padding:8px;
}
.file-section-list{
display: flex;
gap: 20px;
border-radius: 12px;
box-shadow: 0px 0px 30px rgb(128 128 128 / 20%);
margin-bottom: 20px;
padding: 16px;
}
.file-image{
width:50px;
height:50px;
}
.file-image img{
width:100%;
height:100%;
border-radius: 5px;
}
.file-information{
flex-grow:1;
display:flex;
justify-content:space-between;
align-items: center;
}
.file-title h4{
font-size: 20px !important;
margin: 0px !important;
font-weight: 600;
text-transform: capitalize;
}
.file-title span{
font-size: 16px;
color: grey;
margin-top: 3px;
display: block;
}
.file-information .download{
width: 45px;
height: 45px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: white;
background-color: #b69859;
cursor: pointer;
}
.main-file-section{
border-radius: 12px;
}
.project-detail-sidebar-right h4{
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
margin-bottom:1.5rem;
}
.prject-req-btn{
width: 100%;
margin-top: 1.5rem;
background-color: var(--primary-color);
height: 40px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color:var(--white);
font-weight:600;
border-radius:5px;
}
.prject-req-btn:hover{
color:var(--white);
}
.project-detail-slider .next-arrow.project-arrow.slick-arrow {
right:25px;
}
/* business detail page new css */
.business-top-main {
position: relative;
}
.business-top-info {
position: absolute;
bottom: 50px;
left: 25%;
display: flex;
gap: 25px;
}
.business-detail-logo {
width: 100px;
height: 100px;
}
.business-detail-logo img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 150px;
}
.business-top-right h2 {
font-size: 45px;
color: var(--white);
margin-bottom: 8px;
text-transform: capitalize;
}
.business-top-review {
display: flex;
gap: 15px;
align-items: start;
}
.business-top-review .five-star i{
color: var(--white);
font-size: 22px;
}
.business-top-review .total-reviews span {
font-size: 16px;
color: var(--white);
display: inline-block;
}
.business-top-main .list-item:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, transparent 10%, #000000 90%);
background-repeat: no-repeat;
background-position: center center;
}
.business-time {
display: flex;
gap: 5px;
margin-top: 8px;
}
.business-time strong {
font-size: 18px;
color: #ff0f00;
text-transform: capitalize;
}
.business-time span {
font-size: 18px;
color: var(--white);
text-transform: uppercase;
padding-right: 5px;
}
.business-time span:last-child {
padding-right: 0;
}
.business-inner-data .business-list-slider .business-main-box {
margin-right: 12px;
}
.business-inner-data .business-list-slider .slick-track {
margin: 20px 5px;
}
.business-detail-tabs-list .nav-pills {
flex-wrap: nowrap;
width: 100%;
/* max-width: fit-content;
overflow-x: auto; */
margin-bottom: 5px !important;
}
.business-page-header.stricky-fixed {
position: relative !important;
}
.business-detail-tabs-list .business-sidebar-bottom {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.business-detail-tabs-list .business-sidebar-bottom h2 {
width: 100%;
}
.business-detail-tabs-list .business-sidebar-bottom iframe {
width: 48%;
}
.business-detail-tabs-list .business-sidebar-bottom .hours-info {
width: 48%;
}
.business-program .program-box {
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
}
.business-program .program-img {
height: 260px;
width: 100%;
}
.que-ask .show-all {
padding: 0;
background: transparent;
color: var(--primary-color);
}
.business-program {
padding: 20px 0;
margin: 0;
}
.nav-pills-scroll {
display: flex;
overflow-x: auto;
white-space: nowrap;
scroll-behavior: smooth;
cursor: grab;
position: sticky;
top: 0px;
width: 100%;
background-color: var(--white);
z-index: 99;
margin-bottom: 5px !important;
padding: 8px 0;
}
.nav-pills-scroll::-webkit-scrollbar {
height: 3px;
}
.nav-pills-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
.nav-pills-scroll::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 4px;
}
.business-program .program-img a {
width: 100%;
}
.business-detail-main .about-business .company-deal-review .buy-btn a {
width: auto;
}
.business-detail-main .about-business .company-deal-review textarea {
width: 100%;
}
.business-voting {
display: flex;
align-items: center;
gap: 10px;
}
.business-vote {
display: flex;
align-items: center;
gap: 18px;
position: relative;
padding-left: 25px;
border-left: 1px solid #535353;
}
.vote-title span {
font-size: 20px;
color: var(--white);
display: inline-block;
}
.business-voting .useful-btn a {
padding: 6px 10px;
}
.business-voting .useful-btn a i {
font-size: 18px;
}
.business-top-main .business-sldier .list-item .card-img {
height: 380px;
}
.business-top-main .business-sldier .list-item .card-img img{
height: 100%;
object-fit: cover;
}
.business-review-right {
margin-top: 15px;
display: flex;
gap: 25px;
align-items: center;
}
.business-top-main .business-sldier .list-item {
margin: 0;
}
.business-top-main .business-sldier .list-item .card{
border-radius:0;
border: none;
border-right: 1px solid #c5c5c5;
}
.ngo-box{
margin: 60px 10px 0 10px;
}
.ngo-categories {
padding: 80px 0 80px;
position: relative;
}
.ngo-list-section .persian-head h2{
margin-bottom: 0;
}
.ngo-list-slider{
overflow: hidden;
}
.project-category {
padding: 60px 0 40px;
}
.project-banner .search-business-input {
width: 100%;
}
.project-banner .persian-input {
width: 70%;
margin: auto;
}
.project-category-item {
padding: 20px;
background-color: var(--white);
border-radius: 5px;
box-shadow:0 0 20px rgb(0 0 0 / 6%);
margin: 8px;
text-align: center;
}
.project-cate-icon {
height: 70px;
width: 70px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
/* margin-bottom: 15px; */
margin: auto auto 15px;
border-radius: 5px;
background-color: #f9f9f9;
}
.project-cate-icon img {
width: 100%;
height: 100%;
display: block;
}
.project-category-item h2 {
font-size: 18px;
text-transform: capitalize;
margin: 0;
}
.pcs-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
z-index: 1;
}
.pcs-arrow.prev-arrow {
left: -50px;
}
.pcs-arrow.next-arrow {
right: -50px;
}
.project-category-slider .slick-track {
margin: 25px 0;
}
.project-category-slider {
margin-bottom: 0;
}
.project-tag {
position: absolute;
top: 15px;
right: 15px;
padding: 5px 15px;
border-radius: 5px;
background-color: var(--primary-color);
text-align: center;
}
.projects-item-img {
position: relative;
}
.project-tag span {
display: inline-block;
font-size: 16px;
color: var(--white);
text-transform: capitalize;
}
.projects-item-img img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.project-item-box {
border-radius: 8px;
}
.featured-project {
padding: 40px 0;
}
.feature-project-slider .project-item-box {
margin: 0 8px;
}
.feature-project-slider .slick-track {
margin: 25px 0;
display: flex;
}
.feature-project-slider .slick-list {
display: flex;
}
.project-own {
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
margin-bottom: 10px;
}
.project-own span {
font-size: 14px;
color: #00000080;
display: block;
}
.project-info-bottom strong {
font-size: 18px;
display: block;
font-weight: 600;
color: #00000080;
font-weight: 400;
}
.project-info-bottom strong span {
color: var(--black);
font-weight: 500;
font-size: 22px;
display: inline-block;
}
.project-info-bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.project-info-bottom a {
text-decoration: none;
margin-top: 0;
}
.project-info-bottom a i{
font-size: 20px;
}
.feature-project-slider .project-item-content {
padding: 25px;
}
.recently-projects .persian-head{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 45px;
}
.recently-projects {
padding: 40px 0 80px;
}
.recently-projects .persian-head h2 {
margin: 0;
font-size: 42px;
}
.project-banner-slider .business-banner-img {
position: relative;
height: 400px;
}
.project-banner-slider .business-banner-img::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* background: linear-gradient(180deg, transparent 10%, #000000 90%);
background-repeat: no-repeat;
background-position: center center; */
opacity: 0.7;
background-color:var(--black);
}
.pbs-arrow {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
z-index: 1;
}
.pbs-arrow.prev-arrow {
right: 50px;
top: 45%;
}
.pbs-arrow.next-arrow {
right: 50px;
top: 60%;
}
.top-banner-title p {
font-size: 16px;
color: var(--white);
width: 80%;
text-align: center;
margin: auto;
}
.project-banner-slider {
margin-bottom: 0;
}
.project-breadcrumb .breadcrumb-list li a {
color: var(--white);
white-space: nowrap;
}
.feature-award-main {
padding: 40px 0;
}
.feature-award-main .persian-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.feature-award-main .persian-head h2 {
margin-bottom: 0;
}
.top-main-banner {
position: relative;
height: 300px;
width: 100%;
}
.top-main-banner::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.7;
background-color:var(--black);
z-index: 0;
}
.top-main-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-title-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.inner-title-box h2 {
color: var(--white);
}
.business-category-slider .category-box {
display: flex !important;
}
.business-category-slider {
margin-bottom: 0;
}
.filter-container {
padding: 50px 20px 20px;
}
/* freelancer page css */
.freelancer-main {
padding: 80px 50px;
}
.freelancer-info-main{
padding-top: 60px;
}
.freelancer-feature .freelancer-details.row{
margin-bottom: 0;
}
.freelance-item {
padding: 15px;
border-radius: 8px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.freelancer-slider .freelance-item{
height: 100%;
}
.freelance-item:last-child {
margin-bottom: 0;
}
.freelance-top-info {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
margin-bottom: 15px;
}
.freelance-top-info .persian-btn {
width: auto;
min-width: fit-content;
}
.freelance-top-info .persian-btn a {
background-color: transparent;
color: var(--primary-color);
border-width: 2px;
padding: 6px 25px;
}
.freelance-top-left {
display: flex;
gap: 15px;
}
.freelance-middle {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.freelance-img {
height: 80px;
width: 80px;
border-radius: 5px;
}
.freelance-img img {
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover;
object-position: top;
}
.freelance-review {
display: flex;
align-items: center;
gap: 5px;
}
.freelance-review .five-star i{
color: var(--primary-color);
font-size: 16px;
}
.freelance-review .total-reviews span {
font-size: 16px;
color: var(--black);
display: inline-block;
font-weight: lighter;
}
.freelance-info h2 {
font-size: 22px;
text-transform: capitalize;
margin-bottom: 5px;
color: var(--primary-color);
display: flex;
align-items: center;
gap: 15px;
}
.freelance-info h2 span {
display: inline-block;
padding: 3px 10px;
background-color: var(--primary-color);
color: var(--white);
font-size: 14px;
border: 1px solid var(--primary-color);
text-transform: capitalize;
line-height: normal;
font-weight: lighter;
border-radius: 3px;
opacity: 1;
text-align: center;
}
.freelance-info h6 {
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 5px;
}
.freelance-info span {
font-size: 16px;
font-weight: 400;
color: var(--black);
opacity: 0.7;
}
.freelance-review .five-star {
gap: 5px;
}
.freelance-review .five-star i {
font-size: 12px;
}
.freelance-info .persian-btn a {
padding: 0;
background: transparent;
color: var(--primary-color);
border: none;
font-weight: 500;
}
.freelance-info .persian-btn {
text-align: left;
}
.freelancer-main>.container>.row {
row-gap: 35px;
}
.freelance-timing span {
font-size: 18px;
font-weight: 600;
}
.freelance-success-rate span {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
.freelance-availability span {
padding: 5px 15px;
color: var(--primary-color);
border-radius: 50px;
font-size: 16px;
background-color: #fff7ef;
text-align: center;
}
.freelance-bottom {
margin-top: 30px;
}
.freelance-skill {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 25px;
}
.freelance-skill a span {
padding: 5px 15px;
border-radius: 50px;
color: var(--black);
font-size: 16px;
background-color: #f5f5f5;
text-align: center;
text-transform: capitalize;
display:block;
}
/* .feature-art-slider .slick-list{
display: flex;
}
.feature-art-slider .slick-track{
display: flex;
margin-bottom: 20px;
} */
.program-banner-slider .p-arrow.next-arrow {
right: 50px;
top: 60%;
}
.program-banner-slider .p-arrow.prev-arrow {
right: 50px;
top: 45%;
left: unset;
}
.art-banner-slider .p-arrow.next-arrow {
right: 50px;
top: 60%;
}
.art-banner-slider .p-arrow.prev-arrow {
right: 50px;
top: 45%;
left: unset;
}
.feature-art .store-list-slider .market-img {
height: 250px;
}
.feature-art {
padding-bottom: 0px !important;
}
.feature-art .store-list-slider {
margin-bottom: 0;
}
.business-input.top-header-middle.top-banner-title {
padding: 0 10px;
}
.ngo-top-info{
position: absolute;
bottom: 50px;
left: 25%;
display: flex;
gap: 25px;
z-index: 9;
}
.donate-now-section {
padding: 120px 0;
background-color: #000;
background-image: url('../images/fundraising-one-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 62px;
box-shadow: 0 0 0 0 #FFFFFF;
position: relative;
margin-bottom: 80px;
}
.donate-now-section:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
opacity: 0.5;
}
.donate-information {
position: relative;
z-index: 9;
text-align: center;
}
p.sppb-addon-title {
color: rgba(255, 255, 255, .70);
font-size: 20px;
line-height: 30px;
}
.donate-information h3 {
font-size: 50px;
line-height: 60px;
color: #FFFFFF;
width: 50%;
margin: 18px auto 38px;
}
.popular-ngo-list {
padding: 80px 0;
}
.testimonial-slider{
margin-top: 20px;
}
.testimonial-description p {
text-align: left;
}
.testimonial-slider .p-arrow{
top: -76px;
}
.testimonial-slider .next-arrow {
right: 20px;
}
.testimonial-slider .prev-arrow {
right: 80px;
}
.ngo-testimonials {
padding: 0;
}
.persian-head h2{
margin-bottom: 0;
}
.ngo-detail-main .business-sidebar-bottom{
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.ngo-detail-main .business-sidebar-bottom h2 {
width: 100%;
margin-bottom: 0;
}
.ngo-detail-main .business-sidebar-bottom iframe {
width: 48%;
}
.ngo-detail-main .business-sidebar-bottom .hours-info {
width: 48%;
}
.ngo-detail-content h2 {
margin-bottom: 10px;
}
.ngo-info-content .contact-info {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.ngo-info-content .contact-info .eachFBLocation {
color: #3f4449;
font-size: 16px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s ease;
cursor: pointer;
}
.ngo-review-section .about-business1 {
margin-top: 40px;
}
.ngo-review-section .company-deal-review .buy-btn a {
width: auto;
}
/* auction page */
.auction-card1 .auction-img img {
width: 100%;
border-radius: 5px 5px 0px 0px;
transition: all 0.65s ease;
}
.auction-card {
position: relative;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
background: #fff;
margin: 16px 10px;
border-radius: 10px;
}
.auction-card img{
border-radius: 10px 10px 0 0;
width: 100%;
height: 100%;
transition: all 0.5s ease;
}
.auction-card .auction-img .auction-timer {
border-radius: 2px;
padding: 10px 20px;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 20px;
background: #fff;
min-width: 260px;
width: 85%;
border-radius: 5px;
}
.countdown_row.countdown_show4 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.countdown_section p {
margin-bottom: 0;
line-height: normal;
}
.countdown_amount {
line-height: normal;
font-size: 18px;
font-weight: 600;
color: #444;
}
.countdown_section{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.auction-img {
position: relative;
height: 300px;
overflow: hidden;
}
.auction-box:hover img {
transform: scale(1.2);
}
.auction-content {
padding: 25px 30px;
background: #fff;
border-radius: 0 0 10px 10px;
display: flex;
flex-direction: column;
gap: 8px;
}
.auction-content h4 {
font-size: 24px;
color: var(--primary-color);
line-height: normal;
margin-bottom: 0;
font-weight: 600;
}
.auction-content h4 a{
color: var(--primary-color);
}
.auction-content p {
margin-bottom: 0px;
display: flex;
flex-direction: column;
}
.artwork-price .current.auction {
font-size: 20px;
color: #696969;
font-weight: 400;
text-transform: capitalize;
}
.woocommerce-Price-amount.amount {
font-weight: 600;
font-size: 24px;
line-height: normal;
}
.place-bid-btn{
text-align: left;
}
.bid-details {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.bid-count span {
color: var(--primary-color);
font-size: 16px;
font-weight: 600;
line-height: 1;
padding: 7px 30px;
background-color: #fff2d6;
border-radius: 5px;
}
.place-bid-btn a {
padding: 10px 25px;
}
.auction-list {
padding: 80px 0;
}
.auction-list-slider .project-arrow{
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--primary-color);
color: var(--white);
position: absolute;
top: -75px;
cursor: pointer;
z-index: 1;
transform: translateY(-50%);
right: 54px;
}
.auction-detail-tabs-list ul {
display: flex;
flex-wrap: nowrap;
overflow: scroll;
justify-content: center;
}
.auction-detail-tabs-list ul li{
text-align: center;
}
.auction-detail-tabs-list ul li a{
padding: 10px 50px;
}
.auction-list-slider{
margin-bottom: 0;
}
.auction-tab-section {
padding-bottom: 80px;
}
.auction-tab-section .auction-persian-head h2{
text-align: center;
margin-bottom: 16px;
}
.auction-tab-section .auction-persian-head p{
font-size: 18px;
}
.auction-box:hover .program-social{
top: 15px;
opacity: 1;
visibility: visible;
}
.art-specification span {
font-size: 16px;
color: #00000080;
display: block;
}
.art-specification {
margin-bottom: 25px;
}
.project-recent-list .row{
row-gap: 24px;
}
.event-categories-slider .slick-list{
display: flex;
}
.event-categories-slider .slick-track{
display: flex;
margin-bottom: 25px;
}
.award-box .program-img img{
object-fit: cover;
}
/* dashboard pages css */
.dashboard-main .container-fluid {
padding-left: 0;
/* padding-right: 0; */
}
.dashboard-leftbar {
padding: 15px 25px;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
background-color: var(--white);
position: sticky;
top: 70px;
height: 100vh;
overflow-y: auto;
}
.dashboard-menu > li {
margin-bottom: 8px;
}
.dashboard-menu > li:last-child {
margin-bottom: 0;
}
.dashboard-menu > li a {
font-size: 16px;
color: var(--black);
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
text-transform: capitalize;
padding: 8px 10px;
border-radius: 5px;
}
.dashboard-menu > li > a.active {
background-color: #fff8e9;
color: var(--primary-color);
}
.dashboard-menu > li a i {
font-size: 14px;
transition: all 0.5s ease;
}
.dashboard-menu > li a span i {
font-size: 16px;
color: #00000090;
padding-right: 5px;
}
.dashboard-menu > li > a.active span i {
color: var(--primary-color);
}
.top-dashboard-header .header-left {
justify-content: center;
}
.dashboard-submenu {
margin-top: 5px !important;
margin-left: 25px !important;
border-left: 1px solid var(--primary-color);
}
.dashboard-submenu > li a {
color: #00000080;
font-size: 14px;
}
.dashboard-inner-main {
padding: 25px 15px;
padding-right: 40px;
}
.dashboard-breadscrumb {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.breadscrumb-left h2 {
font-size: 25px;
color: var(--dark-bg);
text-transform: capitalize;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.breadscrumb-right ul {
display: flex;
gap: 5px;
align-items: center;
}
.breadscrumb-right ul li {
position: relative;
}
.breadscrumb-right ul li a {
color: var(--black);
font-size: 16px;
text-transform: capitalize;
}
.breadscrumb-right ul li a i {
color: var(--primary-color);
border: 1px solid #fff8e9;
padding: 8px;
border-radius: 5px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.breadscrumb-right ul li::after {
content: "/";
padding: 0 5px;
color: var(--black);
}
.breadscrumb-right ul li:last-child::after {
display: none;
}
.dashboard-top {
display: flex;
gap: 35px;
}
.dashboard-left-main {
background-color:var(--primary-color);
border-radius: 12px;
width: 45%;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
position: relative;
padding: 0 25px;
z-index: 2;
}
.dashboard-left {
display: flex;
justify-content: space-between;
align-items: start;
}
.dashboard-left-main::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
z-index: -1;
}
.dashboard-top-img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
width: 230px;
}
.dashboard-top-img img {
height: 100%;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.dashboard-top-content {
width: 65%;
padding-bottom: 25px;
}
.dashboard-top-content h2 {
font-size: 43px;
color: var(--white);
text-transform: capitalize;
}
.dashboard-top-content p {
font-size: 16px;
color: #ffffff;
margin-bottom: 0;
padding-top: 10px;
font-weight: normal;
}
.dashboard-top-bottom {
display: flex;
align-items: center;
gap: 6px;
justify-content: end;
border-radius: 5px;
width: auto;
}
.dashboard-top-bottom span {
font-size: 14px;
color: #fff8e9;
letter-spacing: 0.5px;
}
.dashboard-top-bottom span i {
color: #fff8e9;
font-size: 14px;
}
.dashboard-left-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
padding-top: 10px;
}
.dashboard-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.dashboard-title h2 {
font-size: 24px;
text-transform: capitalize;
}
.dashboard-title a {
font-size: 16px;
color: var(--primary-color);
text-transform: capitalize;
text-decoration: underline;
letter-spacing: 0.5px;
}
.dashboard-program {
padding: 50px 0 25px;
}
.dashboard-event {
padding: 25px 0 50px;
}
.dashboard-event .event-list-section .event-list {
margin-top: 0;
}
.dashboard-event .event-list-section {
padding: 0;
}
.dashboard-event .event-img {
height: 300px;
}
.dashboard-inner-submenu {
border: none;
margin-left: 10px !important;
padding-left: 20px !important;
list-style-type: circle !important;
}
.dashboard-inner-submenu li a {
padding-left: 0;
}
.article-detail-date img{
width: 28px;
height: 28px;
border-radius: 100%;
}
#article-overview {
margin-bottom: 40px;
}
#article-overview .program-comment {
margin-top: 50px;
}
.top-banner-title p {
font-size: 16px;
color: var(--white);
width: 80%;
text-align: center;
margin: auto;
}
.art-market-banner-title .persian-input .search-business-input input{
border-radius: 5px;
}
.art-list-slider .market-content h2{
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22px;
line-height: normal;
}
.login-register-tab .login__logo{
width: 80%;
}
.event-list-section .event-persian-head h2 {
font-size: 50px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
.banner-ads img {
border-radius: 10px;
}
.banner-ads-section {
padding: 40px 0;
}
.banner-ads-section .container{
padding: 0;
}
.banner-ads {
width: 728px;
margin: auto;
}
.right-sidebar .banner-ads {
width: 300px;
}
.course-category-slider{
margin-bottom: 0;
}
.trending-article-slider {
margin-bottom: 0;
}
.right-sidebar .banner-ads-section {
padding: 16px 0;
}
.top-dashboard-header .stricky-fixed {
box-shadow: 0px 0px 10px #80808069;
}
.sidebar-serch-btn{
margin-top: 20px;
}
.dashboard-inner-main {
padding: 25px 0px;
padding-right: 25px;
}
.dashboard-right {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 25px;
width: 55%;
align-items: start;
}
.dashboard-card {
padding: 18px 25px;
border-radius: 10px;
background-color: var(--white);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
.dashboard-card::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 5px;
height: 70%;
background-color: #e1e1e1;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.dashboard-icon span {
height: 55px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
border-radius: 5px;
background-color: #fff8e9;
}
.dashboard-icon span i {
font-size: 18px;
color: var(--primary-color);
}
.dashboard-card-left span {
font-size: 16px;
color: #00000080;
text-transform: capitalize;
letter-spacing: 0.3px;
display: inline-block;
margin-bottom: 5px;
}
.dashboard-card-left h2 {
font-size: 30px;
color: var(--black);
margin-bottom: 0;
}
.dashboard-top-img {
height: 180px;
width: 280px;
}
.dashboard-top-img img {
object-fit: contain;
object-position: bottom;
}
.dashboard-top-content {
width: 55%;
}
.dashboard-top {
align-items: start;
}
.dashboard-leftbar {
padding: 15px 20px;
}
.breadscrumb-right ul li a i {
border: 1px solid #e3e3e3;
color: #656565;
padding: 5px;
font-size: 16px;
border-radius: 3px;
}
.breadscrumb-right ul li a.active {
color: var(--primary-color);
}
.dashboard-business{
width:70%;
border-radius: 12px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
padding: 20px;
display:inline-block;
vertical-align:top;
}
.dashboard-business table{
width:100%;
}
.dashboard-business .dashboard-title{
margin-bottom:12px;
}
.deal-section{
width:28%;
border-radius: 12px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
display:inline-block;
vertical-align:top;
margin-left:1rem;
}
.deal-section .program-box{
position: relative;
}
.deal-section .program_offer{
z-index:3;
}
.deal-section .program-img{
height:270px;
}
.deal-section .program-img a{
width:100%;
}
.deal-section .program-img a img{
width:100%;
object-fit:contain;
}
.deal-section .program-title a{
font-size:18px;
}
/* purchase ticket */
.summary-title h2 {
margin-bottom: 20px;
font-size: 28px;
color: #000;
text-transform: capitalize;
}
.order-summary__subtotal .summary-total__title {
font-size: 18px;
font-weight: 500;
color: var(--black);
text-transform: capitalize;
}
.cart-list.ticket-list {
margin-bottom: 20px;
}
.order-summary__price {
margin-top: 15px;
padding-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.shopping-cart__order-summary .order-summary__subtotal {
border-bottom: 1px solid #d0d0d0 !important;
margin-top: 20px;
width: 100%;
margin-bottom: 15px;
padding-bottom: 20px;
}
.form-check-input:checked{
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.form-check-input:focus{
box-shadow: 0 0 0 .25rem rgb(182 152 89 / 25%);
}
/* responsive css */
@media only screen and (min-width:1025px) and (max-width:1199px) {
.top-right-icon {
font-size: 18px;
}
.account-box i {
font-size: 18px;
}
.top-header-container {
gap: 15px;
}
.top-header-right {
gap: 15px;
}
.main-menu {
gap: 10px;
}
}
@media only screen and (min-width:992px) and (max-width:1024px) {
.top-logo-box {
width: 130px;
}
.top-header-container {
gap: 15px;
}
.top-header-right {
gap: 15px;
}
.top-header-main {
padding: 12px 20px;
}
.top-right-icon {
font-size: 18px;
}
.account-box i {
font-size: 18px;
}
.header-main {
padding: 12px 20px;
}
.main-menu {
gap: 12px;
}
.explore-dropdown.sub-menu-box {
width: 370px;
}
.explore-dropdown.sub-menu-box .sub-menu > li > a {
width: 130px;
}
.explore-submenu {
left: 130px;
}
}
@media screen and (max-width: 991px) {
.top-header-middle-container {
display: flex;
gap: 25px;
align-items: center;
flex-grow: unset;
order: 3;
width: 100%;
}
.top-header-middle {
flex-grow: 1;
}
.top-header-container {
flex-wrap: wrap;
gap: 15px;
}
.mobile-menu-bar {
display: block;
}
.header-main {
display: none;
}
.top-header-main.stricky-fixed .top-header-left-container {
display: none;
}
.top-header-main.stricky-fixed .top-header-right-container {
display: none;
}
.top-header-main {
padding: 12px 25px;
}
.top-header-main.stricky-fixed {
padding: 18px 25px;
}
.business-banner-img {
height: 400px;
position: relative;
}
.art-banner-slider .p-arrow.prev-arrow {
left: unset !important;
right: 20px;
}
.art-list-slider .market-content h2{
font-size: 18px;
}
.art-market-section{
padding-bottom: 0;
}
.related-art-slider .p-arrow{
top: -66px;
}
.art-list-slider .art-list-box .market-content{
font-size: 16px;
}
.feature-art .art-list-slider .market-img{
height: 130px !important;
}
.program-list {
margin-top: 10px;
}
.art-work-all-list {
padding: 60px 0;
}
.feature-art-slider .p-arrow{
top: -66px;
}
.feature-art-slider .persian-head {
text-align: center;
margin-bottom: 40px;
}
.course-detail-tabs-list .container {
padding: 0;
}
.art-inner-box .market-img{
height: 200px;
}
.login__container{
min-height: 100%;
}
.event-view-more-btn{
margin-top: 40px;
}
.event-tab-contents .container {
padding: 0;
}
.article-img {
height: 220px;
width: 100%;
}
.trending-article-main .persian-head h2 {
font-size: 40px;
}
.trending-article-main {
padding: 60px 0;
}
.popular-business .persian-head h2{
font-size: 40px;
}
#article-overview.container {
padding: 0;
}
#article-files.container {
padding: 0;
}
#article-photo-gallery.container {
padding: 0;
}
#article-video-gallery.container {
padding: 0;
}
.business-top-main .business-sldier .list-item .card-img{
height: 300px;
}
}
@media screen and (max-width: 767px) {
.cart-menu {
display: none;
}
.prize-menu {
display: none;
}
.account-box {
display: none;
}
.business-input.program-banner-content h2 {
font-size: 32px;
margin-bottom: 10px !important;
}
/* .top-header-right-container {
width: 100%;
} */
.top-header-right-container .top-header-right {
justify-content: space-between;
/* gap: 10px; */
}
.footer-main>.container-fluid>.row {
row-gap: 35px;
}
.copyright-menu {
justify-content: center;
margin-bottom: 25px !important;
}
.copyright-main p {
text-align: center;
}
/* .top-header-left-container {
width: 100%;
} */
.top-header-left-container .top-header-left {
justify-content: space-between;
}
.footer-main {
padding: 20px 0;
}
.top-header-main {
padding: 15px 20px;
}
.header-left-icon {
display: none;
}
.mobile-location-box {
display: block;
padding: 12px 20px;
border-bottom: 1px solid #f7f7f7;
}
.mobile-location-box .header-left-icon {
display: flex;
}
.top-header-main.stricky-fixed {
padding: 18px 10px;
}
/* new */
.ngo-content {
margin-top: 10px;
}
.category-box {
/* width: 48.8%; */
/* border: 1px dashed rgb(182 152 89 / 50%); */
padding: 10px;
}
.abc {
padding: 15px;
}
/* .all-categories{
flex-wrap: wrap;
} */
.popular-business .persian-head h2 {
font-size: 28px;
}
.five-star {
gap: 5px;
}
.category-box:last-child {
border-right: 1px dashed rgb(182 152 89 / 50%);
}
/* educations page */
/* .categories-course.all-categories {
grid-template-columns: repeat(3, 1fr);
} */
.persian-head p {
width: 100%;
}
.project-category {
padding: 40px 0 10px;
}
.featured-project .persian-head {
margin-bottom: 10px;
}
.featured-project{
padding: 20px 0;
}
.recently-projects .persian-head {
margin-bottom: 30px;
}
.feature-project-slider{
margin-bottom: 0;
}
.recently-projects {
padding: 20px 0 50px;
}
.recently-projects .persian-head h2 {
font-size: 28px;
}
.store-list-slider .p-arrow{
width: 40px;
height: 40px;
top: -75px;
}
.store-list-slider .prev-arrow{
right: 58px;
}
.store-list-slider .slick-track{
margin: 10px 0;
}
.business-input.program-banner-content h2 {
font-size: 32px;
margin-bottom: 10px !important;
}
.art-work-all-list {
padding: 50px 0;
}
.feature-art-slider .p-arrow{
height: 40px;
width: 40px;
top: -38px;
}
.feature-art-slider .prev-arrow {
right: 64px;
}
.art-inner-box .market-img{
height: 180px;
}
.art-inner-box .market-content{
padding: 15px;
}
.art-inner-box .market-img{
padding: 0;
}
.art-inner-box .market-content h2{
font-size: 22px;
}
.program-list {
margin-top: 20px;
}
.event-list-section.feature-program-section{
margin: 0 10px;
}
.eventImage-container .event-image{
height: 150px;
}
.all-event-contents {
padding: 50px 0;
}
.schedule-slot-info{
flex-direction: column;
padding: 16px;
}
.schedule-slot-time {
padding: 16px;
width: 40%;
}
h3.schedule-slot-title {
font-size: 22px;
}
.location .location-info p span{
font-size: 14px;
}
.date-time-info i {
font-size: 18px;
}
.eventImage-container {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.eventImage-container .event-image{
height: 180px;
}
.date-time-info.location-info p {
font-size: 14px;
}
.date-time-info p span{
font-size: 14px;
}
.time-info {
margin-bottom: 20px;
}
.trending-article-main {
padding: 50px 0;
}
.popular-business .persian-head h2{
font-size: 28px;
}
.trending-article-main .persian-head h2 {
font-size: 28px;
}
.trending-article-main .persian-head {
margin-bottom: 20px;
}
.article-categories{
padding-bottom: 0 !important;
}
.popular-article-main .persian-head .persian-btn a {
padding: 10px 34px !important;
font-size: 16px !important;
}
.article-detail-main {
padding: 50px 0;
}
.top-main-banner {
height: 280px;
}
.art-market-accordion .accordion-header button{
padding: 20px;
}
.art-market-accordion .accordion-button::after{
width: 15px;
height: 15px;
background-size: 15px;
}
.art-tab #art-description {
padding: 25px;
}
.art-tab #art-description .course-tab-details {
padding: 0;
}
#art-review .course-tab-details {
padding: 0;
}
.related-art-slider .p-arrow {
height: 40px;
width: 40px;
top: -38px;
}
.store-description p {
font-size: 16px;
}
.banner-ads {
width: 468px;
}
.popular-art-market{
padding-top: 20px;
}
.business-top-main .business-sldier .list-item .card-img {
height: 370px;
}
.business-sldier .next-arrow {
top: 62%;
}
.business-sldier .p-arrow {
height: 40px;
width: 40px;
}
.rate-btn {
margin-top: 20px;
}
.about-business.about-business1.que-ask{
padding-top: 16px !important;
}
.business-list-slider .p-arrow {
height: 40px;
width: 40px;
}
.business-list-slider .prev-arrow {
right: 50px;
}
.business-detail-main {
padding: 30px 0px !important;
}
.all-tab-contents #business {
padding-bottom: 10px;
}
.business-upd:last-child{
margin-bottom: 0;
}
.all-tab-contents #program-business{
padding-bottom: 10px;
}
.course-categories {
padding: 50px 0 0px;
}
.course-desktop-btn {
display: none !important;
}
.course-list-top {
padding-bottom: 16px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.footer-main>.container-fluid>.row {
row-gap: 35px;
}
.copyright-menu {
gap: 10px;
}
.copyright-menu li a {
font-size: 14px;
}
.copyright-main p {
font-size: 14px;
}
.qa-filter .filter-inner{
flex-direction: column;
gap: 10px;
}
/* new */
.ngo-content {
margin-top: 10px;
}
.popular-business {
padding: 0 0 60px 0;
}
.business-categories {
padding: 60px 0 20px;
}
.featured-inner-business {
/* padding: 40px 0; */
padding: 10px 0 ;
}
.featured-inner-business .persian-head {
margin-bottom: 30px;
}
.popular-business .persian-head {
margin-bottom: 30px;
}
.category-box .category-img {
width: 80px;
height: 80px;
}
.category-box span {
font-size: 16px;
}
.event-list-section {
padding: 40px 0 40px;
}
.login-register-tab .nav-pills-scroll li.nav-item {
width: 30%;
}
.login__container{
flex-direction: column;
}
.login__left .login__inner{
text-align: center;
}
.login__left .login__inner .login__logo {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
margin: 20px auto 40px;
}
.eventImage-container {
grid-template-columns: repeat(2, 1fr);
}
.all-event-contents {
padding: 60px 0;
}
.schedule-slot-time{
padding: 20px;
}
.course-banner .business-input {
width: 80%;
}
.course-inner-categories .category-box .category-img {
height: 70px;
width: 70px;
}
.categories-course .category-box span {
font-size: 16px;
}
.course-categories {
padding: 60px 0 0px;
}
}
@media screen and (max-width: 575px) {
.footer-main>.container-fluid>.row {
row-gap: 25px;
}
.copyright-menu {
flex-direction: column;
gap: 15px;
}
.education-main .row{
gap: 30px !important;
}
.education-img {
height: 300px;
}
.contact-us-main {
padding: 30px 0 !important;
}
.coupons-section-main {
padding: 30px 0 !important;
}
.course_list_section {
padding: 30px 0px !important;
}
.business-input h2 {
font-size: 28px;
}
/* .course-inner-categories .categories-course .category-box {
width: 100% !important;
} */
/* .categories-course.all-categories {
grid-template-columns: repeat(2, 1fr);
} */
.course-categories {
padding: 30px 0 0 !important;
}
/* .course-list-top {
padding-bottom: 0px;
} */
.course-list-middle .row {
row-gap: 30px;
}
.pcs-arrow.next-arrow {
right: -4px;
height: 40px;
width: 40px;
display: none !important;
}
.pcs-arrow.prev-arrow{
display: none !important;
}
.project-category {
padding: 20px 0 10px;
}
.project-category-slider .slick-track {
margin: 25px 0 10px;
}
.recently-projects .persian-head {
flex-direction: column;
align-items: start;
text-align: left;
gap: 10px;
}
.recently-projects .persian-head h2 {
font-size: 25px;
}
.feature-project-slider .slick-track {
margin: 25px 0 10px;
}
.art-market-banner-title .persian-input .search-business-input input {
border-radius: 5px 5px 0 0;
}
.popular-artwork .persian-head{
flex-direction: column;
align-items: start;
gap: 10px;
}
.ngo-list-section .persian-head {
flex-direction: column;
align-items: start;
gap: 10px;
}
.feature-award-main .persian-head {
flex-direction: column;
align-items: start;
gap: 10px;
margin-bottom: 30px;
}
.feature-award-main {
padding: 10px 0 30px;
}
.eventImage-container {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
/* .eventImage-container .event-image{
height: 250px;
} */
.eventImage-container .event-image{
height: 180px;
}
.all-event-contents {
padding: 30px 0;
}
.file-section-list{
gap: 10px;
}
.file-title h5{
font-size: 18px;
margin-bottom: 2px;
}
.file-information .download{
width: 40px;
height: 40px;
}
.event-tab-contents {
padding: 20px 0 0;
}
#faqs .qa-header h2 {
font-size: 38px;
}
#faqs .qa-header {
margin-bottom: 20px;
}
.schedule-listing {
display: flex;
align-items: start;
flex-direction: column;
width: 100%;
}
.schedule-slot-time {
width: 100%;
}
.schedule-slot-info {
align-items: center;
text-align: center;
border-left: 1px dashed #e5e5e5;
width: 100%;
border-top: none;
}
ul.agenda-list li{
margin-bottom: 20px;
}
.time-info .date-and-time {
width: 100%;
}
.location {
width: 100%;
}
.time-info {
margin-bottom: 20px;
flex-direction: column;
gap: 10px;
}
.tags {
margin-bottom: 20px;
}
.date-time-info.location-info p {
font-size: 16px;
}
.date-time-info p span{
font-size: 16px;
}
.location .location-info p span{
font-size: 16px;
}
.banner-ads-section {
padding: 16px 0 !important;
}
.trending-article-main {
padding: 30px 0;
}
.article-title h3{
font-size: 20px;
}
.aricle-info-title {
font-size: 22px;
}
.article-date-box {
margin-bottom: 15px;
padding-bottom: 15px;
}
.article-detail-main {
padding: 30px 0 !important;
}
.source-links {
padding: 16px !important;
}
.source-links h2 {
font-size: 25px !important;
}
.links-inner a {
font-size: 16px !important;
}
.speaker-header .persian-btn a {
padding: 8px 25px;
}
.art-market-detail-main {
padding: 30px 0 !important;
}
.article-section-main {
padding: 30px 0px !important;
}
.top-main-banner {
height: 200px;
}
.persian-head h2 {
font-size: 25px;
}
.art-filter-info .filter-details span{
font-size: 14px;
}
.art-market-accordion .accordion-header button{
font-size: 16px;
}
.art-body p{
font-size: 14px;
}
.art-body {
margin-bottom: 20px;
}
.art-filter-info .filter-details svg {
width: 20px;
height: 20px;
}
.store-tabs-list {
margin-top: 40px;
}
.art-tab > ul{
margin-bottom: 0 !important;
}
.related-art-slider .p-arrow {
top: -35px;
}
.popular-art-market .program-list{
padding: 0 22px;
margin-top: 0;
}
.art-work-all-list {
padding: 30px 0;
}
.popular-art-main .art-inner-box .market-img {
height: 280px;
}
.feature-art-slider{
margin: 0;
}
}
@media screen and (max-width: 420px){
.eventImage-container .event-image{
height: 180px;
}
}
@media screen and (max-width: 375px) {
.top-header-main {
padding: 12px 10px;
}
.top-header-main .container-fluid {
padding: 0 5px;
}
.top-header-left-container {
width: 45%;
}
.top-header-right-container {
width: 45%;
}
.top-header-right-container .top-header-right {
gap: 15px;
}
.language-box a img {
margin-right: 5px !important;
}
.copyright-main {
margin-top: 25px;
}
.cate-box select {
padding: 2px;
}
/* .top-right-icon {
font-size: 18px;
} */
/* .mobile-menu-bar a i {
font-size: 20px;
} */
.business-input input {
font-size: 12px !important;
}
}
@media screen and (max-width: 359px){
/* .category-box {
width: 48.1% !important;
} */
}
@media screen and (max-width: 320px) {
.top-header-main {
padding: 12px 10px;
}
/* .top-header-right-container .top-header-right {
gap: 8px;
}
.mobile-menu-bar a i {
font-size: 18px;
} */
}
/* purchase ticket */
@media screen and (max-width:575px) {
.ticket-price span{
font-size: 18px;
}
}
/* store page */
.store-list-slider .program-img a img {
object-fit: contain;
}
/* question-answer responsive */
@media only screen and (min-width:1200px) and (max-width:1440px) {
.qa-ans-box .comment-btn a{
padding: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.qa-ans-box .comment-btn a{
padding: 0;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.qa-answers-section{
padding: 60px 0;
}
.qa-ans-box .comment-btn a{
padding: 0;
}
}
@media screen and (max-width:767px) {
.top-main-banner{
height: 250px;
}
.qa-answers-section{
padding: 50px 0;
}
.qa-ans-box .comment-btn a{
padding: 0;
}
}
@media screen and (max-width:575px) {
.top-main-banner{
height: 200px;
}
.all-answer-details .qa-item-inner h2{
font-size: 18px;
}
.qa-answers-section{
padding: 30px 0;
}
.comment-btn a{
font-size: 16px;
}
}
/* course detail */
@media only screen and (min-width:992px) and (max-width:1199px){
.course-detail-tabs-list > ul{
gap: 16px;
margin-bottom: 24px !important;
}
.course-detail-inner{
padding: 18px;
}
.course-detail-sidebar{
padding: 18px;
}
.course_content{
padding: 16px;
}
.offer_price{
font-size: 28px;
}
.course_title h3{
font-size: 20px;
line-height: 24px;
}
.course_title{
padding-bottom: 20px;
}
.course_inner{
padding-top: 20px;
padding-bottom: 20px;
}
.event-list-section .event-persian-head h2{
width: 85%;
}
.popular-event-slider .p-arrow{
top: -72px;
}
.feature-program-slider .p-arrow{
top: -52px;
}
.auction-list-slider .project-arrow{
top: -70px;
}
.article-img {
height: 220px;
}
.speakers-details .topic-name {
font-size: 15px;
}
.speakers-details-inner{
padding: 10px;
}
.speaker-image img {
width: 100px;
height: 100px;
}
.speakers-details .speaker-name{
font-size: 18px;
}
.speakers-details .topic-name{
font-size: 15px;
}
.speakers-details .detail{
font-size: 14px;
}
.eventImage-container .event-image{
height: 200px;
}
.all-ticket-types .accordion-header button {
font-size: 18px;
}
h3.schedule-slot-title {
font-size: 22px;
}
.schedule-slot-time h2 {
font-size: 25px;
}
.schedule-slot-time {
padding: 20px;
width: 30%;
}
.schedule-slot-info {
width: 70%;
padding: 20px;
}
.related-art-slider .p-arrow{
top: -64px;
}
.course-banner .business-input {
width: 80%;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.banner-inner-content{
width: 80%;
}
.course-banner-inner .business-input h2{
font-size: 30px;
}
.course-detail-main{
padding: 60px 0;
}
.course-detail-tabs-list > ul{
gap: 18px;
}
.course-detail-inner{
padding: 24px;
}
.testimonial-box{
padding: 16px;
}
.course-tesimonials{
padding: 0 0 60px 0px;
}
.course-faqs{
padding:0 0 60px 0;
}
.course-list-middle .row{
row-gap: 24px;
}
.event-list-section .event-persian-head h2{
width: 80%;
font-size: 34px;
}
.popular-event-slider .p-arrow{
top: -68px;
}
.feature-program-slider .p-arrow{
top: -68px;
}
.event-persian-head h2{
width: 80%;
}
.auction-list-slider .project-arrow{
top: -67px;
}
.trending-article-main {
padding: 60px 0;
}
.event-detail-main {
padding: 60px 0;
}
.event-inner-info .col-lg-8{
width: 100%;
}
.event-inner-info .col-lg-4{
width: 100%;
}
.event-inner-info .eventImage-container {
grid-template-columns: repeat(3, 1fr);
}
#faq {
margin-top: 20px;
}
.event-inner-tab-contents .container{
padding: 0;
}
}
@media only screen and (max-width:767px){
.course-detail-tabs-list > ul{
gap: 16px;
padding-bottom: 0;
margin-bottom: 0px !important;
}
.course-banner-inner .business-input h2{
font-size: 24px;
}
.course-tesimonials{
padding: 0 0 50px 0px;
}
.course-faqs{
padding: 0 0 50px 0;
}
.banner-inner-content{
width: 100%;
}
.course-list-middle .row{
row-gap: 24px;
}
.course-faqs{
padding: 0 0 50px 0;
}
.course-basic-info{
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.course-detail-inner{
padding: 20px;
}
.auction-tab-section .auction-persian-head p {
font-size: 16px;
}
.event-inner-tab-contents {
padding-top: 16px;
}
.follow-flex a {
padding: 8px 20px;
}
.follow-flex {
gap: 10px;
}
.event-inner-info .eventImage-container {
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.refund-policy {
margin-bottom: 30px;
margin-top: 20px;
}
.tags {
margin-bottom: 30px;
}
.event-box{
flex-direction: column;
margin-bottom: 30px;
}
.event-content-box {
width: 100%;
}
.event-img {
width: 100%;
}
#faq {
margin-top: 20px;
}
.event-inner-tab-contents .container{
padding: 0;
}
#faq .course-faqs{
padding-bottom: 30px;
}
.cart-list .col-lg-12 {
padding: 0 !important;
}
.banner-ads-section {
padding: 20px 0;
}
.wishlist-main .container + .banner-ads-section{
padding-top: 0;
}
}
/* business page responsive css */
@media only screen and (min-width:768px) and (max-width:991px){
.business-intro .row{
gap:100px;
}
.business-main {
padding: 60px 0;
}
.business-list-main {
padding: 40px 0;
}
.login-register-tab .login__left {
border-radius: 16px 16px 0 0;
}
.login-register-tab .login__right {
border-radius: 0 0 16px 16px;
}
}
@media only screen and (max-width:767px){
.business-main{
padding:50px 0 50px;
}
.persian-head h2 {
font-size: 28px;
}
.business-content h2 {
font-size: 24px;
}
.persian-head {
margin-bottom: 20px;
}
.event-list-section .event-persian-head h2 {
font-size: 26px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
}
.business-categories {
padding: 50px 0 10px;
}
.featured-inner-business {
padding: 20px 0;
padding-top: 30px;
}
.featured-inner-business .persian-head {
margin-bottom: 20px;
}
.popular-business .persian-head {
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.popular-business .persian-head .persian-btn a {
padding: 6px 10px;
font-size: 14px;
}
.category-box .category-img {
width: 80px;
height: 80px;
}
.category-box span {
font-size: 16px;
}
.course-categories.event-categories {
padding: 50px 0 10px;
}
.popular-event-slider .p-arrow{
width: 40px;
height: 40px;
top: -57px;
}
.event-categories-slider{
margin-bottom: 0;
}
.event-list-section {
padding: 40px 0 40px;
}
.business-event-slider .prev-arrow {
left: 6px !important;
}
.business-event-slider .next-arrow {
right: 6px !important;
}
.popular-event-slider .prev-arrow {
right: 60px;
}
.project-item-content h2 {
font-size: 22px;
}
.login-register-tab .nav-pills-scroll li.nav-item {
width: 100%;
}
.login__container{
flex-direction: column;
}
.login__left .login__inner{
text-align: center;
}
.login__left .login__inner .login__logo {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
margin: 20px auto 40px;
}
.login-register-tab-contents .container{
padding: 0;
}
.login-register-tab .login__left {
border-radius: 16px 16px 0 0;
}
.login-register-tab .login__right {
border-radius: 0 0 16px 16px;
}
.login-register-tab-section {
padding: 50px 0;
}
.form__row .button{
height: 50px;
}
.form__row .button span{
line-height: normal;
}
.auction-detail-main {
padding: 50px 0 0 !important;
}
.store-details .row {
gap: 30px !important;
}
.all-ticket-types .accordion-header button{
font-size: 18px;
}
}
@media only screen and (max-width:575px){
.business-categories {
padding: 30px 0 10px;
}
.business-intro-img{
height:380px;
}
.business-input h2 {
font-size: 28px;
}
.business-input .search-button{
display: block;
}
.search-button a {
display: flex ;
align-items: center;
justify-content: center;
background: var(--primary-color);
color: var(--white);
border-radius: 0 0 5px 5px;
height: 45px;
}
.business-input .search-button a i {
width: auto !important;
height: auto !important;
background: transparent;
}
.business-input .persian-input .search-business-input input {
padding:10px 20px;
border-bottom: 0.5px solid var(--primary-color);
border-radius: 5px 5px 0 0;
}
.business-input .location-icon i {
border: none;
}
.location-input input{
border: none !important;
}
.login-register-tab-section {
padding: 30px 0;
}
.login-register-tab-contents {
margin-top: 16px;
}
.login__title{
font-size: 16px;
}
.course-tab-details{
padding: 12px 0;
}
.event-list-section .event-persian-head h2 {
width: 68%;
}
.auction-list {
padding: 30px 0;
}
.store-details .row {
gap: 10px !important;
}
.event-detail-main {
padding: 30px 0 !important;
}
.event-inner-info .eventImage-container {
grid-template-columns: repeat(1, 1fr);
}
#overview .event-detail-left{
margin-top: 0;
}
.deals-section-main {
padding: 30px 0 !important;
}
.event-list-section {
padding: 30px 0 30px !important;
}
.faq-section-main {
padding: 30px 0px !important;
}
.networks-list-main {
padding: 30px 0 !important;
}
.ngo-list-main {
padding: 30px 0 !important;
}
.privacy-policy-main {
padding: 30px 0 !important;
}
.program-detail-main {
padding: 30px 0 !important;
}
.program-inner-main {
padding: 30px 0px !important;
}
.project-detail-main {
padding: 30px 0px !important;
}
.persian-filter-box {
padding: 50px 20px 0px !important;
}
}
@media only screen and (max-width:399px){
.login__left .login__inner .login__logo {
width: 100%;
margin: 0px auto;
}
.popular-art-market .program-list {
padding: 0;
}
.art-work-all-list .persian-filter-box{
padding: 10px 0;
}
.popular-art-main .art-inner-box .market-img {
height: 180px;
}
.feature-art-slider .art-inner-box .market-img{
height: 180px;
}
}
/* business list page responsive */
@media only screen and (min-width:1200px) and (max-width:1440px){
.persian-btn a {
padding: 12px 16px;
}
.persian-btn button {
padding: 12px 16px;
}
.auction-inner-timer{
width:80%;
}
.auction-tab-contents .auction-card{
margin:8px 0px;
}
.auction-content {
padding: 25px 18px;
}
.top-course-content h3 a{
padding-bottom:20px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
/* .persian-btn a {
padding:8px 12px ;
} */
.business-logo {
width: 80px;
}
.business-logo img {
width: 100%;
}
.ngo-list-section .persian-head h2{
font-size: 40px;
}
.qa-box {
padding: 20px;
}
.qa-sidebar-box {
padding: 20px;
}
.qa-related h2 {
font-size: 18px;
}
.qa-still-box h2 {
font-size: 18px;
}
.banner-content h1 {
font-size: 55px;
}
.project-section .persian-head {
width: 85%;
}
.business-input {
width: 60%;
}
.categories-course .category-box span {
font-size: 15px;
}
.pcs-arrow.prev-arrow {
left: -40px;
}
.pcs-arrow.next-arrow {
right: -40px;
}
.business-top-info {
left: 5%;
}
.event-list-section .persian-head {
margin-bottom: 20px;
}
.event-list-section .event-img {
height: 250px;
}
.event-list-section {
padding: 40px 0 60px;
}
.project-detail-sidebar-right ul li strong {
font-size: 16px;
}
.right-sidebar .banner-ads {
width: 250px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.persian-btn a {
padding: 12px 16px;
}
.business-list-main .row{
gap:50px;
}
.business-list-main .business-right .row{
gap:30px;
}
.banner-content h1 {
font-size: 48px;
}
.banner-main-box {
padding: 80px 0;
}
.directory-list-box > .row {
row-gap: 25px;
}
.program-section > .container > .row {
row-gap: 25px;
}
.directory-section {
padding: 60px 0;
}
.program-section {
padding: 80px 0;
}
.events-section {
padding: 60px 0;
}
.get-ticket {
padding: 25px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
margin-bottom: 25px;
}
.project-section {
padding: 60px 0;
}
.project-section .persian-head {
width: 70%;
}
.project-section .project-top {
padding: 0 15px;
}
.market-section {
padding: 60px 0;
}
.market-section .market-img {
height: 250px;
}
.business-inner {
width: 75%;
gap: 15px;
}
.business-right .business-inner .contact-info {
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
.business-logo {
width: 25%;
}
.ngo-list-section .persian-head h2{
font-size: 40px;
}
.ngo-listing{
padding: 60px 0 0;
}
.ngo-list-section{
padding: 60px 0;
}
.ngo-categories{
padding: 40px 0 60px;
}
.business-category-slider .category-box.slick-slide.slick-active {
border-right: 1px dashed transparent;
}
/* .business-category-slider .category-box.slick-slide.slick-active.slick-current {
border-right: 1px dashed rgb(182 152 89 / 50%);
} */
.pcs-arrow.prev-arrow {
left: -21px;
}
.pcs-arrow.next-arrow {
right: -21px;
}
.article-detail-main {
padding: 60px 0;
}
.aricle-info-title {
font-size: 22px;
}
.right-sidebar .banner-ads {
width: 468px;
}
.banner-ads {
width: 468px;
}
}
@media only screen and (max-width:767px){
.business-list-main .row{
gap:50px;
}
.business-list-main {
padding: 40px 0;
}
.business-logo {
width:13%;
}
.business-logo img{
width:100%;
}
.business-main-box{
gap:12px;
}
.business-right .business-main-box{
gap:12px;
flex-direction: column;
}
.business-right .business-main-box .business-logo {
width: 100%;
}
.business-right .business-main-box .business-logo img{
width: 100%;
height: 100%;
}
.business-right .business-main-box .business-inner {
width: 100%;
gap: 15px;
}
.business-right .business-list-content h2 {
margin-bottom: 10px;
}
.business-right .business-inner .contact-info {
flex-direction: column;
gap: 10px;
}
.business-right .star-rating{
justify-content: space-between;
}
.business-list-main .business-right .row {
gap: 20px;
}
.persian-btn a {
padding: 12px 12px;
}
.business-main-box .persian-btn {
width: 28%;
}
.banner-content h1 {
font-size: 40px;
margin-bottom: 10px;
}
.banner-main-box {
padding: 50px 0;
}
.directory-list-box > .row {
row-gap: 25px;
}
.program-section > .container > .row {
row-gap: 25px;
}
.directory-section {
padding: 50px 0;
}
.program-section {
padding: 75px 0;
}
.events-section {
padding: 50px 0;
}
.project-section {
padding: 50px 0;
}
.project-section .persian-head {
width: 100%;
}
.project-section .project-top {
padding: 0 15px;
flex-direction: column;
align-items: center;
gap: 25px;
}
.project-section .persian-head p {
width: 100%;
}
.market-section {
padding: 50px 0;
}
.program-section .program-img a img {
object-fit: cover;
}
.market-section .market-img {
height: 250px;
}
.events-section .event-box {
flex-direction: column;
}
.events-section .event-img {
width: 100%;
}
.events-section .event-content-box {
width: 100%;
}
.market-section > .container > .row {
row-gap: 25px;
}
.ngo-listing{
padding: 50px 0 0;
}
.ngo-list-section{
padding: 50px 0;
}
.ngo-categories{
padding: 40px 0 50px;
}
.business-category-slider .category-box {
border: none;
}
.pcs-arrow.prev-arrow {
left: -20px;
}
.pcs-arrow.next-arrow {
right: -20px;
}
.business-banner .business-banner-img {
height: 280px;
}
.breadcrumb-list li {
padding: 0 10px 0 25px;
line-height: normal;
}
}
@media only screen and (max-width:575px){
.business-main-box {
gap: 12px;
flex-wrap: wrap;
padding: 16px;
}
.business-logo {
width:25%;
}
.business-list-content {
width: 100%;
}
.business-main-box .persian-btn {
width: 100%;
text-align: start;
}
.popular-business {
padding: 0 0 30px 0;
}
.categories-course.all-categories{
margin-bottom: 0 !important;
}
.ngo-listing{
padding: 30px 0 0;
}
.ngo-list-section{
padding: 30px 0;
}
.ngo-intro-section{
padding: 30px 0;
}
.ngo-categories{
padding: 30px 0 30px;
}
.ngo-img-box{
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px;
}
.ngo-img-bottom {
grid-column: 1 / span 2 !important;
}
.ngo-details h2{
font-size: 22px;
}
.top-main-banner {
height: 200px;
}
ul.breadcrumb-list {
overflow-x: auto;
scrollbar-width: none;
width: 360px;
justify-content: start;
}
.right-sidebar .banner-ads {
width: 300px;
}
.banner-ads {
width: 300px;
}
}
@media only screen and (max-width:360px) {
ul.breadcrumb-list {
width: 300px;
}
.breadcrumb-list li {
font-size: 12px;
}
.right-sidebar .banner-ads {
width: 250px;
}
}
/* business detail responsive */
@media only screen and (min-width:768px) and (max-width:991px){
.business-detail-main{
padding:60px 0px;
padding-bottom: 40px;
}
.business-detail-top h2{
font-size:24px;
}
.business-sidebar-top h2{
font-size:24px;
}
.business-sidebar-top{
padding:20px;
}
.business-sidebar-bottom h2{
font-size:24px;
}
.business-detail-content h4 {
font-size: 24px;
}
.business-sidebar-bottom {
padding: 20px;
}
.business-detail-top{
margin-bottom:12px;
}
.business-input .persian-input .search-business-input input {
font-size: 14px;
padding-right: 30px;
}
.business-input .persian-input .location-input input {
font-size: 14px;
padding-left: 0 !important;
}
.business-detail-tabs-list {
margin-bottom: 0;
}
.about-business.about-business1.que-ask.ngo-que-ans {
padding-bottom: 0 !important;
}
.community.about-business1 {
padding-bottom: 0;
}
.business-event-slider .next-arrow {
right: 20px !important;
}
.business-event-slider .prev-arrow {
left: 20px !important;
}
}
@media only screen and (max-width:767px){
.business-detail-main{
padding:50px 0px;
}
.business-detail-top h2{
font-size:24px;
width:65%;
}
.business-sidebar-top h2 {
font-size: 24px;
}
.wishlist-btn .filter-inner{
align-items:end;
}
.business-sidebar-top {
padding: 18px;
}
.business-sidebar-bottom {
padding: 18px;
}
.business-sidebar-bottom h2{
font-size:24px;
}
.business-intro .row{
gap:100px;
}
.business-top-info {
left: 4%;
gap: 15px;
flex-direction: column;
bottom:20px;
}
.business-top-right h2 {
font-size: 25px;
}
.business-detail-logo {
width: 50px;
height: 50px;
}
.business-review-right {
flex-direction: column;
align-items: start;
justify-content:start;
gap: 15px;
}
.business-vote {
padding: 0;
border: none;
}
.vote-title span {
font-size: 16px;
}
.business-detail-tabs-list .business-sidebar-bottom iframe {
width: 100%;
}
.business-detail-tabs-list .business-sidebar-bottom .hours-info {
width: 100%;
}
#events .event-lists .event-box {
width: 100%;
}
.store-box {
width: 30%;
}
#events .event-lists {
flex-wrap: wrap;
}
#program-business .business-program .program-img img {
object-fit: cover;
}
.business-detail-tabs-list .business-sidebar-bottom {
margin-top: 0;
padding: 0;
gap: 15px;
}
.business-detail-tabs-list .business-sidebar-bottom h2 {
margin-bottom: 5px;
}
.amenities-info {
margin-top: 0;
}
.all-tab-contents #business {
padding-bottom: 20px;
}
.business-upd {
flex-direction: column;
gap: 15px;
}
.update-business.about-business1 {
padding-bottom: 10px;
}
#program-business .business-program {
padding-bottom: 0;
}
.store-info {
padding: 0;
}
#events .event-lists .event-box .event-img {
height: 180px;
}
#events .event-lists {
padding: 0;
}
.review-header h2 {
padding: 0;
}
.business-detail-tabs-list #reviews .review-info .review-left {
gap: 15px;
flex-wrap: wrap;
}
.business-detail-main {
padding-bottom: 15px;
padding-top: 30px;
}
.community.about-business1 {
padding-bottom: 0;
}
.about-business.about-business1.que-ask.ngo-que-ans {
padding: 0 !important;
padding-top:20px !important;
}
.business-detail-tabs-list {
margin-bottom: 10px;
}
.business-list-slider .p-arrow {
top: -45px !important;
}
.business-inner-data {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.business-detail-tabs-list #reviews .business-tab-details .about-business1 {
margin-bottom: 15px;
}
.qa-top h2 {
font-size: 22px;
}
.qa-item {
padding: 15px;
}
.business-faqs>.container {
padding: 0;
}
}
@media only screen and (max-width:575px){
.business-detail-img {
height: 300px;
}
.business-detail-top {
display: flex;
align-items: start;
flex-direction: column;
}
.business-detail-top h2{
width:100%;
}
.business-detail-content h4{
font-size:24px;
}
.business-input h2 {
font-size: 25px !important;
}
.business-input.top-header-middle .persian-input{
flex-direction: column;
}
.search-business-input {
width: 100%;
}
.location-input{
width: 100%;
}
.business-input .persian-input i {
width: 100% !important;
position: unset;
}
.popular-course{
padding: 0 0 30px 0;
}
.course-series-info{
margin-top: 0;
padding-top: 16px;
}
}
/* education page responsive */
@media only screen and (min-width:768px) and (max-width:991px){
.education-content h2 {
font-size: 28px;
}
}
@media only screen and (max-width:767px){
.education-main{
padding:50px 0px;
}
.education-content h2 {
font-size: 24px;
}
.education-main .row{
gap:50px;
}
}
@media only screen and (max-width:375px){
.education-img {
height: 250px;
}
.education-left{
gap:8px;
}
.ngo-list-section .persian-head h2{
font-size: 24px;
}
}
/* faq page responsive */
@media(min-width:1200px) and (max-width:1440px){
.faq-section-main .persian-btn a{
padding: 12px 12px;
}
}
@media(min-width:992px) and (max-width:1199px){
.faq-section-main .filter-inner{
flex-direction: column;
gap: 8px;
}
}
@media(min-width:768px) and (max-width:992px) {
.qa-list-main{
flex-direction: column;
gap: 25px;
}
.qa-inner-container{
width: 100%;
}
.faq-section-main{
padding: 60px 0px;
}
.qa-list-main > .row {
row-gap: 35px;
}
.login-register-tab-section .login__left {
border-radius: 16px 16px 0 0;
}
.login-register-tab-section .login__right {
border-radius: 0 0 16px 16px;
}
}
@media(max-width:767px){
.qa-list-main{
flex-direction: column;
gap: 25px;
}
.qa-inner-container{
width: 100%;
}
.faq-section-main{
padding: 50px 0px;
}
.persian-head p{
width: 80%;
}
.persian-input input{
margin-bottom: 12px;
}
.qa-left-box {
display: none;
}
.qa-sidebar-box:first-child {
margin-top: 25px;
}
.ngo-details h2{
font-size: 24px;
}
.login-register-tab-section .login__left {
border-radius: 16px 16px 0 0;
}
.login-register-tab-section .login__right {
border-radius: 0 0 16px 16px;
}
}
@media screen and (max-width: 480px) {
/* .category-box {
width: 48.3%;
} */
.bg-org {
flex-direction: column;
align-items: center;
gap: 10px;
}
.feature-art-slider .art-inner-box .market-img{
height: 280px;
}
}
@media(max-width:375px){
.faq-section-main{
padding: 50px 0px;
}
}
/* my order page responsive css */
@media(min-width:1366px) and (max-width:1440px){
#order-popup .modal-dialog{
max-width: 60%;
}
}
@media(min-width:1200px) and (max-width:1365px){
#order-popup .modal-dialog{
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
.program-detail-main .persian-head h2 {
font-size: 44px;
}
.explore-dropdown.sub-menu-box {
width: 500px;
}
.ngo-details h2 {
font-size: 25px;
}
.business-top-info {
left: 17%;
}
.donate-information h3 {
font-size: 40px !important;
}
.donate-now-section {
padding: 80px 0 !important;
}
}
@media(min-width:992px) and (max-width:1199px){
#order-popup .modal-dialog{
max-width: 60%;
margin: auto;
}
.ngo-categories {
padding: 40px 0 60px 0;
}
.ngo-details h2 {
font-size: 26px;
}
.donate-information h3 {
font-size: 45px;
width: 80%;
}
.donate-now-section {
padding: 80px 0;
}
}
@media(min-width:768px) and (max-width:991px) {
.store-main{
padding: 60px 0;
}
.order-box{
gap: 24px;
}
.program-title a{
font-size: 20px;
}
.order-box .program-img a img{
width: 90px;
}
#order-popup .modal-dialog{
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
margin-bottom: 16px;
}
.ngo-details h2 {
font-size: 22px;
}
.ngo-box{
padding: 50px 15px 15px 15px;
}
}
@media(min-width:576px) and (max-width:767px){
.persian-filter-box{
padding: 20px 24px 0px;
}
.filter-inner{
gap: 16px;
}
.persian-btn a{
padding:12px 12px !important;
}
/* .persian-btn button{
padding:12px 12px !important;
} */
}
@media(max-width:767px){
.store-main{
padding: 50px 8px;
}
.order-box{
gap: 30px;
padding: 16px;
}
.program-title a{
font-size: 20px;
}
.order-box .program-img a img{
width: 80px;
}
.star-icons i{
font-size: 16px;
}
#order-popup .modal-dialog{
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
margin-bottom: 16px;
}
.order-information {
padding: 20px 24px;
}
#order-popup .modal-dialog .btn-close{
top: 14px;
width: 24px;
height: 24px;
right: 16px;
position: absolute;
}
.order-tracker{
margin-top: 16px;
}
button.btn-close i {
font-size: 20px;
}
#order-popup .modal-header {
margin-bottom: 15px;
}
.program-img a img {
object-fit: contain;
}
.ngo-categories {
padding: 40px 0 50px;
}
}
@media(max-width:575px){
.persian-filter-box{
padding: 20px 0px 20px;
}
.filter-inner{
flex-direction: column;
gap: 16px;
}
.order-box{
gap: 24px;
}
.program-title a{
font-size: 18px;
}
#order-popup .order-box {
padding: 15px;
}
.order-box .program-img a img {
width: 70px;
}
}
/* ngo page responsive */
@media (min-width: 992px) and (max-width: 1199px) {
.ngo-sidebar ul li span{
text-align: end;
}
.ngo-sidebar{
padding: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.ngo-detail-main{
padding: 60px 0;
}
.ngo-sidebar{
margin-top: 20px;
margin-bottom: 0px;
}
}
@media (max-width: 767px){
.ngo-detail-main{
padding: 50px 0;
}
.ngo-detail-main .row .col-12{
padding: 0;
}
.ngo-sidebar{
margin-top: 20px;
margin-bottom: 0px;
}
.ngo-left-img{
height: 300px;
}
}
@media (max-width: 575px){
.ngo-detail-content h2{
font-size: 20px;
}
.ngo-left-img{
height: 250px;
}
/* .ngo-left{
padding: 16px;
} */
.ngo-sidebar{
padding: 16px;
}
.business-input .persian-input i.search-icon {
display: none;
}
.ngo-fund-progress {
margin-bottom: 15px;
}
.hours-info table td {
font-size: 14px;
}
.ngo-detail-main {
padding: 20px 0;
}
.all-tab-contents #program-business{
padding-top: 10px;
}
.rate-btn {
margin-top: 10px;
}
p.sppb-addon-title {
font-size: 18px;
margin-bottom: 10px;
line-height: normal;
}
.donate-information h3 {
font-size: 24px !important;
line-height: normal;
width: 90% !important;
margin: 10px auto !important;
}
.testimonial-slider .prev-arrow {
right: auto;
left: -9px
}
.testimonial-slider .next-arrow {
right: -9px;
}
.testimonial-slider .p-arrow {
top: 50% !important;
transform: translateY(-50%);
}
.testimonial-box{
margin: 0 10px;
}
.store-box {
width: 48%;
}
}
/* article responsive css */
@media only screen and (min-width:768px) and (max-width:992px){
.article-sidebar-box{
padding:16px;
}
}
@media only screen and (max-width:767px){
.article-section-main{
padding:50px 0px;
}
.article-sidebar-box {
padding: 18px;
}
}
/* article detail page responsive */
@media only screen and (min-width:768px) and (max-width:991px){
.article-sidebar-box {
padding: 16px;
}
.article-detail-img{
height:450px;
}
.program-comment{
margin-top:50px;
}
}
@media only screen and (max-width:767px){
.article-detail-main{
padding:50px 0px;
}
.article-detail-main .row{
gap:10px;
}
.program-comment .persian-btn{
margin-top: 0;
}
.program-comment span{
margin-top: 0;
}
}
@media only screen and (max-width:575px){
.article-detail-img {
height: 300px;
}
.article-date-box {
display: flex;
align-items: start;
gap: 16px;
flex-direction: column;
}
.article-comments-section h4 {
font-size: 24px;
}
.article-comment-item{
gap:12px;
flex-wrap: wrap;
}
.article-comment-content {
width: 100%;
}
.article-detail-main .row {
gap: 10px;
}
.business-top-right h2 {
font-size: 24px;
}
.business-top-review .five-star i {
font-size: 18px;
}
.business-review-right {
gap: 10px;
}
.speaker-header h2 {
font-size: 25px;
}
}
/* awards page responsive */
@media only screen and (min-width:992px) and (max-width:1199px){
.program-img {
height: 250px;
}
}
@media only screen and (max-width:767px){
.program-img{
height: 250px;
}
.program-social a{
height:auto;
}
.award-box .program-title span{
font-size:20px;
}
}
/* art market responsive css */
@media only screen and (min-width:1200px) and (max-width:1365px) {
.market-thumb-slide {
margin-right: 10px;
}
.market-thumb-slider .product-arrow {
height: 28px;
width: 28px;
left: -35px;
}
.pcs-arrow.next-arrow {
right: -26px;
}
.pcs-arrow.prev-arrow {
left: -20px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.market-thumb-slide {
margin-right: 10px;
}
.market-thumb-slider .product-arrow {
height: 30px;
width: 30px;
left: -40px;
}
.pcs-arrow.next-arrow {
right: -21px;
}
.pcs-arrow.prev-arrow {
left: -20px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.persian-filter-box {
padding: 20px 20px 0;
}
.artmarket-main {
padding: 40px 0 60px;
}
.market-content {
padding: 25px;
}
.market-content h2 {
font-size: 20px;
}
.market-bottom a span {
font-size: 18px;
}
.art-market-detail-main {
padding: 60px 0;
}
.market-detail-content {
/* margin-top: 45px; */
margin-top: 20px;
}
.market-thumb-slider .product-arrow {
left: -10px;
z-index: 1;
background-color: var(--primary-color);
color: var(--white);
top: 50%;
transform: translateY(-50%);
}
.market-thumb-slider .next-arrow {
right: 0;
left: unset;
}
.art-market-slider {
position: static;
}
.project-category {
padding: 40px 0 10px;
}
.featured-project .persian-head {
margin-bottom: 20px;
}
.feature-project-slider{
margin-bottom: 0;
}
.project-recent-list .row{
row-gap: 24px;
}
}
@media only screen and (max-width:767px) {
.artmarket-main {
padding: 30px 0 50px;
}
.market-content {
padding: 20px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.market-content h2 {
font-size: 18px;
}
.market-bottom a span {
font-size: 16px;
}
.artmarket-list .market-box .market-img {
height: 250px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.artmarket-list .market-box .market-img img{
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.filter-inner {
flex-wrap: wrap;
justify-content: center;
}
.filter-left {
flex-wrap: wrap;
justify-content: center;
}
.art-market-detail-main {
padding: 50px 0;
}
.market-detail-content {
margin-top: 20px;
}
.market-thumb-slider .product-arrow {
left: -10px;
z-index: 1;
background-color: var(--primary-color);
color: var(--white);
top: 50%;
transform: translateY(-50%);
}
.market-thumb-slider .next-arrow {
right: 0;
left: unset;
}
.art-market-slider {
position: static;
}
.market-slide {
height: 300px;
}
.market-thumb-slide {
height: 80px;
margin-right: 10px;
}
.market-detail-top h2 {
font-size: 30px;
}
.market-detail-top span {
margin-bottom: 8px;
}
.award-box {
padding: 10px;
}
.award-box .program-img {
height: 230px;
}
}
@media only screen and (max-width:575px) {
.market-detail-middle {
flex-direction: column;
gap: 15px;
justify-content: start;
align-items: start;
}
.market-detail-middle .persian-btn a {
width: 100%;
}
.market-detail-middle .persian-btn {
width: 100%;
}
}
/* cart page responsive */
/* cart and checkout page responsive */
@media only screen and (min-width:992px) and (max-width:1199px) {
.shop_table td {
padding: 24px 10px;
}
.shop_table th {
padding: 10px 10px;
}
.shop_table td.product-thumbnail img {
width: 80px;
}
.shopping-cart__order-summary .order-summary__background {
padding: 35px 20px;
}
.checkout-main .order-details {
margin-top: 10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.shopping-cart__order-summary .order-summary__background {
margin-bottom: 0;
}
.checkout-main .billing-form {
margin-top: 0;
margin-bottom: 45px;
}
.checkout-main .order-details {
margin-top: 10px;
}
.payment-img-checkout {
width: 250px;
margin: auto;
}
.order-summary__accept-payment-methods {
text-align: center;
}
.contact-us-main {
padding: 60px 0;
}
.contact-right {
margin-top: 45px;
}
}
@media only screen and (max-width:767px) {
.cart-main {
padding: 50px 0;
}
.shopping-cart__order-summary .order-summary__background {
padding: 25px 20px;
margin-bottom: 0;
}
.product-quantity .pro-qty {
display: flex;
}
.shopping-cart__order-summary {
margin-top: 10px;
}
.checkout-main {
padding: 50px 0;
}
.billing-form span {
font-size: 24px;
margin-bottom: 12px;
}
.checkout-main .billing-form {
padding: 20px;
}
.contact-us-main {
padding: 50px 0;
}
.contact-right {
margin-top: 25px;
}
.contact-left h4 {
font-size: 24px;
}
.cart-list{
padding: 0;
}
.cart-list .row {
margin: auto;
}
.cart-list .row .col-12{
padding: 0;
}
}
/* privacy page responsive */
@media (min-width: 768px) and (max-width: 991px){
.privacy-policy-main{
padding: 60px 0;
}
.persian-head p{
width: 80%;
}
}
@media (max-width: 767px){
.privacy-content-list ul li span{
font-size: 24px;
}
.privacy-policy-main{
padding: 50px 0;
}
}
@media (max-width: 575px){
.privacy-content-list ul li span{
font-size: 20px;
margin-bottom: 6px;
}
.persian-head p{
width: 90%;
}
}
/* ngo list responsive */
@media (min-width: 992px) and (max-width: 1199px){
.ngo-item-box{
padding: 16px;
}
.ngo-item-box .ngo-item-img{
height: 250px;
}
.ngo-item-content h2{
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width:991px){
.ngo-list-main{
padding: 60px 0;
}
.ngo-item-box{
padding: 22px;
}
.ngo-item-box .ngo-item-img{
height: 250px;
}
.ngo-item-content h2{
font-size: 18px;
}
}
@media (max-width:767px){
.ngo-list-main{
padding: 50px 0;
}
.ngo-item-box .ngo-item-img{
height: 250px;
}
}
@media (max-width:575px){
.ngo-item-box{
padding: 16px;
}
.ngo-item-content h2{
font-size: 18px;
}
.ngo-item-box .ngo-item-img{
height: 280px;
}
}
@media (max-width:375px){
.ngo-item-box .ngo-item-img{
height: 220px;
}
}
/* ngo intro responsive css */
@media (min-width: 1200px) and (max-width:1399px){
.login__inner {
padding: 40px;
}
.login__social .button{
font-size: 14px;
}
.login__social {
gap: 5px;
}
.business-right .business-inner .contact-info {
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
.business-main-box {
align-items: start;
padding: 15px;
gap: 15px;
}
.art-inner-box .market-img{
height: 250px;
}
.feature-art .art-list-slider .market-img {
height: 150px !important;
}
.business-inner {
gap: 15px;
}
.business-logo img {
width: 130px;
height: 130px;
}
.business-right .row {
row-gap: 20px;
}
.business-right .business-list-content h2 {
margin-bottom: 8px;
}
}
@media (min-width: 992px) and (max-width:1199px){
.ngo-content h2{
font-size: 28px;
}
.ngo-imgs{
height: 300px;
}
#login-popup .modal-dialog {
max-width: 85%;
}
#login-popup button.btn-close {
width: 40px;
height: 40px;
right:30px;
bottom:20px;
}
.login__social {
gap: 10px;
}
.market-detail-top h2 {
font-size: 32px;
}
.market-thumb-slider .product-arrow {
height: 25px;
width: 25px;
left: -27px;
}
.market-thumb-slider .next-arrow {
top: 40px;
}
.market-content {
padding: 30px;
}
.business-main-box .business-logo img{
width: 110px;
height: 110px;
}
.business-main-box{
margin-right: 0;
align-items: start;
gap: 15px;
padding: 15px;
}
.business-main-box .business-logo{
width: 20%;
}
.business-right .business-inner .contact-info {
flex-wrap: wrap;
justify-content: space-between;
gap: 10px
}
.business-inner {
gap: 10px;
}
.business-right .business-list-content h2 {
font-size: 22px;
margin-bottom: 8px;
}
.business-list-slider .business-main-box .business-logo {
width: 100%;
height: 250px;
}
.business-list-slider .business-main-box .business-logo img {
width: 100%;
height: 100%;
}
.community.about-business1 {
padding-bottom: 0;
}
.business-detail-tabs-list {
margin-bottom: 0;
}
.business-detail-tabs-list #reviews .business-tab-details .about-business1 {
margin-bottom: 20px;
}
.business-head {
margin-bottom: 15px !important;
}
.art-work-all-list .persian-head{
margin-bottom: 40px;
}
.art-work-all-list .persian-head h2{
font-size: 38px;
}
.art-inner-box .market-img{
height: 200px;
}
.feature-art .art-list-slider .market-img {
height: 120px !important;
}
.art-list-slider .market-content h2{
font-size: 20px;
}
.program-list {
margin-top: 20px;
}
.art-work-all-list {
padding: 60px 0;
}
}
@media (min-width: 768px) and (max-width: 991px){
.ngo-img-box{
margin-top: 20px;
}
.ngo-intro-section{
padding: 60px 0;
}
.ngo-intro-section > .container > .row {
flex-direction: column-reverse;
}
.business-top-info {
left: 4%;
gap: 25px;
}
.business-top-right h2 {
font-size: 32px;
}
.business-detail-logo {
width: 85px;
height: 85px;
}
.business-review-right {
flex-direction: column;
align-items: start;
justify-content:start;
gap: 15px;
}
.business-vote {
padding: 0;
border: none;
}
.business-detail-tabs-list .business-sidebar-bottom {
margin-top: 0;
padding: 0;
}
.business-detail-tabs-list .business-sidebar-bottom h2 {
margin-bottom: 8px;
}
.updatebusiness-header.review-header.activity-header h2 {
padding-bottom: 5px;
}
.store-box {
width: 23%;
}
.store-info {
padding: 10px 0;
}
.business-detail-tabs-list #reviews .review-info {
padding: 10px 0;
}
.business-detail-tabs-list #reviews .business-tab-details .about-business1 {
margin-bottom: 20px;
}
.business-faqs .persian-head {
margin-bottom: 20px;
}
}
@media (max-width: 992px){
#login-popup .modal-dialog {
max-width: 85%;
}
.login__inner {
padding: 20px;
}
#login-popup button.btn-close {
width: 40px;
height: 40px;
right:4px;
}
#signup-popup .modal-dialog {
max-width: 85%;
}
#signup-popup button.btn-close {
width: 40px;
height: 40px;
right:4px;
}
.business-input {
width: 80%;
}
}
@media (max-width: 767px){
/* .ngo-img-box{
margin-top: 20px;
} */
.ngo-content h2{
font-size: 30px;
}
.ngo-intro-section{
padding: 50px 0;
}
.ngo-imgs{
height: 250px;
}
.ngo-intro-section > .container > .row {
flex-direction: column-reverse;
}
.login__social {
gap: 10px;
flex-wrap: wrap;
}
#login-popup button.btn-close{
top: 60px;
width: 24px;
height: 24px;
right: 12px;
position: absolute;
}
#signup-popup button.btn-close {
top: 34px;
width: 24px;
height: 24px;
right: 12px;
position: absolute;
}
#login-popup button.btn-close i {
font-size: 20px;
}
#signup-popup button.btn-close i {
font-size: 20px;
}
.login__title{
margin-right: 20px;
}
#login-popup .modal-dialog {
max-width: 99%;
}
#signup-popup .modal-dialog {
max-width: 99%;
}
.business-banner-img {
height: 300px;
}
.business-input h2 {
font-size: 32px;
margin-bottom: 15px;
}
.business-input .persian-input i {
height: 45px;
width: 45px;
}
.business-input input {
height: 45px;
font-size: 14px;
}
.location-input input{
padding-left: 5px !important;
}
.donate-now-section {
padding: 50px 0;
margin-bottom: 50px;
}
.donate-information h3 {
font-size: 36px;
line-height: normal;
width: 80%;
margin: 15px auto;
}
.popular-ngo-list {
padding: 20px 0 50px 0;
}
.testimonial-slider .p-arrow {
height: 40px;
width: 40px;
}
.testimonial-slider .p-arrow {
top: -63px;
}
}
@media (max-width: 575px){
.ngo-content h2{
font-size: 24px;
}
.ngo-content-inner li{
width: 100%;
}
.ngo-img-box{
grid-template-columns: repeat(1, 1fr);
}
.ngo-img-bottom{
grid-column: 1 / span 1;
}
.ngo-imgs{
height: 100%;
}
.login__container>div {
flex: 1 1 100%;
}
.login__left{
width: 100%;
border-radius: 16px 16px 0 0;
}
.login__container{
flex-wrap: wrap;
}
.login__inner {
padding: 20px;
gap: 30px;
}
.login__left{
text-align: center;
padding-top: 20px;
}
#login-popup button.btn-close{
top: 16px;
right: 16px;
}
}
/* project page responsive css */
@media (min-width: 992px) and (max-width:1199px) {
.project-list-inner .projects-item-img {
height: 235px;
}
}
@media (min-width: 768px) and (max-width:991px) {
.project-list-main {
padding: 40px 0 60px;
}
.login__social .button{
font-size:14px;
}
}
@media (max-width: 767px) {
.project-list-main {
padding: 25px 0 50px;
}
.project-list-inner {
margin-top: 0;
}
.projects-item-img {
height: 230px;
}
.project-item-content {
padding: 15px 15px;
}
.project-list-inner .row {
row-gap: 30px;
}
.ngo-info-content .contact-info {
flex-wrap: wrap;
row-gap: 10px;
}
}
/* event page responsive */
@media only screen and (min-width:1200px) and (max-width:1400px){
.event-time span{
font-size:14px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.event-box{
padding: 18px;
}
.event-time{
padding-right:8px;
}
.event-date-box{
gap:12px;
}
.event-time span {
font-size: 13px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.event-box{
padding:18px;
}
.event-date-box{
gap:5px;
flex-wrap: wrap;
column-gap: 10px;
}
.event-time{
padding-right:10px;
}
.event-time i{
font-size:14px;
}
.event-time span{
font-size:14px;
}
.event-host-img {
height: 50px;
width: 50px;
}
.event-host{
gap:10px;
}
.event-bottom-title h4 {
font-size: 16px;
}
.event-list-section .event-img{
height:300px;
}
}
@media only screen and (max-width:767px){
.event-date-box {
display: flex;
gap: 16px;
justify-content: space-between;
}
.event-time span{
font-size:14px;
}
.event-time {
padding-right: 10px;
}
}
@media only screen and (max-width:575px){
.event-date-box{
gap:8px;
flex-direction: column;
}
.event-host-img {
height: 50px;
width: 50px;
}
.event-box{
padding:16px;
}
.event-list-section .event-img{
height:250px;
}
.event-content h2 a {
font-size: 20px;
}
.event-bottom {
padding-top: 20px;
align-items: center;
flex-direction: column;
align-items: start;
gap: 12px;
}
.event-bottom .persian-btn{
width:100%;
}
.event-bottom .persian-btn a{
width:100%;
}
.event-time{
border-right: none;
}
#signup-popup button.btn-close {
top: 16px;
right: 16px;
}
}
/* event detail page responsive css */
@media only screen and (min-width:992px) and (max-width:1200px){
.event-detail-right {
padding: 16px;
}
.event-detail-right ul li span{
text-align:end;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.event-detail-top h2 {
font-size: 28px;
}
.event-detail-right {
padding: 18px;
}
}
@media only screen and (max-width:767px){
.event-detail-main{
padding:50px 0px;
}
.event-detail-top h2 {
font-size: 24px;
}
.event-detail-top span {
font-size: 14px;
padding: 8px 18px;
}
.event-detail-img{
height:350px;
}
}
@media only screen and (max-width:575px){
.event-detail-img{
height:250px;
}
.event-gallery-img {
height: 170px;
}
.event-detail-right {
padding: 16px;
}
.event-detail-right ul li span{
text-align:end;
}
.event-detail-right h2 {
font-size: 20px;
}
.filter-inner {
width: 100%;
}
.filter-left {
width: 100%;
}
.filter-inner .persian-input{
width: 100%;
}
.filter-inner .persian-input select{
width: 100%;
}
.filter-right {
justify-content: end;
width: 100%;
}
}
/* project detail pafe responsive css */
@media only screen and (min-width:768px) and (max-width:991px) {
.project-detail-main {
padding: 60px 0;
}
.project-detail-slide {
height: 350px;
}
.project-detail-right {
height: 350px;
}
.project-detail-inner > .row {
flex-direction: column-reverse;
row-gap: 45px;
}
.project-detail-slider .prev-arrow {
left: 15px;
}
.project-detail-slider .next-arrow {
right: 15px;
}
#order-popup .modal-dialog .btn-close{
width: 40px;
height: 40px;
right: 20px;
}
}
@media only screen and (max-width:767px) {
.project-detail-main {
padding: 50px 0;
}
.project-detail-slide {
height: 250px;
}
.project-detail-right {
height: 250px;
margin-top: 25px;
}
.project-detail-inner > .row {
flex-direction: column-reverse;
row-gap: 25px;
}
.project-detail-slider .prev-arrow {
left: 15px;
}
.project-detail-slider .next-arrow {
right: 15px;
}
.project-detail-sidebar-right ul li strong {
font-size: 16px;
}
.project-social a {
font-size: 18px;
}
.project-detail-sidebar-right {
padding: 15px;
}
.project-points ul {
padding-left: 25px !important;
}
.project-detail-inner {
margin-top: 25px;
}
.program-list.all-program-list .program-img {
height: 225px;
}
}
/* store page responsive */
@media only screen and (max-width:767px){
.wishlist-btn .filter-inner{
align-items:end;
}
.store-right-list .program-social a{
padding: 10px;
}
}
/* program detail page responsive css */
@media (min-width: 992px) and (max-width: 1199px){
.program-detail-img{
height: 500px;
}
.program-comment{
margin-top: 40px;
}
.program-detail-main .persian-head h2{
font-size: 36px;
}
.program-right{
padding: 20px;
margin-bottom: 30px;
}
.billing-form.program-comment{
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width:991px){
.program-detail-main{
padding: 60px 0;
}
.program-detail-main .persian-head h2{
font-size: 30px;
}
.program-detail-img{
height: 350px;
}
.program-detail-content{
padding: 18px;
}
.program-detail-content h2{
font-size: 24px;
}
.program-tags ul{
flex-wrap: wrap;
}
.program-right{
padding: 16px;
margin-bottom: 30px;
}
.program-detail-main .program-comment{
margin-top: 30px;
padding: 18px;
}
}
@media(max-width:767px){
.program-detail-main{
padding: 50px 0;
}
.program-detail-img {
height: 450px;
}
.program-tags ul li a{
padding: 8px;
}
.program-comment{
margin: 30px 0;
}
.program-right{
margin-bottom: 30px;
}
.program-right:last-child{
margin-bottom: 0px;
}
}
@media(max-width:575px){
.program-detail-img {
height: 350px;
}
.program-detail-content{
padding: 16px;
}
.program-detail-content h2{
font-size: 22px;
}
.program-tags ul{
flex-wrap: wrap;
}
.program-comment{
padding: 16px;
}
.program-right{
padding: 16px;
}
.program-right ul li strong{
width: 45%;
}
}
@media(max-width:375px){
.program-detail-img{
height: 260px;
}
.program-detail-content h2{
font-size: 20px;
}
.program-detail-main .persian-head h2{
font-size: 22px;
}
}
/* wislist page responsive */
@media only screen and (min-width:768px) and (max-width:991px) {
.wishlist-main .shop_table th {
white-space: nowrap;
}
.wishlist-main .product-btn .persian-btn a {
white-space: nowrap;
}
}
@media only screen and (max-width:767px) {
.wishlist-main .shop_table th {
white-space: nowrap;
}
.wishlist-main .product-btn .persian-btn a {
white-space: nowrap;
}
.wishlist-main {
padding: 50px 0;
}
}
/* store detail page responsive */
@media only screen and (min-width:1200px) and (max-width:1400px){
.product-thumb-slider{
padding:0px 30px;
}
.product-thumb-slider .product-arrow{
left:-20px;
}
.program-list.all-program-list .program-box {
padding: 15px;
}
.program-list.all-program-list .program-box .program-img {
height: 260px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.product-thumb-slider{
padding:0px 30px;
}
.product-thumb-slider .product-arrow{
left:-20px;
}
.program-inner-main {
padding: 80px 20px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.product-thumb-slider{
padding:0px 30px;
}
.product-thumb-slider .product-arrow{
left:-20px;
}
.store-details .row{
gap:50px;
}
.course-detail-sidebar{
margin-top: 20px;
}
.course-basic-title span{
font-size: 14px;
}
.instructor-img {
height: 50px;
width: 50px;
}
}
@media only screen and (max-width:767px){
.store-content .store-title a {
font-size: 24px;
}
.store-details .row{
gap:50px;
}
.store-filter .filter-inner {
align-items: end;
justify-content: end;
}
.course-tab-details{
padding:20px 0;
}
.program-box:hover .program-social {
right: 5px;
}
.program-box .program-social i{
font-size: 14px;
}
.course-detail-sidebar{
margin-top: 20px;
}
}
@media only screen and (max-width:575px){
.store-right-list .program-img {
height: 250px;
}
.store-slider .program-box {
margin-right: 8px;
}
.product-slide {
height: 250px;
}
.product-coupon-box {
align-items: start;
gap: 8px;
flex-direction: column;
}
}
/* program page responsive */
@media (min-width: 992px) and (max-width: 1199px){
.program-title a{
font-size: 18px;
}
.program-box{
padding: 16px;
}
/* new */
.course-basic-info {
gap: 20px;
}
.course-basic-title span{
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.program-box{
padding: 16px;
}
.program-img{
height: 250px;
}
.program-main{
padding: 40px 0 60px 0;
}
.program-category .event-categories-slider {
margin-bottom: 0;
}
.program-inner-main {
padding: 60px 20px;
}
}
@media(max-width:767px) {
.program-img a{
width: 100%;
}
.program-main{
padding: 30px 0 50px 0;
}
/* new */
.course-basic-info {
flex-wrap: wrap;
gap: 30px;
}
.course-basic-title span {
font-size: 16px;
}
.course-detail-tabs-list > ul li a {
padding: 8px 35px;
}
.course-detail-main {
padding: 50px 0;
}
.course-detail-tabs-list > ul{
flex-wrap: nowrap;
overflow-x: auto;
}
.feature-program-slider .program-box .program-img img {
object-fit: cover;
}
.popular-program .program-box .program-img img {
object-fit: cover;
}
/* .course-categories {
padding: 50px 0;
} */
.event-list-section.feature-program-section {
padding: 20px 0 40px;
}
.feature-program-section .persian-head {
margin-bottom: 20px;
}
.feature-program-slider .p-arrow {
top: -35px;
height: 40px;
width: 40px;
}
.feature-program-slider .prev-arrow {
right: 60px;
}
.top-banner-title p {
width: 100%;
font-size: 14px;
}
.top-banner-title h2 {
margin-bottom: 5px !important;
}
.program-banner-slider .p-arrow {
display: none !important;
}
.event-categories .category-box:last-child {
border-right: none;
}
.program-category .slick-arrow {
display: none !important;
}
.program-category .event-categories-slider {
margin-bottom: 0;
}
.program-category {
padding-bottom: 10px;
}
.popular-program .persian-head {
text-align: left;
margin-bottom: 20px;
}
.popular-program .persian-btn {
width: auto;
min-width: fit-content;
}
.popular-program {
padding-bottom: 50px;
}
.business-sldier .p-arrow {
display: none !important;
}
.useful-btn a {
padding: 8px 8px;
}
.business-list-slider .p-arrow {
top: -30px !important;
}
.program-social a {
margin-bottom: 10px;
}
.program-inner-main {
padding: 50px 0px;
}
.program-inner-main .program-list.all-program-list .program-box .program-img img {
object-fit: cover;
}
.program-inner-main .left-filterbar {
margin-bottom: 45px;
}
}
@media(max-width:575px){
.program-box{
padding: 16px;
}
.program-img {
height: 250px;
}
.program-title{
margin-bottom: 18px;
}
.ngo-details h2 {
font-size: 22px;
}
.ngo-categories {
padding: 30px 0 20px;
}
.banner-content {
width: 100%;
}
.banner-content p {
width: 100%;
margin-bottom: 35px;
}
}
@media(max-width:375px){
.program-img {
height: 200px;
}
.program-box {
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.directory-content-box {
padding: 12px;
}
.directory-content-box a {
font-size: 18px;
line-height: 24px;
margin-top: 0;
}
.read-more a {
height: 40px;
width: 40px;
}
.read-more a i {
font-size: 16px;
}
.deals-list .program_offer {
top: 15px;
left: 15px;
}
.deal-bottom .program-fav a {
height: 40px;
width: 40px;
}
.deal-bottom .program-fav a i {
font-size: 16px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.directory-content-box {
padding: 12px;
}
.directory-content-box a {
font-size: 18px;
line-height: 24px;
margin-top: 0;
}
.read-more a {
height: 40px;
width: 40px;
}
.read-more a i {
font-size: 16px;
}
.networks-list-main {
padding: 60px 0;
}
.deals-section-main {
padding: 60px 0;
}
.deal-bottom .program-fav a {
height: 40px;
width: 40px;
}
.deal-bottom .program-fav a i {
font-size: 16px;
}
.coupons-section-main {
padding: 60px 0;
}
.coupons-product-img {
height: 250px;
}
.coupons-product-content {
padding: 10px 2px 0;
}
}
@media only screen and (max-width:767px) {
.networks-list-main {
padding: 50px 0;
}
.directory-content-box a {
font-size: 18px;
line-height: 24px;
margin-top: 0;
}
.read-more a {
height: 40px;
width: 40px;
}
.read-more a i {
font-size: 16px;
}
.deals-section-main {
padding: 50px 0;
}
.deals-inner .row {
justify-content: center;
}
.deals-list .program-img a img {
object-fit: contain;
}
.deal-bottom .program-fav a {
height: 40px;
width: 40px;
}
.deal-bottom .program-fav a i {
font-size: 16px;
}
.coupons-section-main {
padding: 50px 0;
}
.coupons-product-img {
height: 250px;
}
.coupons-main .row {
row-gap: 35px;
justify-content: center;
}
.coupons-product-content {
padding: 10px 2px 0;
}
.popular-program.popular-stores {
padding: 20px 0;
}
.row.store-list-slider{
margin-bottom: 0;
}
.store-categories-slider{
margin-bottom: 0;
}
}
@media only screen and (max-width:575px) {
.directory-img {
height: 250px;
}
.directory-img img {
border-radius: 8px;
}
.network-badge a {
font-size: 15px;
}
.network-badge {
padding: 10px;
top: 10px;
left: 10px;
}
.directory-box:hover .fav-icon a {
right: 8px;
}
.directory-box .fav-icon a {
height: 35px;
width: 35px;
top: 8px;
}
.networks-list-main .directory-list-box .row {
row-gap: 30px;
}
.deals-list .program_offer {
top: 15px;
left: 15px;
}
.deals-list .program-box {
border-radius: 8px;
}
.course-basic-info {
gap: 18px;
grid-template-columns: repeat(2, 1fr);
}
.popular-program .persian-head {
flex-direction: column;
align-items: start;
gap: 10px;
}
.course_price{
width: 100%;
justify-content: space-between;
}
.course-detail-inner{
padding: 16px;
}
.course-faqs{
padding: 0 0 30px 0;
}
.testimonial-slider .next-arrow {
right: -7px !important;
}
.course-tesimonials{
padding: 0 0 30px 0px;
}
.course-detail-main{
padding: 30px 0;
}
.course-detail-sidebar{
padding: 16px;
}
}
@media only screen and (max-width:399px){
.course-basic-info {
grid-template-columns: repeat(1, 1fr);
}
.course-basic-item{
padding: 10px 0;
border-right: none;
border-bottom: 1px dotted #ede1c8;
}
.course-basic-item:last-child{
border-bottom: none;
}
}
@media only screen and (max-width:360px) {
.network-badge {
top: unset;
bottom: 0;
left: 0;
border-top-left-radius: 0;
}
}
@media only screen and (min-width:1200px) and (max-width:1440px) {
.course_content {
padding: 15px;
}
.top-course-content {
padding: 15px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.course_list_section {
padding: 60px 25px;
}
.top-course-content {
padding: 12px;
}
.top-course-bottom ul {
gap: 10px;
}
.price-low > span {
font-size: 25px;
}
.price-big span {
font-size: 25px;
}
.top-course-img {
height: 250px;
}
.course_content {
padding: 15px;
}
.course_title h3 {
font-size: 20px;
line-height: 26px;
}
.course_title {
padding-bottom: 20px;
}
.offer_price {
font-size: 25px;
}
.top-course-content h3 a {
font-size: 20px;
padding-bottom: 20px;
}
.top-course-img img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.top-course-box {
border-radius: 12px;
}
.course_img a img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.course_box {
border-radius: 12px;
}
.coupon-terms-section .modal-dialog {
max-width: 550px;
}
}
@media only screen and (max-width:767px) {
.course_list_section {
padding: 50px 0px;
}
.top-course-content {
padding: 20px;
}
.top-course-bottom ul {
gap: 10px;
}
.price-low > span {
font-size: 25px;
}
.price-big span {
font-size: 25px;
}
.top-course-img {
height: 200px;
}
.course_content {
padding: 20px;
}
.course_title h3 {
font-size: 16px;
line-height: 24px;
height: 45px;
}
.course_title {
padding-bottom: 20px;
}
.offer_price {
font-size: 25px;
}
.top-course-content h3 a {
font-size: 16px;
padding-bottom: 20px;
}
.top-course-img img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.top-course-box {
border-radius: 10px;
}
.course_img a img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.course_box {
border-radius: 10px;
}
.course_img {
height: 250px;
}
.top-course-price {
padding-top: 20px;
padding-bottom: 20px;
}
.course_inner {
padding-top: 10px;
padding-bottom: 10px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.course_price{
justify-content: space-between;
width: 100%;
}
.top-course-bottom {
/* flex-wrap: wrap; */
row-gap: 12px;
}
.notification-item {
align-items: start;
}
.notification-canvas-header {
padding-bottom: 15px;
}
.coupon-terms-section .modal-dialog {
max-width: 95%;
}
#coupon-terms .modal-dialog button.btn-close {
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
}
.coupon-terms-section .modal-content {
height:85vh;
}
.coupon-terms-section .modal-dialog {
padding:15px;
}
#location-popup .modal-dialog button.btn-close {
position: absolute;
top: 14px;
right: 14px;
width: 24px;
height: 24px;
}
}
@media only screen and (max-width:360px) {
.top-course-bottom ul {
gap: 10px;
flex-wrap: wrap;
}
.notification-inner {
padding: 10px;
padding-top: 5px;
}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
.auction-card .auction-img .auction-timer{
width:90%;
}
/* .auction-card{
margin:8px 0px;
} */
.auction-tab-contents .auction-card{
margin:8px 0px;
}
.countdown_row.countdown_show4{
gap:0px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.persian-head h2{
font-size:38px;
}
.auction-time span{
font-size:14px;
}
.auction-content {
padding: 20px 16px;
}
.current.auction {
font-size: 18px;
}
.woocommerce-Price-amount.amount{
font-size:18px;
}
.auction-content h4 a {
color: var(--primary-color);
font-size: 20px;
}
.auction-tab-contents .auction-card{
margin:8px 0px;
}
.auction-inner-timer{
width:90%;
}
.auction-img{
height:300px;
}
.countdown_row.countdown_show4{
gap:10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.persian-head h2 {
font-size: 34px;
}
.auction-card .auction-img .auction-timer{
width:95%
}
.auction-tab-contents .auction-card{
margin:8px 0px;
}
.auction-time span{
font-size:16px;
}
.auction-content h4{
font-size:20px;
}
.current.auction{
font-size: 18px;
}
.woocommerce-Price-amount.amount{
font-size:18px;
}
.auction-inner-timer{
width:75%;
}
.auction-img{
height:300px;
}
.auction-content {
padding: 25px 16px;
}
}
@media only screen and (max-width:767px){
.auction-card .auction-img .auction-timer{
width:95%;
}
.auction-content {
padding: 25px 12px;
}
.auction-tab-contents .auction-card{
margin:8px 0px;
}
.auction-img{
height:250px;
}
.auction-time span{
font-size:12px;
}
.current.auction {
font-size: 18px;
}
.auction-content h4 {
font-size: 20px;
}
.auction-inner-timer{
width:100%;
}
.course-detail-tabs-list > ul li a{
width:max-content;
}
.auction-tab #description{
padding:25px;
}
.inner-image img{
width:40px;
}
.auction-list-slider .project-arrow {
height: 40px;
width: 40px;
top: -39px;
/* transform: translateY(-50%); */
}
.countdown_row.countdown_show4{
gap: 10px;
flex-wrap: wrap;
}
.woocommerce-Price-amount.amount{
font-size:16px;
}
.current.auction{
font-size:16px;
}
.persian-btn a {
padding: 10px 34px;
}
.auction-list {
padding: 50px 0;
}
.auction-detail-tabs-list ul{
justify-content:start;
}
.auction-card img{
object-fit:cover;
}
#description .course-tab-details {
padding: 0px 0;
}
#description .course-tab-details ul {
margin-bottom: 0 !important;
}
/* span.amount{
font-size:24px;
} */
}
/***** freelancers responsive css *****/
@media only screen and (min-width:992px) and (max-width:1199px){
.freelancer-main {
padding: 80px 0px;
}
.freelancer-info-main{
padding-top: 60px;
}
.freelance-skill a span{
font-size: 14px;
}
.freelance-info h6 {
font-size: 16px;
}
.freelance-timing span{
font-size:16px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.freelancer-main{
padding: 60px 0px;
}
.freelancer-info-main{
padding-top: 40px;
}
.freelance-info h2 {
font-size: 20px;
}
.freelance-info h6{
font-size:16px;
}
.freelance-middle{
gap:8px;
flex-wrap:wrap;
}
.left-filter-top span{
font-size:20px;
}
.freelance-skill a span{
font-size: 14px;
}
.freelance-skill{
gap: 8px;
}
.popular-freelancers {
padding-top: 60px;
}
.freelance-inner-item .freelance-review{
flex-direction: column;
}
}
@media only screen and (max-width:767px){
.freelancer-main {
padding: 50px 0px;
}
.freelancer-info-main{
padding-top: 40px;
}
.left-filter-top span{
font-size:16px;
}
.freelance-info h2 {
font-size: 20px;
}
.freelance-middle{
flex-wrap:wrap;
}
.freelance-skill a span {
padding: 6px 20px;
font-size: 16px;
display: block;
}
.popular-freelancers{
padding-top: 50px;
}
.popular-freelancers .popular-freelance .freelance-item{
margin-top: 16px;
}
.popular-freelancers .popular-freelance .col-12:first-child .freelance-item{
margin-top: 0;
}
.freelance-inner-item .freelance-review{
flex-direction: column;
}
.freelance-bottom{
margin-top: 16px;
}
.freelancer-slider .slick-track{
margin: 0 0 30px;
}
.freelancer-slider .p-arrow{
top: unset;
bottom: -2px;
transform: translateX(-50%);
}
.freelancer-slider .prev-arrow{
left: 41%;
}
.freelancer-slider .next-arrow{
right:unset;
left: 58%;
}
}
@media only screen and (max-width:575px){
.freelance-skill{
gap:8px;
}
.freelance-info h6{
font-size:16px;
}
.freelance-info h2{
font-size:18px;
gap: 8px;
}
.freelance-top-left{
flex-direction:column;
}
.freelance-middle{
gap:8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.freelance-top-info{
margin-bottom: 8px;
}
.freelancer-main {
padding: 30px 0px;
}
.freelancer-info-main{
padding-top: 20px;
}
.freelance-info{
width: 100%;
}
.freelance-bottom {
margin-top: 20px;
}
.freelancer-main>.container>.row{
row-gap: 25px;
}
.popular-freelancers{
padding-top: 30px;
}
.freelancer-main .persian-head h2{
font-size: 20px;
}
.freelancer-main .persian-btn a{
padding: 10px 10px;
}
.freelancer-slider .p-arrow{
width: 40px;
height: 40px;
}
.event-persian-head h2{
width: 68%;
}
.auction-tab-section {
padding-bottom: 30px;
}
.auction-list {
padding: 30px 0;
}
.store-tabs-list {
margin-top: 30px;
}
.auction-detail-main {
padding: 30px 0 0 !important;
}
}
@media only screen and (max-width:375px){
.freelance-skill a span {
padding: 6px 12px;
font-size:14px;
}
}
/***** End freelancers responsive css *****/
/* dashboard page css */
.mobile-sub-menu li a{
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-innermenu-box i{
font-size: 14px;
}
.dashboard-right {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 25px;
width: 55%;
align-items: start;
}
.dashboard-card {
padding: 18px 25px;
border-radius: 10px;
background-color: var(--white);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
.dashboard-card::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 5px;
height: 70%;
background-color: #e1e1e1;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.dashboard-icon span {
height: 55px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
border-radius: 5px;
background-color: #fff8e9;
}
.dashboard-icon span i {
font-size: 18px;
color: var(--primary-color);
}
.dashboard-card-left span {
font-size: 16px;
color: #00000080;
text-transform: capitalize;
letter-spacing: 0.3px;
display: inline-block;
margin-bottom: 5px;
}
.dashboard-card-left h2 {
font-size: 30px;
color: var(--black);
margin-bottom: 0;
}
.dashboard-top-img {
height: 180px;
width: 280px;
}
.dashboard-top-img img {
object-fit: contain;
object-position: bottom;
}
.dashboard-top-content {
width: 55%;
}
.dashboard-top {
align-items: start;
}
.dashboard-leftbar {
padding: 15px 20px;
}
.breadscrumb-right ul li a i {
border: 1px solid #e3e3e3;
color: #656565;
padding: 5px;
font-size: 16px;
border-radius: 3px;
}
.breadscrumb-right ul li a.active {
color: var(--primary-color);
}
/***** business-dashboard css *****/
.add-product-btn{
padding:8px 20px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.business-btn-section{
text-align:end;
}
.business-btn-section i{
width: 40px;
height: 40px;
background-color: rgb(182 152 89 / 30%);
text-align: center;
line-height: 40px;
border-radius:6px;
}
.business-btn-section a i{
width:auto;
height:auto;
line-height:normal;
padding: 3px;
border-radius: 100px;
}
.add-product-btn:hover{
color:var(--primary-color);
background-color:transparent;
}
.dashboard-filter{
margin-top:20px;
}
.bg-business-table{
border-radius: 12px;
box-shadow: 0 0 25px rgb(0 0 0 / 5%);
padding: 20px;
}
.bis-table table th{
text-transform: capitalize;
font-size:18px;
font-weight:600;
}
.bis-table table{
margin-top:20px;
}
.bis-image{
width:80px;
height: 55px;
}
.bis-image img{
width:100%;
height:100%;
object-fit: cover;
}
.bis-title h4{
font-size:16px;
font-weight:400;
text-transform:capitalize;
margin-bottom:0;
}
.bis-action span i{
width: 35px;
height: 35px;
border-radius: 50%;
background: #fff8e9;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: black;
}
.bis-action span{
display:flex;
gap:10px;
}
.bis-action span i:last-child{
background-color:rgb(255 0 0 / 20%);
}
.entries-section label{
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
}
.entries-section select{
padding: 3px 14px 3px 6px;
border-radius: 6px;
border: 1px solid grey;
margin-right:10px;
}
.entries-section select:focus{
outline:none;
}
.entries-search{
display:inline-block;
margin-left:10px;
}
.entries-search input{
padding: 4px 12px;
border-radius: 6px;
border: 1px solid grey;
}
.entries-search input:focus{
outline:none;
}
.entries-section{
margin-top:20px;
}
/***** End business-dashboard css *****/
/***** add business-dashboard css *****/
.add-bis-form h5{
font-size: 20px;
font-weight: 600;
margin-bottom: 1rem;
border-bottom: 1px solid rgb(0 0 0 / 60%);
padding-bottom: 10px;
text-transform: capitalize;
}
.inner-formation{
margin-bottom:2rem;
}
.inner-formation .form-control{
padding:.75rem .75rem!important;
}
.inner-formation .form-control:focus{
outline:none!important;
box-shadow:none!important;
border-color: rgb(182 152 89 / 50%);
}
.inner-formation .form-select{
padding:.75rem .75rem!important;
}
.inner-formation .form-select:focus{
outline:none!important;
box-shadow:none!important;
border-color: rgb(182 152 89 / 50%);
}
.bis-submit a{
text-transform:capitalize;
font-size:16px;
color:black;
}
.bis-submit a:hover{
text-decoration:underline!important;
}
.bis-submit-btn{
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.bis-submit-btn:hover{
color:var(--primary-color);
background:transparent;
}
/***** End add business-dashboard css *****/
.dashboard-submenu > li a.active {
background-color: #fff8e9;
color: var(--primary-color);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.bis-status span {
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
text-align: center;
/* background-color: #97ffa8; */
color: var(--black);
text-transform: capitalize;
}
.bis-status.bis-active span {
background-color: #97ffa8;
}
.bis-status.bis-complete span {
background-color: #e9e9e9;
}
.bis-status.bis-comingsoon span {
background-color: var(--primary-color);
color: var(--white);
}
.bis-status.bis-inactive span {
background-color: #e9e9e9;
}
.bis-itemcondition span {
text-transform: capitalize;
}
.add-more-btn {
padding:8px 20px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 10px;
transition: all 0.5s;
}
.add-more-btn:hover {
background-color: transparent;
color: var(--primary-color);
}
/* Profile Dashboard css */
.profile-container {
padding: 80px 0;
position: relative;
}
.profile-cover-box {
position: relative;
border-radius: 10px;
background-color: white;
border: 1px solid #d7d7d7;
}
.profile-cover-img {
height: 200px;
width: 100%;
position: relative;
}
.profile-cover-img img {
width: 100%;
height: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
object-fit: cover;
}
.profile-content-box {
position: relative;
padding: 60px 24px 24px;
}
.profile-img {
border: 5px solid #fff;
height: 160px;
width: 160px;
border-radius: 50%;
position: absolute;
left: 25px;
bottom: -50px;
}
.profile-img img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: contain;
}
.profile-content-inner {
display: flex;
justify-content: space-between;
}
.profile-info {
width: 70%;
}
.profile-info h2 {
font-size: 24px;
margin-bottom: 0;
}
.profile-info h2 svg {
height: 20px;
width: 20px;
padding-left: 5px;
}
.profile-info p {
font-size: 16px;
}
.profile-info span {
font-size: 14px;
color: #00000080;
display: inline-block;
margin-bottom: 8px;
}
.profile-top-right {
width: 30%;
}
.profile-top-right a {
display: flex;
gap: 5px;
align-items: center;
color: #121212;
}
.profile-top-right a img {
height: 32px;
width: 32px;
}
.profile-top-right a span {
font-size: 16px;
text-transform: capitalize;
width: 80%;
}
.profile-addr a {
text-transform: capitalize;
font-size: 16px;
position: relative;
color: #b69859;
}
.profile-addr a::before {
content: "";
display: inline-block;
height: 2px;
width: 2px;
border-radius: 50%;
background-color: #00000080;
vertical-align: middle;
margin-right: 5px;
}
.profile-top-btn {
display: flex;
gap: 10px;
align-items: center;
margin-top: 10px;
}
.profile-top-btn a {
color: black;
border-radius: 40px;
padding: 6px 16px;
border: 1px solid #121212;
font-size: 16px;
text-transform: capitalize;
line-height: normal;
display: inline-block;
}
.profile-top-btn a.connect-btn {
background-color: #b69859;
color: white;
border: none;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.profile-top-btn a.connect-btn svg {
height: 16px;
width: 14px;
}
.profile-top-btn a.msg-btn {
color: #b69859;
border: 1px solid #b69859;
}
.profile-info-box {
padding: 24px;
border-radius: 10px;
background-color: white;
border: 1px solid #d7d7d7;
margin-top: 15px;
}
.profile-info-box h2 {
font-size: 20px;
color: #121212;
text-transform: capitalize;
}
.profile-info-box p {
font-size: 16px;
color: #000000E0;
}
.profile-info-box p:last-child {
margin-bottom: 0;
}
.profile-info-box span {
font-size: 16px;
color: #00000080;
}
.profile-activity-item {
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
margin-top: 15px;
}
.profile-activity-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.profile-activity-item p {
font-size: 14px;
position: relative;
margin-bottom: 5px;
color: #00000080;
}
.profile-activity-item p span {
font-size: 14px;
color: #00000080;
position: relative;
}
.profile-activity-item p span::before {
content: "";
display: inline-block;
height: 2px;
width: 2px;
border-radius: 50%;
background-color: #00000080;
vertical-align: middle;
margin-right: 5px;
}
.profile-activity-item h6 {
font-size: 15px;
font-weight: normal;
}
.profile-info-list {
padding: 0;
}
.profile-info-inner {
padding: 24px;
}
.profile-info-bottom {
border-top: 1px solid #d7d7d7;
}
.profile-info-bottom a {
font-size: 16px;
text-transform: capitalize;
color: #000000bf;
display: block;
text-align: center;
padding: 10px;
font-weight:600;
}
.profile-info-bottom a svg {
height: 16px;
width: 16px;
}
.experience-box {
display: flex;
gap: 12px;
padding-bottom: 15px;
padding-top: 12px;
border-bottom: 1px solid #d7d7d7;
}
.experience-box:last-child {
padding-bottom: 0;
border-bottom: none;
}
.exp-img {
width: 48px;
height: 48px;
}
.exp-img img {
height: 100%;
width: 100%;
object-fit: contain;
}
.expe-info {
width: 80%;
}
.expe-info h2 {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
}
.expe-info h4 {
font-size: 14px;
margin-bottom: 5px;
color: #000000e6;
}
.expe-info h4 span {
position: relative;
display: inline-block;
color: #000000e6;
}
.expe-info h4 span::before {
content: "";
display: inline-block;
height: 2px;
width: 2px;
border-radius: 50%;
background-color: #00000080;
vertical-align: middle;
margin-right: 5px;
}
.expe-duration b {
font-weight: normal;
display: inline-block;
position: relative;
color: #00000080;
font-size: 14px;
}
.expe-duration b::before {
content: "";
display: inline-block;
height: 2px;
width: 2px;
border-radius: 50%;
background-color: #00000080;
vertical-align: middle;
margin-right: 5px;
}
.expe-duration p {
font-size: 14px;
color: #00000080;
}
.expe-desc {
margin-top: 8px;
}
.expe-desc p {
font-size: 14px;
}
.expe-desc .moretext {
display: none;
font-size: 14px;
color: black;
}
.expe-inner h2 a {
font-size: 16px;
text-transform: capitalize;
color: black;
}
.expe-timeline {
margin-top: 15px;
}
.expe-timeline {
position: relative;
padding-left: 25px;
}
.expe-timeline::before {
content: "";
display: inline-block;
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #0000004D;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
}
.expe-timeline::after {
content: "";
height: 90%;
width: 2px;
display: block;
background-color: #0000004D;
position: absolute;
top: 20px;
left: 4px;
}
.expe-timeline:last-child::after {
display: none;
}
/* new css */
.education-information{
width:90%;
}
.education-section{
display:flex;
gap:12px;
border-bottom:1px solid #e8e8e8;
padding:1.2rem 0rem;
}
.education-information a{
font-size:16px;
line-height:24px;
color:black;
font-weight:600;
margin-bottom:0;
text-decoration:none;
display:block;
}
.education-information p{
font-size:14px;
margin-bottom:0;
line-height:20px;
color:rgba(0, 0, 0, 0.6);
}
.education-information span{
font-size:14px;
line-height:20px;
color:rgba(0, 0, 0, 0.6);
}
.image-eduaction{
width:60px;
height:60px;
}
.image-eduaction img{
width:100%;
height:100%;
}
.ed-p{
margin-top:1rem;
}
.Recommendations .tab-pane{
padding:0px;
}
.Recommendations ul{
border-bottom:1px solid #e8e8e8;
padding:0px 24px;
}
.Recommendations ul li{
position: relative;
}
.Recommendations ul li a.active::before{
position: absolute;
content:"";
left:0;
bottom:0;
width:100%;
height:2px;
background-color: var(--primary-color);
}
.Recommendations ul li a{
padding-top: 12px;
padding-bottom: 16px;
font-weight: 600;
color:black;
}
.Recommendations ul li a:hover{
border:1px solid transparent!important;
}
.Recommendations ul li a.active{
background: transparent!important;
color: var(--primary-color)!important;
border:1px solid transparent!important;
}
.Recommendations-box .profile-info-inner{
padding:0;
}
.Recommendations-box h2{
padding:24px 24px 0px 24px;
margin-bottom:0;
}
.Recommendations .education-section{
padding:24px 24px;
}
.it-btn{
margin:0.8rem 0;
}
.follow-btn{
border-radius:100px;
border:2px solid ;
padding:.2rem 1.2rem;
display:inline-block!important;
}
.inner-it-flex{
display:flex;
}
.people-section h4 a{
font-size:16px;
color:black;
text-transform:capitalize;
text-decoration:none;
}
.people-section h4 span{
font-size:14px;
color:rgba(0, 0, 0, 0.6);
}
.people-image-info p{
font-size:14px;
margin-bottom:0;
color:rgba(0, 0, 0, 0.9);
}
.people-section h4{
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
padding:24px 24px 0px;
margin-bottom:0;
}
.people-section {
border-radius: 10px;
background-color: white;
border: 1px solid #d7d7d7;
margin-top: 15px;
}
.right-people-inner{
padding:0px 24px;
}
.people-inner-section{
display: flex;
gap: 12px;
border-bottom: 1px solid #d7d7d7;
padding:24px 0px;
}
.Recommendations ul li a:hover {
color: var(--primary-color);
}
.people-inner-section:last-child{
border-bottom: 0;
}
.people-image-info .time{
display:block;
}
.people-image-section{
width:60px;
height:60px;
border-radius:50%;
}
.people-image-section img{
width:100%;
height:100%;
border-radius:50%;
}
.people-image-info h4{
padding:0;
}
.people-image-info{
width:80%;
}
.devi-sub-text{
font-size:14px;
color:rgba(0, 0, 0, 0.6);
padding:0px 24px 0px;
}
.devi-btn{
border-radius:100px;
border:1px solid #000000bf;
margin-top:0.8rem;
}
.devi-btn svg{
color:#000000bf;
}
.devi-btn span{
color:#000000bf;
font-size:14px;
font-weight:600;
}
.inner-bg-image{
position: relative;
}
.inner-bg-image img{
width:100%;
height:90px;
border-radius:12px 12px 0px 0px;
object-fit: cover;
}
.ad-small-image{
width: 75px;
height: 75px;
margin-top: -35px;
margin-left: 24px;
border-radius:4px;
border:2px solid white;
}
.ad-small-image img{
width:100%;
height:100%;
border-radius:4px;
}
.insight-btn{
border-radius: 100px;
border: 1px solid #000000bf;
margin-top: 0.8rem;
width: 100%;
text-align: center;
display:block;
color: #000000bf;
font-size: 14px;
font-weight: 600;
padding:.6rem 1.2rem;
text-transform: capitalize;
background: transparent;
transition: all 0.5s ease;
}
.ad-insight h4{
padding:0px;
}
.ad-insight{
padding:24px;
}
.first-ad{
margin-top:0;
}
.education-section:last-child {
border-bottom: none;
}
.insight-btn:hover {
color: var(--white);
background: var(--primary-color);
border: 1px solid var(--primary-color);
}
/* store dashboard css */
.product-table .bis-image {
width: 55px;
height: 60px;
}
.product-table .bis-image img{
width: 100%;
height: 100%;
object-fit: contain;
}
.art-table .bis-image {
width: 80px;
height: 60px;
}
.art-table .bis-image img{
width: 100%;
height: 100%;
object-fit: contain;
}
/*
.product-table table tr{
vertical-align: middle;
} */
.bis-category span {
text-transform: capitalize;
}
.counter-inner{
text-align: right;
display: flex;
align-items: center;
justify-content: end;
gap: 24px;
margin-bottom: 24px;
}
.counter-inner span{
text-transform: capitalize;
}
.counter-badge-text {
padding: 4px 8px;
border: 1px solid var(--primary-color);
border-radius: 5px;
margin-left: 5px;
}
.counter-badge-text strong{
color: var(--primary-color);
}
.program-info-comment{
margin-top: 50px;
}
.persian-btn button {
padding: 12px 32px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
font-size: 16px;
text-transform: capitalize;
color: var(--white);
text-align: center;
border-radius: 5px;
transition: all 0.5s;
}
.persian-btn button:hover {
background-color: var(--white);
color: var(--primary-color);
}
.change-password-section.row .col-md-12:last-child{
margin-bottom: 0 !important;
}
.coupon-bis-image{
width:60px;
height:60px;
}
.coupon-bis-image img{
width:100%;
height:100%;
object-fit:contain;
}
.dl-dashboard{
gap:30px 0px;
}
.bg-business-table .bis-table table tr td {
vertical-align: middle;
}
.logout-main {
padding: 25px;
}
.logout-icon i {
font-size: 35px;
color: var(--white);
}
.logout-icon {
text-align: center;
margin: auto;
margin-bottom: 15px;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
width: 80px;
border-radius: 100px;
background-color: var(--primary-color);
padding: 15px;
}
.logout-content p {
font-size: 24px;
text-align: center;
margin-bottom: 0;
}
.logout-bottom {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
justify-content: center;
margin-top: 25px;
}
.cancel-btn a {
background-color: transparent;
color: var(--primary-color);
}
.dashboard-business table tr td {
vertical-align: middle;
}
.profile-inner-main{
padding: 0;
}
.profile-main{
padding: 80px 0;
}
@media only screen and (min-width:992px) and (max-width:1199px){
.profile-img{
width:100px;
height:100px;
}
.people-image-info {
width: 70%;
}
.education-information {
width: 72%;
}
.rd-mantion .education-information{
width:85%;
}
.image-eduaction {
width: 50px;
height: 50px;
}
.profile-main {
padding: 40px 0;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.profile-cover-img{
height:150px;
}
.profile-img{
height: 90px;
width: 90px;
}
.people-image-info {
width: 70%;
}
.right-people-inner {
padding: 0px 16px;
}
.ad-insight {
padding: 16px;
}
/* .people-section h4{
padding:16px 16px 0px;
} */
.profile-content-box{
padding:60px 16px 16px;
}
.profile-info p {
font-size: 14px;
}
.profile-top-btn{
flex-wrap:wrap;
justify-content:space-between;
}
.profile-top-btn a:last-child{
width:100%;
text-align:center;
}
.profile-info-inner {
padding: 16px;
}
.profile-info-box{
padding:16px;
}
.profile-info-list .profile-info-inner{
padding:0;
}
.Recommendations-box{
padding:0;
}
.Recommendations-box h2{
padding:16px 16px 0px 24px;
}
.Recommendations ul{
padding:0px 10px;
}
.Recommendations .education-section {
padding: 16px 16px;
}
.education-information {
width: 80%;
}
.Recommendations ul li a{
padding:0.5rem 0.8rem;
}
.inner-it-flex{
flex-wrap:wrap;
}
.people-inner-section{
padding:16px 0px;
}
.people-section h4{
padding:16px 16px 0px;
}
.people-image-info h4{
padding:0;
}
.ad-insight h4{
padding:0px;
}
.profile-main {
padding: 40px 0;
}
.people-image-section {
width: 40px;
height: 40px;
}
.image-eduaction {
width: 40px;
height: 40px;
}
}
@media only screen and (min-width:576px) and (max-width:767px){
.profile-img{
height:100px;
width:100px;
}
.profile-info p{
font-size:14px;
}
.education-information {
width: 85%;
}
.inner-it-flex{
flex-wrap:wrap;
}
.profile-container .row{
gap:30px;
}
.profile-cover-img {
height: 150px;
}
}
@media only screen and (max-width:767px){
.profile-info-box{
padding: 16px;
}
.experience-box {
gap: 8px;
}
.expe-timeline {
padding-left: 20px;
}
.profile-info-list .profile-info-inner {
padding: 0;
}
.profile-main {
padding: 50px 0;
}
.people-image-section {
width: 40px;
height: 40px;
}
.image-eduaction {
width: 40px;
height: 40px;
}
.profile-content-box {
padding: 60px 16px 16px;
}
.ad-insight {
padding: 16px;
}
.people-section h4 {
padding: 16px 16px 0;
}
.right-people-inner {
padding: 0px 16px;
}
.Recommendations-box h2{
padding: 0;
}
.Recommendations .education-section{
padding: 16px 0;
}
.people-image-info h4{
padding: 0;
}
.rightside-box {
margin-top: 16px;
}
}
@media only screen and (max-width:575px){
.profile-cover-img{
height:100px;
}
.profile-img{
width:100px;
height:100px;
}
.profile-content-inner {
flex-wrap: wrap;
justify-content:space-between;
flex-direction: column-reverse;
gap: 12px;
}
.profile-info {
width: 100%;
}
.profile-top-btn{
justify-content:space-between;
flex-wrap:wrap;
gap: 12px 4px;
}
.profile-top-btn a:last-child{
width:100%;
text-align:center;
}
.inner-it-flex{
flex-wrap:wrap;
}
.profile-info p{
font-size:14px;
}
.profile-info h2{
margin-bottom:0.5rem;
}
.profile-top-btn a{
padding:6px 12px;
}
.education-information {
width: 68%;
}
.skill-list .education-information{
width:100%;
}
.Recommendations ul{
gap:12px;
}
.Recommendations ul li a{
padding:0.5rem 0;
}
.image-eduaction {
width: 40px;
height: 40px;
}
.education-information {
width: 78%;
}
.profile-container .row{
gap:20px;
}
.people-image-info {
width: 68%;
}
.people-section h4{
margin-bottom:0.5rem;
}
.profile-container .container{
padding:0px 15px 30px;
}
.profile-main {
padding: 30px 0;
}
}