.section-tagline {
color: #707D95;
font-weight: 500;
letter-spacing: 2px;
}
.banner-image-box {
z-index: 99;
}
.main-tagline {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 12px 3px 7px;
border-radius: 20px;
margin-bottom: 17px; background-color: #fff;
} .main-tagline::before {
content: "";
position: absolute;
inset: -2px; border-radius: inherit;
padding: 1px; background: linear-gradient(123.88deg, #FF99FF, #8E79F9);
z-index: 0; -webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
} .main-tagline {
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
background-image: linear-gradient(123.88deg, #FF99FF, #8E79F9);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.main-tagline span.button-icon i {
font-size: 12px;
}
.main-tagline span.button-icon {
background: var(--color-primary);
color: white;
border-radius: 50%;
width: 25px;
height: 25px;
margin-left: 0;
}
.banner-image-col-one img {
z-index: 99;
position: relative;
border-radius: 21px;
}
.banner-container {
margin-top: 5em;
}
.banner-text {
font-size: 16px;
color: #1F1F1F;
margin: 14px 0 32px 0 !important;
font-weight: 300;
}
.banner-details {
padding-top: 100px;
}
.banner-contact-details {
background: var(--color-primary); border-radius: 60px;
display: inline-flex !important;
}
.banner-head h1 {
color: #1A1919;
font-size: 56px;
font-weight: 700;
}
.banner-image-col-two, .banner-image-col-three {
margin-top: 7em;
}
.happy-customer-block .banner-box-number {
margin-top: 0;
}
.banner-records {
background-color: #140e10;
padding: 16px 30px;  max-width: 76.3%;
}
.banner-other-image7, .banner-other-image5, .banner-other-image3, .footer-other-image3, .footer-other-image4{
animation-name: float_up_down;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_up_down;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_up_down;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_up_down;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes float_up_down{
0%{
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
50% {
transform: translateY(30px);
transform: translateY(30px);
opacity: 1;
}
100% {
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
.banner-other-image6, .banner-other-image4, .banner-other-imag2, .banner-other-image1, .footer-other-image1, .footer-other-image2, .footer-other-image6, .footer-other-image5, .icon-image , .banner-icon-image1, .banner-icon-image4, .banner-icon-image3, .service-shape2, .why-choose-shape-image1, .why-choose-shape-image3, .doctor-shape-image2, .product-shape1, .product-shape2{
animation-name: rotateme2;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme2;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme2;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme2;
-ms-animation-duration: 15s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme2;
-o-animation-duration: 15s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes rotateme2{
0%{
transform: rotate(0deg);
opacity: 1;
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
opacity: 1;
}
}
#main-banner {
padding-bottom: 0;
}
.banner-image-div {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-flex;
width: 56px;
height: 56px;
margin-bottom: 0;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 10px;
margin-right: 12px;
}
.banner-image-box h5 {
padding-top: 0;
padding-bottom: 2px;
}
.banner-image-box span {
font-weight: 300;
color: #1F1F1F;
}
.banner-image-box {
z-index: 0;
position: absolute;
bottom: 15em;
right: -7em;
}
.banner-image-box .media {
box-shadow: 0px 5px 4px 0px #0000001A;
background-color: white;
padding: 9px 13px 9px 9px;
border-radius: 20px;
max-width: 340px;
align-items: center;
}
.banner-image-box {
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: hero-bounce
}
@keyframes hero-bounce {
0%,20%,50%,80%,to {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
.customer-box-content {
display: inline-block;
background-color: white;
padding: 30px;
text-align: center;
}
.customer-box {
max-width: 65%;
margin: 0 0 0 auto;
position: absolute;
bottom: 0;
z-index: 99;
right: 0;
}
.customer-count {
color: black;
font-size: 30px;
font-weight: 700;
}
.customer-title {
font-size: 16px;
color: #000000;
font-weight: 600;
padding-top: 10px;
}
.customer-box-content {
display: block;
background-color: white;
padding: 24px 12px 25px 12px;
text-align: center;
border-radius: 17px 17px 0px 0px;
max-width: 42%;
margin: 0 0 0 auto;
margin-bottom: -15px;
}
.customer-box-images {
display: flex;
padding: 9px 21px 9px 9px;
background-color: white;
border-radius: 20px;
}
.customer-box-image img {
border-radius: 50%;
transition: transform 0.3s ease;
}
.customer-box-image img:hover {
transform: scale(1.05);
}
.customer-box-image {
margin-right: -12px;
}
span.lined_word {
position: relative;
}
span.lined_word svg {
position: absolute;
bottom: -7px;
left: 0;
animation: section-animation 1s infinite;
}
@keyframes section-animation {
0% {
width: 0
}
15% {
width: 100%
}
85% {
opacity: 1
}
90% {
width: 100%;
opacity: 0
}
to {
width: 0;
opacity: 0
}
} #main-banner .owl-carousel .owl-item .course-img img {
height: auto !important;
}
.course-group-item {
position: relative;
}
.course-box-outer.active-course {
z-index: 3;
transform: scale(1);
position: relative;
}
.course-group-item {
position: relative;
padding: 2em 2em 2em 0em;
}
.course-box-outer.next-course {
position: absolute;
top: 2px;
right: 0; opacity: 1;
z-index: 1;
} .category-bg {
border: 1px solid var(--color-primary);
padding: 30px;
text-align: center;
border-radius: 15px;
background-color: white;
} .category-bg {
border: 1px solid transparent;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(123.88deg, #FF99FF, #8E79F9) border-box;
}
.category-scale-image {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-flex;
width: 56px;
height: 56px;
margin-bottom: 5px;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 50%;
}
.categories-text-inner h5, .categories-text-inner h5 a {
color: #000000;
font-size: 16px;
font-weight: 600;
}
.our_categories-box-text {
color: black;
font-size: 14px;
}
.category-bg:hover .category-scale-image{
background: var(--color-secondry);
}
.category-bg:hover{
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(123.88deg, #FDD099, #FF6F3D) border-box;
} .product-image-main .owl-nav {
position: absolute;
top: -70px;
right: 14px;
}
.courses-cat ul {
justify-content: center;
background: var(--color-secondry);
border-radius: 10px;
padding: 9px 9px;
display: inline-flex;
width: auto;
margin: 0 auto !important;
}
.c-rating i.fa-solid.fa-star {
color: #FFCC00;
font-size: 14px;
margin-left: 4px;
position: relative;
top: -1px;
}
.course-level-main {
background-color: #EFEEEE;
padding: 6px 17px;
border-radius: 21px;
margin-top: 10px;
color: black;
font-weight: 400;
font-size: 11px;
}
p.course-cat-para {
font-size: 15px;
}
.our_courses-row .nav-pills .nav-item:last-child .nav-link {
text-decoration: underline;
}
.our_courses-row .nav-pills .nav-link {
color: white;
font-weight: 500;
padding: 7px 18px;
border-radius: 10px;
}
.owl-carousel .owl-item .course-img  img {
width: 100%;
height: 100%;
object-fit: cover;
}
h4.course-cat-name {
color: #000000;
font-weight: 500;
font-size: 20px;
}
h5.certificate-heading {
color: #000000;
font-weight: 500;
font-size: 20px;
margin-bottom: 14px;
}
.courses-cat {
text-align: center;
}
.level-main-div{
background: var(--color-primary);
padding: 5px 15px;
font: 500 14px/18px Outfit;
border-radius: 5px;
color: #FFFFFF;
} .course-instructor-photo{
position: absolute;
right: 0;
top: -20px;
z-index: 9;
right: 14px;
}
.course-instructor-photo img, .owl-carousel .owl-item .course-instructor-photo img {
object-fit: cover;
border: 2px solid white;
object-position: top;
width: 40px !important;
}
h4.courses-title {
padding-top: 0;
}
.course-level {
background: #EFEEEE;
letter-spacing: 0px;
color: #000000;
padding: 0px 10px;
border-radius: 5px;
font-size: 12px;
border-radius: 16px;
}
.course-level:hover{
background:var(--color-primary);
color: #fff;
transition: unset;
}
.student-enroll-main span, .course-time span, .course-count {
font: 400 14px/28px var(--primary-font);
color: #3B3A3A;
}
span.c-rating {
font: 400 14px/28px var(--primary-font);
color: #3B3A3A;
}
.courses-box {
border: 0.5px solid #d1d1d1;
padding: 11px;
border-radius: 20px;
background-color: white;
box-shadow: 0px 0px 11px 0px #0000001A;
}
.course-img img {
border-radius: 15px;
}
.course-author a {
color: #A07EFA;
} .course-content, .course-content p {
font-weight: 300;
color: #1F1F1F;
font-size: 14px;
}
h4.courses-title a {
color: black;
font-size: 16px;
font-weight: 500;
}
#courses .owl-carousel .owl-nav.disabled{
display: block !important;
position: absolute;
top: -58px;
right: 12px;
}
.courses-cat .nav-item:nth-child(1) .nav-link.active:after{
display: none;
}
#courses .owl-carousel .owl-nav button, #our-partner .owl-carousel .owl-nav button, #category .owl-carousel .owl-nav button{
background: #000;
padding: 5px 11px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
margin: 3px;
border: none;
}
#courses .owl-carousel .owl-nav button:hover,#our-partner .owl-carousel .owl-nav button:hover, #category .owl-carousel .owl-nav button:hover {
background:var(--color-primary);
transition: unset;
}
#courses .owl-carousel.owl-loaded{
margin-top: 20px;
}
#courses .owl-carousel  .owl-nav i,  #our-partner .owl-carousel .owl-nav i,#category .owl-carousel .owl-nav i {
color: #fff;
}
#category .owl-carousel .owl-nav{
text-align: center;
}
#our-partner .owl-carousel .owl-nav{
margin-left: 10px;
}
#courses .courses-title a{
font: 500 16px/16px Outfit;
letter-spacing: 0px;
color: #000000;
}
.circle-big {
position: relative; margin-top: 15px;
}
.circle-big svg {
width: 200px;
height: 200px;
}
.circle-big .bg {
fill: #EBEBEB;
stroke-width: 15px;
stroke: #EBEBEB;
}
.circle-big .progress {
fill: none;
stroke-width: 18px;
stroke: var(--color-primary);
stroke-linecap: round;
stroke-dasharray: 355.56;
stroke-dashoffset: 60;
transform: rotate(-170deg);
transform-origin: 50% 50%;
animation: big 3s ease-in-out;
}
circle.progress.progress-2{
transform: rotate(-103deg);
stroke-dasharray: 270.56;
}
.circle-big .text {
position: absolute;
top: 40%;
left: 0;
right: 0;
font: normal normal 600 14px/25px Outfit;
letter-spacing: 0px;
color: #000000;
font-weight: 500;
}
p.progres-below-text {
color: #000000;
font-weight: 500;
}
.circle-big .text .small {
font-size: 14px;
color: #fff;
}
@keyframes big {
from {
stroke-dashoffset: 326.56;
}
to {
stroke-dashoffset: 60;
}
}
@keyframes one {
from {
stroke-dashoffset: 232.36;
}
to {
stroke-dashoffset: 80;
}
}
@keyframes two {
from {
stroke-dashoffset: 232.36;
}
to {
stroke-dashoffset: 140;
}
}
@keyframes appear {
0%, 50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.certificate-text {
font-weight: 500;
letter-spacing: 0px;
color: #000000;
margin-top: 10px;
text-align: center;
font-weight: 500;
font-size: 18px;
}
#courses .course-content{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#courses .course-cat-name{
font: 600 24px/28px Outfit;
letter-spacing: 0px;
color: #000000;
}
#courses .course-cat-para{
font: 400 16px/25px Outfit;
letter-spacing: 0px;
color: #000000;
margin-bottom: 0;
}
#courses .courses-box {
padding: 10px;
}
#courses .circle-progress-bar {
border-top: 1px solid #F3F3F3;
}  .mask .fill {
clip: rect(0px, 75px, 150px, 0px);
background-color: #227ded;
}
.mask.full,
.circle .fill {
animation: fill ease-in-out 3s;
transform: rotate(135deg);
}
@keyframes fill{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(135deg);
}
}
.courses-cat .nav-item .nav-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 18px;
border-radius: 10px;
border: none;
background: transparent;
} .courses-cat .nav-item .nav-link.active::before {
content: "";
position: absolute;
inset: 2px; border-radius: inherit;
background: #ffffff;
z-index: -1;
} .courses-cat .nav-item .nav-link.active .nav-text {
background: linear-gradient(90deg, #FDD099 0%, #FF6F3D 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 500;
}
#courses .course-author a{
color: #000000;
text-transform: capitalize;
}  #gallery {
padding-bottom: 0;
}
.gallery_image_box:hover img {
opacity: 0.9;
} .gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.gallery_image_box1 img, .gallery_image_box5 img, .gallery_image_box6 img, .gallery_image_box7 img, .gallery_image_box12 img,  .gallery_image_box4 img {
width: 102px;
}
.image-colmun1 {
text-align: right;
}
.gallery img {
margin-bottom: 10px;
}
.gallery img {
border-radius: 15px;
transition: transform 0.3s ease;
}
.image-colmun2, .image-colmun3, .image-colmun7{
margin-top: 24px;
}
.image-colmun3 img {
width: 100%;
}
.gallery .row {
display: flex;
justify-content: center;
margin-left: -5px;
margin-right: -5px;
}
.gallery_image_box1 img {
width: 183px !important;
}
.gallery .row > [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.gallery .row>* {
padding: 0 7px;
}
.image-colmun3 {
width: 12%;
}
.gallery .row {
display: flex;
justify-content: center;
}
.gallery img:hover {
transform: scale(1.03);
}
.gallery_image_box1 img {
width: 81%;
}
.gallery_image_box2  img {
height: 271px;
object-fit: cover;
}
.gallery_image_box9  img {
height: 346px;
object-fit: cover;
}
.gallery_image_box:hover .gallery_icon {
display: flex;
transition: all 0.3s ease 0s;
}
.gallery-title-box .gallery-box-title {
background: var(--color-secondry);
}
.gallery-title-box  .gallery-box-title h4 {
color: #A07EFA;
font-family: var(--secondary-font);
text-transform: capitalize;
font-weight: 400;
font-size: 30px;
}
.gallery-title-box h6 {
color: white;
font-family: var(--primary-font);
font-weight: 700;
font-size: 21px;
max-width: 53%;
margin: 0 auto;
}
#work-gallery .section_main_head .section-tagline:after {
margin: 0;
}
.gallery_image_box i {
text-align: center;
background: var(--color-primary);
color: white;
font-size: 18px;
transition: all 0.3s ease 0s;
padding: 16px 18px;
border-radius: 50%;
}
.gallery_icon {
display: none;
}
.gallery_icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
bottom: 0;
left: 0;
right: 0;
background-color: #EA7F4AB2;
align-items: center;
justify-content: center;
width: 85%;
height: 90%;
margin: 0 auto;
}
.gallery_image_box:hover .gallery_icon {
display: flex;
transition: all 0.3s ease 0s;
} #work-gallery {  }
.grid-wrapper span.square {
width: 80px;
height: 80px;
display: inline-block;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
border-radius: 50%;
color: #FF6F3D;
}
.grid-wrapper {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(338px, 1fr));
grid-auto-rows: 317px;
grid-auto-flow: dense;
padding: 0;
}
.grid-wrapper > div {
display: flex;
justify-content: center;
align-items: center;
}
.grid-wrapper div img, .grid-wrapper div a {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
}
.grid-wrapper .wide {
grid-column: span 2;
}
.grid-wrapper .tall {
grid-row: span 2;
}
.grid-wrapper .big {
grid-column: span 2;
grid-row: span 2;
}
.gallery_image_box  img {
width: 100%;
}
.gallery-wrapper.container {
max-width: 1468px;
} #our-courses .list-item-button,#course-tab .list-item-button, #slide-courses .list-item-button {
display: none;
}
#our-course .list-item-button {
display: none;
}
#our-courses .student-enroll-main,#course-tab .student-enroll-main, #slide-courses .student-enroll-main {
padding-left: 24px;
}
#our-courses .tutor-ratings-stars i,#course-tab .tutor-ratings-stars i, #slide-courses .tutor-ratings-stars i {
color: #FFCC00;
font-size: 12px;
}
.course-time-outer {
padding-bottom: 7px;
border-bottom: 1px solid #C4C4C4;
margin-bottom: 12px;
}
#our-courses .student-enroll-main span, #our-courses .course-time span, #our-courses .course-count, #course-tab .student-enroll-main span, #course-tab .course-time span, #course-tab .course-count, #slide-courses .student-enroll-main span, #slide-courses .course-time span, #slide-courses .course-count {
color: #3B3A3A;
font-weight: 300;
font-size: 14px;
}
span.tutor-icon-clock-line{
color: #FF6F3D !important;
}
span.tutor-icon-user-line{
color: #8E79F9 !important;
}
#our-courses .tutor-loop-rating-wrap span.ms-2,#course-tab .tutor-loop-rating-wrap span.ms-2, #slide-courses .tutor-loop-rating-wrap span.ms-2 {
display: none;
}
#our-courses .course-img img,#course-tab .course-img img, #free-courses .course-img img, #courses .course-img img, #slide-courses .course-img img {
border-radius: 15px;
}
.couses-tab-cat ul {
display: inline-flex;
justify-content: end !important;
align-items: center;
background: var(--color-primary);
padding: 6px;
border-radius: 10px;
}
.couses-tab-cat .nav-pills .nav-link {
color: white;
padding: 6px 13px;
}
.couses-tab-cat .nav-pills .nav-link.active {
color: #A07EFA;
background-color: white;
}
.couses-tab-cat {
text-align: right;
}
#our-courses .product-contain-main-box,#course-tab .product-contain-main-box, #slide-courses .product-contain-main-box{
padding: 10px 0;
}
#our-courses .courses-title a, #course-tab .courses-title a, #free-courses .courses-title a, #slide-courses .courses-title a, #free-courses .courses-title a {
color: #000;
font-weight: 500;
}
span.price-text {
font-size: 13px;
font-weight: 500;
margin-bottom: -6px;
display: block;
} #our-courses .courses-title a:hover,#course-tab .courses-title a:hover,  #free-courses .courses-title a:hover{
color: #3790CB;
}
#course-tab .theme-button{
background: #3790CB ;
padding: 5px 25px ;
color: #fff;
font: 400 16px/28px Outfit;
border-radius: 6px;
transition:unset;
}
#course-tab .theme-button.active{
background: #000;
}
#our-courses .save-bookmark-btn,#course-tab .save-bookmark-btn, #slide-courses .save-bookmark-btn {
position: absolute;
right: 16px;
top: 20px;
background: #EFEFEF;
color: black;
border-radius: 5px;
width: 29px;
height: 29px;
border-radius: 50%;
z-index: 99;
}
#our-courses .save-bookmark-btn i,#course-tab .save-bookmark-btn i, #slide-courses .save-bookmark-btn i{
font-size: 14px;
}
#our-courses h4.courses-title a, #course-tab h4.courses-title a, #slide-courses h4.courses-title a {
color: black;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
#our-courses h4.courses-title, #course-tab h4.courses-title, #slide-courses h4.courses-title {
line-height: 18px;
} #why-choose-us span.lined_word svg {
left: -45px;
}
#why-choose-us .section_main_head h3 {
font-size: 32px;
}
.why-choose-us_box {
padding-bottom: 2em;
}
#why-choose-us {
padding: 0;
}
.why-choose-us-block { padding: 30px 25px;
border-radius: 15px; box-shadow: 0px 4px 14px 0px #00000026;
}
.why-choose-us-block {
border: 1px solid transparent;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(123.88deg, #FF99FF, #8E79F9) border-box;
box-shadow: 0px 4px 14px 0px #00000026;
}
.why-choose-us-block:hover {
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(149.05deg, #FDD099 -1.59%, #FF6F3D 98.98%) border-box;
}
.why-choose-us-img-inner {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-flex;
width: 56px;
height: 56px;
margin-bottom: 5px;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 10px;
}
.why-choose-us-content h5, .why-choose-us-content h5 a {
color: #000000;
font-size: 21px;
font-weight: 500;
}
.why-choose-us-p {
color: #1F1F1F;
font-size: 15px;
}
.why-choose-us-block:hover .why-choose-us-img-inner{
background: var(--color-secondry);
}
.why-choose-us-block:hover{
border-color: #FF6F3D;
} .events-price {
background: var(--color-secondry);
position: absolute;
top: 7px;
left: 7px;
color: white;
padding: 5px 9px;
border-radius: 10px;
font-weight: 500;
}
.events-box-inner h5 a:hover {
color: #A07EFA;
}
.events-box {
background-color: white;
padding: 15px;
border: 0.5px solid #e5e5e5;
border-radius: 20px;
}
.events-meta {
color: #3B3A3A;
font-weight: 300;
font-size: 12px;
}
.events-meta i {
background: linear-gradient(180deg, #FDD099 0%, #FF6F3D 100%) text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.events-box-inner h5 a {
color: #000000;
font-weight: 500;
font-size: 16px;
}
.event-content, .event-content p {
color: black;
font-weight: 300;
font-size: 14px;
}
.event-box-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
} .partner-row {
display: flex;
flex-wrap: wrap;
}
.partner-block {
background-color: white;
padding: 26px;
width: 20%;
border: 1px solid #EBE1E1;
border-right: none;
position: relative;
overflow: hidden;
}
.partner-block:last-child {
border: 1px solid #EBE1E1;
}
.partner-block:nth-child(5) {
border-right: 1px solid #EBE1E1;
}
.partner-block:before {
content: "";
background: var(--color-primary);
width: 0;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.partner-block:hover:before {
width: 100%;
} .service-bg {
padding: 23px 23px;
background-color: #ffffff;
box-shadow: 0px 4px 44px 0px #00000012;
}
.services-block:hover .service-bg{
background: var(--color-primary);
}
.services-block:hover h5 {
color: white;
}
.services-block:hover .services-box-text {
color: white;
}
.services-image {
background-color: #FAD961;
align-items: center;
display: flex;
justify-content: center;
}
#our-process .service-scale-image {
margin-right: 14px;
}
.services-link-block a {
font-size: 14px;
color: #f5b100;
font-weight: 700;
display: block;
margin-top: 10px;
}
.services-textbox {
margin: 0;
}
.service-overlay {
position: relative;
text-align: center;
}
.service-scale-image {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 5px;
}
.services-block h5 {
font-size: 18px;
color: #000000;
font-weight: 500;
}
.services-box-text {
font-size: 16px;
color: #707D95;
font-weight: 400;
}
.service-link a {
color: #A07EFA;
font-size: 14px;
display: block;
margin-top: 10px;
}
.service-link a i {
margin-left: 5px;
}
.services-text-inner {
padding-bottom: 10px;
position: relative;
padding-left: 5px;
}
.services-head {
max-width: 40%;
margin: 0 auto;
}
.services-textbox h5, .services-textbox h5 a {
font-size: 19px; color: #222431;
font-weight: 400;
font-size: 16px;
}
.services-block {
transition: all .6s ease;
margin-bottom: 23px;
}
.services-text {
color: #9C9C9C;
font-size: 15px;
font-weight: 400;
}
.services-image {
position: relative;
}
.services-block:hover .service-bg{
filter: drop-shadow(4.243px 4.243px 14px rgba(0,0,0,0.09));
}
.service-scale-image img {
position: relative;
}
.service-scale-image img {
transition: 0.5s;
position: relative;
}
#our-services {
padding-top: 0;
max-width: 100%;
}
#our-doctors, #best-for-you, #latest-news {
max-width: 100%;
}
.testimonials-row {
margin: 0 auto;
}
.testimonials_image img {
border-radius: 50%;
}
.testimonial-block.testimonial_outer:hover {
border: 3px solid var(--color-primary);
transition: all .6s ease;
} .people-box-image img {
border-radius: 20px;
}
.year-box {
position: absolute;
background: var(--color-secondry);
border-radius: 50px;
padding: 15px 40px;
top: 4em;
right: 2em;
}
.year-box-media-body h6 {
font-family: var(--primary-font);
font-weight: 600;
font-size: 34px;
line-height: 24px;
color: #fff;
}
.year-box-media-body span {
font-family: var(--primary-font);
color: #fff ;
font-weight: 400;
font-size: 18px;
}
.about-scale-image {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-flex;
width: 56px;
height: 56px;
margin-bottom: 5px;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 10px;
margin-right: 12px;
}
.about-image2 img ,.about-image1 img,.about-image1 {
border-radius: 180px !important;
} .about-image-block  h5 {
color: #1A1919;
font-size: 14px;
padding-top: 0;
padding-bottom: 0;
}
.people-box span {
font-size: 12px;
}
.about-image-box {
display: flex;
align-items: end;
}
.people-box {
box-shadow: 0px 2px 10px 0px #00000026;
border-radius: 20px;
background-color: white;
padding: 13px;
margin-top: 18px;
position: absolute;
z-index: 0;
top: 7em;
left: 5em;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: hero-bounce;
} 
.people-box h6 {
padding-bottom: 0;
padding-top: 0;
}
.people-box img {
margin-left: -20px;
}
.people-box img:nth-child(01) {
margin-left: 0px;
}
.medias-body{
display: flex;
align-items: center;
gap: 10px;
}
#about-us li svg {
margin-right: 7px;
}
.about-box-text {
color: #1F1F1F;
font-size: 14px;
}
.about-image {
position: relative;
}
.about-image1 img {
width: 100%;
}
.about-image img {
width: 100%;
position: relative;
z-index: 9;
left: 20px;
}
.about-image {
position: relative;
max-width: 96%;
}
#about-us li {
list-style: none;
padding-bottom: 13px;
}
#about-us li i {
background-color: #32ba7c;
color: white;
font-size: 10px;
border-radius: 50%;
padding: 3px;
font-weight: 900;
margin-right: 3px;
}
.about-image1 img {
width: 100%; }
#about-us .section_main_head .section-tagline:after {
margin: 0;
}
.whychoose-image1 {
position: relative;
display: inline-block;
}
.about-block, .whychoose-block {
position: relative;
display: inline-block;
}
#about-us .section_main_head .primary_text, #about-us .section_main_head .primary_text p{
color: #A07EFA;
}
.about-head.section_main_head .second_text, .about-head.section_main_head .second_text p{
color: #6b6b6b;
}
.about-image2 img {
outline: #fff;
outline-offset: 0;
outline-style: solid;
outline-width: 10px;
}
.about-image2 {
left: -30px;
z-index: 1;
} #work-process {
padding: 0;
}
#work-process .section_main_head .section-tagline:after {
margin: 0;
}
.process-item-block {
width: 198px;
height: auto;
text-align: center;
}
.process-numner-text {
background: var(--color-primary);
display: inline-block;
padding: 6px 24px;
border-radius: 23px;
font-weight: 700;
font-size: 18px;
color: white;
position: relative;
bottom: -24px;
}
.process-title-box h5, .process-title-box h5 a {
color: #15161C;
font-weight: 600;
font-size: 18px;
}
.process-text {
color: #707D95;
}
.process-shape-one {
position: absolute;
left: 0;
top: 5em;
z-index: 99;
}
.process-box-row.row {
padding-bottom: 3em;
}
.work_process-row.row {
align-items: center;
position: relative;
z-index: 9;
padding-top: 3em;
}
.process-shape-two {
position: absolute;
bottom: 45px;
right: 31px;
z-index: 99;
}
.process-heading-block {
padding-top: 2em;
padding-bottom: 22em;
}
.process-item:nth-child(1) {
margin-top: -18em;
position: relative;
z-index: 9;
}
.process-item:nth-child(2) {
margin-top: -15em;
position: relative;
z-index: 9;
}
.process-image img {
border-radius: 50%;
}
.process-item:nth-child(3) {
margin-top: -13em;
position: relative;
z-index: 9;
}
.process-item:nth-child(4) {
margin-top: -9em;
position: relative;
z-index: 9;
}
.heading-shape-shadow {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 67%);
width: 100%;
height: 102%;
position: absolute;
top: 0;
bottom: 0;
background-size: cover;
} .record-image {
transition: all .6s ease;
position: relative; display: inline-flex;
width: 56px;
height: 56px;
margin-bottom: 5px;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 10px;
margin-right: 12px;
}
.count-box-number.box-count {
font-size: 21px;
margin-bottom: 0;
font-weight: 600;
}
.records-info h6, .records-info h6 a {
font-size: 14px;
color: black;
font-weight: 300;
padding-bottom: 0;
padding-top: 7px;
}
.records-info:hover .record-image{
background: var(--color-secondry); }
#records .owl-stage-outer {
padding-bottom: 10px;
}
.section-heading {
color: #222222;
font-weight: 500;
font-size: 28px;
} .make-an-appointment-form-shape {
background: var(--color-secondry);
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
clip-path: polygon(0 0, 100% 26%, 100% 100%, 0% 100%);
}
#make-an-appointment-form-section .container {
z-index: 9;
}
.make_an_appointment_form_form .section_main_head h3 {
color: white;
padding-bottom: 0;
}
.make_an_appointment_form_shortcode input[type="text"], .make_an_appointment_form_shortcode input[type="number"], .make_an_appointment_form_shortcode input[type="email"], .make_an_appointment_form_shortcode textarea, .make_an_appointment_form_shortcode input[type="date"], .make_an_appointment_form_shortcode select {
border: none;
font-size: 12px;
padding: 14px 10px;
margin: 0 0 0px 0;
height: auto;
width: 100%;
background: white;
border-radius: 7px;
color: #707D95;
margin-bottom: 20px;
}
.make_an_appointment_form_shortcode select {
padding: 17px 10px;
}
.make_an_appointment_form_shortcode p {
margin-bottom: 0;
}
.make_an_appointment_form_shortcode input[type="text"]::placeholder, .make_an_appointment_form_shortcode input[type="number"]::placeholder, .make_an_appointment_form_shortcode input[type="email"]::placeholder, .make_an_appointment_form_shortcode textarea::placeholder, .make_an_appointment_form_shortcode input[type="date"]::placeholder {
color: #707D95;
}
.make_an_appointment_form_shortcode input[type="submit"] {
margin-top: 10px;
width: 100%;
}
.working-hours-listing {
background: var(--color-primary);
padding: 23px 20px;
height: 100%;
}
.working-hours-listing .section_main_head h3, .working-hours-text, .working-hours-day, .working-hours-time  {
color: white;
}
.working-hours-listing ul li {
border-bottom: 1px solid #FFFFFF33;
} #our-team {
padding-top: 0;
}
.custom-team-nav.owl-nav {
text-align: right;
}
.owl-carousel .owl-item .team-box img {
width: 100% !important;
border-radius: 20px;
}
.team_img img, .post-image-block img, .team_outer img {
transition: all 0.5s ease 0s;
width: 100%;
}
.team_outer:hover img, .news-box:hover .post-image-block img {
transform: scale(1.2) translate(4%, 4%);
transition: all 0.3s ease 0s;
}
.team_outer {
border: 0.5px solid #d1d1d1;
border-radius: 20px;
padding: 15px;
}
.team-box-image{
overflow: hidden;
border-radius: 20px;
}
.team_head a {
color: #000000;
font-weight: 500;
font-size: 16px;
}
.team_img, .post-image-block {
position: relative;
overflow: hidden;
}
.team_head a {
color: #00052C;
font-weight: 600;
}
.team-desig {
color: #000000;
font-weight: 300;
font-size: 14px;
}
h5.team_head {
padding-bottom: 5px;
}
ul.social-profiles {
position: absolute;
bottom: 2em;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
opacity: 0;
}
.team-box:hover ul.social-profiles{
opacity: 1;
transform: translateY(-20px);
transition: all 0.3s ease 0s;
}
.social-profiles  a {
color: black;
background-color: white;
width: 35px;
height: 35px;
display: inline-block;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 14px;
margin-right: 3px;
}
.social-profiles  a:hover {
background: var(--color-secondry);
color: black;
}
#latest-news .section_main_head .section-tagline:after {
margin: 0;
} #our-products {
position: relative;
}
.flash_product:hover .custom_product_meta a{
background: var(--color-primary);
color: white;
}
.flash_product:hover .custom_product_meta .add_to_cart_button:before{
color: white;
}
.product-shape1 {
position: absolute;
top: 22%;
left: -1%;
}
.product-shape2 {
position: absolute;
bottom: 11%;
right: -1%;
}
span.onsale {
background-color: #de3618;
color: white;
font-size: 14px;
padding: 5px 17px;
line-height: 20px;
display: inline-block;
border-radius: 4px;
border-radius: 5px;
background-color: #ffae34;
}
.our_products-col{
padding: 5px;
border-radius: 10px;
filter: drop-shadow(3.009px 3.993px 15px rgba(0,0,0,0.06));
background-color: #ffffff;
}
.product-sale {
position: absolute;
top: 10px;
left: 10px;
}
.product_img_box img {
width: 100%;
}
.average-star-rating {
color: #797979;
}
.product-box {
padding: 0px 10px 15px 10px;
}
.average-star-rating i {
color: #faa72a;
font-size: 13px;
margin-right: 3px;
}
.price-box del {
color: #ababab;
font-weight: 700;
}
.flash_product  h5 a {
font-size: 18px;
color: #222222;
font-weight: 500;
}
.flash_product h5 {
padding-top: 0;
}
.price-box ins {
font-weight: 700;
text-decoration: none;
color: #222222;
}
.flash_product .custom_product_meta a {
transition: all 0.3s ease 0s;
}
.flash_product .custom_product_meta a {
display: block;
font-size: 14px;
padding: 10px 20px;
width: 100%;
border-radius: 23px;
background-color: transparent;
border: 1px solid #797979;
color: #797979;
font-weight: 400;
}
.custom_product_meta .add_to_cart_button:before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #797979;
font-size: 14px;
margin-right: 6px;
}
.custom_product_meta {
margin-top: 13px;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
margin-top: 10px;
}
.flash_product:hover .custom_product_meta {
opacity: 1;
}
.flash_product {
margin-bottom: 30px;
}
.flash_product .add_to_cart_button.ajax_add_to_cart.added {
display: none;
}
.custom_product_meta .added_to_cart:before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #797979;
font-size: 14px;
margin-right: 6px;
}
.custom_product_meta .added_to_cart {
margin-left: 8px;
display: none;
}
.custom_product_meta .add_to_cart_button.ajax_add_to_cart.loading::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
color: white;
position: absolute;
top: 30%;
left: 0;
right: 0;
transform: translateY(-50%);
display: block;
z-index: 9999;
display: block;  font-size: 16px;
text-align: center;
animation: spin 2s linear infinite;
}
.custom_product_meta .add_to_cart_button.ajax_add_to_cart.loading::before{
visibility: hidden;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.flash_product .yith-wcwl-add-button a span {
display: none;
}
.flash_product .yith-wcwl-add-button a i {
font-size: 16px;
color: #333333;
background-color: transparent;
margin: 0;
padding: 6px 7px;
}
.product_img_box {
position: relative;
margin-bottom: 10px;
}
.flash_product  a.added_to_cart.wc-forward {
margin-left: 0px;
}
.product-quick-meta {
position: absolute;
top: 6px;
right: 10px;
transition: all 0.3s ease 0s;
}
.flash_product:hover  .price-rating-block {
display: none !important;
transition: all 0.3s ease 0s;
}
.flash_product:hover  .custom_product_meta {
display: block;
transition: all 0.3s ease 0s;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.flash_product .yith-wcwl-wishlistexistsbrowse i {
font-size: 19px;
color: white;
background-color: black;
padding: 6px 7px;
border-radius: 8px;
margin: 0;
}
.flash_product .yith-wcwl-wishlistexistsbrowse a {
display: none !important;
}
.flash_product i.yith-wcwl-icon.fa.fa-heart {
font-size: 16px;
color: #f23333;
padding: 6px 7px;
border-radius: 8px;
margin: 0;
background-color: transparent;
}
.flash_product span.feedback {
font-size: 0;
} .woocommerce ul.products li.product .star-rating{
color: #fcb01f;
margin: 0 auto;
display: block;
float: none;
overflow: hidden;
position: relative;
height: 1.7em;
line-height: 1;
font-size: 1em;
width: 7.4em;
font-family: star;
}
.star-rating {
color: #FEC004;
font-size: .857em;
display: block;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.9em;
font-family: star;
}
.star-rating:before{
content: "\73\73\73\73\73";
color: #FEC004;
float: left;
top: 0;
left: 0;
position: absolute;
font-size: 12px;
letter-spacing: 5px;
}
.star-rating span{
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
font-size: 12px;
letter-spacing: 5px;
}
.rating-block {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4px;
}
.review_count {
color: #808080;
font-size: 12px;
}
.price-box-rating {
display: flex;
justify-content: space-between;
}
.wishlist_table.mobile li .item-details h3 a {
font-size: 18px;
color: black;
font-weight: 500;
}
.wishlist_table.mobile li .item-details h3 {
padding-top: 0;
}
.wishlist_table.mobile li .item-details table.item-details-table td {
font-size: 14px;
}
.wishlist_table.mobile li table.additional-info td {
font-size: 14px;
}
.wishlist_table.mobile .product-add-to-cart a {
display: table!important;
margin: 0 auto 5px!important;
text-align: center;
background-color: black;
display: inline-block;
padding: 7px 15px;
border-radius: 6px;
margin: 0 auto;
color: white;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
text-align: center;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
text-align: center;
float: none;
}
.wishlist_table.mobile li .item-wrapper .item-details {
width: 100%;
text-align: center;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
margin: 0 auto;
display: block;
}
.woocommerce .wishlist-title h2 {
display: none;
margin: 0;
}
.woocommerce .wishlist-title {
margin: 0;
}
.wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info {
margin: 0 auto;
width: auto;
}
.wishlist_table.mobile li .item-wrapper {
width: 100%;
}
.woocommerce .woocommerce-cart-form__cart-item td, .woocommerce table.shop_table td, .woocommerce .woocommerce-error, .woocommerce table.shop_table th {
text-align: left;
}
#top-seller .yith-wcwl-wishlistaddedbrowse a, #blockbustor-deals .yith-wcwl-wishlistaddedbrowse a, #deals .yith-wcwl-wishlistaddedbrowse a {
display: none;
}
.wishlist_table.mobile li {
margin-bottom: 7px;
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 20px;
}
#top-seller a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added, #hot-sale a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added, #discount-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added {
display: none;
}
.yith-wcwl-wishlistaddedbrowse {
text-align: left;
} .best-for-you-head-two h4 {
color: #000000;
font-weight: 600;
font-size: 24px;
padding-bottom: 15px;
}
#best-for-you li {
margin-bottom: 12px;
list-style: none;
}
#best-for-you ul {
margin-bottom: 1em;
margin-top: 1.5em;
}
#best-for-you li i {
background-color: #32ba7c;
color: white;
padding: 4px 5px;
font-size: 12px;
border-radius: 50%;
}
.best-for-you-btn {
margin-top: 2em;
}
.best-for-you-block {
margin-bottom: 23px;
}
.best-for-you-shape {
position: absolute;
top: 26%;
left: 1%;
} #video {
padding-top: 0;
position: relative;
}
.video-image img {
width: 100%;
border-radius: 18px;
}
a.video_icon {
background-color: white;
width: 70px;
height: 70px;
display: inline-block;
color: #A07EFA;
border-radius: 50%;
font-size: 28px;
position: absolute;
bottom: 10%;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
a.video_icon:hover {
background: var(--color-primary);
color: white;
}
.video-block {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
}
.video-shape-image {
position: absolute;
bottom: 0;
right: 0;
} #video {
padding-top: 0;
position: relative;
}
#testimonials .owl-dots {
margin-top: 1em;
}
.testimonials-heading {
color: #222222;
font-weight: 600;
font-size: 20px;
}
.testimonial_box {
position: relative;
}
.testimonial-image-quote .testimonial-quote i {
color: #e5f3f8;
font-size: 50px;
position: absolute;
bottom: 8%;
right: 26px;
transform: rotateY(180deg);
} .testimonial_outer > img {
margin-bottom: 30px !important;
display: block;
}
.owl-carousel .owl-item .testimonials_image img {
width: auto !important;
height: auto;
border-radius: 50%;
position: relative;
z-index: 99;
width: 106px;
height: 106px;
border: 3px solid white;
}
.section_main_head  .main-tagline {
background-color: transparent;
}
.banner-details .main-tagline {
background-color: white;
}
.testimonial_box:hover .testimonial-quote{
background: var(--color-secondry); }
.testimonial-block.testimonial_outer {
padding: 20px;
border-radius: 10px;
background-color: #ffffff;
position: relative;
border: 0.5px solid #e5e5e5;
transition: all .6s ease;
}
.testimonial-title {
position: relative;
display: block;
margin: 0 !important;
padding-bottom: 3px;
padding-top: 0;
}
.testimonial-title a {
font-size: 18px;
position: relative;
color: black;
font-weight: 500;
}
.testimonial-quote svg path {
stroke: var(--color-primary);
}
.testimonials_image {
margin-right: 10px;
}
.t-desig {
font-size: 14px;
display: block;
color: #000000;
font-weight: 300;
}
.testimonials-star-rating i {
color: #F8B601;
margin-right: 3px;
font-size: 14px;
}
.testimonials-info p{
margin-bottom: 0;
}
.custom-testimonials-nav.owl-nav { position: relative;
}
.testimonials-info p {
font-size: 16px;
margin-bottom: 0px !important;
color: #000000;
font-weight: 300;
margin-bottom: 13px !important;
}
.testimonials_image {
margin-top: -53px;
}
.testimonial-star i {
color: #FFCC00;
font-size: 12px;
margin-right: 4px;
}
.testimonial-quote {
transition: all .6s ease;
position: relative;
padding: 15px;
display: inline-flex;
width: 41px;
height: 41px;
margin-bottom: 5px;
background: var(--color-primary);
align-items: center;
justify-content: center;
border-radius: 50%;
color: white;
font-size: 21px;
position: absolute;
right: 36px;
bottom: -25px;
}
.testimonial-block .media {
display: inline-flex;
align-items: center;
}
.custom-testimonials-dots.owl-dots {
position: relative;
margin-top: 4em;
}
.testimonial_box{
transition: all .6s ease;
}
.testimonials-info {
padding: 20px 0 0px 0; margin-top: 0px;
border-radius: 10px;
} #testimonials .owl-stage-outer {
padding: 38px 0;
}
#accordionfaq button.accordion-button {
font-size: 18px;
color: black;
font-weight: 700;
padding: 0px 27px 13px 0px;
border: none;
margin-bottom: 0;
width: 100%;
display: block;
box-shadow: none;
text-transform: capitalize;
border-radius: 0;
font-weight: 500;
padding-bottom: 0;
}
#our-faq .accordion-body {
padding: 10px 10px 10px 0px;
}
#our-faq .accordion-item {
border: 0.5px solid #d2d2d2;
margin-bottom: 1em;
padding: 17px;
border-radius: 15px;
}
#accordionfaq button.accordion-button:after {
content: "";
position: relative;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear;
font-size: 19px;
background-image: none;
top: 4px;
color: black;
padding: 0px 4px 4px 3px;
width: 40px !important;
height: 40px !important;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}
#accordionfaq button.accordion-button[aria-expanded="true"]:after {
content: "\f068";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 1px;
background: var(--color-secondry);
color: white;
font-family: "Font Awesome 5 Free";
border: none;
font-size: 14px;
}
#accordionfaq button.accordion-button[aria-expanded="false"]:after {
content: "\f067";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
top: 1px;
background: var(--color-primary);
color: white;
border-color: transparent;
font-family: "Font Awesome 5 Free";
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.accordion-item {
margin-bottom: 15px;
background-color: transparent;
border: none;
border-radius: 0;
margin-bottom: 0px;
}
.accordion-body {
padding: 10px;
}
.accordion-collapse{
padding: 0px;
}
h4.accordion-header button{
padding: 12px 12px;
background-color: var(--color-fe5970) !important;
border-radius: 7px;
}
.accordion-header {
padding: 0;
}
.accordion-button:focus{
box-shadow: none;
}
#accordionfaq button.accordion-button:not(.collapsed) {
}
.accordion-body p {
font-size: 15px;
color: black;
margin: 0;
font-weight: 300;
}
#accordionfaq button.accordion-button:after {
position: absolute !important;
right: 9px;
top: 54% !important;
transform: translateY(-50%) !important;
padding: 4px 5px;
}
#accordionfaq button.accordion-button:not(.collapsed)[aria-expanded="true"]:after { padding: 5px 5px;
}
#accordionfaq {
max-width: 87%;
margin: 0 auto;
} .style-3 .pricing-header {
border-bottom: none;
margin: 0;
height: 118px;
}
.pricing-card-head .pricing-header {
align-items: center;
display: flex;
justify-content: center;
}
.style-3 .pricing-card-head .pricing-header {
text-align: left;
justify-content: start;
padding: 15px 10px;
}
.style-3 .pricing-card {
background-color: #E9FFFE;
text-align: center;
}
.style-3 .pricing-header h5 {
color: black;
padding: 16px 0;
font-weight: 500;
}
.pricing-features ul {
margin: 0;
}
.pricing-features ul li i {
background-color: #70809D;
color: white;
font-size: 12px;
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.pricing-features ul  li {
padding: 16px 0;
list-style: none;
border-top: 1px solid #D8DBEA;
color: #70809D;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.style-3 .pricing-footer {
padding-bottom: 22px;
}
.plan-price {
background: var(--color-secondry);
padding: 19px 15px;
}
.plan_price {
color: white;
font-weight: 800;
font-size: 32px;
}
span.plan_package {
font-size: 14px;
font-weight: 400;
padding-left: 10px;
position: relative;
top: 4px;
}
.style-3 .pricing-feature li {
color: #70809D;
font-size: 16px;
padding: 15px 10px;
border-top: 1px solid #D8DBEA;
background-color: transparent;
list-style: none;
}
.pricing-feature ul {
margin: 0;
}
.style-3 .price {
color: #616161;
font-size: 60px;
font-weight: 400;
line-height: normal;
}
.style-3 .currency {
top: 12px;
font-size: 22px;
left: -16px;
font-weight: 300;
}
.style-3 .plan {
bottom: 12px;
left: auto;
margin: 0;
left: calc(100% + 5px);
font-weight: 400;
font-size: 12px;
width: 50px;
text-align: left;
line-height: normal;
}
.style-3 .pricing-feature li span, .style-3 .pricing-feature li i {
float: right;
}
.style-3 .ribbon {
top: 35%;
right: -10px;
left: auto;
border-radius: 0;
}
.style-3 .ribbon:after {
border-right: 10px solid transparent;
border-top: 7px solid rgba(0, 0, 0, 0.5);
bottom: -7px;
content: "";
position: absolute;
right: 0;
}
.style-3 .person .price {
color: #2196f3;
}
.style-3 .person .plan {
color: #757575;
}
.style-3 .corp .price {
color: #4caf50;
}
.style-3 .corp .plan {
color: #757575;
}
.style-3 .unlim .price {
color: #f44336;
}
.style-3 .unlim .plan {
color: #757575;
}
.style-3 .business .price {
color: #ffc107;
}
.style-3 .business .plan {
color: #757575;
}
.pricing-card:hover{
background-color: #EFFDFF;
}
.pricing-card:hover .plan-price{
background: var(--color-primary);
}
.pricing-card:hover .plan_price, .pricing-card:hover .plan_package {
color: white;
}
.pricing-card:hover .theme_button2 {
background: var(--color-primary);
color: white;
}
.style-3 .pricing-feature li:last-child, .pricing-features ul li:last-child{
border-bottom: 1px solid #D8DBEA;
}
li.inactivelist i {
visibility: hidden;
}
.plan-btn {
padding-top: 24px;
}
.style-3.comparison-table [class*=col-]:first-child {
margin: -1px;
}
.style-3.comparison-table .list-feature .pricing-header h5 {
margin-top: 0;
border-bottom: none;
color: #000000;
}
.style-3.comparison-table .pricing-feature li p, .style-3.comparison-table .pricing-feature li i, .style-3.comparison-table .pricing-feature li span {
float: none;
}
.style-3 .pricing-footer .btn-act.btn-line {
background: none;
border-color: #2196f3;
color: #2196f3;
}
.style-3 .pricing-footer .btn-act.btn-line:hover {
background: #2196f3;
border-color: #2196f3;
color: #fff;
}
.style-3 .pricing-footer .btn-act.btn-bg {
background-color: #2196f3;
border-color: #2196f3;
}
.style-3 .pricing-footer .btn-act.btn-bg:hover {
background: #212121;
border-color: #212121;
} #promotional-banner {
padding: 0;
} #testimonials .section_main_head, #our-gallery .section_main_head, #our-services .section_main_head, #our-events .section_main_head, .half-width-heading {
max-width: 40%;
margin: 0 auto;
} .news-inner-div {
border: 0.5px solid #C4C4C4;
background-color: transparent;
border-radius: 20px;
padding: 0px 15px 15px 15px;
}
.news-inner-div .metabox span, .news-inner-div .metabox a {
color: #1A1919;
font-size: 16px;
font-weight: 300;
}
.news-inner-div .metabox span i {
font-size: 16px;
margin-right: 4px;
}
.news-inner-div .metabox span.entry-author i {
background: linear-gradient(180deg, #FDD099 0%, #FF6F3D 100%) text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.news-inner-div .metabox span.entry-comments i {
-webkit-background-clip: text;
background: linear-gradient(180deg, #FF99FF 0%, #8E79F9 100%) text;
background-clip: text;
color: transparent;
}
.news-inner-div .metabox span.entry-date i {
background: linear-gradient(180deg, #1ED7B0 0%, #FF99FF 100%) text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.news-inner-div .metabox {
display: flex;
justify-content: center;
gap: 25px;
}
#latest-news .news-style-effect .box {
text-align: center;
overflow: hidden;
position: relative;
border-radius: 15px;
}
#latest-news a.theme_button.theme_button2:hover, #latest-news a.theme_button.theme_button3:hover {
background-color: #1A1919;
}
#latest-news a.theme_button.theme_button3 { border-radius: 45px;
}
#latest-news a.theme_button.theme_button3 span.button-icon {
background: white;
color: black;
border-radius: 50%;
font-size: 13px;
}
.news-box h5 a:hover {
color: #A07EFA;
}
#latest-news .news-style-effect .box:before,
#latest-news .news-style-effect .box:after{
content: '';
background: linear-gradient(115.69deg, rgba(253, 208, 153, 0.7) -0.02%, rgba(255, 111, 61, 0.7) 103.19%);
width: 100%;
height: 100%;
transform: scaleY(0);
opacity: 0.75;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
#latest-news .news-style-effect .box:after{ transform: scaleX(0); }
#latest-news .news-style-effect:hover .box:before{ transform: scaleY(1); }
#latest-news .news-style-effect:hover .box:after{ transform: scaleX(1); }
#latest-news .news-style-effect .box img {
width: 100%;
height: auto;
transition: all 0.35s;
border-radius: 15px;
}
#latest-news .news-style-effect .box-content{
color:#fff;
width:100%;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transition: all 0.6s ease;
}
#latest-news .news-style-effect:hover .box .box-content{ opacity: 1; }
.news-date-comment.d-flex.align-items-center {
justify-content: space-between;
}
.news-content {
padding: 0;
padding-top: 15px;
}
.news-content ul.post-categories a {
color: #A07EFA;
font-weight: 400;
background-color: transparent;
padding: 0;
border-radius: 0;
font-size: 16px;
}
.news-date {
font-weight: 400;
color: #797979;
}
.news-comment a {
color: #c3c3c3;
font-size: 14px;
}
.sep {
padding: 0 6px;
}
.news-comment {
margin-left: 20px;
}
.post-metabox {
margin: 0;
}
.news-box h5 a {
display: block;
margin-top: 0;
color: #00052C;
font-weight: 500;
color: #000000;
font-size: 16px;
}
.news-text, .news-text p {
margin-top: 10px;
color: #000000;
font-weight: 300;
}
.news-date-comment i {
color: #A07EFA;
font-size: 14px;
margin-right: 7px;
}
.read-more a {
padding: 10px 20px;
display: inline-block;
border: 1px solid #D8DBEA;
border-radius: 5px;
display: inline-block;
margin-top: 19px;
color: #707D95;
font-size: 14px;
font-weight: 600;
}
.read-more a:hover, .news-box:hover .read-more a{
background: var(--color-primary);
color: white;
}
.news-date-comment a {
color: #707D95;
}
.news-text {
margin-top: 10px;
color: #797979;
font-weight: 400;
}
a.post_link {
font-weight: 500;
font-size: 16px;
}
a.post_link:hover {
color: white;
}
.news-comment i {
margin-right: 10px;
}
.post-metabox {
margin-bottom: 20px;
position: relative;
}
#latest-news {
position: relative;
}
.news-box-outer {
position: relative;
} button.owl-prev, button.owl-next {
border: none;
padding: 0;
}
.owl-carousel .owl-dots, .owl-dots {
text-align: center;
}
.owl-carousel .owl-nav i, .owl-nav i {
border: none;
transition: .3s ease;
opacity: 1;
padding: 0;
color: white;
padding: 8px 13px;
font-size: 16px;
border: none;
border: none;
background: var(--color-primary);
border-radius: 8px;
}
.owl-carousel button.owl-dot.active, button.owl-dot.active {
background: transparent !important;
border-color: var(--color-primary) !important;
}
.owl-carousel button.owl-dot.active span, button.owl-dot.active span {
background: var(--color-primary) !important;
}
.owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto;
height: auto;
}
.owl-carousel .owl-nav button.owl-prev i:hover, .owl-nav button.owl-prev i:hover, .owl-carousel .owl-nav button.owl-next i:hover, .owl-nav button.owl-next i:hover {
color: white;
background: #1A1919;
}
.owl-carousel .owl-dots button.owl-dot span, .owl-dots button.owl-dot span {
margin: 1px;
width: 10px;
height: 10px;
display: block;
background: #707D95;
border-radius: 50%;
}
button.owl-prev {
margin-right: 7px;
}
.owl-nav {
margin-top: 20px;
text-align: center;
}
.owl-carousel .owl-item .post-image-block img {
width: 100% !important;
}
.woocommerce .woocommerce-breadcrumb {
display: none;
}
.dot-image {
position: absolute;
top: 2em;
right: 3em;
} .newsletter_shortcode  span.button-icon {
color: black;
}
#newsletter_section {
padding: 23px 40px;
border-radius: 20px;
background-color: white;
}
#newsletter_section .section_main_head h3 {
font-weight: 600;
color: #000000;
font-size: 25px;
padding-bottom: 8px;
padding-top: 0;
}
#newsletter_section .section_main_head .section-text {
color: #dfe7eb;
font-weight: 400;
}
#newsletter_section input[type="email"] {
width: 100%;
background-color: #F2F2F2;
border-radius: 10px;
border: none;
margin-right: 17px;
padding: 10px 25px;
font-size: 16px;
color: #000000;
}
#newsletter_section input[type="email"]::placeholder {
font-size: 16px;
color: #707D95;
}
.newsletter_shortcode  button {
font: 500 14px var(--primary-font);
display: inline-block;
padding: 7px 7px 7px 17px;
position: relative;
transition: all 0.3s ease 0s;
color: white;
border: none;
border-radius: 10px;
background-color: black;
margin-top: 10px;
}
.newsletter_shortcode input[type="submit"] {
border-radius: 10px;
background: var(--color-secondry);
position: absolute;
right: 0;
top: 0;
}
.newsletter_shortcode {
margin-top: 25px;
}
#newsletter_section .row {
align-items: center;
}
.flash_product .yith-wcwl-add-button a .fa-heart-o:before {
content: "\f004";
} .banner-head h1 span.highlight,.section_main_head h3 span.highlight {
background: linear-gradient(90deg, #1ED7B0 0%, #FF99FF 100%) text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}