*
{
box-sizing: border-box;
}
body::-webkit-scrollbar
{
width: 15px
}
body::-webkit-scrollbar-track
{
background: #C738E5;
border-radius: 14px;
}
body::-webkit-scrollbar-thumb {
background: #161516;
border-radius: 14px;
border: 4px solid #C738E5;
}
.megamenu .sub-mega li span.elementor-icon-list-icon
{
/* opacity:0; */
display:none;
}
a.s2btn span:nth-child(1) {
position: absolute;
float: left;
top: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, #733EC7, #C738E5);
animation: animate1 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate1 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
a.s2btn span:nth-child(2){
position: absolute;
top: 0;
right: 0;
/* float: left; */
width: 3px;
height: 100%;
background: linear-gradient(to bottom, #0c002b, #733ec7);
animation: animate2 2s linear infinite;
/* animation-delay: 1s; */
}
@keyframes animate2 {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
a.s2btn span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
float: left;
height: 1px;
background: linear-gradient(to left, #733EC7, #C738E5);
animation: animate3 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate3 {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
a.s2btn span:nth-child(4) {
position: absolute;
top: 0;
left: 0;
height: 100%;
/* float: left; */
width: 3px;
background: linear-gradient(to top, #212529, #733ec7);
animation: animate4 2s linear infinite;
/* animation-delay: 1s; */
}
@keyframes animate4 {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
/* check */
.ai-tools-by-industry .col-6.text-right.arrows
{
position: absolute;
z-index: 999;
top: 46%;
width: auto;
}
.ai-tools-by-industry .col-9.scnd
{
position: relative;
/* padding: 0 0 0 1.5rem; */
}
.ai-tools-by-industry .container.ones .col-9.scnd {
padding: 0 0 0 1.5rem;
}
.ai-tools-by-industry .container.scnds .col-9.scnd {
padding: 0 1.5rem 0 0;
}
.ai-tools-by-industry a.btn.btn-primary.mb-3.mr-1
{
left: 1px;
background-color: #C738E5;
border: 0;
width: 35px;
height: 35px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: -30px;
top: 0;
border-radius: 50px;
}
.ai-tools-by-industry a.btn.btn-primary.mb-3
{
left: 1px;
background-color: #C738E5;
border: 0;
width: 35px;
height: 35px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: 936px;
border-radius: 50px;
top: -51px;
}
.ai-tools-by-industry .col-md-3.mb-3 {
margin: 0 !important;
padding: 0;
}
section#befs3 .carousel-item .row:nth-child(1) .card
{
border-right: 1px solid #C738E5;
border-bottom: 1px solid #C738E5;
border-radius:0;
}
section#befs3 .carousel-item .row:nth-child(2) .card
{
border-right: 1px solid #C738E5;
border-radius:0;
}
section#befs3 .torow
{
display:inline-flex;
}
section#befs3 .torow:nth-child(1) .card
{
/* border-color:#c738e5; */
border-bottom:0;
border-radius: 13px;
}
section#befs3 .torow:nth-child(1) .col-md-3.mb-3:nth-child(1),
section#befs3 .torow:nth-child(1) .col-md-3.mb-3:nth-child(2),
section#befs3 .torow:nth-child(1) .col-md-3.mb-3:nth-child(3),
section#befs3 .torow:nth-child(1) .col-md-3.mb-3:nth-child(4)
{
border-right: 1px solid;
border-bottom: 1px solid;
border-color: #c738e5;
}
section#befs3 .torow:nth-child(2) .col-md-3.mb-3:nth-child(1),
section#befs3 .torow:nth-child(2) .col-md-3.mb-3:nth-child(2),
section#befs3 .torow:nth-child(2) .col-md-3.mb-3:nth-child(3),
section#befs3 .torow:nth-child(2) .col-md-3.mb-3:nth-child(4)
{
border-right: 1px solid;
border-color: #c738e5;
}
.ai-tools-by-industry .card img:hover
{
transform: scale(1.1);
transition: 0.2s;
}
.ai-tools-by-industry h3
{
text-align: center;
color: #C738E5;
padding: 0px 10px 0px 10px;
height: 50px;
/* margin: 0 auto; */
font-size: 18px;
font-weight: 800;
font-family: "SF Pro Display";
/* position: absolute;
bottom: 7%;
left: 0%;
right: 0%;
display: flex;
justify-content: center; */
}
.ai-tools-by-industry .card
{
background: transparent;
padding: 1rem;
}
.ai-tools-by-industry .card img
{
width: 209px;
margin: 0 auto;
height: 209px;
object-fit: cover;
object-position: bottom;
/* transform: scale(0.8); */
border-radius: 5px;
position: relative;
transition: 0.2s;
}
.ai-tools-by-industry .card img.icons
{
position: absolute;
left: 6%;
top: 6%;
width: 40px;
height: 40px;
object-fit: contain;
object-position: center;
z-index: 999;
background-color: #000;
padding: 9px;
border-radius: 5px;
/* display: none; */
}
.ai-tools-by-industry div#carouselExampleIndicators2,
.ai-tools-by-industry div#carouselExampleIndicators3
{
background-color:#0D0C0C;
border: 1px solid #C738E5;
border-radius: 12px;
}
.ai-tools-by-industry .fst {
background-image: URL('../../../images/ai-slick/bximage.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: 1px solid #C738E5;
border-radius: 12px;
}
#sec1 .p-4.text-white.rounded-3.shadow.form-bg h2.homepage-hero_heavy,
#sec1 .p-4.text-white.rounded-3.shadow.form-bg span
{
font-size: 40px;
}
section#befs3 .main-tab {
padding: 0;
}
section#befs3 .ai-tools-by-industry .container.scnds .fst
{
background-image: URL('../../../images/ai-slick/aI-tools-bytType.png');
}
#aisol-sec1 h2
{
text-align: left;
padding-bottom:0rem;
}
#aisol-sec1 p
{
text-align: left;
}
#aisol-sec2 h2
{
padding-bottom:4rem;
}
#aisol-sec3 h2
{
padding-bottom:4rem;
}
#aisol-sec4 h2
{
padding-bottom:4rem;
}
div#aisol-sec3 .col-lg-12.toimg
{
display: flex;
}
div#aisol-sec3 .col-lg-12.toimg .col-lg-3 {
background-color: rgba(107, 107, 107, 0.1);
padding: 4rem 1rem;
margin: 0 9px;
border-radius: 15px 0px 15px 15px;
/* */
-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 15%, 75% 0);
}
div#aisol-sec4 .col-12.row.col1 *
{
text-align: left;
}
div#aisol-sec4 .col-12.row.col2 *
{
text-align: left;
}
div#aisystemsetup
{
background-image: URL('../../../images/ai-slick/aisystem.webp');
padding-top: 12rem;
padding-bottom: 2rem;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
#aiintegration
{
background-image: URL('../../../images/ai-slick/aisystem.webp');
padding-top: 12rem;
padding-bottom: 2rem;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
#aisolutions
{
background-image: URL('../../../images/ai-slick/aisystem.webp');
padding-top: 12rem;
padding-bottom: 2rem;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
.ai-tools-by-industry .fst h2 {
color: #C738E5;
font-size: 25px;
font-weight: 700;
text-align: center;
padding: 2rem 0;
width: 75%;
margin: 0 auto;
}
section#befs3 .btn-primary:hover,
section#befs3 .btn-check:focus+.btn-primary,
section#befs3 .btn-primary:focus
{
background-color: #C738E5;
}
section#befs3 div#v-pills-tab button img {
margin-right: 10px;
}
section#befs3 .nav-pills .nav-link.active,
section#befs3 .nav-pills .show>.nav-link,
section#befs3 .nav-link:focus,
section#befs3 .nav-link:hover
{
background-color: #C738E5;
color:#fff;
border: 2px solid #C738E5 !important;
}
section#befs3 .marketing-tab
{
padding: 0;
}
section#befs3 .topmarket-flex
{
display: flex;
}
section#befs3 .market-inr-tab:nth-child(1),
section#befs3 .market-inr-tab:nth-child(2),
section#befs3 .market-inr-tab:nth-child(3)
{
margin-right:1rem;
}
div#youtube-section p
{
text-align: center;
color: #fff;
padding: 20px 0 20px 0;
width: 100%;
margin: 0 auto;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
}
div#youtube-section h2.homepage-hero_heavy {
line-height: 1.5;
}
div#youtube-section h2.homepage-hero_heavy i {
color: #fff;
}
section.pt-5.pb-5.ai-tools-by-industry {
padding: 0;
}
section#befs3 .container.ones {
padding: 0;
}
section#befs3 .container.scnds
{
padding: 0;
}
section.pt-5.pb-5.ai-tools-by-industry .col-12.row {
padding: 0;
}
div#sec3.most-popular .col-lg-12.pop-imgs
{
display:flex;
padding: 0;
}
div#sec3.most-popular .col-lg-12.pop-imgs img
{
width: auto;
}
div#sec3.most-popular .col-lg-12.pop-imgs .col-lg-3 {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
section.pt-5.pb-5.ai-tools-by-industry .col-12 {
display: flex;
padding: 0;
}
section#befs3 .col-lg-12.text-banner.scnd
{
padding:3rem 0 2rem 0;
display: flex;
justify-content: space-between;
align-content: center;
}
section#befs3 .col-lg-12.text-banner.scnd h2
{
text-align: left;
}
section#befs3 .col-lg-12.text-banner.scnd p
{
text-align: left;
color: #fff;
padding: 5px 0 10px 0;
width: 100%;
margin: 0 auto;
font-size: 17px;
font-weight: 500;
font-family: "SF Pro Display";
/* height: 5rem; */
}
section#befs3 .col-lg-12.text-banner.scnd {
padding: 2rem 1rem;
}
section#befs3 .col-lg-12.text-banner.scnd .text-banner h2
{
font-size: 35px;
}
section#befs3 .MultiCarousel .MultiCarousel-inner:nth-child(1) .item
{
border-bottom: 1px solid #C738E5;
border-right: 1px solid #C738E5;
}
section#befs3 .MultiCarousel .MultiCarousel-inner:nth-child(2) .item
{
border-bottom: 1px solid #C738E5;
border-right: 1px solid #C738E5;
}
section#befs3 .tab-content
{
position: relative;
}
section#befs3 .MultiCarousel .leftLst span,section#befs3 .MultiCarousel .rightLst span
{
transform: scale(0.6);
}
section#befs3 div#v-pills-tab {
width: 25%;
height: 100%;
border-radius: 10px;
padding: 1rem 0.5rem;
justify-content: center;
}
section#befs3 div#v-pills-tab
{
display: inline-flex;
gap: 20px;
width: 100%;
}
section#befs3 div#v-pills-tab button
{
font-size: 18px;
border: 2px solid #fff;
/* margin: 0rem 0.5rem; */
border-radius: 50px;
padding: 0;
margin: 0;
width: 23%;
}
.MultiCarousel .MultiCarousel-inner .item > div img
{
padding: 0rem;
}
.MultiCarousel {float: left;overflow: hidden;width: 100%;/* position:relative; */background-color: #151515;border: 1px solid #C738E575;border-radius: 0px;border-bottom: 0px solid #C738E5;}
.MultiCarousel .MultiCarousel-inner {transition: 1s ease all;float: left;width: 100% !important;}
.MultiCarousel .MultiCarousel-inner .item {float: left;padding: 2rem;width: 232px !important;}
.MultiCarousel .MultiCarousel-inner .item > div {text-align: center;padding: 0px;margin: 0px;/* background:#000; */color:#fff;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst {left: 1px;background-color: #C738E5;border: 0;width: 35px;height: 35px;padding: 0;display: flex;align-items: center;justify-content: center;}
.MultiCarousel .rightLst {right: -5px;background-color: #C738E5;border: 0;width: 35px;height: 35px;padding: 0;display: flex;align-items: center;justify-content: center;
}
section#befs3 .tab-content
{
padding:0;
}
/* check */
.slider h3 {
background: #000;
color: #3498db;
font-size: 36px;
line-height: 100px;
margin: 10px;
padding: 2%;
position: relative;
text-align: center;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
h1,
h2,
h3,
h4,
h5,
h6,p {
font-family: 'SF Pro Display';
}
#switch-container {
background-image: URL('../../../images/ai-slick/btn-bg.png');
background-size: contain;
background-position: center;
color: transparent;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
width: 70px;
height: 70px;
position: relative;
}
/* switch on background colour */
.body-on {
/* opacity:0.9; */
background-position: center -802px !IMPORTANT;
}
#switch {
transition: transform 0.25s linear 0s,
background 0.25s ease 0s,
border-radius 0.25s ease 0s,
box-shadow 0.25s ease 0s;
color: transparent;
border: 0;
background-color: transparent;
box-shadow: unset;
height: 35px;
width: 100%;
position: absolute;
top: 24%;
right: 0;
}
.switch-off {
transform: translateX(0px);
/* background: #E74C3C;
border-radius: 0 50% 50% 0; */
box-shadow: 7px 0px 8px -4px rgba(0,0,0,0.54);
/* */
background-image: URL('../../../images/ai-slick/btn-2.png');
background-size: auto;
background-position: 82% 56%;
color: transparent;
background-repeat: no-repeat;
}
section#befs3 {
padding-top: 2rem;
}
section#befs3 .nav-tabs .nav-link.active
{
background-color: transparent;
color: rgba(202, 98, 219, 1) !important;
font-weight:600;
border: 0;
}
section#befs3 .nav-tabs .nav-link
{
border-bottom: 1px solid #fff;
margin: 0px 1rem;
padding: 12px 0 !important;
}
section#befs3 .carousel-item .card a
{
display: contents;
}
.switch-on {
transform: translateX(-25px);
/* background: #E74C3C;
border-radius: 0 50% 50% 0; */
/* box-shadow: 7px 0px 8px -4px rgba(0,0,0,0.54); */
/* */
transform: translateX(0px);
box-shadow: 7px 0px 8px -4px rgba(0, 0, 0, 0.54);
background-image: URL('../../../images/ai-slick/btn-2.png');
background-size: auto;
background-position: 20% 59%;
color: transparent;
background-repeat: no-repeat;
}
section#befs3 div#nav-tab
{
display: flow-root;
}
section#befs3 .bd-example.bd-example-tabs .col-md-12
{
width: 20%;
}
section#befs3 .bd-example.bd-example-tabs {
display: inline-flex;
}
/* .animation {
position: relative;
} */
/* .animation img.ons {
position: absolute;
left: 10%;
top: 170px;
animation: shake 1.5s;
animation-iteration-count: infinite;
}
.animation img.ont {
position: absolute;
right: 10%;
top: 210px;
animation: shake 1.5s;
animation-iteration-count: infinite;
} */
img.ons {
position: absolute;
left: -40%;
top: 105%;
animation: shake 1.5s;
animation-iteration-count: infinite;
}
img.ont
{
position: absolute;
right: -45%;
top: 105%;
animation: shake 1.5s;
animation-iteration-count: infinite;
}
img.onts
{
position: absolute;
right: -57%;
top: -80%;
animation: shake 8.5s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.companypanel
{
padding: 10rem 0px 0rem 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center -303px;
background-image: URL('../../../images/ai-slick/body-min.png');
}
.BlogsMain
{
padding: 10rem 0px 0rem 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center -303px;
background-image: URL('../../../images/ai-slick/body-min.png');
}
#myprofile
{
padding: 10rem 0px 0rem 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center -303px;
background-image: URL('../../../images/ai-slick/body-min.png');
margin-top: 0 !important;
}
main.companyDetails{
background-image: URL('../../../images/ai-slick/body-min.png');
padding: 6rem 0px 0px 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center -303px;
}
div#sec4 button.carousel-control-prev
{
left: -75px;
top: 50px;
display: none;
}
div#testimonial1 .justify-content-end
{
position: absolute;
}
div#testimonial1
{
overflow: hidden;
padding-bottom: 0rem;
}
div#sec4 button.carousel-control-next
{
right: -1535px;
top: 50px;
position: absolute;
display: none;
}
.p-4.text-white.rounded-3.shadow.form-bg .col-lg-12.text-banner
{
padding:0 0 2rem 0;
}
div#sec5 {
padding-top: 4rem;
}
div#sec6
{
padding-top: 4rem;
}
section#befs3 .col-lg-12.text-banner {
padding-top: 0;
padding-bottom: 5rem;
}
.signin-up-wrapper,
.signuphome{
padding: 10rem 0px 0rem 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center -303px;
background-image: URL('../../../images/ai-slick/Advertise.png');
}
.mainBody
{
background-image: URL('../../../images/ai-slick/body.png');
padding: 10rem 0px 0px 0px;
background-repeat: no-repeat;
background-size: 100% 100% !important;
background-position: 100% 100% !important;
/* background-position: center center; */
}
#searchmain
{
background-image: URL('../../../images/ai-slick/directory-bg.png');
padding: 17rem 0px 0px 0px;
background-repeat: no-repeat;
background-size: cover !important;
background-position: center !important;
/* background-position: center center; */
}
#searchmain .filters-listing-topbar .col-sm-12.cuisine-box.accordion
{
padding: 0;
}
section#aitools.mainBody,
section#mikrotakt.mainBody,
#news.mainBody,
#contact.mainBody,
.BlogsDetailTop
{
background-image: URL('../../../images/ai-slick/home.png');
padding-top: 7rem;
}
section#mikrotakt.mainBody
{
background-image: URL('../../../images/ai-slick/toolInnerpage-bg.png');
background-size:cover !important;
background-position:center !important;
}
section#mikrotakt.mainBody .tph
{
padding: 0 0 30px 0;
}
#advertise.mainBody
{
background-image: URL('../../../images/ai-slick/Advertise.png');
padding-top: 5rem;
background-position: top center;
}
/* .header-logo-menu{
display: flex;
justify-content: space-between;
} */
.top-navigation {
margin: 22px 0;
}
.navbar-expand-sm .navbar-nav
{
margin:0 0 0 0 !important;
}
.top-navigation .navbar-nav>.nav-item>a {
color: #fff;
font-family: 'Noto Sans';
font-size: 14px;
font-weight: 400;
font-weight: 400;
padding: 0px 1rem;
}
.standardHeading h3 {
color: #fff;
text-transform: capitalize;
}
.top-navigation .navbar-nav>.nav-item:hover {
cursor: pointer;
}
.top-navigation .navbar-nav>.nav-item {
margin: 0 20px;
padding: 1rem 0;
}
section#befs3 .margin0 {
margin: 0px !important;
}
section#befs3 .padding0 {
padding: 0px !important;
}
section#befs3 .mark-head-tab-2 {
width: 100%;
padding-left: 2rem;
}
.mark-head-tab-2 h3
{
color: #fff;
padding: 0 0 0.5rem 0;
font-size: 21px;
font-weight: bold;
font-family: "SF Pro Display";
margin-bottom: 0rem;
}
section#befs3 .stars
{
padding: 0;
min-width: 100%;
}
section#befs3 .mark-center-tab h4.Freetrail
{
color: #fff;
padding: 0 0 0px 0;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
margin-bottom: 0;
}
section#befs3 .mark-center-tab span.fvrt-list
{
color: #fff;
padding: 0 0;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
margin-bottom: 0;
}
section#befs3 span.mct-featured {
display: flex;
align-items: center;
justify-content: center;
}
section#befs3 .mct-top
{
display: flex;
justify-content: space-between;
}
.BlogsDetailTop {
padding-top: 11rem;
background-size: cover;
background-repeat: no-repeat;
}
section#befs3 .mark-foot-tab h4
{
color: #fff;
padding: 0 0px 0px 12px;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
margin-bottom: 0;
}
section#befs3 span.mct-featured i {
color: #fff;
}
section#befs3 p.mct-text {
text-align: left;
font-size: 16px;
font-weight: 500;
}
section#befs3 p.mct-tags
{
text-align: left;
font-size: 16px;
font-weight: 500;
}
section#befs3 .mark-center-tab span.fvrt-list i
{
font-family: 'Font Awesome 6 Free';
padding-left: 10px;
}
section#befs3 .mark-center-tab
{
padding: 2rem 0;
}
section#befs3 .stars i
{
padding:0 3px;
}
section#befs3 .mark-foot-tab span.mct-featured img {
object-fit: none;
}
section#befs3 .mark-foot-tab button a img {
padding-left: 15px;
}
section#befs3 .mark-foot-tab {
display: flex;
justify-content: space-between;
align-items: baseline;
}
section#befs3 .mark-foot-tab button {
box-shadow: unset;
border: 0;
background-color: #C738E5;
padding: 0.4rem 1.3rem;
border-radius:8px;
}
section#befs3 .mark-foot-tab button a {
text-decoration:none;
color: #fff;
text-align: center;
padding: 0;
width: 100%;
margin: 0 auto;
font-size: 20px;
font-weight: normal;
font-family: "SF Pro Display";
display: flex;
align-items: center;
justify-content: center;
}
section#befs3 .market-inr-tab {
background-color: #262626;
padding: 1.2rem;
border-radius: 12px;
width: 33%;
/* margin: 0px 10px 0px 10px; */
display: grid;
align-content: space-between;
justify-content: space-evenly;
}
section#befs3 .mark-head-tab {
display: flex;
align-items: center;
}
section#befs3 .mark-head-tab i.fa-solid.fa-star.checked {
color: yellow;
}
section#befs3 .mark-head-tab i.fa-solid.fa-star
{
color: #fff;
}
section#befs3 .container.centerparagh p {
padding: 3rem 3rem !important;
font-size: 16px;
}
section#befs3 p
{
text-align: center;
color: #fff;
padding: 32px 0 0 0;
width: 100%;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
font-family: "SF Pro Display";
/* height: 5rem; */
}
section#befs3 .carousel-item.active .col-4 .right-sec p
{
font-size: 14px;
padding: 10px 0 10px 0;;
width: 100%;
text-align:left;
}
section#befs3 .carousel-item.active .col-4 .right-sec li
{
font-size: 14px;
padding: 10px 0 10px 0;;
width: 100%;
}
.text-banner {
border-radius: 4px;
padding: 37px 105px;
text-align: center;
/* -webkit-backdrop-filter: blur(15px); */
}
.text-banner h2 {color: #fff;padding: 0.02rem 0;font-size: 45px;font-weight: 500;font-family: "SF Pro Display";margin-bottom: 1rem;}
.text-banner h2 span {
color: #C738E5;
font-size: 45px;
font-weight: 600;
}
.homepage-hero_textCarousel{
height: 1.2em;
line-height: 1.2em;
position: relative;
overflow: hidden;
display: inline-flex;
}
.homepage-hero_scroll {
position: relative;
animation: homepage-hero_scroller 8s ease-in-out infinite;
list-style: none;
padding: 0;
text-align: left;
}
@keyframes homepage-hero_scroller {
0%, 30% {
top: 0;
}
35%, 65% {
top: -1.2em;
}
70%, 100% {
top: -2.4em;
}
/*
85%, 90% {
top: -3.6em;
} */
/* 95%, 100% {
top: -4.8em;
} */
}
.search-wrapper {
background: #fff;
border-radius: 5px;
}
.search-wrapper {
margin: 40px 0 40px 0;
position: relative;
}
.search-wrapper select {
border: none;
font-size: 16px;
font-weight: 400;
font-family: 'Noto Sans';
color: #777777;
}
.search-wrapper select {
border: none;
font-size: 16px;
font-weight: 400;
font-family: 'Noto Sans';
color: #777777;
margin: 9px 0 7px 0;
}
.search-wrapper .form-group {
margin-bottom: 0px;
padding: 0;
}
.selectdiv {
position: relative;
}
.selectdiv:after {
content: '\f078';
font: normal normal normal 17px/1 FontAwesome;
color: #C738E5;
right: 11px;
top: 0px;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}
.selectdiv select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 50px;
float: right;
padding: 0px 42px;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: url(../../../images/loca.png);
background-size: 15px;
background-position: 16px center;
background-repeat: no-repeat;
-ms-word-break: normal;
word-break: normal;
color: #777;
font-family: 'Noto Sans';
}
.autocomplete input::placeholder {
color: #777;
font-family: 'Noto Sans';
}
/*the container must be positioned relative:*/
.autocomplete {
position: relative;
display: inline-block;
border-left: 1px solid #CCCCCC;
padding: 0 0 0 20px;
}
.autocomplete input#myInput {
padding: 10px 10px 10px 30px;
width: 297px;
margin: 10px 0;
}
.autocomplete input#myInput {
background: url('../../../images/loca.png') no-repeat left center;
padding: 10px 10px 10px 24px;
width: 260px;
margin: 10px 0;
border: none;
color: #777777;
}
.search-wrapper input[type="submit"] {
background: #C738E5;
padding: 12px 34px;
font-size: 16px;
font-family: 'Noto Sans';
color: #fff;
font-weight: 500;
border-radius: 4px;
border: none;
background-position: 100% 0;
/* moz-transition: all .4s ease-in-out; */
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
float: right;
margin: 10px 11px 0 0px;
}
.search-wrapper input[type="submit"]:hover {
background: #e12041;
color: #fff;
/* moz-transition: all .4s ease-in-out; */
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.autocomplete input#myInput:focus-visible {
border: none;
outline: none !important;
}
::-webkit-input-placeholder {
/* Edge */
color: #333
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #333;
}
::placeholder {
color: #333;
}
.form-control:focus {
/* border-color: #fff!important; */
box-shadow: none;
}
.megamenu.contact {
right: 0;
left: unset;
}
.autocomplete-items {
position: absolute;
border-bottom: none;
border-top: none;
z-index: 99;
top: 100%;
left: 0;
right: 0;
height: 200px;
overflow: auto;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}
.zip-city-toggle {
display: none !important;
}
.new.banner-home .selectdiv{
display: none;
}
.new.banner-home .zip-city-toggle {
display: flex !important;
}
.zip-city-toggle.input-group:before {
content: "";
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg class='flex flex-shrink-0 gray' height='18' width='18' fill='currentColor' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.002 7.25c0 3.248 4.342 7.756 5.23 8.825l.769.925.769-.926c.888-1.068 5.234-5.553 5.234-8.824C15.004 4.145 13 1 9.001 1c-3.999 0-6 3.145-6 6.25zm1.994 0C4.995 5.135 6.175 3 9 3s4.002 2.135 4.002 4.25c0 1.777-2.177 4.248-4.002 6.59C7.1 11.4 4.996 9.021 4.996 7.25zM8.909 5.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z'%3E%3C/path%3E%3C/svg%3E");
position: absolute;
z-index: 4;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
opacity: 0.4;
}
.nav-tabs .nav-link {
color: #fff !important;
}
.new.banner-home .zip-city-toggle .form-control{
padding-top: 0.7rem;
padding-bottom: 0.7rem;
padding-left: 31px;
height: 2.5rem;
border-radius: 0;
}
.zip-city-select {
max-width: 118px;
padding-right: 1rem !important;
}
#sec1 .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
color: #fff;
/* border: 0; */
}
header {
background-color: transparent;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
z-index: 9999;
}
.btn-danger {
color: #fff;
background-color: #C738E5 !important;
border-color: #C738E5 !important;
}
#sec1{
background-repeat: no-repeat;
background-size:cover;
background-position:center center;
}
#sec1 {
padding-top: 0rem;
padding-bottom: 0rem;
/* background: linear-gradient(45deg, #733EC7, #000); */
}
#sec1 .nav-tabs {
border-bottom: 0px;
}
#sec1 .tab-content>.active .col-12 {
padding-right: 0;
}
#sec1 .col-12.col-md-6 {
padding-left: 10px;
}
#sec1 p {
text-align: center;
color: #fff;
padding: 30px 0 20px 0;
width: 80%;
margin:0 auto;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
}
div#sec3 {
padding-top: 4rem;
}
div#sec2 h2 {
text-align: left;
color: #fff;
padding: 0.02rem 0;
font-size: 45px;
font-weight: 500;
font-family: "SF Pro Display";
line-height: 1.3;
padding-bottom: 1rem;
}
#sec2 .row.margin0.justify-content-sm-center {
display: block;
}
#sec2 .new.banner-home .text-banner p {
text-align: left;
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
}
#sec2 .col-lg-12.text-banner {
display: flex;
justify-content: space-between;
align-items: center;
backdrop-filter: blur(0px);
margin: 0 auto;
padding-top: 2rem;
}
#sec2 img {
width: 100%;
/* margin: 0 auto; */
/* top: -45px; */
/* right: -50%; */
/* position: relative; */
/* float: right; */
animation: shake 1.5s;
animation-iteration-count: infinite;
}
#sec2 a.s2btn {
margin-top: 1rem;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
/* width: fit-content; */
/* margin: 0 auto; */
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 2px;
font-size: 14px;
float: left;
}
#sec3 .col-lg-12.text-banner {
/* display: grid;
width: 1535px;
margin: 0 auto;
padding-top: 0; */
display: grid;
}
#sec3 a.s2btn
{
/* padding: 9px 31px;
border-radius: 12px; */
margin-top: 3rem !important;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
width: fit-content;
margin: 0 auto;
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
/* float: left; */
overflow: hidden;
border-radius: 2px;
font-size: 14px;
}
#sec3 img {
width: 55%;
margin: 0 auto;
padding-top: 2rem;
}
#sec4 .col-lg-12.toimg {
display: flex;
justify-content: center;
align-items: center;
padding: 5rem 0rem 0 0;
}
#sec4 .col-lg-12.toimg IMG {
width: 70px;
height: 100%;
object-fit: cover;
object-position: center;
}
div#sec7
{
padding-top: 5rem;
}
div#sec7 .col-lg-12.text-banner
{
padding: 0;
}
div#youtube-section .col-lg-12.text-banner
{
padding: 0 0 0 0;
}
div#youtube-section
{
padding-top: 7rem;
}
#sec4 .text-banner h3
{
height: 4rem;
margin-bottom: 0;
padding-top: 1rem;
font-size: 17px;
}
.text-banner h3 {
color: #C738E5;
padding: 0.02rem 0;
font-size: 20px;
font-weight: 500;
font-family: "SF Pro Display";
text-align: center;
padding: 0rem 0 17px 0;
}
/* section#s1.mainBody nav.navbar a.align-self-start, */
nav.navbar a.align-self-start
{
/* padding-top: 35px; */
/* transform: scale(1.2); */
display: contents;
}
#sec4 .col-lg-12.toimg p
{
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
}
#sec4 a.s4btn
{
display: none;
}
#sec4 h2 {
width: 40%;
}
#sec4 .col-lg-12.toheads,
#sec5 .col-lg-12.toheads
{
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding-bottom: 0rem;
}
div#sec8 {padding-bottom: 5rem;padding-top: 5rem;}
div#sec8 a.s2btn {
margin-top: 3rem !important;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 2px;
font-size: 14px;
float: left;
}
div#sec8 .col-lg-12.buts
{
display: flex;
justify-content: center;
align-items: center;
}
div#sec8 .container
{
padding: 0;
}
#sec8 .toimg.col-lg-12 p {
margin: 0;
}
a.s4btn {position: absolute;right: 0%;top: 13%;padding: 9px 31px;text-decoration: none;color: #fff;font-family: "SF Pro Display";}
#sec5 .col-lg-12.toimg IMG {
width: 100%;
margin: 0 auto;
border-radius: 20px 20px 0 0;
}
#sec5 .text-banner h3
{
color: #fff;
padding: 0;
font-size: 20px;
font-weight: 500;
font-family: "SF Pro Display";
text-align: left;
}
#sec5 .text-banner h4
{
color: #fff;
padding: 0;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
text-align: left;
margin: 0;
}
#sec5 p
{
color: #fff;
font-size: 15px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
text-align: left;
padding-top: 1rem;
}
#sec5 .bxs-lft {
display: flex;
align-items: center;
padding: 1rem 1.5rem 0rem 1.5rem;
}
#sec5 .bxs-lft .bxs-lft-1 img {
border-radius: 6px;
width: 70px;
}
#sec5 .bxs-lft-2 {
padding-left: 1rem;
}
#sec5 .col-lg-12.toimg .carousel-item .row {
display: flex;
}
#sec5 .col-lg-4 {
background-color: #26262675;
margin: 0 auto;
padding: 0;
width: 31%;
border-radius: 20px;
}
div#sec5 .text-right.arrows a
{
position: absolute;
background-color: #C738E5;
border: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
}
div#sec5 .text-right.arrows a.btn.btn-primary.mb-3.mr-1
{
left: -5%;
right:unset;
bottom: 41%;
}
div#sec5 .text-right.arrows a.btn.btn-primary.mb-3
{
right: -5%;
left:unset;
bottom: 41%;
}
#sec5 .bxs-cntr {
padding: 0 1.5rem;
height: 70px;
}
#sec5 .bxs-botm .bxs-botm-1 {
color: #fff;
}
#sec5 .bxs-botm {
display: flex;
justify-content: space-between;
padding: 0 1.5rem 1rem 1.5rem;
}
#sec5 .bxs-botm .bxs-botm-2 i span {
padding-left: 10px;
font-size: 17px;
font-family: 'SF Pro Display';
}
#sec5 .bxs-botm .bxs-botm-2 {
color: #fff;
}
#sec5 .bxs-botm .bxs-botm-2 i {
margin: 0 1rem;
}
#sec5 a {
text-decoration: none;
}
a.s4btn i:before {
background-image: URL('../../../images/ai-slick/seeall.png');
background-size: contain;
background-position: center;
height: -webkit-fill-available;
width: 1rem;
background-repeat: no-repeat;
content: "";
position: absolute;
right: -26px;
top: 0%;
}
a.s4btn i {
position: relative;
}
#sec6 .col-lg-3 {
background-color: #6b6b6b1c;
border-radius: 20px;
margin: 0 12px;
padding: 4rem 2rem;
height: 25rem;
}
#sec6 p {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
padding: 0;
margin-bottom: 0;
line-height: 1.6;
}
#sec6 .text-banner h3 {
color: #fff;
padding: 2rem 0;
}
#sec5 .col-lg-12.toimg {
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
padding: 5rem 0rem 0 0;
}
#sec6 .col-lg-12.toimg {
display: flex;
padding: 5rem 0rem 0 0;
justify-content: center;
align-items: center;
}
#sec6 .col-lg-12.toimg IMG {
width: 35%;
margin: 0 auto;
padding-bottom: 2rem;
}
#sec7 .col-lg-12.toimg {
display: flex;
padding: 5rem 0rem 0 0;
justify-content: center;
align-items: center;
}
#sec7 .col-lg-4 {
background-color: #6b6b6b1c;
border-radius: 12px;
padding: 4rem 3rem;
width: 32%;
margin: 0 auto;
height: 26rem;
}
div#sec7 .text-right.arrows a.btn.btn-primary.mb-3.mr-1 {
left: -3%;
right: unset;
bottom: 41%;
}
div#sec7 .text-right.arrows a.btn.btn-primary.mb-3 {
right: -4%;
left: unset;
bottom: 41%;
}
div#sec7 .text-right.arrows a {
position: absolute;
background-color: #C738E5;
border: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
}
#sec7 p {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
padding: 0;
margin-bottom: 0;
text-align: left;
}
#sec7 .carousel-item h3
{
color: #fff;
padding: 0;
font-size: 18px;
font-weight: bold;
font-family: "inter";
}
#sec7 .carousel-item h4
{
color: #C738E5;
padding: 0;
font-size: 14px;
font-weight: 500;
font-family: "inter";
}
#sec7 .design {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 5rem;
}
#sec7 .design img {
width: 22%;
object-fit: contain;
object-position: center;
}
#sec7 .designimg {
padding-left: 1rem;
padding-top: 15px;
}
#sec7 .text-banner h3 {
font-size: 15px;
text-align: left;
margin-bottom: 0;
}
#sec7 .text-banner h4
{
color:#733EC7;
font-size: 15px;
text-align: left;
}
.ToDvds {
display: inline-flex;
width: 100%;
}
.toColms {
width: 100%;
}
.ToDvds {
display: inline-flex;
width: 100%;
}
.toColms {
width: 100%;
}
section#aitools .topheads {
border: 1px solid #C738E573;
/* padding: 0rem 0px !important; */
border-radius: 8px;
text-align: left;
margin: 0 0px 2% 0;
background: #0c0a0947;
}
section#aitools .topheads p {
text-align: left;
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
}
section#aitools .col-md-12.col-lg-12.col-xl-12 .topheads
{
display: flex;
padding: 1rem !important;
}
section#aitools .content.col-md-9 .topheads {
display: block;
padding: 1rem !important;
}
.topheadsbtns {display: flex;align-items: center;justify-content: space-between;}
section#mikrotakt a.s22btn span.fst span.fa.fa-star
{
transform:scale(0.7);
}
section#mikrotakt a.s22btn span.fst span.fa.fa-star.checked
{
color:goldenrod;
}
section#mikrotakt a.s22btn
{
background-color: transparent;
color: #fff;
font-family: "SF Pro Display";
text-align: center;
padding: 2px 42px;
width: 100%;
display: grid;
border: 1px solid #CA62DB;
text-decoration: none;
border-radius: 5px;
}
section#mikrotakt a.s1btn:before
{
content:"";
background-image: URL('../../../images/ai-slick/VisitFlowith.png');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 17px;
height: 100%;
position: absolute;
right: 5%;
top: 0;
bottom: 0;
}
section#mikrotakt .sec2.container {
padding-top: 3rem;
padding-bottom: 3rem;
}
section#aitools .topheads {
border: 1px solid #C738E573;
border-radius: 5px;
text-align: left;
margin: 0 0px 2% 0;
background: #0c0a0947;
}
section#aitools .topheads p {
text-align: left;
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
margin: 0;
}
section#aitools .topheads.bots
{
display: flex;
padding: 0 0 !important;
}
section#aitools a.s1btn {
background-color: #CA62DB;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
text-align: center;
padding: 11px 25px;
width: fit-content;
border-radius:8px;
}
section#aitools .topheads.tops {
display: block;
padding: 1rem !important;
}
section#aitools .totext {
padding: 1rem 2rem;
display: inline-grid;
gap: 30px 0;
}
section#aitools a.s2btn
{
/* text-decoration: none; */
/* color: #CA62DB; */
/* font-family: "SF Pro Display"; */
border: 1px solid #C738E58f;
/* border-radius: 8;/* padding: 10px 3rem; */
}
section#aitools .topheads.bots:last-child {
margin-bottom: 0;
}
section#aitools .botsheadsbtns a.s2btn {
background-image: URL('../../../images/ai-slick/btnframe.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 0px;
text-align: center;
padding: 9px 22px;
width: fit-content;
}
section#aitools .botsheadsbtns {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
section#mikrotakt .sec1 p {
text-align: left;
color: #fff;
font-family: 'SF Pro Display';
}
section#mikrotakt .tpbh {
display: inline-flex;
}
section#mikrotakt a.s1btn {
background-color: #CA62DB;
background-size: cover;
background-repeat: no-repeat;
float: left;
padding: 10px 24px;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 17px;
width: 100%;
border-radius: 5px;
margin-bottom: 1rem;
position: relative;
}
.nav-link.active {
/* background-color: #C738E5 !important; */
/* border-radius: 5px 5px 0px 0px; */
/* border: 1px solid #C738E5 !important; */
color: #fff !important;
}
.nav-pills .nav-link {
color: #fff;
font-weight: 500;
font-size: 14px;
font-family: "SF pro Display";
}
.tab-content>.active {
/* background-color: #fff; */
/* padding: 3rem; */
margin-top: -1px;
}
#sec1 ul#pills-tab {
margin-bottom: 0 !important;
}
.new.banner-home .form-bg {
background: URL('../../../images/ai-slick/frmbg.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
box-shadow: unset !important;
padding: 3rem 4rem !important;
width: 85%;
margin: 0 auto;
}
.new.banner-home .form-bg .search-tab .tab-select {
margin-top: 0px;
height: 3rem;
border-radius: 0;
}
#sec8 .col-lg-12.toimg {
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #6b6b6b1c;
border-radius: 12px;
margin: 0 1rem;
padding: 0rem 2rem;
}
#sec8 img {
width: 100%;
margin: 0 auto;
right: -240px;
top: 0;
position: relative;
float: right;
}
#sec8 p {
color: #fff;
font-size: 24px;
font-weight: 600;
font-family: "SF Pro Display";
padding-top: 2rem;
margin-bottom: 0;
width: 80%;
}
#sec8 .text-banner h2 {
text-align: left;
padding-left: 6px;
}
#sec8 h3 {
color: #C738E5;
padding: 0.02rem 0;
font-size: 20px;
font-weight: 500;
font-family: "SF Pro Display";
margin-top: 0px;
}
#sec8 h4 {
color: #fff;
padding: 0.02rem 0;
font-size: 14px;
font-weight: 500;
font-family: "SF Pro Display";
margin-top: 2rem;
}
#sec8 .col-lg-12.toimg.bots {
margin-top: 2rem;
background-color: transparent;
padding: 0;
}
#sec8 .col-lg-12.toimg.bots img
{
width: 95%;
margin: 0 auto;
position: unset;
float: unset;
margin-top: 1rem;
}
#sec8 .col-lg-12.toimg.bots p
{
padding-top: 0rem;
width: 100%;
}
#sec8 h4 {
margin-top: 1rem;
}
#sec8 .col-lg-12.toimg .col-lg-4 {
/* background-color: #6b6b6b1c; */
margin: 0 10px;
padding: 2rem 0rem;
}
#sec8 .toimg.bots .col-lg-4
{
background-color: #000;
padding: 2rem 2rem;
border-radius: 12px;
margin: 1px 0%;
width: 32%;
}
#sec8 .toimg.bots .col-lg-4:nth-child(1),#sec8 .toimg.bots .col-lg-4:nth-child(2) {
margin-right: 2%;
}
#sec8 .col-lg-12.text-banner.toheads {
position: relative;
}
#sec8 a.s4btn {
background-image: URL('../../../images/ai-slick/btnframe.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
float: left;
padding: 13px 45px 12px 27px;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 17px;
}
#sec9 .col-lg-12.toimg {
display: flex;
background-color: #6b6b6b1c;
border-radius: 12px;
margin: 0 1rem;
padding: 2rem 3rem;
align-items: center;
border: 1px solid #C738E5;
}
#sec9 p {
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: "SF Pro Display";
padding: 0;
margin-bottom: 0;
text-align: left;
}
#sec9 img {
float: left;
margin-right: 1rem;
width: 80px;
height: 80px;
}
#sec9 .text-banner h3 {
font-size: 18px;
padding-top: 9px;
text-align: left;
}
#sec9 .col-lg-12.toimg .col-lg-4:nth-child(3)
{
padding-left: 8rem;
}
#sec9 .col-lg-12.toimg .col-lg-4:nth-child(1)
{
padding-left: 3rem;
}
#sec9 .col-lg-12.toimg .col-lg-4:nth-child(2)
{
padding-left: 6rem;
}
section#aitools span.ml-auto.text-uppercase {
position: absolute;
right: 5%;
font-size: 13px;
top: 11%;
color: #C738E5;
text-transform: capitalize !important;
text-decoration: underline;
font-family: "SF PRO Display";
}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon
{
filter: unset !important;
}
section#aitools .reset {
position: relative;
border: 1px solid #C738E573;
border-radius: 8px;
padding: 12px;
background-color: #000;
}
section#aitools .reset.a1 {
margin-bottom: 1rem;
}
section#aitools select option {
background-color: #080409;
color: #fff;
}
section#aitools select {
border: 1px solid #C738E573;
background-color: transparent;
color: #fff;
width: 100%;
padding: 10px 8px;
border-radius: 8px;
font-size: 12px;
}
section#aitools select option
{
color: #fff;
font-family:"SF PRO DISPLAY";
}
section#aitools .overlay {
background: rgb(0 0 0 / 55%);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1030;
}
section#aitools .search-section {
padding: 50px 0;
}
section#aitools .filter-header {
font-weight: bold;
font-size: 30px;
}
.toColms .custom-control {
margin-bottom: 0 !important;
padding: 0 9px;
}
section#aitools .filter-title {/* font-weight: bold; *//* font-size: 15px; */padding-bottom: 5px;margin-bottom: 15px;}
section#aitools .title {font-weight: bold;font-size: 25px;padding-bottom: 0;margin-bottom: 5px;width: 100%;}
section#aitools .mb-30
{
margin-bottom: 20px;
}
section#aitools a.s2btn {
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
width: fit-content;
margin: 0 20px 11px 0px;
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
float: left;
overflow: hidden;
border-radius: 8px;
font-size: 14px;
}
section#aitools a.s2btn span {
animation: unset;
}
section#aitools .mb-30:last-child
{
margin-bottom: 0px;
}
section#aitools .row-grid img{margin-bottom: 0px;max-width:100%;border-radius: 6px;object-fit: cover;object-position: center;}
.companypanel .signin-up-wrapper
{
padding: 0;
background-image:unset;
}
/* active button */
.buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: warp;
}
.button {
background-color: transparent;
border: 1px solid #C738E5;
font-size: 16px;
color: #fff;
padding: 9px 0px;
letter-spacing: 0px;
text-transform: capitalize;
transition: all 0.3s ease;
border-radius: 6px;
font-weight: 600;
font-size: 14px;
height: 50px;
width: 100%;
margin: 0px 1rem;
/* color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s animation-timing-function: ease-in-out; */
}
.button:focus {
animation: clickEffect 0.3s ease forwards;
transform: scale(0.9);
}
.button.active {
box-shadow: unset;
border: 0;
background-color: #C738E5;
}
div#sec1 .col-xs-12
{
padding: 0 14rem;
}
/* youtube section */
div#youtube-section .centr-sec-top
{
display: inline-flex;
/* background-color: rgba(34, 34, 34, 0.5); */
padding: 0;
/* border-radius: 25px; */
}
div#youtube-section iframe {
width: 100%;
height: 100%;
border-radius: 15px;
display: flex;
align-items: stretch;
justify-content: center;
align-content: space-around;
}
div#youtube-section .col-lg-4.b-col .col-lg-12.a-row,
div#youtube-section .col-lg-4.b-col .col-lg-12.b-row
{
padding:0;
margin: 0 0 10px 0;
}
div#youtube-section .col-lg-4.b-col .col-lg-12.c-row
{
padding:0;
}
div#youtube-section .col-lg-12.centr-sec
{
background-color: rgba(34, 34, 34, 0.5);
padding: 2rem 2rem 1.4rem 2rem;
border-radius: 25px;
margin-top: 5rem;
}
div#youtube-section .centr-sec-bottom {
display: flex;
align-items: center;
padding: 8px 10rem 0 10rem;
justify-content: space-evenly;
}
div#youtube-section .user-icon
{
color: #fff;
/* font-size: 3rem; */
font-family: 'Font Awesome 5 Free';
}
div#youtube-section .user-text {
color: #fff;
padding-left: 2rem;
}
div#youtube-section .col-lg-4.centr-sec-a-col,
div#youtube-section .col-lg-4.centr-sec-b-col,
div#youtube-section .col-lg-4.centr-sec-c-col
{
display: flex;
justify-content: center;
width: 35%;
align-items: center;
}
div#youtube-section .centr-sec-bottom h4 {
font-size: 16px;
font-family: 'SF Pro Display';
font-weight: 700;
margin: 0;
}
div#youtube-section .centr-sec-bottom h5
{
font-size: 14px;
font-family: 'SF Pro Display';
font-weight: 500;
margin: 0;
}
div#youtube-section .user-icon i
{
height: 100%;
width: 100%;
font-size: 2.6rem;
}
div#youtube-section .centr-sec-top .col-lg-8.a-col
{
padding-left: 0;
}
div#youtube-section .col-lg-4.b-col
{
padding: 0;
}
/* youtube section end */
section#befs3 .col-lg-12.text-banner.scnd .a2
{
display: flex;
align-items: center;
}
section#befs3 .col-lg-12.text-banner.scnd .a2 a
{
background-color: #c738e5;
border-radius: 7px;
padding: 12px 25px;
color: #fff;
text-decoration: none;
font-family: 'SF Pro Display';
}
/* active button end */
.sidbar.col-md-3.px-0.text-banner {
text-align: left;
border: 1px solid #C738E573;
padding: 1rem 15px !important;
border-radius: 8px;
/* position: fixed; */
/* top: 30%; */
/* width: 330px; */
height: 100%;
}
section#aitools .mb-30.filter-options span.ml-auto.text-uppercase {
text-decoration: none;
font-size: 2rem;
top: -1%;
}
.custom-control.custom-checkbox.mb-3 label {
color: #fff;
padding-left: 10px;
font-family: "SF Pro Display";
}
.custom-control.custom-checkbox.mb-3 input[type="checkbox"] {
position: relative;
top: 2px;
}
h2.border-bottom.filter-title {
font-size: 17px;
font-weight: 300;
padding-bottom: 14px;
}
.content.col-md-9 {
border: 1px solid #C738E573;
padding: 1rem 27px !important;
border-radius: 5px;
/* margin-left: 26%; */
margin-left: 1%;
width: 74%;
}
.row.main-content.ml-md-0 {
position: relative;
}
section#mikrotakt a.s2btn span.fst span {font-size: 11px;}
section#mikrotakt a.s2btn span.fst span.checked {
color: yellow;
}
section#mikrotakt span.scnd {
font-size: 12px;
}
section#mikrotakt .tpbh li {
color: #fff;
font-family: "SF Pro Display";
text-align: left;
padding: 5px 0px;
}
section#mikrotakt .tpbh li span {
background-color: #733EC7;
padding: 4px 11px;
margin-right: 10px;
border-radius: 6px;
}
section#mikrotakt .tpbh ul {
padding-top: 1rem;
margin-bottom: 0;
}
/* aireviews start */
#aireviews .col-md-4 icon img {
width: 70px;
height: 70px;
}
#aireviews .bots {
text-align: left;
padding: 0px 25px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
#aireviews h5 {
color: #fff;
font-size: 16px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}
section#aireviews .main-row {
display: inline-grid;
gap: 45px;
}
#aireviews .col-lg-12.toimg.boxes {
display: flex;
gap: 3%;
padding: 0;
}
#aireviews .col-lg-12.toimg.bots:last-child {
margin-bottom: 0;
}
#aireviews .col-md-4 {
background-color: #262626;
border-radius: 30px;
padding-bottom: 10px;
padding: 0;
width: 32%;
margin: 0 auto;
}
#aireviews .col-md-4 img {
width: 100%;
border-radius: 15px 15px 0px 0px;
}
#aireviews h4 {
color: #fff;
font-family: "SF Pro Display";
font-size: 20px;
text-align: left;
padding: 1rem 2rem 0rem 2rem;
line-height: 1.4;
}
#aireviews .bot-desc h3
{
color: #fff;
font-size: 16px;
padding: 10px 0px 0 0;
text-align: left;
margin: 0;
}
#aireviews .toheads p {
width: 55% !important;
margin: 0 auto;
}
#aireviews .text-banner h2 span {
font-weight: 600 !important;
}
#aireviews hr
{
color:#fff;
opacity: 1;
}
#aireviews #sec1 .toheads p {
text-align: center;
}
#aireviews #sec1 p {
text-align: left;
padding: 1rem 2rem;
width: 100%;
height: 120px;
}
#aireviews h3 i:before {
background-image: URL("../../../images/ai-slick/calendar.png");
background-repeat: no-repeat;
content: "";
position: absolute;
left: -27px;
top: -2px;
width: 30px;
height: 30px;
transform: scale(0.8);
}
#aireviews h3 i {
position: relative;
}
section#aireviews div#sec1
{
padding-bottom: 4rem;
}
section#aireviews
{
background-image: URL('../../../images/ai-slick/toolInnerpage-bg.png');
background-position:top center!important;
background-size:cover !important;
}
/* aireviews end */
/* ainewsinner start */
/* ai reviews inner start */
section#ainewsmonthly .col-lg-5.scnd img
{
width: 100%;
border-radius: 0px 15px 15px 0px;
height: 100%;
}
section#ainewsmonthly .col-lg-5.scnd
{
padding: 0;
}
section#ainewsmonthly section#sect2 p
{
color: #fff;
}
section#ainewsmonthly section#sect2 span.thm-colr
{
color: #C738E5;
}
section#ainewsmonthly section#sect2 h3
{
color: #fff;
}
section#ainewsmonthly section#sect2 h4
{
color: #fff;
padding-top: 1rem;
}
section#ainewsmonthly section#sect2 li
{
color: #fff;
}
section#ainewsmonthly
{
background-image: URL('../../../images/ai-slick/aireviewsinner.webp');
}
section#ainewsmonthly .col-lg-7.fst
{
background-color: #0C0A09;
border: 1px solid #c738e561;
border-right: 0;
border-radius: 15px 0 0 15px;
/* display: flex; */
align-items: center;
text-align: left;
padding: 4rem;
}
section#ainewsmonthly section#sect2 li::marker {
color: #c738e5;
}
section#ainewsmonthly section#sect2 li {
margin-left: 2.5rex !important;
}
section#ainewsmonthly .col-md-3.toprights .box li
{
border-bottom: 1px solid #ffffff1c;
padding: 9px 0;
}
section#ainewsmonthly section#sect2 ul {
padding-left: 0rem;
}
section#ainewsmonthly section#sect2 h5
{
color: #fff;
text-align: center;
}
section#ainewsmonthly .col-md-3.toprights .box {
border: 1px solid #c738e5;
padding: 20px;
border-radius: 12px;
background-color: #0C0A09;
}
section#ainewsmonthly section#sect2 hr {
color: #fff;
opacity: 1;
margin: 2rem 0;
}
section#ainewsmonthly section#sect2
{
padding-bottom: 4rem;
}
section#ainewsmonthly .row.col-md-12.main
{
display: flex;
justify-content: space-between;
padding: 0;
}
section#ainewsmonthly .col-md-3.toprights
{
padding-right: 0;
}
section#ainewsmonthly .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 4rem;
}
section#ainewsmonthly .row.col-lg-12.text-banner
{
padding-left: 0;
padding-right: 0;
padding-bottom: 6rem;
height: 550px;
}
section#ainewsmonthly section#sect2 .box hr
{
margin: 6px 0;
}
section#ainewsmonthly .col-lg-7.fst h4 {
color: #fff;
}
/* ainewsmonthly end */
/* ainews start */
#news .col-md-4 icon img {
width: 70px;
height: 70px;
}
#news .bots {
text-align: left;
padding: 0px 25px;
}
#news h5 {
color: #fff;
font-size: 16px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}
#news .col-lg-12.toimg.bots {
display: flex;
margin-bottom: 2rem;
gap: 2%;
}
#news .col-lg-12.toimg.bots:last-child {
margin-bottom: 0;
}
#news .col-md-4 {
background-color: #262626;
/* margin: 0 1%; */
border-radius: 30px;
padding-bottom: 10px;
padding: 0;
width: 32%;
}
#news .col-md-4 img {
width: 100%;
border-radius: 15px 15px 0px 0px;
}
#news h4 {
color: #fff;
font-family: "SF Pro Display";
font-size: 20px;
text-align: left;
padding: 1rem 2rem;
line-height: 1.4;
}
section#news #sec1 h3 {
color: #fff;
font-size: 16px;
padding: 10px 0px 0 0;
text-align: left;
margin: 0;
}
#news .toheads p {
width: 55% !important;
margin: 0 auto;
}
#news .homepage-hero_textCarousel {
display: inline-table;
}
#news .text-banner h2 span {
font-weight: 600 !important;
}
#news hr
{
color:#fff;
opacity: 1;
}
#news h3 i:before {
background-image: URL("../../../images/ai-slick/calendar.png");
background-repeat: no-repeat;
content: "";
position: absolute;
left: -27px;
top: -2px;
width: 30px;
height: 30px;
transform: scale(0.8);
}
#news h3 i {
position: relative;
}
section#news div#sec1 .container
{
margin:0 auto;
}
section#news #sec1 h3
{
padding: 0 0px 15px 44px;
}
section#news #sec1
{
margin-bottom: 5rem;
}
section#news div#sec1 .container
{
padding-top: 0;
}
/* ainews end */
#advertise .text-banner h2 span {
font-weight: 600 !important;
}
section#advertise #sec1 p
{
width: 65% !important;
margin: 0 auto;
}
section#advertise #sec2 .new.banner-home .text-banner p
{
text-align: center;
width: 80%;
margin: 0 auto;
}
#advertise #sec1 .toimg.bots p
{
margin: 0;
width: 100% !important;
}
#advertise .toimg.bots {
background-color: #00000054;
border-radius: 15px;
padding: 2rem 3rem;
width: 80%;
margin: 0 auto;
}
#advertise .text-banner h3 {
color: #fff;
font-size: 30px;
padding-bottom: 0rem;
margin-bottom: 0;
text-align: left;
padding-top: 0;
}
#advertise .toimg.bots p {
width: 100% !important;
text-align:left;
margin: 0;
padding-bottom: 0rem;
}
section#advertise #sec1 .bots a
{
background-color: #C738E5;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 17px;
text-align: center;
padding: 11px 25px;
width: fit-content;
border-radius: 8px;
float: left;
}
section#advertise {
padding-top: 7rem;
}
#advertise #sec2 .toheads {
display: block !important;
background-color: transparent;
}
#advertise div#sec2 h2 {
text-align: center;
margin-bottom: 0;
}
#advertise div#sec2 ul li:before {
content: "";
position: absolute;
left: 0%;
top: 14%;
background-image: URL('../../../images/ai-slick/star.png');
width: 8px;
height: 8px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#advertise #sec2 .col-md-3 {
background-color: #0D0E12;
border-radius: 6px;
padding: 3rem 2rem;
margin: 0 1%;
height: 770px;
}
#advertise #sec2 .bots {
background-color: transparent;
width: 100%;
padding-top: 0;
}
#advertise #sec2 h3 {
color: #fff;
font-size: 21px;
font-weight: 500;
padding-bottom: 1rem;
}
#advertise div#sec2 h4 {
color: #5834C0;
font-family: "SF PRO DISPLAY";
text-align: left;
font-size: 20px;
margin-bottom: 1rem;
font-weight: 300;
}
#advertise div#sec2 h4 sub {
color: #fff;
text-transform:uppercase;
font-size: 11px;
}
#advertise div#sec2 h4 span {
color: #fff;
font-weight: 300;
font-size: 13px;
}
#advertise div#sec2 h4 span
{
padding: 0 10px;
}
#advertise div#sec2 ul li {
text-align: left;
font-size: 15px;
font-weight: 300;
font-family: 'SF PRO DISPLAY';
list-style: none;
padding: 0 0px 25px 16px;
position: relative;
color: #fff;
}
#advertise div#sec2 ul {
margin: 0;
padding: 12px 16px 12px 0px;
height: 100%;
}
#advertise div#sec2 .inrbx
{
text-align:left;
height: 400px;
}
#advertise div#sec2 h6 {
text-align: left;
color: #fff;
font-weight: 300;
font-family: "SF Pro Display";
font-size: 16px;
padding-top: 0px;
line-height: 1.5;
margin: 2rem 0;
height: 100px;
}
#advertise #sec2 .col-md-4.Recomended {
transform: scale(1.1);
left: 15px;
position: relative;
border: 1px solid #C738E5;
}
#advertise #sec2 .col-md-4.Recomended * {
color: #fff;
text-align: left;
}
#advertise #sec2 .col-md-4.Recomended h5 {
font-size: 12px;
background-color: #5834C0;
border-radius: 8px;
text-align: center;
width: max-content;
padding: 4px 13px;
font-family: "SF Pro Display";
top: -6px;
position: relative;
}
#advertise div#sec3 {
padding-top: 2rem;
}
#advertise div#sec3 button {
background-color: #0D0E12;
color: #fff;
border: 0;
width: 100%;
margin: 7px 0;
padding: 4px 15px;
text-align: left;
font-size: 16px;
font-family: "SF Pro Display";
}
#advertise div#sec3 .collapse {
background-color: #0D0E12;
color: #fff;
border: 0;
width: 100%;
margin: 0px 0;
padding: 8px 12px;
text-align: left;
font-size: 16px;
font-family: "SF Pro Display";
transition: 0.2s;
}
#advertise div#sec3 .toimg.bots {
background-color: transparent;
}
#advertise div#sec3 .text-banner h2 {
width: 80%;
margin: 0 auto;
text-transform: uppercase;
}
#advertise div#sec3 .container {
margin: 0 auto;
}
#advertise div#sec3 .toimg.bots {
padding-top: 0;
width: 80%;
}
#advertise div#sec3 button.collapse.show {
background-color: #0D0E12;
color: #fff;
position: relative;
}
section#advertise #sec1 .container {
margin: 0 auto;
}
section#advertise #sec1 {
padding-top: 3rem;
}
.divds {
margin-bottom: 1rem;
}
li.nav-item.tohvr.ai-corner .a1 {
width: 38%;
}
li.nav-item.tohvr.ai-corner .a2 {
width: 22%;
}
li.nav-item.tohvr.ai-corner .a3.b4 {
border: 0;
}
li.nav-item.tohvr:hover .megamenu {
display: block;
transition: 0.2s;
animation-delay: 0.2s;
}
/* mega menu start */
.megamenu .sub-mega li .elementor-icon-list-icon img {
width: auto;
height: auto;
transform: scale(1.3);
position: relative;
}
.megamenu li.nav-link.head-ico
{
display: flex;
align-items: center;
padding-bottom: 1rem;
}
li.nav-item.tohvr.ai-corner .megamenu .fifth {
padding-top: 2rem;
}
li.nav-item.tohvr.ai-corner ul.a3 p {
width: 100%;
margin: 0 auto;
}
li.nav-item.tohvr.ai-corner ul.a3 h3 {
font-size:2rem;
padding-bottom: 1rem;
}
li.nav-item.tohvr.ai-corner ul.a3 h3 span
{
color:#C738E5;
}
.megamenu li.nav-link.head-ico img
{
width: auto;
height: auto;
padding-top: 7px;
}
.megamenu .sub-mega h2:before
{
content: "";
position: absolute;
left: 0%;
bottom: -8px;
width: 65px;
height: 1px;
background-color: #C738E5;
}
li.nav-item.tohvr.ai-solutions ul img {
border-radius: 12px;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega .a3.b4 h3
{
text-align: left;
color:#fff;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega .a3.b4 p
{
text-align: left;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega .a3 h3
{
color: #C738E5;
text-align: left;
}
li.nav-item.tohvr.ai-tools .a2 h2:before
{
width:40px;
}
.megamenu .sub-mega
{
background-color: #11121C;
width: 1400px;
display: inline-flex;
justify-content: center;
align-items: flex-start;
padding: 2rem 0rem;
border-radius: 12px;
text-align: left !important;
border: 1px solid #ffffff26;
border-bottom: 4px solid #C738E5;
}
.megamenu .sub-mega svg {
width: 18px;
}
.megamenu .sub-mega h2.top {
margin-left: 10px;
margin-bottom: 0;
position: relative;
}
.megamenu .sub-mega li span.elementor-icon-list-icon {
padding: 0px 8px;
height: max-content;
}
.megamenu .sub-mega li.nav-link.elementor-icon-list-item.withPara a {
display: inline-flex;
padding-left: 0;
}
.megamenu .sub-mega li.nav-link.elementor-icon-list-item.withPara a span.elementor-icon-list-text {
padding-left: 4px;
}
.megamenu .sub-mega .a1 li.withPara {
padding-left: 11px;
}
.megamenu .sub-mega li {
list-style: none;
}
.megamenu .sub-mega h3.elementskit-info-box-title {
margin: 0px 0px 3px 0px;
padding: 2px 0px 0px 0px;
color: #000;
font-family: "SF Pro Display";
font-size: 16px;
font-weight: 700;
}
.megamenu .sub-mega button,.megamenu .sub-mega button a {
background-color: #C738E5;
padding: 6px 20px;
text-decoration: none;
font-family: "SF Pro Display";
margin-top: 32px;
border: 0;
border-radius: 4px;
color: #fff !important;
}
.megamenu .sub-mega button a {
color: #fff;
}
.megamenu .sub-mega .a3 h3 {
padding: 25px 0;
color: #fff;
font-family: "SF Pro Display";
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0;
line-height: 1.6;
}
.megamenu.contact .sub-mega {
width: 100%;
display: flex;
justify-content: center;
}
.megamenu.contact .sub-mega ul
{
height: 255px;
overflow:hidden;
padding: 0 35px;
}
.megamenu.contact .sub-mega li span.elementor-icon-list-icon {
padding-left: 0;
}
.megamenu.contact .sub-mega .a1 li.withPara {
padding-left: 7px;
}
.megamenu.Tools .megamenu .sub-mega ul.a2,.megamenu .sub-mega ul.a3
{
overflow: hidden;
}
.megamenu.Resource .sub-mega ul {
overflow: hidden;
}
.megamenu.contact .sub-mega .a2 h2.top {
padding-left: 9px;
}
.megamenu.contact .sub-mega ul.a2 {
border: 0;
}
.megamenu .sub-mega ul {
border-right: 2px solid #ffffff8f;
padding: 0 25px;
width: 33.33%;
height: 582px;
/* overflow-y: scroll; */
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega {
width: 100%;
left: 386px;
height: 410px;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega ul:last-child
{
border: 0;
}
li.nav-item.tohvr.ai-tools .a4,li.nav-item.tohvr.ai-tools .a3 {
border: 0;
}
li.nav-item.tohvr.ai-solutions .a3 p {
text-align: left;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega .a3:not(.a3.b4) h3
{
position:relative;
}
li.nav-item.tohvr.ai-solutions .megamenu .sub-mega .a3:not(.a3.b4) h3:before
{
content: "";
position: absolute;
left: 0%;
bottom: 20px;
width: 55px;
height: 1px;
background-color: #C738E5;
}
.megamenu .sub-mega ul.a3 {
/* border: 0; */
display: grid;
align-content: center;
justify-items: center;
}
.megamenu .sub-mega .a3 form {
padding: 0 0 0 0px;
position: relative;
margin: 20px 0;
left: -55px;
}
li.nav-item.tohvr.ai-solutions .megamenu ul.a3.b4
{
width: 50%;justify-items: start;
}
li.nav-item.tohvr.ai-solutions .megamenu ul.a3
{
height: 350px;
}
.megamenu.Resource ul {
height: 425px;
}
.megamenu .sub-mega .a3 form input#email {
height: 4rem;
border: 1px solid #ffffff38;
width: 100%;
border-radius: 8px 0px 0px 8px;
background-color: transparent;
}
.megamenu.Resource .sub-mega .a3 img {
padding-top: 0;
margin-top: -10px;
}
li.nav-item.tohvr.ai-corner ul.a3.b4 p {
text-align: left;
}
.megamenu.Resource .sub-mega .a3.b4 img {
transform: scale(1.1);
border-radius: 12px;
}
.megamenu.Resource .sub-mega .a1 li.withPara {
padding-left: 6px;
}
.megamenu .sub-mega form button {
padding: 0;
position: absolute;
right: -55%;
top: 0%;
margin: 0;
border-radius: 0 8px 8px 0px;
width: 60%;
height: 100%;
text-transform: capitalize;
font-size: 18px;
font-weight: 300;
font-family: 'SF Pro Display';
}
.megamenu .sub-mega .a3 p {
padding: 0;
font-size: 14px;
font-weight: 400;
/* text-align: left; */
}
.megamenu .sub-mega p {
text-align: center;
color: #fff;
font-size: 14px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 4px 0px 0px 0px;
margin: 0;
line-height: 2;
}
.megamenu .sub-mega a {
text-decoration: none;
}
.megamenu li.nav-item.tohvr {
position: relative;
}
.megamenu {
position: absolute;
left: 0%;
top: 60%;
transition: 0.2s;
display: none;
z-index: 99999;
}
li.nav-item.dropdown.user-dd
{
margin: 0;
}
li.nav-item.dropdown.user-dd a
{
display: flex;
justify-content: flex-start;
align-items: center;
}
li.nav-item.dropdown.user-dd:hover .dropdown-menu.dropdown-menu-lg.dropdown-menu-right
{
display:block !important;
}
li.nav-item.dropdown.user-dd a .user-image
{
transform: scale(0.6);
}
li.nav-item.dropdown.user-dd i.fa-solid.fa-chevron-down
{
transform: scale(0.9);
}
.megamenu .sub-mega .elementor-col-33 {
height: 500px;
border-right: 1px solid #0002;
padding: 0 15px;
}
.megamenu .sub-mega li a {
color: #fff;
font-size: 14px;
font-family: "SF Pro Display";
}
.megamenu .elementor-col-33 ul.elementor-icon-list-items {
height: 290px;
}
.megamenu .sub-mega .elementor-col-33:last-child {
border: 0;
}
.megamenu .sub-mega h2.ekit-heading--title.elementskit-section-title {
color: var(--e-global-color-text);
margin: 0px 0px 21px 0px;
font-family: "SF Pro Display";
font-size: 18px;
font-weight: 700;
}
.megamenu .sub-mega a.elementor-button.elementor-button-link.elementor-size-lg.elementor-animation-shrink {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
color: #fff;
background-color: #C738E5 !important;
border-color: #C738E5 !important;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin: 30px 0 0 0;
}
.megamenu .sub-mega h2
{
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
color: #C738E5;
font-family: "SF Pro Display";
font-size: 16px;
font-weight: 700;
}
li.nav-item.tohvr.advertise .megamenu .sub-mega
{
width: 600px;
left: 415px;
height: 440px;
}
li.nav-item.tohvr.advertise .h-w-p p
{
text-align:left;
padding-left:10px;
padding-top:15px;
line-height:1.8;
}
li.nav-item.tohvr.advertise li.nav-link.head-ico {
align-items: flex-start;
}
li.nav-item.tohvr.advertise ul.a3.b4 {
width: 50%;
justify-items: start;
}
li.nav-item.tohvr.advertise ul.a3.b4 img {width: 100%;transform: unset;}
li.nav-item.tohvr.advertise .megamenu .sub-mega .a3 h3 {
text-align: left;
padding: 1rem 0 7px 0;
}
li.nav-item.tohvr.advertise .megamenu .sub-mega .a3 p {
text-align: left;
}
li.nav-item.tohvr.advertise .megamenu .sub-mega button {
margin-top: 1rem;
}
li.nav-item.tohvr.advertise .megamenu .sub-mega ul
{
height: 380px;
}
li.nav-item.tohvr.advertise ul.a1
{
width: 50%;
}
li.nav-item.tohvr.advertise .megamenu .sub-mega ul:last-child
{
border:0;
}
/* mega menu end */
/* li.nav-item.tohvr ul
{
position:absolute;
display:none;
transition:0.2s;
}
footer li.nav-item.tohvr:hover ul
{
padding:1rem;
}
li.nav-item.tohvr:hover ul
{
display:block;
background-color:#fff;
padding-left:0;
}
li.nav-item.tohvr ul li
{
list-style:none;
}
li.nav-item.tohvr ul li a
{
font-size:13px;
font-family:"SF Pro Display";
color:#000;
transition:0.2s;
}
li.nav-item.tohvr ul li:hover
{
background-color:#000;
}
li.nav-item.tohvr ul li:hover a
{
color:#fff;
} */
#blogs #sec8 .toimg.bots .col-lg-4 {
background-color: #0000004d;
margin: 0 auto;
}
#sec8 .text-banner h2 {
text-align: center;
margin-bottom: 0;
}
#sec8 p {
margin: 0 auto;
font-size: 16px;
}
#blogs .botmain {
padding: 1rem 0;
}
section#contact #sec8 .col-lg-12.toimg.bots
{
display: flex;
margin: 0 auto;
}
#contact div#sec8 .form-control,
#contact div#sec8 .form-control::placeholder {
background-color: transparent;
border-radius: 6px;
color: #fff;
}
#contact .toimg.bots form {
width: 80%;
padding-top: 1rem;
}
#contact .map {
width: 80%;
}
#contact #sec8 h3 {
color: #fff;
}
#contact #sec8 .col-lg-6 {
margin-top: 7px;
}
#contact div#sec8 button.btn.btn-primary {
background-color: #733EC7;
border: 0;
width: 100%;
}
footer .container.footer-bottom .container {
display: flex;
justify-content: flex-end;
padding: 0;
}
footer .col-lg-3:nth-child(4) {
padding-left: 0rem;
padding-right: 0;
}
footer .container.footer-bottom .container .col-lg-6 {
padding: 2px 0;
}
section#contact {
padding-top: 5rem;
padding-bottom: 0rem;
}
#contact #sec8.bots form {
width: 60%;
margin: 0 auto;
}
#contact #sec8.bots .col-lg-12.text-banner.toheads {
padding-bottom: 0;
}
footer p {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "SF Pro Display";
padding-top: 2rem;
margin-bottom: 0;
width: 93%;
}
div#befsec3 img {
width: 11% !important;
}
div#befsec3 .carousel-item.active,div#befsec3 .carousel-item {
display: flex;
justify-content: space-between;
}
footer h6 {
color: #C738E5;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding-top: 2rem;
margin-bottom: 10px;
}
footer ul.list-unstyled li a {
color: #fff;
font-family: "SF Pro Display";
text-decoration: none;
padding: 0px 0;
}
footer button.btn.btn-primary {
background-color: #733EC7;
border: 0;
width: 100%;
}.container.footer-bottom {
background-color: #733ec7;
}
.container.footer-bottom .list-unstyled {margin-bottom: 0;}
.container.footer-bottom .copyright-txt
{
color:#fff;
}
.container.footer-bottom {
background-color: #733ec7;
max-width: 100%;
/* padding: 0px 19rem; */
/* margin-top: 3rem; */
}
.container.footer-bottom .list-unstyled {margin-bottom: 0;padding-top: 8px;}
.container.footer-bottom .copyright-txt
{
color:#fff;
}
footer .template-demo.mt-3 {
margin-top: 0px !important;
float: right;
}
footer a.btn.btn-social-icon.btn-rounded.mx-2 {
transform: scale(1);
}
div#sec9 {
padding: 4rem 0;
}
#blogs.mainBody footer,
section#contact footer
{padding-top: 4rem;}
footer .col-lg-3:nth-child(1) {margin-right: 7rem;padding-left: 0;}
footer .col-lg-3:nth-child(2) {
padding-left: 3rem;
width: 17%;
}
footer .col-lg-3:nth-child(3) {
padding-left: 5rem;
}
footer .col-lg-3:nth-child(4) form {
display: flex;
width: 100%;
position: relative;
}
footer .col-lg-3:nth-child(4) form button {
position: absolute;
width: max-content;
right: 12%;
font-size: 12px;
padding: 8px 14px;
border-radius: 6px;
}
footer form input[type="email"],footer form input[type="email"]::placeholder {
background-color: transparent;
color: #fff;
font-size: 14px;
}
section#searchmain .accordion-body
{
text-align: left;
border: 1px solid #c738e53b;
padding: 1rem 11px !important;
border-radius: 8px;
}
section#searchmain .accordion-item
{
background: transparent !important;
}
section#searchmain .cuisine-box.accordion .card p
{
margin-bottom: 0;
}
section#searchmain .card.search-box h5,section#searchmain .card.search-box a,section#searchmain .card.search-box h3
{
color:#fff;
margin-bottom: 1rem;
font-size: 14px;
}
section#searchmain .accordion-item .card-body h5
{
border-bottom: 1px solid #ffffff42;
}
#searchmain .search-box .reset-btn
{
color: #c738e5 !important;
}
section#searchmain .card.search-box img {
filter: invert(1);
transform: scale(0.80);
}
section#searchmain .card.search-box a {
font-size: 14px;
float: right;
}
section#searchmain .css-1hb7zxy-IndicatorsContainer
{
background-color: #000;
}
section#searchmain .css-13cymwt-control
{
background: transparent;
font-size: 12px;
border: 1px solid #C738E573;
color: grey;
height: 30px;
width: 100%;
}
section#searchmain input#IdCityZipSearch
{
background: transparent;
font-size: 12px;
height: 37px;
border: 1px solid #c738e53b;
}
.accordion-body .card {
margin: 20px 0;
background: #0000004f !important;
border: 1px solid #C738E573;
padding: 1rem 0;
}
section#searchmain .card.search-box
{
text-align: left;
border: 1px solid #C738E573;
padding: 1rem 0px !important;
border-radius: 8px;
}
section#searchmain .accordion-item .card-body {
padding: 0px 1rem;
}
section#searchmain .accordion-item .card-body label,
section#searchmain .accordion-item .card-body h5 {
color: #fff;
font-size: 14px;
padding-bottom: 6px;
}
section#searchmain h5.card-title:after
{
content: "";
position: absolute;
right: 5%;
top: 11%;
width: 12px;
height: 2px;
background-color: #ffffff42;
}
section#searchmain .card.search-box h5.card-title:after
{
content: unset;
}
section#searchmain a.seeallarrow {
float: right;
color: #fff;
font-family: 'SF Pro Display';
text-decoration: none;
}
section#searchmain a.seeallarrow i {padding-left: 7px;font-weight: 300;font-family: 'FontAwesome';font-size: 12px;}
section#searchmain .accordion-item .card-body img
{
filter: invert(1);
transform: scale(0.5);
top: -3px;
position: relative;
display: none;
}
#searchmain .filters-listing-topbar
{
margin-bottom: 0 !important;
}
.cuisine-box.accordion .mb-2.more-cuisine-items.btn-group-vertical .testing
{
display:flex;
justify-content: space-between;
gap: 15px;
}
#searchmain .more-cuisine-items .chcboxparent
{
display:flex;
gap:10px;
}
.cuisine-box.accordion .card-body {
border: 1px solid #c738e53b;
border-radius: 8px;
text-align: left;
margin: 0 0px 2% 0;
/* background: transparent; */
}
.cuisine-box.accordion .card
{
background-color: transparent;
}
.cuisine-box.accordion .card *
{
color:#fff;
}
.cuisine-box.accordion .card img
{
filter: invert(1);
transform: scale(0.80);
top: -3px;
position: relative;
}
.cuisine-box.accordion button.btn.border.mt-2.w-100\*.more-cuisine-btn {
/* WIDTH: 25%; */
border: 1px solid #C738E573 !important;
margin-top: 1rem !important;
border-radius: 5px;
}
.cuisine-box.accordion .mb-2.more-cuisine-items.btn-group-vertical div div label.label-box
{
border: 1px solid #C738E573;
/* margin: 0 17px 0 0; */
border-radius:6px;
/* padding: 0 13px; */
}
.col-auto.filter-select.accordion .card
{
background-color: transparent;
padding: 0 19px;
}
.col-auto.filter-select.accordion {
border: 1px solid #C738E573;
border-radius: 8px;
text-align: left;
margin: 0 auto;
margin-left: 0;
margin-bottom: 1rem;
background: #0c0a0947;
display: flex;
}
.col-auto.accordion {
border: 0px solid #C738E573;
border-radius: 8px;
text-align: left;
margin: 0 1% 0% 0;
/* background: #000; */
display: flex;
}
section#searchmain .col-auto.accordion button
{
color: grey;
font-size: 16px;
border: 1px solid #C738E573;
border-radius: 6px;
height: 39px;
background-color: #190d1c9e;
display: inline-flex;
align-items: center;
}
.css-1p3m7a8-multiValue
{
background-color:transparent;
border: 1px solid #C738E573;
color:grey;
}
select.form-select.rating
{
background-color:transparent;
border: 1px solid #C738E573;
color:grey;
}
#searchmain .card {
border: 1px solid #c738e53b !important;
border-radius: 8px;
text-align: left;
margin: 0 0px 2% 0;
background: transparent;
}
#searchmain .row.listing-head * {
color: #fff;
}
#searchmain .row.listing-head a.IconLink
{
margin-left:-8px;
}
#searchmain .row.listing-head .cityname {
padding: 12px 0;
}
#searchmain .row.listing-head .d-inline-block.align-middle.business-info {
padding: 0px 0 12px 0;
}
#searchmain .col-auto.caterer-card-dietary-box {
padding-left: 6px;
}
#searchmain .col-auto.caterer-card-dietary-box img
{
margin-right: 7px;
}
#searchmain .col-lg-3.padding0.info {
color: #fff;
}
#searchmain .row.listing-head .toflex.row .review-box
{
display: flex;
gap: 6px;
}
#searchmain .row.listing-head .red-bg p {
margin-bottom: 0px;
margin-left: 6px;
}
#searchmain .row.listing-head .red-bg {
width: auto;
font-size: 14px;
}
#searchmain span.niche {/* top: 5px; *//* position: relative; *//* width: 100%; */font-size: 14px;}
#searchmain .btn-secondary
{
background-image: URL('../../../images/ai-slick/btnframe.png') !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
/* margin-top: 17px; */
text-align: center;
padding: 10px 30px;
width: fit-content;
background: transparent;
border-radius: 6px !important;
border: 0;
}
#searchmain .btn-secondary a {
color: #fff;
text-decoration: none;
font-size: 12px;
}
#searchmain .row.listing-head span.total-count {
padding-left: 5px;
}
#searchmain .fst-btn
{
background:#CA62DB;
background-image: unset !important;
}
#searchmain .row.listing-head .no-reviews.text-center.ps-lg-3 {
text-align: left !important;
padding-left: 0 !important;
line-height: 14px;
padding-top: 9px;
width: max-content;
}
.modal .modal-content {
/* background-color: #0000008c; */
border: 2px solid #C738E5;
border-radius: 20px;
}
.modal p.text-left.newlink.mt-3 a, p.text-left.newlink.mt-3 {
background-color: #fff;
border-radius: 20px;
padding: 1px 12px;
margin: 0 !important;
}
.modal p.text-left.newlink.mt-2
{
margin-top:2rem !important;
background-color: #fff;
border-radius: 20px;
padding: 1rem 30px;
}
.modal .modal-dialog {
margin-top: 8rem;
}
.modal .modal-title h3.text-danger {
color: #fff !important;
font-size: 21px;
}
.modal .modal-header {
background-color: #C738E5;border-radius: 17px 17px 0 0;border: 0;
}
.modal .row.margin0
{
border-radius: 17px 17px 0 0;
border: 0;
justify-content: center;
padding-top: 0 !important;
}
.modal .col-lg-12.d-flex.justify-content-center.border.rounded.p-3.mt-2.loginwith
{
margin-top: 1rem !important;
background-color: #fff;
border-radius: 20px;
color:#000 !important;
width: max-content;
}
.modal .col-lg-12.d-flex.justify-content-center.border.rounded.p-3.mt-2.loginwith a
{
color:#000;
text-decoration:none;
}
.modal .col-lg-12.d-flex.justify-content-center.border.rounded.p-3.mt-4.loginwith {
/* border: 0 !important; */
margin-top: 0 !important;
/* padding: 0 !important; */
}
.modal .col-lg-12.d-flex.justify-content-center.p-3.mt-2.or-div span {
color: #fff;
}
section#searchmain .mb-2.more-cuisine-items.btn-group-vertical {
width: 100%;
margin-bottom: 0 !important;
}
.btn-group-vertical .btn-check:active+.btn-label, .btn-group-vertical .btn-check:checked+.btn-label, .btn-group-vertical .btn-label.active, .btn-group-vertical .btn-label:active, .btn-group-vertical .btn-label:hover {
background-color: #ca62db !important;
color: #fff;
border: 1px solid #C738E5;
font-weight: 400;
position:relative;
}
.label-box input:checked~.btn-label:after {
content: "\00d7";
position: absolute;
line-height: 0.8;
width: 15px;
height: 15px;
background: #c738e5;
right: -4px;
top: -5px;
border: 1px solid #C738E5;
border-radius: 20px;
font-size: 14px;
padding: 0px 2px;
}
.modal-body .btn-group-vertical div {
display: inline-block;
position: relative;
}
.modal-body .btn-group-vertical .btn-label
{
/* background: red; */
outline: none;
padding: 6px 20px;
background-color: #EFEFEF;
cursor: pointer;
border-radius: 60px;
font-size: 14px;
color: #5C5C5C;
border: 1px solid #D9D9D9;
margin: 5px;
font-family: 'Noto Sans';
}
.modal-content .modal-title
{
color: #fff;
}
.modal-content .modal-title img
{
filter: invert(1);
}
#overview .card {
border: 1px solid #C738E5;
background-color: #0c0a09;
}
#overview .card-body {
padding-top: 0;
/* background-color: #000; */
}
#overview .intro, #overview .about {
background-color: #000;
}
#overview .about a{
color: #000;
text-decoration: none;
}
#overview .about a:hover{
color: #0d6efd;
}
#overview .intro, #overview .about .second-col .menu a {
text-decoration: none;
}
#overview .about .second-col .menu a.instance {
display: flex;
align-items: center;
}
#overview .intro{
padding: 1rem 0;
background-color: #000;
}
#overview .intro .claim-profile{
font-size: 11px;
position: absolute;
top: 10px;
right: 17px;
text-decoration: underline;
background: transparent;
border: 0;
padding: 0;
}
.speciality-row .bg{
background-color: #000;
height: 100%;
}
/* #overview .social-icons li a {
color: #000000;
} */
#overview .about .payment-icons img {
width: 38px;
height: 25px;
border: 1px solid #f5f5f5;
padding: 5px;
object-fit: cover;
filter: grayscale(1);
}
#overview .about h6{
font-weight: 600;
}
#overview .about .download-menu a{
text-decoration: none;
}
#overview .about .inline-features{
margin-top: 10px;
justify-content: center;
padding: 0;
}
#overview .about .inline-features h6{
font-size: 13px;
font-weight: 400;
}
section#overview {
background-color: #000;
}
#overview .intro * {
color: #fff;
}
#overview .intro *, #overview .about * {
color: #fff !important;
}
section#befs3 .owl-stage
{
display: inline-flex;
}
.speciality-row .bg * {
color: #fff;
}
div#event * {color: #fff;}
section#reviews * {
color: #fff !important;
}
/*****New Review Design****/
.new-reviews .customer-reviews-cols {
padding-top: 30px !important;
}
.new-reviews .review-items .box {
box-shadow: 0 3px 6px #00000033;
}
.new-reviews .section-title {
color: #F2183D;
font-size: 24px;
font-family: 'Montserrat';
font-weight: 600;
}
.new-reviews .review-wrap .right-col {
background: #c5c5c5;
}
.new-reviews .overall-rating canvas{
width: 200px !important;
height: 200px !important;
}
.new-reviews .rating-info{
margin-top: 15px;
}
.new-reviews .rating-info h6 {
color: #000;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
}
.new-reviews .rating-info .review-stars .fa-star.checked {
color: #F2AF29;
font-size: 26px;
}
.new-reviews .rating-number-info .info {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.new-reviews .rating-number-info .info .progress {
display: unset;
height: 8px;
border-radius: 4px;
flex-grow: 1;
background-color: #e9eced;
margin-right: 8px;
overflow: hidden;
}
.new-reviews .rating-number-info .info .progress .progress-bar {
height: 8px;
border-radius: 4px;
background-color: #F2AF29;
}
.new-reviews .rating-number-info .info span {
font-size: 12px;
margin-right: 4px;
}
.new-reviews .rating-number-info .info svg {
margin-right: 8px;
color: #ddd;
fill: #ddd;
}
.new-reviews .review-items .user-picture img {
position: unset;
width: 48px;
height: 48px;
object-fit: cover;
}
.review-items .box:after {
content: unset;
}
.new-reviews .review-items {
margin-top: 15px;
padding: 18px 0px;
border-top: 1px solid #C738E5;
}
.new-reviews .review-items .box {
box-shadow: unset;
}
.new-reviews .review-items .box .user-info {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.new-reviews .review-items .box .user-info .user-meta{
flex: 1 1 0%;
}
.new-reviews .review-items .box .user-info div.meta{
display: flex;
justify-content: space-between;
align-items: center;
}
.new-reviews .review-items .box .user-info div.meta .name {
font-size: 18px;
margin: 0;
}
.new-reviews .review-items .box .user-info .user-picture {
margin-right: 8px;
}
.new-reviews .rating-boxes .bg-light {
border: 0;
}
/****Menu Select Vendor Detail****/
/****gallery*****/
.new.gallery-section {
padding: 0px;
margin: 0;
}
.new.gallery-section .gallery{
padding-top: 30px !important;
}
.vendor-container .speciality-row{
background-color: #fff;
}
.vendor-container .speciality-row .speciality-col:first-child{
border-right: 1px solid #C738E5;
}
.vendor-container .speciality-row .speciality-col:nth-child(3){border-top: 1px solid #C738E5;border-right: 1px solid #C738E5;}
.vendor-container .speciality-row .speciality-col:nth-child(4){
border-top: 1px solid #C738E5;
border-bottom: 1px solid #C738E5;
}
.vendor-container .speciality-row .speciality-col:nth-child(5){
border-top: 1px solid #C738E5;
border-right: 1px solid #C738E5;
}
.vendor-container .speciality-row .speciality-col:nth-child(6){
border-top: 1px solid #C738E5;
}
/* .vendor-container .speciality-row .speciality-col:last-child{
border-right: 0px solid #dee2e6!important;
} */
.vendor-container .speciality-row p, .vendor-container .profile-info h6{
font-weight: 300;
}
.vendor-container .speciality-row .speciality-col h5{
font-size: 1rem;
font-weight: 600;
}
.vendor-container .speciality-row .speciality-col h5 span {
font-size: 0.8rem;
}
#overview .about a{
color: #000;
text-decoration: none;
}
#overview .about a:hover{
color: #0d6efd;
}
#overview .intro, #overview .about .second-col .menu a {
text-decoration: none;
}
#overview .about .second-col .menu a.instance {
display: flex;
align-items: center;
color: #fff;
}
#overview .intro{
padding: 1rem 0;
}
#overview .intro .claim-profile{
font-size: 11px;
position: absolute;
top: 10px;
right: 17px;
text-decoration: underline;
background: transparent;
border: 0;
padding: 0;
}
main.companyDetails .border-top {
border-color: #C738E5 !important;
}
main.companyDetails .row.border-top.intro {
border: 0 !important;
}
section#reviews textarea.form-control {
background-color: #000;
/* border-color: #000; */
}
section#reviews .col-lg-4.bg-light- div div {
float: left;
}
#overview .intro .col-lg-5.col-md-5.col-sm-5.col-6.align-self-md-center.padding0.profile-info img,
#overview .about .col-lg-5.col-md-5.col-sm-5.col-6.align-self-md-center.padding0.profile-info img
{
filter:invert();
}
div#sec4 .d-flex.justify-content-end
{
position: absolute;
}
main.companyDetails svg
{
fill: cornsilk;
}
main.companyDetails path {
fill: cornsilk;
}
main.companyDetails .d-flex.align-items-center.mb-1 svg {margin-right: 10px;}
main.companyDetails ul.social-icons.d-none.align-items-start.d-sm-flex li {
list-style: none;
}
main.companyDetails ul.social-icons.d-none.align-items-start.d-sm-flex {
padding-left: 0;
}
.review-image-box input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
main.companyDetails .btn-picture-upload {
height: 60px;
font-size: 0.7rem;
}
main.companyDetails .btn-picture-upload {
border-radius: 12px;
border: #939393 dashed 2px;
height: 86px;
color: #939393;
font-family: 'Noto Sans';
width: min-content;
padding: 13px 20px;
font-size: 0.8rem;
cursor: pointer;
text-align: center;
}
section#reviews span.fw-bold {font-size: 12px;}
section#reviews i.fa-solid.fa-star.checked {
transform: scale(0.8);
}
section#reviews .picture-placeholder>div {
width: 200px;
height: 165px;
background: beige;
font-size: 60px;
display: flex;
align-items: center;
justify-content: center;
}
section#reviews .reviewAvatar {
vertical-align: middle;
width: 44px !important;
height: 44px !important;
border-radius: 50%;
background: #dddddd !important;
Font-size: 22px !important;
margin-right: 8px;
font-weight: 500;
}
section#reviews .infinite-scroll {
overflow-x: hidden !important;
overflow-y: auto !important;
}
section#reviews .stars-yellow .checked {
color: #F2AF29 !important;
}
div#scrollableDiv
{
height: min-content !important;
}
section#reviews .stars-yellow.me-2\*
{
margin-top: -10px;
}
main.companyDetails .review-wrapper {
background: #000;
border-radius: 5px;
padding: 20px 30px !important;
position: relative;
z-index: 2;
background-clip: border-box;
border: 1px solid #C738E5;
border-radius: 0.25rem;
}
main.companyDetails .review-wrapper h3 {
color: #fff;
font-size: 24px;
font-weight: 600;
font-family: 'Noto Sans';
}
main.companyDetails .hori-rating p {
padding: 0px;
color: #fff;
font-size: 16px;
margin: 0;
font-family: 'Noto Sans';
line-height: 2;
}
main.companyDetails .vendor-detail-stars span {
color: #fff;
/* font-family: 'Noto Sans'; */
}
main.companyDetails .vendor-detail-stars span.fa-star-half-alt {
color: #f2af29;
}
main.companyDetails .vendor-detail-stars .fa-star.checked {
color: #F2AF29;
}
main.companyDetails .rating-end .btn {
background: #C738E5;
color: #fff;
}
main.companyDetails .stars .checked {
color: #fff;
}
main.companyDetails .stars .fa-star:before {
font-size: 24px;
}
main.companyDetails .rating h4 {
color: #fff;
font-size: 52px;
font-weight: 400;
font-family: 'Noto Sans';
text-align: center;
}
main.companyDetails .rating h5 {
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: 'Noto Sans';
text-transform: capitalize;
}
main.companyDetails .rating-end p {
color: #888888;
font-size: 14px;
line-height: 19px;
margin: 0;
font-family: 'Noto Sans';
text-transform: capitalize;
}
main.companyDetails .vendor-detail-stars .fa-star {
padding: 0 3px;
}
main.companyDetails .stars i {padding: 0 3px;}
main.companyDetails .modal .modal-header
{
padding: 6px 15px !important;
}
main.companyDetails .modal-header .btn-close {
filter: invert(1);
}
div#event span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #C738E5;
}
main.companyDetails .carouselSpeciality.carousel-dark .carousel-control-next-icon,
main.companyDetails .carouselSpeciality.carousel-dark .carousel-control-prev-icon {
filter: unset;
width: 1.2rem;
height: 1.2rem;
}
main.companyDetails .carouselSpeciality .carousel-control-prev {
left: unset;
right: 45px;
}
main.companyDetails .carouselSpeciality .carousel-control-next,
main.companyDetails .carouselSpeciality .carousel-control-prev {
/* align-items: flex-start; */
width: auto;
/* position: unset; */
opacity: 1;
bottom: unset;
top: -38px;
border: 1px solid #000;
border-radius: 50px;
}
main.companyDetails nav#navbar_top
{
background-color: #000;
border:1px solid #C738E5;
border-radius:6px;
}
main.companyDetails nav#navbar_top li a
{
color:#fff;
}
section.signin-up-wrapper, section.signuphome
{
margin: 0 !important;
padding: 7rem 0 0 0 !important;
}
section.signin-up-wrapper .form-control-lg,
.signuphome .form-control-lg {
margin: 9px 0;
}
section.signin-up-wrapper h2,
.signuphome h2
{
color: #fff;
margin: 0;
font-size: 22px;
padding-left: 1rem;
}
section.signin-up-wrapper button.lowHightButton,
.signuphome button.lowHightButton
{
background-color: transparent;
border: 0;
color: #fff;
margin: -6px 0 6px 0;
font-family: 'Noto Sans';
font-size: 12px;
}
section.signin-up-wrapper .row.margin0.pt-3.form-log,
.signuphome .row.margin0.pt-3.form-log
{
padding-top: 6px !important;
}
section.signin-up-wrapper p.text-center.newlink a,
.signuphome p.text-center.newlink a
{
color: #fff;
float: right;
padding: 6px 0;
text-decoration: none;
font-family: 'Noto Sans';
font-size: 12px;
}
section.signin-up-wrapper footer,
.signuphome footer {
padding-top: 3rem;
}
section.signin-up-wrapper img.img-fluid,
.signuphome img.img-fluid{
border-radius: 12px;
}
.signuphome h3
{
color: #fff;
margin: 0;
font-size: 22px;
padding-left: 1rem;
line-height: 2;
}
.signuphome .or-div span {
color: #fff;
}
.signuphome p.text-left.newlink.mt-2 {
color: #fff;
}
.loginwith {
background-color: #fff;
}
.loginwith a {
color: #000;
text-decoration: none;
}
.loginwith img {
transform: scale(0.7);
}
.vendor-container .speciality-row {
background-color: #000;
}
html .text-danger {
--bs-text-opacity: 1;
color: #C738E5 !important;
}
.modal .row.margin0 input.form-control {
margin: 7px 0;
}
.modal .row.margin0 button.btn.btn-danger {
padding: 12px !important;
}
/* blogs */
#blogs .text-banner h2 span {
color: #fff;
text-transform:uppercase;
}
#blogs .banner-home {
background: url('../../../images/blogs/hero.png')no-repeat center top / cover;
padding: 0rem 0;
}
section#blogsS4 .s4 {
background: url('../../../images/ai-slick/Img.png')no-repeat center;
padding: 11rem 0;
margin-bottom: 3rem;
background-size: cover;
border-radius: 10px;
}
.main-panel li.nav-item.dropdown:hover .dropdown-menu
{
display:block !important;
}
#blogs .text-banner,
section#blogsS4 .text-banner
{
background: unset;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
padding: 0;
}
section#blogS3 .subscriber
{
float: right;
}
#blogS2 .content a {
background-color: #c738e5;
border-radius: 5px;
color: #fff;
text-decoration: none;
padding: 10px 20px;
font-family: 'Montserrat';
}
#blogS2 .content {
text-align: center;
position: absolute;
left: 0%;
right: 0%;
bottom: 12%;
}
#blogS2 .col-lg-4 {
position: relative;
}
#blogS2 img {
width: 100%;
margin: 0 auto;
}
section#blogS2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
section#blogS3 .s3 {
padding-top: 3rem;
padding-bottom: 3rem;
background-color: #16232E;
margin-bottom: 2rem;
border-radius: 10px;
margin-top: 2rem;
}
section#blogS3 h3 {
color: #fff;
font-weight: 500;
margin-bottom: 1rem;
}
section#blogS3 h4 {
color: #fff;
font-size:20px;
font-weight: 400;
margin-bottom: 0;
}
section#blogS3 input[type="email"]
{
background-color: transparent;
border:1px solid #fff;
font-size: 15px;
padding: 1rem 10rem 1rem 1rem;
text-align: left;
border-radius: 4px;
color: #fff;
}
section#blogS3 input[type="email"]::placeholder {
color: #fff;
}
section#blogS3 button {
background-color: #C738E5;
border: 0;
padding: 1.08rem 2rem;
color: #fff;
font-family: 'Montserrat';
letter-spacing: 1px;
border-radius: 6px;
margin-left: 12px;
}
section#blogS3 .row.px-xxl-5.mx-xxl-5 {
align-items: center;
padding: 0 !important;
}
section#blogsS4 .text-banner h2 span {
color: #fff;
}
section#blogsS4 .text-banner li {
text-align: center;
}
section#blogsS4 .text-banner date {
color: #fff;
}
section#blogS5 .blog-list
{
display:flex;
align-items: center;
justify-content: flex-start;
}
section#blogS5 .right-sec {
text-align: left;
padding-left: 2rem;
}
section#blogS5 .right-sec a {
background-color: #16232E;
border: 0;
padding: 12px 25px;
color: #fff;
font-family: 'Montserrat';
border-radius: 6px;
margin-left: 0px;
text-decoration: none;
}
section#blogS5 .right-sec p {
color: #111111;
font-size: 14px;
line-height: 1.7;
padding: 8px 0;
font-family: 'MONTSERRAT';
}
section#blogS5 .right-sec h5
{
color: #fff;
font-size: 23px;
font-weight: 600;
line-height: 1.4;
padding: 0px 0 0 0;
font-family: 'MONTSERRAT';
margin-bottom: 0;
}
section#blogS5 .right-sec date
{
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.7;
padding: 8px 0 0 0;
font-family: 'MONTSERRAT';
margin-bottom: 0;
}
section#blogS5 .carousel-item .col-12 {
padding-bottom: 3rem;
}
section#blogS5 .carousel-indicators {
justify-content: flex-start;
margin: 0 auto;
margin-left: 0;
width: max-content;
bottom: -35px;
}
section#blogS5 .row.col-md-12.main .left {width: 70%;}
section#blogS5 .row.col-md-12.main .right {border: 2px solid #6c757d;padding: 1rem 0;border-radius: 10px;}
section#blogS5 .col-md-3.toprights
{
width: 25%;
height: 100%;
padding: 1rem 0;
border-radius: 10px;
margin: 0 auto;
margin-right: 0;
}
div#testimonial {
padding: 0;
}
section#blogS5 .right .right-sec {
padding-left: 1rem;
}
section#blogS5 .right .right-sec h5 {
font-size: 14px;
}
section#blogS5 .right .right-sec date {
font-size: 12px;
}
section#blogS5 .right .blog-list {
padding: 0px 0px 1rem 1rem;
}
section#blogS5 .right .col-12:last-child .blog-list {
padding-bottom: 0;
}
section#blogS5 .right hr {
color: #C738E5;
opacity: 1;
}
section#blogS5 .right h5 {
color: #fff;
}
section#blogS5 div#testimonial .d-flex.justify-content-end
{
display:none !important;
}
section#blogS5 .carousel-item .col-12:last-child {
padding-bottom: 0;
}
section#blogS5 .carousel-indicators button {
height: 2rem;
width: 2rem;
background-color: #D9D9D9;
border-radius: 4px;
position: relative;
background-clip: unset;
border: 0;
text-indent: unset;
color: #000;
opacity: 1;
}
section#blogS5 {
padding-bottom: 5rem;
z-index: 99999 !important;
}
section#blogS5 .carousel-indicators button.active {
background-color: #C738E5;
color: #fff;
}
section#blogS5 .right .top-heads h5 {
font-size: 16px !important;
font-weight: 700;
text-transform: uppercase;
}
section#blogS5 .right.secnd .blog-list {
display: block;
padding: 0 15px;
}
section#blogS5 .right.secnd .blog-list .right-social a {
display: inline-flex;
background-color: #16232E;
width: 100%;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 1rem;
}
section#blogS5 .right.secnd .right-social h5 {
color: #fff;
width: 39%;
text-align: left;
font-size: 15px;
margin: 0;
line-height: 1.6;
}
section#blogS5 .right.secnd i {
color: #fff;
width: 10%;
float: right;
margin: 0 auto;
margin-right: 0px;
display: flex;
align-items: center;
justify-content: center;
transform: scale(1.3);
}
section#blogS5 .right.secnd .blog-list .right-social:nth-child(2) a,
section#blogS5 .right.secnd .blog-list .right-social:nth-child(4) a {
background-color: #C738E5;
}
section#blogS5 .right.secnd .blog-list .right-social a {
width: 100%;
text-decoration: none;
}
section#blogS5 .right.secnd .blog-list .right-social:nth-child(4) a {
margin-bottom: 0;
}
section#blogS5 .right.secnd, section#blogS5 .right.third,section#blogS5 .right.fourth
{
margin-top: 2rem;
}
section#blogS5 .right.secnd .blog-list .right-social:last-child
{
margin-top:0;
}
section#blogS5 .right form input[type=email]::placeholder {
color: #0004;
}
section#blogS5 .right form button {
width: 100%;
background-color: #C738E5;
border: 0;
color: #fff;
padding: 11px 0;
border-radius: 6px;
margin-top: 12px;
}
section.new.section6.testimonial-section h2 {
padding-top: 2rem;
}
section#blogS5 .right.subs .top-heads p {
font-size: 12px;
width: 80%;
margin: 0 auto;
line-height: 1.5;
margin-bottom: 1rem;
color: #fff;
}
section#blogS5 .right.third.subs .blog-list {
width: 100%;
display: block;
padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list {
display: block;
padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
display: flex;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a h5 {color: #000;padding: 3px 15px;margin: 0;background-color: #fff;width: max-content;text-align: center;margin-left: 1rem;border-radius: 3px;font-size: 14px;}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 span {
width: 100%;
text-align: right;
font-size: 14px;
position: absolute;
right: 10%;
top: 11%;
color: #fff;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
font-size: 16px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ
{
background-image: url('/images/ai-slick/blg1.png');
background-repeat:no-repeat;
background-size:cover;
padding: 1rem 0;
background-position: center;
border-radius: 6px;
margin: 15px 0;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(2)
{
background-image: url('/images/ai-slick/blg2.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(3)
{
background-image: url('/images/ai-slick/blg3.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(4)
{
background-image: url('/images/ai-slick/blg4.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(5)
{
background-image: url('/images/ai-slick/blg5.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(6)
{
background-image: url('/images/ai-slick/blg6.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a {
text-decoration: none;
position: relative;
}
.section6 .carousel-item.active
{
display:inline-flex !important;
overflow:hidden !important;
}
section.new.section6.testimonial-section
{
background: #fff;
}
section.new.section6.testimonial-section img
{
width: 160px;
margin: 0 auto;
}
section#blogS5 .right-sec p span
{
font-size: 5rem;
font-weight: 600;
color: #fff;
display: block;
position: absolute;
top: -27%;
left: -5%;
}
section#blogS5 .right-sec p {
font-size: 14px;
color: #fff;
line-height: 2;
}
section#blogS5 .right-sec h5 {
font-size: 18px;
padding-bottom: 1rem;
font-weight: 500;
}
section#blogS5 .right-sec h6 {
font-weight: 400;
font-size: 15px;
color: #fff;
}
section#blogS5.detail {
padding-top: 3rem;
}
section#blogS5.detail .right-sec p:nth-child(1) {
position: relative;
text-indent: 48px;
}
section#blogS5 .right .blog-list img {
width: 150px;
height: 150px;
object-fit: cover;
object-position: top;
}
section#blogS3.detail .row.px-xxl-5.mx-xxl-5 {
text-align: left;
padding: 0 !important;
margin: 0 !important;
}
section#blogS3.detail input[type="email"] {
padding: 1rem 2rem 1rem 1rem;
}
section#blogS3.detail h3 {
font-size: 20px;
}
section#blogS3.detail h4 {
font-size: 16px;
}
section#blogS2.detail .row.px-xxl-5.mx-xxl-5
{
text-align: left;
padding: 0 !important;
margin: 0 !important;
}
section#blogS2.detail .container
{
padding: 0;
}
section#blogS2.detail {
padding: 0 0 0rem 0;
margin-top: -16px;
}
section#blogS5.detail .right .top-heads h5 {
text-align: center;
}
section#blogSComment .row.px-xxl-5.mx-xxl-5 {
padding: 0 !important;
margin: 0 !important;
display: block;
}
section#blogSComment h4 {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
padding: 0px 0 0 0;
font-family: 'MONTSERRAT';
margin-bottom: 0;
}
section#blogS5.detail .right-sec {
padding-left: 0;
}
section#blogS5.detail .row.col-md-12.main .left {padding-left: 0;}
section#blogSComment .container {
padding-left: 0;
}
section#blogSComment .col-lg-12 {
padding: 0;
}
section#blogSComment p {
width: 100%;
color: #fff;
font-size: 14px;
line-height: 1.7;
padding: 8px 0;
font-family: 'MONTSERRAT';
}
section#blogSComment textarea {
border: 1px solid #0004;
padding: 4rem 0;
border-radius: 10px;
width: 100%;
margin-bottom: 1rem;
}
section#blogS5.detail textarea
{
background-color: transparent;
border: 1px solid #ffffff4f;
}
section#blogS5.detail input
{
padding: 10px 0;
margin-bottom: 1rem;
background-color: transparent;
border: 1px solid #ffffff4f;
}
section#blogS5.detail input
{
border-radius:25px;
width: 40%;
}
section#blogSComment .labeled
{
display:inline-flex;
width: 100%;
align-items: center;
justify-content: flex-start;
}
section#blogSComment .labeled label {
padding-right: 1rem;
width: 76px;
color: #fff;
font-size: 14px;
line-height: 1.7;
padding: 8px 0;
font-family: 'MONTSERRAT';
font-weight: 600;
}
section#blogSComment .labeled:nth-child(5) label {
width: 100%;
color: #fff;
font-size: 14px;
line-height: 1.7;
padding: 8px 0;
font-family: 'MONTSERRAT';
margin-top: 3px;
font-weight: 400;
}
section#blogSComment input#opt {
width: max-content;
margin: 0 8px 0px 0;
}
section#blogSComment button {
width: auto;
background-color: #C738E5;
border: 0;
color: #fff;
padding: 11px 25px;
border-radius: 6px;
margin-top: 12px;
}
section#blogS5.detail .right .right-sec h5 {
font-size: 14px;
padding-left: 8px;
padding-bottom: 0;
}
section#blogS5.detail .right .right-sec date {
font-size: 14px;
padding-left: 8px;
}
section#blogs.detail .iconics span
{
color: #fff;
padding: 0 6px;
}
section#blogs.detail .col-lg-12.text-banner
{
text-align:left;
padding: 0;
}
section#blogs.detail .iconics span img {
margin-right: 8px;
filter: invert(1);
}
section#blogs.detail {
background-color: transparent;
}
section#blogs.detail .banner-home {
background: none;
padding: 0rem 0;
}
#blogs.detail .text-banner h2 span {
color: #fff;
}
#blogs.detail .col-lg-7.fst {
padding: 9rem 8rem;
position: relative;
background: #16232E;
border-radius: 12px 0px 0px 12px;
}
#blogs.detail .col-lg-5.scnd img {
width: 100%;
border-radius: 0 12px 12px 0;
height: 100%;
}
#blogs.detail .col-lg-5.scnd {
padding: 0;
}
#blogs.detail .iconics {
padding-top: 1rem;
}
section#blogs.detail .template-demo.mt-3 {
position: absolute;
bottom: 8%;
right: 3%;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(1) {
background-color: #3A599A;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(2) {
background-color: #08AEE4;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(3) {
background-color: #0E6FB6;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(4) {
background-color: #C3232B;
}
section#blogs.detail i.fa-brands {
background: transparent;
color: #fff;
}
section#blogS5 .row.col-md-12.main .left img {width: 300px;height: 300px;object-fit: cover;object-position: top;border-radius: 6px;}
.BlogsDetailTop hr
{
color: #3a3434;
opacity: 11;
}
.BlogsDetailTop section#blogS5 .row.col-md-12.main .left img {
width: 280px;
height: 422px;
}
.BlogsMain .animation img.ons {
left: -1px;
}
.BlogsMain .animation img.ont {
right: -139%;
}
/* blogs end */
#advertise.mainBody .animation img.ons {
left: 100px;
}
#advertise.mainBody .animation img.ont {
right: -1001px;
}
.top-navigation .navbar-nav>.nav-item>li:hover {
cursor: pointer;
}
/*****Admin Dashboard******/
.dashboard-nav ul li::marker {
content: unset;
}
.dashboard-nav ul li .item {
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
padding: 10px 15px;
display: flex;
align-items: center;
}
.dashboard-nav ul li .item i {
font-size: 26px;
line-height: 1.3em;
margin-right: 15px;
}
.nav-link .img-profile {
height: 2rem;
width: 2rem;
padding: 0;
}
.topbar .nav-link .badge-counter,
.topbar .nav-link .badge-counter {
position: absolute;
transform: scale(.7);
transform-origin: top right;
right: 0.25rem;
margin-top: -0.25rem;
}
.badge-danger {
color: #fff;
background-color: #C738E5;
}
.topbar .dropdown-toggle::after {
content: unset;
}
.topbar .dropdown-list {
padding: 0;
border: none;
overflow: hidden;
}
.topbar .dropdown-list .dropdown-header {
background-color: #4e73df;
border: 1px solid #4e73df;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #fff;
font-weight: 800;
font-size: .65rem;
}
.topbar .dropdown-list .dropdown-item {
white-space: normal;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-left: 1px solid #e3e6f0;
border-right: 1px solid #e3e6f0;
border-bottom: 1px solid #e3e6f0;
line-height: 1.3rem;
}
.mr-3 {
margin-right: 1rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.icon-circle {
height: 2.5rem;
width: 2.5rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.topbar .topbar-divider {
width: 0;
border-right: 1px solid #e3e6f0;
height: calc(4.375rem - 2rem);
margin: auto 1rem;
}
.dashboard-wrapper {
position: relative;
top: 0;
height: 100vh;
min-height: 100vh;
margin-left: 0px !important;
margin-right: 0px !important;
}
.sidebar {
position: relative;
overflow: auto;
max-height: 100%;
height: 100%;
width: 250px !important;
z-index: 1;
background-image: url(../../../images/ai-slick/body.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.main-panel {
overflow: auto;
max-height: 100%;
height: 100%;
width: calc(100% - 250px) !important;
background: rgba(203, 203, 210, 0.15);
}
.main-panel>.content {
padding: 30px 15px;
min-height: calc(100% - 123px);
}
/* .footer{
height: 60px;
} */
.topbar .dropdown {
position: relative;
}
.topbar .dropdown .dropdown-menu {
width: auto;
right: 0;
left: auto;
}
.topbar .dropdown-list {
width: 20rem !important;
}
.navbar-toggler.collapsed>.close,
.navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
display: none;
}
.navbar-toggler>.close {
display: inline;
}
.nav-close {
position: unset;
}
/******Customer ************/
.secondary-btn {
background-color: #3B71CA !important;
color: #fff !important;
border: 0 !important;
}
table thead th span {
cursor: pointer;
color: #212529;
}
table thead th span:hover {
color: #3B71CA;
}
.table-striped>tbody>tr:nth-of-type(odd)>*,
.table-striped>tbody>tr:nth-of-type(even)>* {
border: 1px solid #0000004d;
}
.strpied-tabled-with-hover .pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.pagination .prev-btn {
order: 1;
}
.pagination .page {
order: 2;
}
.pagination .next-btn {
order: 3;
}
.pagination button {
background: transparent;
color: #000000;
width: 40px;
border: 2px solid #212529;
padding: 0.275rem 0.75rem;
line-height: 1.4em;
font-size: 1.2rem;
border-radius: 1.25rem;
}
.pagination button[disabled] {
background: #e3e3e3;
color: #979797;
border: 2px solid #979797;
}
.table>thead>tr>th {
border-bottom-width: 1px;
font-size: 12px;
text-transform: uppercase;
color: #9A9A9A;
font-weight: 400;
padding-bottom: 5px;
border-top: none !important;
border-bottom: none;
text-align: left !important;
}
tbody tr:last-child {
border-bottom: 2px solid;
}
.table td {
font-size: 0.8rem;
}
.table td i {
font-size: 1.2rem;
}
.adminButton {
background: #ffffff;
color: #000;
width: auto;
border: 2px solid #000;
padding: 0.175rem 0.75rem;
line-height: 1.4em;
font-size: 0.9rem;
border-radius: 1.25rem;
text-transform: uppercase;
}
.adminButton:hover {
background: #000;
color: #fff;
width: auto;
border: 2px solid #000;
}
.adminDeleteButton {
background: red;
color: #fff;
width: auto;
border: 2px solid red;
padding: 0.175rem 0.75rem;
line-height: 1.4em;
font-size: 0.9rem;
border-radius: 1.25rem;
text-transform: uppercase;
}
.adminDeleteButton:hover {
background: #fff;
color: red;
width: auto;
border: 2px solid red;
}
/* Admin tab styles */
.tab-content-admin>.tab-pane-admin {
display: none;
}
.tab-content-admin>.active {
display: block;
}
.tab-content-admin {
padding: 12px;
background-color: #f9f9f9;
border: #dfdfdf 1px solid;
border-top: 2px solid #000;
}
.nav-tabs-admin .nav-item-admin.show .nav-link-admin,
.nav-tabs-admin .nav-link-admin.active {
color: #ffffff !important;
background-color: #000000 !important;
}
.nav-link-admin {
color: #000000;
display: block;
padding: 0.5rem 1rem;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-link-admin:hover {
color: #000000;
font-weight: 500;
border-bottom: 1px solid #000;
}
/* Admin tab styles */
.offering-td td {
line-height: 1;
padding: 0.4rem 0.3rem 0rem 0.3rem !important;
}
.status-buttons input {
display: none;
}
.status-buttons input:checked+label {
background-color: #F2183D;
color: white;
}
.status-buttons input+label {
opacity: 1;
margin: 0;
}
.status-buttons label.btn {
padding: 8px 16px;
border-color: #888888;
}
.auto-suggesion {
cursor: pointer;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 2px;
}
.auto-suggesion:hover {
font-weight: 600;
background-color: #efefef;
}
.res-rev-search div {
height: auto !important;
background: #fff;
}
.search-tab .nav-link {
color: #000000;
}
.search-tab .nav-link:hover {
border-color: transparent !important;
color: #fff !important;
}
.search-tab .nav-link.active {
color: #ffffff !important;
background-color: #C738E5 !important;
border: #C738E5 0px solid !important;
}
.search-tab .tab-select {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
margin-top: 7px;
}
.search-tab .nav-tabs {
border-bottom: 0px solid #dee2e6 !important;
}
/* .heart {
color: #000;
z-index: 999;
cursor: pointer;
display: flex;
}
.heart-checkbox,
.heart .fa-solid {
display: none;
} */
/* .heart-checkbox:checked+.heart .fa-regular {
display: none;
}
.heart-checkbox:checked+.heart .fa-solid {
display: block;
} */
/* .heart-checkbox:checked+.heart,
.heart:hover {
color: #F32649;
} */
.password-field {
position: relative;
display: flex;
align-items: center;
}
.password-field i {
position: absolute;
right: 20px;
color: gray;
cursor: pointer;
}
.progress-bg2 {
width: 100%;
height: 0.25rem;
/* background-color: #fbfbfb; */
border-radius: 0 0 0.2rem 0.2rem;
position: relative;
}
.progress2 {
width: 0%;
height: 0.25rem;
position: absolute;
border-radius: 0 0 0.2rem 0.2rem;
transition: all 0.5s ease-out;
}
.message2 {
font-size: 0.7rem;
font-weight: 500;
margin-top: 0.8rem;
letter-spacing: 0.05rem;
color: #ff6837;
}
.caterer-panel-menuItem {
background-color: #ffecec;
}
.caterer-panel-menuItem img {
max-height: 110px;
max-width: 110px;
border-radius: 4px;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
.caterer-panel-menuItem .menuItemName {
transform: scale(1, 1.5);
font-weight: 600;
font-size: small;
}
.caterer-panel-menuItem .menuItemDescription {
font-size: smaller;
}
.caterer-panel-menuItem .menuItemPrice {
display: inline-block;
padding: 0em 0.25em 0em 0.25em;
font-size: 0.95em;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.75rem;
background-color: #F2183D;
}
#searchmain .col-8.info
{
display: inline-grid;
gap: 50px;
align-items: stretch;
}
#searchmain a.s2btn
{
text-decoration: none;
font-family: "SF Pro Display";
position: relative;
padding: 11px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 8px;
font-size: 14px;
margin: 0 auto;
text-align: center;
border: 1px solid #C738E58f;
}
#searchmain a.s2btn span
{
/* animation: none !important; */
}
#searchmain .todescript
{
padding-top: 12px;
}
#searchmain .row.listing-head h5
{
margin-bottom: 3px;
}
#searchmain .row.listing-head .toflex.row
{
margin-left: -12px;
}
#searchmain .todescript p
{
line-height: 25px;
}
#searchmain .listing-specs
{
margin-top: 0 !important;
margin-left: 0 !important;
height: max-content;
}
#searchmain .view-profile
{
height: max-content;
margin-top: 0 !important;
padding: 0;
}
.rounded.listing-image.text-left
{
width: 300px;
height: 245px;
}
/* tajammual added new class */
/***Listing Page***/
.listing-options {
margin-top: -53px;
padding-top: 80px;
padding-bottom: 80px;
}
/* .listing-sidebar {
display: flex;
flex-wrap: wrap;
}
.listing-sidebar .card {
width: 20%;
} */
.listing-image img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: unset !important;
max-height: unset !important;
border-radius: 8px;
}
.toflex.row .red-bg {
color: #fff;
}
#searchmain span.fa.fa-star.checked
{
color: #FAAF00;
}
.listing-head h5 a{
color:#fff;
text-decoration:auto;
}
.list-badge {
font-size: 10px;
padding: 1px 10px;
margin-right: 10px;
}
.btn-group-vertical label {
padding: 4px 16px;
}
.filters-listing-topbar .card {
border: 0;
background-color: transparent;
}
.filters-listing-topbar .card-body {
padding: 0rem;
}
.filters-listing-topbar {
/* background-color: #ffffff; */
padding: 1rem;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
.filters-listing-topbar .cuisine-box .card {
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .125);
background-color: transparent;
border-radius: 0px;
}
.filters-listing-topbar .filter-select {
padding-right: 10px;
min-width: 199px;
}
button.more-filter {
border: 1px solid #ced4da;
border-radius: 0.25rem;
font-size: 13.5px;
line-height: 1.75em;
font-weight: 600;
}
button.more-filter i {
margin-left: 4px;
}
.search-by-vendor {
padding-top: 24px;
}
.more-filter-modal .card {
margin-bottom: 20px;
}
.search-box .card-body {
padding-bottom: 23px;
}
.filters-listing-topbar .card-title,
.more-filter-modal .card-title {
color: #000;
font-size: 14px;
font-weight: 600;
}
.filters-listing-topbar .card-title img,
.more-filter-modal .card-title img {
margin: 0 3px 0 0;
}
.listing-sidebar .card-title {
font-size: 14px;
}
.btn-group-vertical .btn-check:checked+.btn-primary:after {
content: "✖";
position: absolute;
top: -5px;
/* right: 0; */
background: #fff;
padding: 3px;
font-size: 9px;
border: 1px solid #707070;
border-radius: 50px;
line-height: 0.9em;
}
.btn-group-vertical .btn-check:checked+.btn-primary:focus,
.form-check-input:focus,
.form-check-input:checked {
box-shadow: unset !important;
}
.more-filter-modal .modal-body {
padding: 0px;
}
.more-filter-modal .horizontal-scroll-bar {
height: 100px;
}
section.pt-4.pb-4.mb-5.companypanel .horizontal-scroll-bar {
height: 180px;
overflow-y: scroll;
}
.more-filter-modal .form-check-input,
.listing-sidebar .form-check-input {
width: 0.8em;
height: 0.8em;
margin-top: 0.35em;
appearance: auto;
}
.more-filter-modal label.form-check-label,
.listing-sidebar .form-check-label {
font-size: 13.5px;
}
.form-check-input:checked {
box-shadow: unset !important;
border-color: #111111 !important;
background-color: #111111 !important;
}
.filter-select .form-select {
font-size: 14px;
font-weight: 600;
}
.listing-options .form-check-input[type=checkbox],
.listing-options .form-check-input[type=radio] {
border-color: #111111;
}
/* .listing-specs .info {
display: flex;
align-items: center;
flex-wrap: wrap;
} */
.listing-specs .info p {
margin-right: 10px;
}
section#searchmain .accordion-item .card-body .py-1.row\*
{
padding-left: 23px;
}
.listing-specs .info .items span{
font-size: .8rem;
font-weight: 400;
color: #000;
margin-left: 5px;
}
.listing-specs .info .items>div {
display: flex;
flex-wrap: wrap;
align-items: center;
/* flex-direction: column;
align-items: flex-start; */
}
.listing-specs .info .item>div {
background: #fbdfdf;
border: none;
margin: 6px 6px 0 0;
padding: 0px 5px;
}
.other-detail p span {
font-weight: 400 !important;
font-size: 14px;
color: #000 !important;
font-family: 'Montserrat' !important;
}
.other-detail .payment-icons img {
width: 38px;
height: 25px;
border: 1px solid #f5f5f5;
padding: 5px;
object-fit: cover;
filter: grayscale(1);
}
.horizontal-scroll-bar>div {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.listing-options .sticky-md-top {
z-index: 2;
}
.infinite-scroll {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/*************************************************************************************************/
.alternate-section-color>div:nth-child(even) {
background: #F5D7DB !important;
}
.alternate-section-color>div:nth-child(odd) {
background: #fdfdfd !important;
}
.alternate-section-color>div:nth-child(odd) .rec-carousel .rec-arrow,
.rec-carousel .rec-arrow:hover {
background-color: #e7e7e7 !important;
}
.vendor-detail-nav {
flex-direction: column;
position: fixed !important;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.vendor-detail-nav svg {
width: 60px;
height: 60px;
}
.vendor-detail-nav .nav-link {
padding: 1.5rem 3rem;
}
.vendor-detail-nav .nav-link:hover {
background-color: #FFEFF1;
}
.vendor-detail-nav .nav-link.active svg g {
fill: #C738E573;
}
.vendor-details .overview {
padding-top: 84px;
padding-bottom: 150px;
background: #fdfdfd;
margin-top: -53px;
}
.vendor-details .image--cover {
width: 430px;
height: 430px;
border-radius: 50%;
object-fit: cover;
object-position: center;
background: #fff;
border: 1px solid #dfdada;
}
.vendor-details h2 {
font-size: 115px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Anton';
}
.vendor-details .caterer-phone a {
font-family: 'Noto Sans';
font-size: 20px;
background: #04B851;
color: #fff;
border-radius: 7px;
padding: 2px 10px;
text-decoration: none;
}
.vendor-details .caterer-rating .stars span {
font-size: 35px;
font-family: 'Noto Sans';
margin-right: 16px;
}
.vendor-details .caterer-rating .stars .fa-star {
color: #737373;
}
.vendor-details .caterer-rating .stars .checked {
color: #E48644;
}
.vendor-details .caterer-rating .stars .fa-star:before,
.vendor-details .caterer-rating .stars .fa-star-half-alt:before {
font-size: 46px;
}
.vendor-details .caterer-info h3 {
font-family: 'Noto Sans';
font-size: 35px;
font-weight: 400;
margin-bottom: 12px;
}
.vendor-details .caterer-info p {
font-family: 'Noto Sans';
font-size: 20px;
margin-bottom: 45px;
}
.vendor-details .caterer-info {
margin-top: 63px;
}
.vendor-details .video button {
font-size: 22px;
text-transform: uppercase;
background: transparent;
border: none;
}
.vendor-details .highlights {
padding: 80px 0;
background: #F5D7DB;
}
.highlights .highlight-box {
background: #fff;
border-radius: 33px;
padding: 33px 33px;
height: 185px;
}
.highlights .highlight-box:hover {
box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}
.highlights .highlight-box h4 {
font-family: 'Noto Sans';
font-size: 18px;
color: #D9042B;
}
.highlights .highlight-box p {
font-family: 'Noto Sans';
font-size: 14px;
}
.highlights .highlight-box .spec-items {
max-height: 100px;
overflow: hidden;
}
.highlights .highlight-box .spec-items .spec-box {
background: #FAEBD7;
border: none
}
.highlights .highlight-box:hover .spec-items {
overflow-y: auto;
}
.highlight-box .spec-items::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.highlight-box .spec-items::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
.highlight-box .spec-items::-webkit-scrollbar-thumb {
background-color: #000000;
}
.inline-features {
margin-top: 55px;
background-color: #fff;
border-radius: 10px;
padding: 22px 23px 18px 23px;
display: flex;
justify-content: space-between;
}
.inline-features .feature-box h6 {
margin-bottom: 0;
margin-left: 16px;
font-family: 'Noto Sans';
font-size: 16px;
font-weight: 400;
}
.vendor-details .reviews {
padding-top: 122px;
padding-bottom: 122px;
background: #fdfdfd;
}
.reviews h2 {
position: relative;
left: 252px;
}
.reviews .icons img {
background: #EDEDED;
border-radius: 10px;
}
.review-col {
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 32px #00000029;
padding: 32px 44px !important;
}
.review-col .image--wrapper img {
position: relative;
left: 104px;
}
.write-review h4 {
font-size: 32px;
font-weight: bold;
font-family: 'Noto Sans';
}
.write-review p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Sans';
}
.write-review .caterer-rating .stars span {
font-size: 28px;
font-family: 'Noto Sans';
margin-right: 16px;
}
.write-review .caterer-rating .stars .fa-star:before,
.write-review .caterer-rating .stars .fa-star-half-alt:before {
font-size: 36px;
}
.review-buttons {
margin-top: 47px;
}
section#befs3 .blog-list a
{
text-decoration: none;
}
div#sec4 .col-lg-12.text-banner {
padding-top: 0;
padding-bottom: 0rem;
position: relative;
}
section#befs3 .carousel-indicators
{
bottom: -7%;
margin-bottom: 0;
transform: scale(0.6);
}
div#sec4 .carousel-indicators
{
bottom: 0%;
margin-bottom: 0;
transform: scale(0.6);
position: absolute;
display: none;
}
/* section#befs3 .carousel-indicators button.active */
.carousel-indicators button.active
{
background: linear-gradient(45deg, #C738E5, #733ec7) !important;
width: 70px !important;
}
section#befs3 .carousel-item.active .col-4:nth-child(1) .right-sec
{
background: #262626a8 !important;
}
/* section#befs3 .carousel-indicators button */
.carousel-indicators button
{
background:#fff !important;
opacity:1 !important;
width:20px !important;
height:1px !important;
border-radius:50px !important;
color: transparent !important;
}
.review-buttons button.btn-danger {
padding: 15px 24px 18px 18px;
font-family: 'Noto Sans';
border-radius: 28px;
position: relative;
}
.megamenu.Tools .sub-mega ul.a2,
.megamenu.Tools .sub-mega ul.a3
{
overflow:hidden;
}
.review-buttons button.btn-danger:before {
content: "";
width: 100%;
height: 75px;
border: 4px solid transparent;
border-right: 5px solid #C738E573;
border-radius: 40px;
position: absolute;
left: 10px;
top: -9px;
}
.review-buttons button.btn-secondary {
padding: 7px 10px 9px 18px;
font-family: 'Noto Sans';
border-radius: 28px;
}
.review-buttons button i {
border: 2px solid #fff;
padding: 8px;
border-radius: 32px;
margin-left: 46px;
}
.vendor-details .menu {
padding-top: 122px;
padding-bottom: 122px;
background: #F5D7DB;
}
.menu-col {
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 32px #00000029;
padding: 144px 80px 144px 137px !important;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.menu-col .image--wrapper {
position: relative;
}
.menu-col .image--wrapper img {
width: 222px;
height: 222px;
object-fit: cover;
object-position: center;
margin-right: 20px;
border-radius: 46px;
}
.menu-col .menu-box h5 {
margin: 40px 0 22px 0;
font-size: 36px;
font-weight: 400;
font-family: 'Noto Sans';
}
.menu-col .menu-box button {
padding: 7px 10px 9px 18px;
font-family: 'Noto Sans';
border-radius: 28px;
}
.menu-col .menu-box button i {
border: 2px solid #fff;
background: #fff;
padding: 10px;
border-radius: 32px;
margin-left: 15px;
color: #000;
}
.vendor-details .menu h2 {
position: absolute;
top: 66px;
left: 165px;
text-align: right;
}
.vendor-details .digital-menu {
padding-top: 97px;
padding-bottom: 114px;
background: #fdfdfd;
}
.dietry .badge {
background: transparent;
border: 1px solid #F2183D;
color: #000;
padding: 0.25em 0.35em;
}
.dish-info .title h5 {
/* font-family: 'DM Serif Display'; */
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
padding-right: 40px;
}
.dish-info .title p {
font-size: 10px;
font-weight: 400;
color: #fff;
background: #f29b18;
padding: 1px 3px;
border-radius: 4px;
margin-bottom: 5px;
}
.dish-info .title p.category {
background: #000000;
}
/* .dish-info .title p {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
font-size: 14px;
line-height: 14px;
}
.dish-info .title p i{
margin-right: 5px;
} */
.dish-info p.serving {
font-size: 11px;
position: absolute;
right: 10px;
bottom: 0;
margin-bottom: 10px;
}
.dish-info .desc {
font-family: 'Noto Sans';
font-size: 11px;
margin: 7px 0;
}
.dish-info .price {
font-family: 'Noto Sans';
font-size: 16px;
color: #fff;
background: #F2183D;
padding: 4px 25px 5px 25px;
border-radius: 17px;
display: inline;
position: absolute;
bottom: -30px;
}
.dish-box img.item-img {
border: 2px solid #D9042B;
border-radius: 15px;
box-shadow: 0 0 24px rgba(0, 0, 0, 0.28);
width: 100%;
height: 125px;
object-fit: cover;
}
.menu-placeholder {
display: flex;
justify-content: center;
background: beige;
border-radius: 15px;
height: 125px;
}
.menu-placeholder .placeholder-img {
width: 50px;
object-fit: contain;
}
.dish-box {
padding: 20px 17px;
background: #fff;
box-shadow: 0 0 24px rgba(0, 0, 0, 0.28);
border-radius: 15px;
position: relative;
}
.digital-menu .nav {
justify-content: center;
border: 0;
width: 100%;
}
.digital-menu .nav-tabs .nav-link.active {
color: #fff;
background-color: #000 !important;
border: none;
}
.digital-menu .nav-tabs .nav-link.active img {
filter: invert(1);
}
.cuisine-select {
display: inline;
float: right;
}
.cuisine-select button {
font-size: 26px;
background: transparent;
border: 0;
font-family: 'Noto Sans';
}
/****Digital Menu***/
.digital-menu {
background: #fff;
}
.digital-menu .dish-box img.item-img {
border: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);
}
.digital-menu .dish-box {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.digital-menu .dietry .dietry-list {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.dietry .dietry-list p {
font-size: 9px;
margin-bottom: 0;
}
.dish-info .cuisine {
font-size: 11px;
background: #c9cbcb;
padding: 1px 3px;
position: absolute;
top: 10px;
right: 10px;
border-radius: 4px;
}
.menu-more-btn {
border-width: 0 0 1px 0 !important;
border-radius: 0px !important;
padding: 0 !important;
margin-left: 4px;
}
.menu-more-btn:focus{
box-shadow: none !important;
}
.vendor-details .gallery {
padding-top: 122px;
padding-bottom: 122px;
background: #F5D7DB;
}
.eventGalleryBoxView {
border: 0 !important;
background-color: transparent;
margin: 6px;
padding: 0;
max-height: unset;
text-align: center;
border-radius: 0;
}
.eventGalleryBoxView img {
width: 100%;
/* height: 250px; */
object-fit: contain;
/* object-position: center; */
/* border: 1px solid #707070; */
/* border-radius: 47px; */
}
/* .rec .rec-item-wrapper{
width: 100% !important;
} */
.rec-pagination .rec-dot_active {
background-color: #EF183C;
box-shadow: #EF183C 0px 0px 1px 3px;
}
.rec-carousel{
position: relative;
}
.rec-carousel .rec-arrow-left {
position: absolute;
left: -30px;
top: 100px;
}
.rec-carousel .rec-arrow-right {
position: absolute;
right: -30px;
top: 100px;
}
.rec-item-wrapper {
margin: 0 !important;
/* width: 100% !important; */
}
.eventGalleryBoxView{
width: 100% !important;
}
.rec-carousel .rec-arrow, .rec-carousel .rec-arrow:hover {
border-radius: 0;
padding: 0px !important;
background-color: transparent !important;
box-shadow: unset !important;
color: #000 !important;
}
.rec-carousel .rec-arrow-left {
position:absolute;
}
.rec.rec-pagination {
display: none;
}
.eventGalleryBoxView .image-wrap {
background: #000;
height: 250px;
/* width: 273px; */
width:fit-content; /* Feb-09-2024 */
display: flex;
align-items: center;
}
.vendor-details .customer-reviews {
padding-top: 97px;
padding-bottom: 114px;
background: #fdfdfd;
}
.review-wrap .left-col {
padding: 22px;
background: #ffff;
display: flex;
flex-direction: column;
justify-content: center;
}
.review-wrap .left-col .vendor-detail-stars .fa-star.checked {
color: #E48644;
font-size: 24px;
padding: 0 2px;
}
.review-wrap .left-col .vendor-detail-stars p {
font-size: 20px;
font-family: 'Noto Sans';
margin-top: 7px;
}
.review-wrap .right-col {
padding: 32px 22px;
background: #C738E573;
}
.review-wrap .catering {
margin: 22px 0;
}
.review-form h2 {
font-size: 28px;
font-weight: bold;
font-family: 'Noto Sans';
line-height: 1.2em;
text-transform: none;
color: #111;
}
.rating-boxes .bg-light {
border: 1px solid #fdfdfd;
}
.rating-boxes .star {
font-size: 28px !important;
}
.rating-boxes .star:hover {
color: #E48644 !important;
}
.review-items {
position: relative;
padding: 18px 75px;
}
.review-items .box {
/* background: #fff; */
/* padding: 25px 30px; */
border-radius: 20px;
box-shadow: 0 0 24px #00000033;
}
.review-items .user-picture img {
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
}
.review-items:nth-child(even) .user-picture img {
left: unset;
right: 30px;
}
.review-items .left-arrow {
width: 47px;
/* height: 117px; */
object-fit: contain;
position: absolute;
right: 30px;
bottom: 0;
}
.review-items .box:after {
content: "";
background: url(../../../images/right-arrow.png)no-repeat center top / cover;
width: 35px;
height: 117px;
position: absolute;
right: 0;
bottom: -23px;
}
.review-items:nth-child(even) .box:after {
background: url(../../../images/left-arrow.png)no-repeat center top / cover;
right: unset;
left: 30px;
}
.review-items:last-child .box:after {
position: unset;
background: none;
height: unset;
width: unset;
}
.overall-rating h5 {
color: #ffffff;
font-size: 19px;
font-family: 'Noto Sans';
text-align: center;
}
.vendor-details .progress {
width: 150px !important;
height: 150px !important;
float: left;
line-height: 150px;
background: none !important;
position: relative;
transform: scale(1.3);
}
.vendor-details .progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 12px solid #C738E573;
position: absolute;
top: 0;
left: 0;
}
.vendor-details .progress>span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.vendor-details .progress .progress-left {
left: 0;
}
.vendor-details .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 12px;
border-style: solid;
position: absolute;
top: 0;
}
.vendor-details .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.vendor-details .progress .progress-right {
right: 0;
}
.vendor-details .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
.vendor-details .progress .progress-value {
width: 90%;
height: 90%;
border-radius: 50%;
background: transparent;
font-size: 34px;
font-family: 'Noto Sans';
color: #fff;
line-height: 135px;
text-align: center;
position: absolute;
top: 5%;
left: 5%;
}
.progress.blue .progress-bar {
border-color: #fff;
}
.progress.blue .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar {
border-color: #fdba04;
}
.progress.yellow .progress-right .progress-bar {
animation: loading-3 1.8s linear forwards;
}
.progress.yellow .progress-left .progress-bar {
animation: none;
}
/* .review-image-box {
border-radius: 0.25rem;
border: 1px solid #ced4da;
} */
.review-image-box input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
.btn-picture-upload {
border-radius: 12px;
border: #939393 dashed 2px;
height: 86px;
/* background-color: #fff; */
color: #939393;
font-family: 'Noto Sans';
width: min-content;
padding-left: 16px;
padding-right: 16px;
font-size: 0.8rem;
cursor: pointer;
text-align: center;
}
.review-picture-upload-note {
color: #939393;
font-family: 'Noto Sans';
font-size: 0.7rem;
}
.review-image-upload {
border-radius: 12px;
width: 86px;
height: 86px;
}
.review-image {
border-radius: 6px;
width: 60px;
/* height:60px; */
}
.review-image-remove {
position: absolute;
top: -5px;
right: 0px;
color: #666;
font-size: 14px;
width: 20px;
height: 20px;
cursor: pointer;
}
.zoom {
padding: 2px;
/* background-color: green; */
transition: transform .2s;
/* width: 200px;
height: 200px; */
margin: 0 auto;
}
.zoom:hover {
z-index: 1;
transform: scale(2.5);
/* transform: scale(4); */
/*(150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/*****New Review Design****/
.new-reviews .customer-reviews-cols {
/* background: #fff; */
padding-top: 30px !important;
}
.new-reviews .review-items .box {
box-shadow: 0 3px 6px #00000033;
}
.new-reviews .section-title {
color: #F2183D;
font-size: 24px;
font-family: 'Montserrat';
font-weight: 600;
}
.new-reviews .review-wrap .right-col {
background: #c5c5c5;
}
.new-reviews .overall-rating canvas{
width: 200px !important;
height: 200px !important;
}
.new-reviews .rating-info{
margin-top: 15px;
}
.new-reviews .rating-info h6 {
color: #000;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
}
.new-reviews .rating-info .review-stars .fa-star.checked {
color: #F2AF29;
font-size: 26px;
}
.new-reviews .rating-number-info .info {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.new-reviews .rating-number-info .info .progress {
display: unset;
height: 8px;
border-radius: 4px;
flex-grow: 1;
background-color: #e9eced;
margin-right: 8px;
overflow: hidden;
}
.new-reviews .rating-number-info .info .progress .progress-bar {
height: 8px;
border-radius: 4px;
background-color: #F2AF29;
}
.new-reviews .rating-number-info .info span {
font-size: 12px;
margin-right: 4px;
}
.new-reviews .rating-number-info .info svg {
margin-right: 8px;
color: #ddd;
fill: #ddd;
}
.new-reviews .review-items .user-picture img {
position: unset;
width: 48px;
height: 48px;
object-fit: cover;
}
.review-items .box:after {
content: unset;
}
.new-reviews .review-items {
margin-top: 15px;
padding: 18px 0px;
border-top: 1px solid #dee2e6;
}
.new-reviews .review-items .box {
box-shadow: unset;
}
.new-reviews .review-items .box .user-info {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.new-reviews .review-items .box .user-info .user-meta{
flex: 1 1 0%;
}
.new-reviews .review-items .box .user-info div.meta{
display: flex;
justify-content: space-between;
}
.new-reviews .review-items .box .user-info div.meta .name {
font-size: 18px;
color: #000;
}
.new-reviews .review-items .box .user-info .user-picture {
margin-right: 8px;
}
.new-reviews .rating-boxes .bg-light {
border: 0;
}
/****Menu Select Vendor Detail****/
.menu-select {
float: right;
}
.menu-select select {
border: 0;
background: transparent;
font-size: 20px;
}
.menu-select select:focus-visible {
outline: 0;
}
/***Vendor Detail Event Gallery Arrow*****/
/* .rec .rec-arrow-left,
.rec .rec-arrow-right {
font-size: 0;
}
.rec .rec-arrow-left:before {
content: "<";
font-size: 20px;
}
.rec .rec-arrow-right:before {
content: ">";
font-size: 20px;
} */
/************************Vendor Detail New Page**************************************************************/
.badges .items {
display: flex;
flex-direction: column;
align-items: center;
}
.badges .items p{
font-size: 9px;
}
.carouselSpeciality .carousel-control-next, .carouselSpeciality .carousel-control-prev {
/* align-items: flex-start; */
width: auto;
/* position: unset; */
opacity: 1;
bottom: unset;
top: -38px;
border: 1px solid #000;
border-radius: 50px;
}
.carouselSpeciality .carousel-control-next{
right: 15px;
}
.carouselSpeciality .carousel-control-prev{
left: unset;
right: 45px;
}
.carouselSpeciality.carousel-dark .carousel-control-next-icon,.carouselSpeciality.carousel-dark .carousel-control-prev-icon {
filter: unset;
width: 1.2rem;
height: 1.2rem;
}
.carouselSpeciality .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 12L8 8M4 12L8 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.carouselSpeciality .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23D9042B'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#overview .card {
border: none;
background-color: transparent;
}
#overview .card-body {
padding-top: 0;
}
#overview .about a{
color: #000;
text-decoration: none;
}
#overview .about a:hover{
color: #0d6efd;
}
#overview .intro, #overview .about .second-col .menu a {
text-decoration: none;
}
#overview .about .second-col .menu a.instance {
display: flex;
align-items: center;
}
#overview .intro{
padding: 1rem 0;
}
#overview .intro .claim-profile{
font-size: 11px;
position: absolute;
top: 10px;
right: 17px;
text-decoration: underline;
background: transparent;
border: 0;
padding: 0;
}
.speciality-row .bg{
/* background-color: #fff; */
height: 100%;
}
/* #overview .social-icons li a {
color: #000000;
} */
#overview .about .payment-icons img {
width: 38px;
height: 25px;
border: 1px solid #f5f5f5;
padding: 5px;
object-fit: cover;
filter: grayscale(1);
}
#overview .about h6{
font-weight: 600;
}
#overview .about .download-menu a{
text-decoration: none;
}
#overview .about .inline-features{
margin-top: 10px;
justify-content: center;
padding: 0;
}
#overview .about .inline-features h6{
font-size: 13px;
font-weight: 400;
}
.contact-btns a{
color: #0d6efd;
}
.contact-btns a:hover{
background-color: #dddddd;
color: #000;
}
.calculate-form select.form-select.event-type {
border-left: 0;
}
/****gallery*****/
.new.gallery-section {
padding: 0px;
margin: 0;
}
.new.gallery-section .gallery{
/* background-color: #fff; */
padding-top: 30px !important;
}
.profile-info h6 {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.profile-info h6 img {
margin-top: 3px;
}
/*****Caterer Panel New CSS Changes*******/
.signin-up-wrapper h3 {
color: #000000;
}
.form-log input[type="email"], .form-log input[type="password"], .form-log input[type="text"], .form-log input[type="textarea"], .form-log textarea, .form-log select, .form-log input[type="number"], .form-log input[type="tel"] {
padding: 0.7rem 1.5rem;
margin: 0.25rem 0;
}
.form-log textarea.form-control-lg {
height: 96px;
}
.pic-container.pic-medium {
display: flex;
align-items: center;
}
.pic-container.pic-medium {
height: 140px;
}
.profile-container h2 {
margin: 0;
}
.progress-left p {
color: #000000;
}
.caterer-panel-items .nav-link.active .progress-left p, .caterer-panel-items .nav-link.active .progress-right {
color: #F2183D;
font-weight: 500;
}
.feature-check-icons .form-check-label img {
width: 30px;
}
.form-check-input[type=checkbox] {
border-color: #000;
}
.form-log .btn {
padding: 10px 1rem;
margin: 3px 0 8px 0 !important;
}
.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #C738E5;
}
.payment-option-heading-bp{
font-weight: 400;
}
.vendor-detail-event-collection-modal h5 {
font-size: 20px;
color: #fff;
}
.vendor-detail-event-collection-modal .modal-content {
background-color: #000;
}
.vendor-detail-event-collection-modal .carousel-control-next, .vendor-detail-event-collection-modal .carousel-control-prev {
width: auto;
}
.vendor-detail-event-collection-modal .carousel-control-prev {
left: -45px;
}
.vendor-detail-event-collection-modal .carousel-control-next{
right: -45px;
}
.vendor-detail-event-collection-modal .btn-close {
background: transparent url("data:image/svg+xml,") center/1em auto no-repeat;
}
.vendor-detail-event-collection-modal .eventGalleryPicture {
/* height: 600px;
object-fit: contain; */
max-width: 100%;
max-height: unset;
margin: auto;
}
.vendor-detail-event-collection-modal .carousel-inner{
height: 600px;
display: flex;
align-items: center;
}
.btn-picture-upload {
height: 60px;
font-size: 0.7rem;
}
.claim-profile-form .form-log textarea.form-control-lg {
height: 150px;
}
.forgot-password-modal p {
font-weight: 300;
}
.modal-register.modal.fade .modal-dialog {
transform: translate(0,50%);
}
.view-profile {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.view-profile a{
color: #fff;
text-decoration: none;
font-size: 14px;
}
.view-profile a:hover{
color: #fff;
}
.picture-placeholder {
display: flex;
justify-content: center;
}
.picture-placeholder>div{
width: 200px;
height: 165px;
background: beige;
font-size: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.cat-save-icon {
position: absolute;
right: 12px;
}
.listing-box .card-body {
padding: 1.5rem 1rem;
}
.listing-head {
min-height: 90px;
}
.filter-select .form-select.rating {
padding-top: 8px;
padding-bottom: 7px;
font-family: 'Montserrat';
font-weight: 400;
}
.brand__items svg .cls-1 {
fill: #C738E573;
}
.brand__items svg .cls-2 {
fill: #ffeff1;
stroke: #fff;
stroke-miterlimit: 12;
}
label.profile-label {
font-size: 13px;
}
.review-image-modal .modal-content {
background-color: #000;
}
.review-image-modal .btn-close {
background: transparent url("data:image/svg+xml,") center/1em auto no-repeat;
}
.review-image-modal .carousel-inner {
height: 600px;
display: flex;
align-items: center;
}
.review-image-modal .eventGalleryPicture {
max-width: 100%;
max-height: unset;
margin: auto;
}
.caterer-upload-menu {
background: transparent;
border: 0;
padding: 0;
margin: 12px 0px;
}
.caterer-dietry-icons {
/* background: #e2e2e2; */
border-radius: 20px;
display: flex;
align-items: center;
padding: 1px 0;
gap: 2px;
}
.caterer-dietry-icons span {
font-size: 11px;
}
.disable-profile{
padding: 0.5rem 1rem;
padding-left: 1em !important;
display: flex !important;
}
.disable-profile .form-check-input {
height: 20px;
width: 40px !important;
}
.disable-profile label{
padding-left: 7px;
}
.disable-profile input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -2;
}
.disable-profile input[type="checkbox"] + label {
position: relative;
display: inline-block;
width: 72px;
height: 20px;
border-radius: 20px;
margin: 0;
cursor: pointer;
box-shadow: inset -8px -8px 15px rgba(255,255,255,.6),
inset 10px 10px 10px rgba(0,0,0, .25);
border: 1px solid #e2e2e2;
}
.disable-profile input[type="checkbox"] + label::before {
position: absolute;
content: 'Disable';
font-size: 11px;
text-align: center;
line-height: 20px;
top: 0px;
left: 0px;
width: 50px;
height: 20px;
border-radius: 20px;
background-color: #d1dad3;
transition: .3s ease-in-out;
}
.disable-profile input[type="checkbox"]:checked + label::before {
left: 30%;
content: 'Enable';
color: #fff;
background-color: #00b33c;
}
.what-we-offer-search .btn {
padding: 6px 1rem;
margin: 0px 0 0px 0 !important;
background-color: #bbbbbb;
}
.what-we-offer-search .btn:hover {
background-color: #808080;
color: #fff;
}
.what-we-offer-search input{
border-radius: .25rem 0rem 0rem .25rem;
}
.two-section-border:before {
content: "";
width: 1px;
height: 90%;
background: #dee2e6;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.earned-badge li {
position: relative;
padding: 10px 12px 10px 10px;
}
.earned-badge li .info {
position: absolute;
right: 5px;
top: 2px;
font-size: 12px;
color: darkgrey;
display: none;
}
.earned-badge li:hover .info{
display: block;
}
.vendor-detail-stars span {
color: #5C5C5C;
/* font-family: 'Noto Sans'; */
}
.vendor-detail-stars span.fa-star-half-alt {
color: #f2af29;
}
.business-profile-head .profile-container {
display: flex;
padding-top: 20px;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.business-profile-head .profile-container h2 {
color: #1D1D1B;
font-size: 36px;
}
.business-profile-head .pic-container.pic-medium {
width: unset;
height: unset;
margin: unset;
background-color: #d1d1d1;
border-radius: 50%;
border: 1px solid #000;
position: relative;
}
.business-profile-head .pic-container.pic-medium img {
width: 150px;
height: 150px;
object-fit: contain;
}
.upload-profilepic {
background-color: rgba( 255,255,255, 0.69 );
}
.business-profile-head .pic-container label:hover .upload-profilepic {
display: flex!important;
cursor: pointer;
}
.business-profile-head .pic-container label .overlay-txt {
font-size: 11px;
}
.filter-select .css-t3ipsp-control {
border-color: #2684FF;
border: 0 !important;
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
section#befs3 .carousel-item .col-12
{
display:none;
}
button.carousel-control-prev,
button.carousel-control-next
{ background-color: #fff;
width: 50px;
height: 50px;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon
{
filter: unset;
transform: scale(0.8);
}
div#sec3 p {
text-align: center;
color: #fff;
padding: 20px 0 20px 0;
width: 37%;
margin: 0 auto;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
}
button.carousel-control-prev
{
background-color: #733ec7;
border: 2px solid #C738E569;
border-radius: 50px;
}
section#befs3 button.carousel-control-prev
{
left: -12%;
top: 437px;
}
section#befs3 button.carousel-control-next
{
right: -12%;
top: 437px;
}
button.carousel-control-next
{
background-color: #733ec7;
border: 2px solid #C738E569;
border-radius: 50px;
}
@keyframes animate1 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes animate2 {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
@keyframes animate3 {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes animate4 {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
.listing-options .reset-btn {
background: transparent;
border: 0;
padding: 0;
color: #6BC8ED;
font-size: 14px;
}
.search-box .reset-btn {
float: right;
font-size: 12px;
}
.close-icon {
position: absolute;
right: 15px;
top: 10px;
}
.recievedReviews-inner .meta {
margin: 0;
}
.input-group .form-outline {
width: 300px;
}
.event-collection-modal .modal-title label {
font-size: 18px;
font-family: 'Montserrat';
}
.menuitem .caterer-upload-menu label {
display: flex;
flex-direction: column;
justify-content: center;
}
button.dropdown-toggle.zip-city-btn {
background: #fff;
border: 1px solid #ced4da;
font-size: 14px;
}
.dropdown-menu.zip-city-select.show {
padding: 0 !important;
}
.testing .carousel-item {
margin-right: 0;
flex: 0 0 33.333333%;
display: block;
}
.testing .carousel-inner {
display: flex;
}
.listing-specs .info {
/* background: #fafafa; */
border-radius: 5px;
}
.no-reviews .niche {
font-size: 12px;
color: #5C5C5C;
}
.no-reviews p {
font-size: 14px;
color: #5C5C5C;
}
.register-modal .loginwith:hover {
border-color: #dee2e6 !important;
}
.vendor-container .about p {
font-weight: 300;
}
.vendor-container .speciality-row{
background-color: #fff;
}
.vendor-container .speciality-row .speciality-col:first-child{
border-right: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(3){
border-right: 1px solid #dee2e6;
border-top: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(4){
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(5){
border-top: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(6){
border-top: 1px solid #dee2e6;
}
/* .vendor-container .speciality-row .speciality-col:last-child{
border-right: 0px solid #dee2e6!important;
} */
.vendor-container .speciality-row p, .vendor-container .profile-info h6{
font-weight: 300;
}
.vendor-container .speciality-row .speciality-col h5{
font-size: 1rem;
font-weight: 600;
}
.vendor-container .speciality-row .speciality-col h5 span {
font-size: 0.8rem;
}
.listing-specs .info p span {
color: #000 !important;
font-size: 13px !important;
font-family: 'Montserrat' !important;
font-weight: 700 !important;
}
.earned-badge li {
padding: 5px 4px 5px 4px;
}
.eventGalleryBoxView .image-wrap {
background: transparent;
}
.btn-group-vertical label.label-box {
padding: unset;
}
.btn-group-vertical label.label-box {
outline: none;
padding: unset;
background-color: unset;
cursor: unset;
border-radius: unset;
font-size: unset;
color: unset;
border: unset;
margin: unset;
font-family: 'Noto Sans';
}
.btn-group-vertical .btn-label {
padding: 4px 16px;
}
.btn-group-vertical .btn-label {
/* background: red; */
outline: none;
padding: 6px 20px;
/* background-color: #EFEFEF; */
cursor: pointer;
border-radius: 60px;
font-size: 11px;
color: #5C5C5C;
border: 1px solid #C738E58f;
margin: 5px;
font-family: 'Noto Sans';
}
.cuisine-box .btn-group-vertical {
display: flex !important;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.more-cuisine-btn {
width: 137px !important;
flex: none !important;
}
.more-cuisine-items>div{
width: 795px;
}
.star-validation{
border: 1px solid #C738E573;
padding-top: 8px;
padding-bottom: 8px;
}
.viewImg{
width: 100%;
height: 100%;
object-fit: contain;
}
li.nav-item.search {
width: 250px;
display: flex;
align-items: center;
justify-content: flex-end;
}
li.nav-item.search .App {
display: none;
width: 220px;
}
.swiper-wrapper {
align-items: center;
}
/*********Deal Work***********/
button.deal-btn {
border: 1px solid #ced4da;
border-radius: 0.25rem;
font-size: 13.5px;
line-height: 1.75em;
font-weight: 600;
}
.deal-form.modal-body{
padding: 0px;
}
.deal-form input[type="date"], .deal-form textarea, .deal-form input[type="text"] {
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
width: 100%;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.deal-form input[type="date"] {
padding: 0.375rem 0.5rem 0.375rem 0.75rem;
width: 100%;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.deal-form label span {
font-size: 10px;
}
/************Flat Deal Page****************/
.deal-niche .card-title, .deal-location .card-title {
font-size: 18px;
}
.deal-niche .form-check-label {
color: #5C5C5C;
font-size: 14px;
font-family: 'Noto Sans';
}
.deal-location-search input {
height: 28px;
padding: 10px;
font-size: 14px;
}
.deal-location-search .btn {
padding: 0px 20px;
}
/**********Custom Deal Page****************/
.deal-offers {
display: flex;
flex-wrap: wrap;
gap: 34px;
}
.deal-item {
width: 23%;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
.deal-item .deal-img {
width: 100%;
height: 200px;
object-fit: contain;
background: crimson;
}
.deal-item .deal-details {
padding: 10px;
}
.deal-item a {
color: #000000;
text-decoration: none;
}
.deal-item a:hover {
color: #000000;
}
p.deal-tag {
background: #F2183D;
padding: 2px 10px;
font-size: 14px;
color: #fff;
margin: 0;
display: inline;
}
.DealBox{
height: 600px;
overflow-y: auto;
}
.DealBox::-webkit-scrollbar-track
{
background-color: #F5F5F5;
border-radius: 20px;
}
.DealBox::-webkit-scrollbar
{
width: 6px;
border-radius: 20px;
background-color: #F5F5F5;
}
.DealBox::-webkit-scrollbar-thumb
{
background-color: #F2183D;
border-radius: 20px;
}
section#s1.mainBody div#sec1 .btn-danger {
margin-right: -13px;
margin-bottom: 1rem;
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(80deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
}
.search-option-dietary {
columns: 2 auto;
}
.search-option-dietary input {
scale: 1.1;
}
/*****768 end*****/
.reviewAvatar
{
vertical-align: middle;
width: 44px !important;
height: 44px !important;
border-radius: 50%;
background:#dddddd !important;
Font-size:22px !important;
margin-right: 8px;
font-weight:500
}
.video-loader{
padding: 53px;
margin-top: -20px;
}
.cp-eclipse {
width: 20px;
height: 20px;
border-radius: 50%;
background: #F2183D;
margin: auto;
animation: cp-eclipse-animate 1s ease-out infinite;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.cp-eclipse:before {
border-radius: 50%;
content: " ";
width: 100px;
height: 100px;
display: inline-block;
box-sizing: border-box;
border-top: solid 20px transparent;
border-right: solid 20px #F2183D;
border-bottom: solid 20px transparent;
border-left: solid 20px transparent;
position: absolute;
top: -40px;
left: -40px
}
.cp-eclipse:after {
border-radius: 50%;
content: " ";
width: 100px;
height: 100px;
display: inline-block;
box-sizing: border-box;
border-top: solid 20px transparent;
border-right: solid 20px transparent;
border-bottom: solid 20px transparent;
border-left: solid 20px #F2183D;
position: absolute;
top: -40px;
right: -40px
}
/* blogs */
#blogs .text-banner h2 span {
color: #fff;
text-transform:uppercase;
}
#blogs .banner-home {
background: url('../../../images/blogs/hero.png')no-repeat center top / cover;
padding: 0rem 0;
}
section#blogsS4 .s4 {
background: url('../../../images/blogs/Img.png')no-repeat center;
padding: 5rem 0 0rem 0;
margin-bottom: 3rem;
background-size: cover;
border-radius: 10px;
}
#blogs .text-banner,
section#blogsS4 .text-banner
{
background: unset;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}
section#blogS3 .s3 {
padding-top: 3rem;
padding-bottom: 3rem;
background-color: #16232E;
margin-bottom: 2rem;
border-radius: 10px;
}
section#blogS3 h3 {
color: #fff;
font-weight: 500;
margin-bottom: 1rem;
}
section#blogS3 h4 {
color: #fff;
font-size:20px;
font-weight: 400;
margin-bottom: 0;
}
section#blogS3 input[type="email"]
{
background-color: transparent;
border:1px solid #fff;
font-size: 15px;
padding: 1rem 10rem 1rem 1rem;
text-align: left;
border-radius: 4px;
color: #fff;
}
section#blogS3 input[type="email"]::placeholder {
color: #fff;
}
section#blogS3 .row.px-xxl-5.mx-xxl-5 {
align-items: center;
}
section#blogsS4 .text-banner h2 span {
color: #fff;
}
section#blogsS4 .text-banner li {
text-align: center;
}
section#blogsS4 .text-banner date {
color: #fff;
}
section#blogS5 .blog-list
{
display:flex;
}
section#blogS5 .right-sec {
text-align: left;
padding-left: 2rem;
}
section#blogS5 .right-sec a {
background-color: #16232E;
border: 0;
padding: 12px 25px;
color: #fff;
font-family: 'Montserrat';
border-radius: 6px;
margin-left: 0px;
text-decoration: none;
}
section#blogS5 .right-sec h5
{
/* color: #16232E; */
/* font-size: 23px; */
/* font-weight: 600; */
/* line-height: 1.4; */
/* padding: 0px 0 0 0; */
/* font-family: 'MONTSERRAT'; */
margin-bottom: 0;
}
section#blogS5 .carousel-item .col-12 {
padding-bottom: 3rem;
}
section#blogS5 .row.col-md-12.main .left {width: 70%;}
section#blogS5 .col-md-3.toprights
{
width: 25%;
height: 100%;
padding: 1rem 0;
border-radius: 10px;
margin: 0 auto;
margin-right: 0;
}
div#testimonial {
padding: 0;
}
section#blogS5 .right .right-sec {
padding-left: 1rem;
}
section#blogS5 .right .right-sec h5 {
font-size: 16px;
}
section#blogS5 .right .right-sec date {
font-size: 12px;
}
section#blogS5 .right .blog-list {
padding: 0px 0px 1rem 1rem;
}
section#blogS5 .right .col-12:last-child .blog-list {
padding-bottom: 0;
}
section#blogS5 div#testimonial .d-flex.justify-content-end
{
display:none !important;
}
section#blogS5 .carousel-item .col-12:last-child {
padding-bottom: 0;
}
section#blogS5 .carousel-indicators button {
height: 2rem;
width: 2rem;
background-color: #D9D9D9;
border-radius: 4px;
position: relative;
background-clip: unset;
border: 0;
text-indent: unset;
color: #000;
opacity: 1;
}
section#blogS5 {
padding-bottom: 5rem;
z-index: 99999 !important;
}
section#blogs .text-banner h2 {
margin-bottom: 0;
}
section#blogS5 .right.secnd .blog-list {
display: block;
padding: 0 15px;
}
section#blogS5 .right.secnd .blog-list .right-social a {
display: inline-flex;
background-color: #16232E;
width: 100%;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 1rem;
}
section#blogS5 .right.secnd .right-social h5 {
color: #fff;
width: 39%;
text-align: left;
font-size: 15px;
margin: 0;
line-height: 1.6;
}
section#blogS5 .right.secnd i {
color: #fff;
width: 10%;
float: right;
margin: 0 auto;
margin-right: 0px;
display: flex;
align-items: center;
justify-content: center;
transform: scale(1.3);
}
section#blogS5 .right.secnd .blog-list .right-social a {
width: 100%;
text-decoration: none;
}
section#blogS5 .right.secnd .blog-list .right-social:nth-child(4) a {
margin-bottom: 0;
}
section#blogS5 .right.secnd, section#blogS5 .right.third,section#blogS5 .right.fourth
{
margin-top: 2rem;
}
section#blogS5 .right.secnd .blog-list .right-social:last-child
{
margin-top:0;
}
section#blogS5 .right form input[type=email] {
width: 100%;
height: 3rem;
border-radius: 4px;
border: 1px solid #fff;
padding: 0 10px;
color: #fff !important;
}
section#blogS5 .right form input[type=email]::placeholder
{
color:#fff !important;
}
section#blogS5 .right form input[type=email]::placeholder {
color: #0004;
}
section.new.section6.testimonial-section h2 {
padding-top: 2rem;
}
section#blogS5 .right.third.subs h5 {
margin-bottom: 0;
border-bottom: 1px solid #c738e5;
padding-bottom: 1rem;
}
section#blogS5 .right.subs .top-heads p {
font-size: 12px;
width: 80%;
margin: 0 auto;
line-height: 1.5;
margin-bottom: 1rem;
padding-top: 1rem;
}
section#blogS5 .right.third.subs .blog-list {
width: 100%;
display: block;
padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list {
display: block;
padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
display: flex;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a h5 {color: #000;padding: 3px 15px;margin: 0;background-color: #fff;width: max-content;text-align: center;margin-left: 1rem;border-radius: 3px;font-size: 14px;}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 span {
width: 100%;
text-align: right;
font-size: 14px;
position: absolute;
right: 10%;
top: 11%;
color: #fff;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
font-size: 16px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ.active {
border: 2px solid #db0000;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a {
text-decoration: none;
position: relative;
}
.section6 .carousel-item.active
{
display:inline-flex !important;
overflow:hidden !important;
}
section.new.section6.testimonial-section
{
background: #fff;
}
section.new.section6.testimonial-section img
{
width: 160px;
margin: 0 auto;
}
section#blogS5 .right-sec h5 {
font-size: 18px;
padding-bottom: 1rem;
font-weight: 500;
}
section#blogS5 .right-sec h6 {
font-weight: 400;
font-size: 15px;
}
section#blogS5.detail {
padding-top: 3rem;
}
section#blogS3.detail .row.px-xxl-5.mx-xxl-5 {
text-align: left;
padding: 0 !important;
margin: 0 !important;
}
section#blogS3.detail input[type="email"] {
padding: 1rem 2rem 1rem 1rem;
}
section#blogS3.detail h3 {
font-size: 20px;
}
section#blogS3.detail h4 {
font-size: 16px;
}
section#blogS2.detail .row.px-xxl-5.mx-xxl-5
{
text-align: left;
padding: 0 !important;
margin: 0 !important;
}
section#blogS2.detail .container
{
padding: 0;
}
section#blogS2.detail {
padding: 0 0 2rem 0;
margin-top: -16px;
}
section#blogS5.detail .right .top-heads h5 {
text-align: center;
}
section#blogSComment .row.px-xxl-5.mx-xxl-5 {
padding: 0 !important;
margin: 0 !important;
display: block;
}
section#blogS5.detail .right-sec {
padding-left: 0;
}
section#blogS5.detail .row.col-md-12.main .left {padding-left: 0;}
section#blogSComment .container {
padding-left: 0;
}
section#blogSComment .col-lg-12 {
padding: 0;
}
section#blogSComment input#opt {
width: max-content;
margin: 0 8px 0px 0;
}
section#blogS5.detail .right .blog-list
{
padding: 0;
gap: 11px;
}
section#blogS5.detail img.carousel-img
{
border-radius: 12px;
}
section#blogS5.detail .col-md-3.toprights
{
margin-left: 1%;
width: 29%;
}
section#blogS5.detail .right .right-sec h5 {
font-size: 14px;
padding-left: 8px;
padding-bottom: 0;
}
section#blogS5.detail .right .right-sec date {
font-size: 14px;
padding-left: 8px;
}
section#blogs.detail .iconics span
{
color: #fff;
padding: 0 6px;
}
section#blogs.detail .col-lg-12.text-banner
{
text-align:left;
padding: 0;
}
section#blogs.detail .iconics span img {
margin-right: 8px;
}
section#blogs.detail {
background-color: transparent;
margin-top: 3rem;
}
section#blogs.detail .banner-home {
background: none;
padding: 0rem 0;
}
#blogs.detail .col-lg-7.fst {
padding: 9rem 8rem;
position: relative;
border-radius: 12px 0 0 12px;
}
#blogs.detail .col-lg-5.scnd img {
width: 100%;
border-radius: 0 12px 12px 0;
height: 100%;
}
#blogs.detail .col-lg-5.scnd {
padding: 0;
}
#blogs.detail .iconics {
padding-top: 1rem;
}
section#blogs.detail .template-demo.mt-3 {
position: absolute;
bottom: 8%;
right: 3%;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2
{
border-radius:50px;
padding:10px;
width:45px;
height:45px;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(1) {
background-color: #3A599A;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(2) {
background-color: #08AEE4;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(3) {
background-color: #0E6FB6;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(4) {
background-color: #C3232B;
}
section#blogs.detail i.fa-brands {
background: transparent;
color: #fff;
}
section#blogS5.blog-list img {
width: 300px;
height: 300px;
object-fit: cover;
object-position: top;
}
section#blogS5.detail img.carousel-img {
width: 150px;
height: 100px;
object-fit: cover;
object-position: top;
margin: 6px 0;
}
section#blogS5.blog-list {
display: flex;
justify-content: center;
align-items: center;
}
section#blogS5.detail.row.col-md-12.main.left.right-sec img {
margin: 0 !important;
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
/* blogs end */
#s1 #sec1 .d-md-block {
position: relative;
}
@keyframes cp-eclipse-animate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
section.pt-4.pb-4.mb-5.companypanel {
padding-top: 8rem !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.companypanel h2.standardHeading.m-0.p-0 {
color: #fff;
}
.companypanel .col-lg-9.col-md-12.col-sm-12.col-12.d-lg-block.d-none.profile-details-container {
padding-top: 1.5rem;
}
.companypanel .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: transparent !important;
border: 0 !important;
}
.companypanel .caterer-panel-items .nav-link.active .progress-left p, .caterer-panel-items .nav-link.active .progress-right {
color: #C738E5;
}
.companypanel .card-body {
padding: 2rem;
}
.companypanel .card.progress-card.mt-4 .card-body
{
padding: 1rem;
}
#searchmain .filters-listing-topbar
{
padding:0;
border: 0;
/* position: sticky; */
top: 0%;
left: 0;
overflow: hidden;
}
#searchmain .filters-listing-topbar .card-title {
padding: 1rem;
margin: 0;
}
#searchmain .cuisine-box.accordion .mb-2.more-cuisine-items.btn-group-vertical div div label.label-box
{
border:0;
}
#searchmain .btn-group-vertical .btn-label {
width: auto;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 6px;
background-color: transparent;
cursor: pointer;
margin: 0;
}
#searchmain .more-cuisine-items>div
{
width:100%;
}
section#searchmain .col-auto.filter-select.accordion .css-13cymwt-control
{
/* border: 0; */
width: 100%;
}
section#searchmain .col-auto.filter-select.accordion.accordion {
border: 0;
margin: 0;
display: inline-block;
}
section#searchmain .col-auto.filter-select.accordion .card {
padding: 0;
}
section#searchmain .filters-listing-topbar .cuisine-box .card {
border: 0 !important;
margin: 0;
padding: 0;
}
section#searchmain .col-auto.accordion
{
padding: 0;
}
section#searchmain .mb-2.search-option-dietary label
{
font-size:11px;
padding: 0 0 0 0 !important;
}
section#searchmain .col-md-12.col-sm-12.col-xs-12
{
overflow: unset;
/* border-bottom: 4px solid #c738e5bf; */
/* border-top: 4px solid #c738e5bf; */
/* border-radius: 12px; */
}
section#searchmain .col-lg-9.col-md-12.col-sm-12.col-xs-12
{
height: 1500px;
overflow-y: scroll;
/* border-bottom: 4px solid #c738e5bf; */
/* border-top: 4px solid #c738e5bf; */
/* border-radius: 12px; */
}
section#searchmain .col-lg-9.col-md-12.col-sm-12.col-xs-12::-webkit-scrollbar
{
width: 15px
}
section#searchmain .col-lg-9.col-md-12.col-sm-12.col-xs-12::-webkit-scrollbar-track
{
background: #C738E5;
border-radius: 14px;
}
section#searchmain .col-lg-9.col-md-12.col-sm-12.col-xs-12::-webkit-scrollbar-thumb {
background: #161516;
border-radius: 14px;
border: 4px solid #C738E5;
}
#searchmain .notesting {
display: inline-block;
}
/* ::-webkit-scrollbar {
width: 5px;
height:5px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px #430d4c;
}
::-webkit-scrollbar-thumb {
background-color: #C738E5;
outline: 0px solid #ffc10700;
} */
section#s1.mainBody .align-items-end
{
display: contents;
}
section#s1.mainBody .new.banner-home .form-bg .search-tab .tab-select
{
width: 100%;
}
section#s1.mainBody #sec1 .col-12.col-md-6 {
width: 100%;
padding: 0;
}
section#s1.mainBody #sec1 .tab-content>.active .col-12 {
padding-left: 0;
}
section#s1.mainBody #sec1 .nav-tabs {
margin-left: -11px;
}
.top-navigation .navbar-nav> li.nav-item.tohvr a
{
position:relative;
}
.top-navigation .navbar-nav> li.nav-item.tohvr a:hover {
color: #c738e5;
}
.top-navigation .navbar-nav> li.nav-item.tohvr a i
{
/* display: none; */
transition: 0.2s;
position: absolute;
right: 0%;
top: 24%;
transition: 0.2s;
}
section#befs3 .inr-tab
{
margin: 0rem 0rem;
overflow-y:scroll;
height: 16rem;
}
section#befs3 .main-tab
{
background-color: #1515159c;
border: 1px solid #C738E569;
padding: 1rem 1rem;
border-radius: 12px;
}
.inr-tab::-webkit-scrollbar {
width: 20px
}
.inr-tab::-webkit-scrollbar-track {
background: #C738E5;
border-radius: 14px;
}
.inr-tab::-webkit-scrollbar-thumb {
background: #161516;
border-radius: 14px;
border: 4px solid #C738E5;
}
section#befs3 .inr-tab .buttons
{
padding: 1rem 0rem;
}
li.nav-item.Sign-up a
{
position: relative;
padding: 10px 20px !important;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
color: #fff !important;
/* text-decoration: none; */
/* text-transform: uppercase; */
/* letter-spacing: 4px; */
font: 700 30px consolas;
overflow: hidden;
border-radius: 2px;
}
li.nav-item.Sign-up a span:nth-child(1) {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, #733EC7, #C738E5);
animation: animate1 2s linear infinite;
}
@keyframes animate1 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
li.nav-item.Sign-up a span:nth-child(2)
{
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 100%;
background: linear-gradient(to bottom, #0c002b, #733ec7);
animation: animate2 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate2 {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
li.nav-item.Sign-up a span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(to left, #733EC7, #C738E5);
animation: animate3 2s linear infinite;
}
@keyframes animate3 {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
li.nav-item.Sign-up a span:nth-child(4) {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 3px;
background: linear-gradient(to top, #733EC7, #C738E5);
animation: animate4 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate4 {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
section#befs3 .carousel-item.active .col-12 {
display: inline-flex;
}
section#befs3 .right-sec {
background-color: #262626;
width: 95%;
height: 230px;
margin: 0 auto;
padding: 4rem 2rem 2rem 2rem;
border-radius: 0 0 15px 15px;
text-align: left;
}
section#befs3 .left-sec img {
width: 95%;
}
section#befs3 .left-sec {
margin-bottom: -20px;
}
section#befs3 .right-sec * {
color: #fff;
}
section#searchmain .container:not(footer .container)
{
padding-bottom:5rem;
}
/* footer .container
{
padding-bottom: 0rem !important;
} */
/* Ai Glossary start*/
section#aiglossary
{
background-image: URL('../../../images/ai-slick/directory-bg.png');
padding: 10rem 0px 0rem 0px;
background-repeat: no-repeat;
background-size: cover !important;
background-position: center !important;
}
section#aiglossary .bodystart {
padding: 0rem 0px 10rem 0px;
}
section#aiglossary .bodystart .tabsmain
{
/* height:20rem; */
display: inline-flex;
}
section#aiglossary .bodystart .tabsmain .tabstop
{
display: inline-flex;
width: 100%;
}
section#aiglossary .bodystart .tabsmain ul.nav.nav-tabs {
display: block;
border: 0;
}
section#aiglossary .bodystart .tabsmain ul.nav.nav-tabs li a
{
color: #fff;
text-decoration: none;
}
section#aiglossary .bodystart .tabsmain ul.nav.nav-tabs li a
{
padding: 2px 0 2px 10px;
line-height:40px;
}
section#aiglossary .bodystart .tabsmain li.active a {
color: #CA62DB !important;
border-left:1px solid #CA62DB;
}
section#aiglossary .faq-content {
background-color: #0c0a0900 !important;
width: 100% !important;
border: 1px solid #ca62db94;
border-radius: 6px;
}
section#aiglossary .accordion-item
{
background-color: #c738e512;
padding: 10px;
}
section#aiglossary button.accordion-button h4 {
color: #fff;
font-size: 15px;
font-weight: 500;
font-family: 'SF Pro Display';
}
section#aiglossary .accordion-button::after {
filter: grayscale(1);
}
section#aiglossary button.accordion-button {
border-bottom: 1px solid #fff;
background-color: transparent !important;
}
section#aiglossary .tab-content .t-c-m-cat-top h4 sub hr
{
color:#fff;
}
section#aiglossary .tab-content .t-c-m-cat-top h4 span
{
color:#fff;
font-family: "SF Pro Display";
font-size:50px;
font-weight:600;
}
section#aiglossary .tab-content h3
{
color:#fff;
font-family: "SF Pro Display";
font-size:30px;
font-weight:600;
}
section#aiglossary .tab-content p
{
color:#fff;
font-family: "SF Pro Display";
font-size:16px;
font-weight:400;
}
section#aiglossary .tabscenter h3
{
color: #fff;
padding: 0rem 0rem;
font-size: 24px;
font-weight: 500;
font-family: "SF Pro Display";
text-align: center;
line-height: 35px;
margin: 0 auto;
}
section#aiglossary .tabscenter {
padding: 2rem 0;
}
section#aiglossary .tabscenter p
{
color: #fff;
padding: 20px 0rem 0 0;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
text-align: center;
margin:0 auto;
/* width:50%; */
}
section#aiglossary .tabsbottom form input {
border: 1px solid #ffffff69;
background-color: transparent;
border-radius: 6px;
padding: 7px 15px;
}
section#aiglossary .tabsbottom button
{
background-color: #CA62DB;
border: 0;
padding: 8px 15px;
color: #fff;
border-radius: 0 6px 6px 0;
margin-left: -16px;
}
section#aiglossary .tabsbottom input[type="email"]::Placehoder
{
color: #fff !important;
}
section#aiglossary .bodystart .tabsmain .col-lg-3
{
border: 1px solid #ca62db59;
padding:1rem 1rem;
border-radius:12px;
height: 100%;
}
section#aiglossary .accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: unset;
}
section#aiglossary .col-lg-12.text-banner p {
color: #fff;
font-family: 'SF Pro Display';
font-size: 16px;
font-weight: 400;
padding-top: 1rem;
padding-bottom: 1rem;
}
section#aiglossary .col-lg-12.text-banner h3 {
width: 50%;
margin:0 auto;
color:#fff;
font-size:30px;
line-height: 40px;
}
section#aiglossary .t-c-m-cat-top h4
{
display: flex;
align-items: flex-end;
}
section#aiglossary .t-c-m-cat-top h4 sub hr {
opacity: 1;
}
section#aiglossary .t-c-m-cat-top h4 sub {
display: list-item;
width: 100%;
list-style: none;
padding-left: 9px;
}
section#aiglossary .t-c-m-cat-top h4 span {
font-size: 3rem;
}
section#aiglossary .t-c-m-cat-b-boxes .col-lg-12
{
display:inline-flex;
margin: 1rem 0;
padding: 0;
}
section#aiglossary .t-c-m-cat-b-boxes .col-lg-12 .col-lg-6
{
background-color:#ffffff0d;
border-radius: 20px;
margin: 0 1rem 0 0;
padding: 2rem 2rem;
gap: 6px 0;
display: grid;
}
section#aiglossary .t-c-m-cat-b-boxes .col-lg-12 .col-lg-6 img {
width: 100%;
padding-top: 1rem;
}
section#aiglossary .tab-content .tab-content-main
{
padding: 0 1rem;
}
section#aiglossary .bodystart .tabsmain .col-lg-9 {
height: 50rem;
overflow-y: scroll;
}
section#aiglossary .bodystart .tabsmain .col-lg-9::-webkit-scrollbar
{
width: 10px
}
section#aiglossary .bodystart .tabsmain .col-lg-9::-webkit-scrollbar-track
{
background: #C738E5;
border-radius: 14px;
}
section#aiglossary .bodystart .tabsmain .col-lg-9::-webkit-scrollbar-thumb {
background: #161516;
border-radius: 14px;
border: 1px solid #C738E5;
}
.topheads-btns
{
border: 1px solid #C738E573;
border-radius: 5px;
background: #0c0a0947;
text-align: left;
padding: 1rem 1rem;
margin: 0 0 20px 0;
}
section#aitools .topheads-btns a.s1btn
{
display: block;
margin: 10px 10px;
background-color: transparent;
border: 1px solid #c738e5;
}
section#aitools .topheads-btns a.s1btn:hover
{
background-color:#c738e5;
}
.topheads-btns .rows1,.topheads-btns .rows2 {display: inline-flex;}
/* Ai Glossary End*/
/* ai solutions start*/
div#aisolutions .text-banner h2
{
color: #fff;
font-size: 35px;
font-weight: 500;
font-family: "SF Pro Display";
line-height: 1.3;
}
div#aisol-sec2 .col-lg-12.toimg
{
display: flex;
}
div#sec8.aisol-sec5 {
padding-top: 0rem;
padding-bottom: 0rem;
}
div#aisol-sec2 .text-banner img,
div#aisol-sec3 .text-banner img
{
background: rgba(107, 107, 107, 0.1);
padding: 1rem;
border-radius: 12px;
}
#sec9 .col-lg-12.toimg .col-lg-4 {
display: flex;
}
div#aisol-sec .text-banner h3
{
padding-top: 2rem;
padding-bottom: 1rem;
}
div#aisol-sec2 .col-lg-12.toimg .col-lg-3
{
background-color: rgba(107, 107, 107, 0.1);
padding: 4rem 1rem;
margin: 0 5px;
border-radius: 15px;
}
div#aisolutions h2 span
{
font-size: 35px;
}
div#aisolutions .text-banner p {
color: #fff;
/* font-size: 16px; */
font-weight: 500;
font-family: "SF Pro Display";
/* padding: 12px 0; */
}
div#aisolutions .col-lg-12.text-banner
{
display:flex;
}
div#aisolutions a.s2btn {
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
position: relative;
padding: 10px 60px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 2px;
font-size: 14px;
float: left;
width: max-content;
}
div#aisolutions .s1 img {
width: 65%;
}
#aisolutions .row.call-to-act a.cont-us {
background-color: #C738E5;
padding: 8px 50px;
height: max-content;
width: max-content;
color: #fff;
text-decoration: auto;
border-radius: 7px;
}
#aisolutions .row.call-to-act
{
gap: 20px;
margin-top: 2rem;
}
div#aisol-sec4 .row.col1 .c1
{
border-right:1px solid #fff;
}
div#aisol-sec4 .row.col2 .c1
{
border-right:1px solid #fff;
}
div#aisol-sec4 .row.col1 .c1
{
border-bottom:1px solid #fff;
}
div#aisol-sec4 .row.col2 .c2
{
border-top:1px solid #fff;
}
div#aisol-sec4 .row.col1 .c1 {
padding: 0rem 0 0 0;
}
div#aisol-sec4 .row.col2 .c1 {
padding: 3rem 0 0 0;
}
div#aisol-sec4 .row.col1 .c2 {
padding: 0rem 0 3rem 3rem;
}
div#aisol-sec4 .row.col2 .c2 {
padding: 3rem 0 0 3rem;
}
div#aisol-sec4 .row p {
padding: 10px 0 0 0;
margin-bottom: 0;
}
div#aisol-sec5 button.accordion-button.collapsed
{
background: linear-gradient(45deg, #0c0a09, #733ec730);
color: #fff;
}
div#aisol-sec5 .accordion-item
{
background-color: rgba(27, 27, 27, 1);
/* border: 0.01px solid #ffffff12; */
margin: 0 0 2rem 0;
border-radius: 5px;
}
div#aisol-sec5 .accordion-button:not(.collapsed)
{
color: #fff;
background-color: #0D0E12;
border: 1px solid #C738E5;
}
div#aisol-sec5 .accordion-button::after
{
filter: sepia(1);
}
div#aisol-sec5 .accordion-body p
{
text-align: left;
color: #fff;
margin-bottom: 0;
padding: 15px 0;
}
div#aisol-sec5 .accordion-button::after {
filter: invert(1);
}
div#aisol-sec5 h2.homepage-hero_heavy {
padding-bottom: 3rem;
}
div#aisol-sec5 h2.homepage-hero_heavy span {
color: #fff;
}
div#aisol-sec5 .faq-content {
width: 100%;
margin: 0 auto;
}
/* ai solutions end*/
/* ai integration start*/
div#aiinteg-sec2 hr
{
background-color: #C738E5;
margin-top: 4rem;
}
div#aiinteg-sec3 .col-lg-12.toimg {
display: inline-flex;
}
div#aiinteg-sec3 img {
background-color: transparent !important;
}
div#aiinteg-sec3 p
{
color:#fff;
}
div#aiintegration p {
color: #fff;
}
div#aiinteg-sec3 h2.homepage-hero_heavy
{
width: 40%;
padding-bottom: 2rem;
}
div#aiinteg-sec2 h2
{
padding-bottom: 3rem;
width: 40%;
}
div#aiinteg-sec1 form
{
background: #0000001a;
border: 1px solid rgba(199, 56, 229, 1);
border-radius: 21px;
display: inline-grid;
padding: 30px 35px;
width: 70%;
}
div#aiinteg-sec1 form h2 {font-size: 27px;}
div#aiinteg-sec1 form input,
div#aiinteg-sec1 form textarea
{
background-color: rgba(27, 27, 27, 1);
border: 0;
padding:12px;
border-radius:6px;
margin:4px 0;
color:#ffffff40;
text-transform:capitalize;
border:1px solid #ffffff0a;
}
div#aiinteg-sec1 form textarea::placeholder
{
color:#ffffff40;
}
div#aiinteg-sec1 h2.homepage-hero_heavy {
text-align: left;
}
div#aiinteg-sec1 p
{
text-align: left;
font-size: 16px;
padding-top: 1rem;
}
div#aiintegration h2
{
color: #fff;
font-size: 35px;
font-weight: 500;
font-family: "SF Pro Display";
line-height: 1.3;
}
div#aiinteg-sec2 .col-lg-12.toimg
{
display: flex;
}
div#sec8.aiinteg-sec5 {
padding-top: 0rem;
padding-bottom: 0rem;
}
div#aiinteg-sec2 .text-banner img,
div#aiinteg-sec3 .text-banner img
{
background: rgba(107, 107, 107, 0.1);
padding: 1rem;
border-radius: 12px;
}
div#aiintegration #sec9 .col-lg-12.toimg .col-lg-4 {
display: flex;
}
div#aiinteg-sec .text-banner h3
{
padding-top: 2rem;
padding-bottom: 1rem;
}
div#aiinteg-sec2 .col-lg-12.toimg .col-lg-3
{
background-color: rgba(107, 107, 107, 0.1);
padding: 4rem 1rem;
margin: 0 5px;
border-radius: 15px;
}
div#aiinteg-sec2 .col-lg-12.toimg .col-lg-3 p
{
color: #fff;
/* font-size: 16px; */
font-weight: 500;
font-family: "SF Pro Display";
/* padding: 12px 0; */
}
div#aiintegration h2 span
{
font-size: 35px;
}
div#aiintegration .aiinteg-sec1 .text-banner p {
color: #fff;
/* font-size: 16px; */
font-weight: 500;
font-family: "SF Pro Display";
/* padding: 12px 0; */
width: 65%;
}
div#aiintegration .col-lg-12.text-banner
{
display:flex;
}
div#aiintegration a.s2btn {
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
position: relative;
padding: 10px 60px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 2px;
font-size: 14px;
float: left;
width: max-content;
}
div#aiintegration .s1 img {
width: 65%;
}
#aiintegration .row.call-to-act a.cont-us {
background-color: #C738E5;
padding: 8px 50px;
height: max-content;
width: max-content;
color: #fff;
text-decoration: auto;
border-radius: 7px;
}
#aiintegration .row.call-to-act
{
gap: 20px;
margin-top: 2rem;
}
div#aiinteg-sec4 .row.col1 .c1
{
border-right:1px solid #fff;
}
div#aiinteg-sec4 .row.col2 .c1
{
border-right:1px solid #fff;
}
div#aiinteg-sec4 .row.col1 .c1
{
border-bottom:1px solid #fff;
}
div#aiinteg-sec4 .row.col2 .c2
{
border-top:1px solid #fff;
}
div#aiinteg-sec4 .row.col1 .c1 {
padding: 0rem 0 0 0;
}
div#aiinteg-sec4 .row.col2 .c1 {
padding: 3rem 0 0 0;
}
div#aiinteg-sec4 .row.col1 .c2 {
padding: 0rem 0 3rem 3rem;
}
div#aiinteg-sec4 .row.col2 .c2 {
padding: 3rem 0 0 3rem;
}
div#aiinteg-sec4 .row p {
padding: 10px 0 0 0;
margin-bottom: 0;
}
div#aiinteg-sec5 button.accordion-button.collapsed
{
background-color: rgba(27, 27, 27, 1);
color: #fff;
}
div#aiinteg-sec5 .accordion-item
{
background-color: rgba(27, 27, 27, 1);
border: 0.01px solid #ffffff12;
margin: 0 0 2rem 0;
border-radius: 5px;
}
div#aiinteg-sec5 .accordion-button:not(.collapsed)
{
color: #fff;
background-color: rgba(27, 27, 27, 1);
}
div#aiinteg-sec5 .accordion-button::after
{
filter: sepia(1);
}
div#aiinteg-sec3 h3:before {
content: "";
position: absolute;
right: -22%;
top: -110%;
width: 100px;
height: 2px;
background: #C738E5;
}
div#aiinteg-sec3 h3
{
position:relative;
}
div#aiinteg-sec3 .col-lg-3:last-child h3:before
{
content:unset;
}
div#aiinteg-sec5 .accordion-body p
{
text-align: left;
}
div#aiinteg-sec1 form button {
background-color: #C738E5;
border: 0;
padding: 9px;
color: #fff;
border-radius: 6px;
font-weight: 500;
margin-top: 1rem;
}
/* ai integration end*/
/* ai system setup start*/
div#aisyst-sec2 .toheads h2
{
text-align: center;
}
div#aisyst-sec2 .toheads p
{
text-align: center;
width: 50%;
margin: 0 auto;
padding: 11px 0 30px 0;
}
div#aisystemsetup div#aisyst-sec1 h2
{
color: #fff;
font-size: 35px;
font-weight: 500;
font-family: "SF Pro Display";
line-height: 1.3;
padding: 0px 0 25px 0;
text-align: left;
}
div#aisystemsetup div#aisyst-sec1 p
{
text-align: left;
}
div#aisyst-sec2 .col-lg-12.toimg
{
display: flex;
}
div#sec8.aisyst-sec5 {
padding-top: 0rem;
padding-bottom: 0rem;
}
div#aisyst-sec2 .text-banner img,
div#aisyst-sec3 .text-banner img
{
background: rgba(107, 107, 107, 0.1);
padding: 1rem;
border-radius: 12px;
background-color: transparent;
}
#sec9 .col-lg-12.toimg .col-lg-4 {
display: flex;
}
div#aisystemsetup .text-banner h3
{/* margin-bottom: 0; *//* padding-bottom: 0; */padding-top: 0px;}
div#aisyst-sec1 .text-banner h3
{
padding-top: 2rem;
padding-bottom: 1rem;
}
div#aisyst-sec2 .col-lg-12.toimg .col-lg-3
{
background-color: rgba(107, 107, 107, 0.1);
padding: 5rem 2rem;
margin: 0 5px;
border-radius: 25px;
}
div#aisystemsetup h2 span
{
font-size: 35px;
}
div#aisystemsetup .text-banner p {
color: #fff;
font-size: 15px;
font-weight: 300;
font-family: "SF Pro Display";
/* padding: 12px 0; */
text-align: center;
}
div#aisystemsetup .col-lg-12.text-banner
{
display:flex;
}
#aisystemsetup .toimg.bots .col-lg-4 {
background-color: rgba(107, 107, 107, 0.1);
}
div#aisystemsetup h4 {
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
line-height: 1.3;
text-align: left;
padding: 15px 0;
}
div#aisyst-sec1 img {
width: 65%;
}
div#aisystemsetup a.s2btn {
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
position: relative;
padding: 10px 60px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
overflow: hidden;
border-radius: 2px;
font-size: 14px;
float: left;
width: max-content;
}
div#aisystemsetup .s1 img {
width: 65%;
}
#aisystemsetup .row.call-to-act a.cont-us {
background-color: #C738E5;
padding: 8px 50px;
height: max-content;
width: max-content;
color: #fff;
text-decoration: auto;
border-radius: 7px;
}
#aisystemsetup .row.call-to-act
{
gap: 20px;
margin-top: 2rem;
}
div#aisyst-sec4 .row.col1 .c1
{
border-right:1px solid #fff;
}
div#aisyst-sec4 .row.col2 .c1
{
border-right:1px solid #fff;
}
div#aisyst-sec4 .row.col1 .c1
{
border-bottom:1px solid #fff;
}
div#aisyst-sec4 .row.col2 .c2
{
border-top:1px solid #fff;
}
div#aisyst-sec4 .row.col1 .c1 {
padding: 0rem 0 0 0;
}
div#aisyst-sec4 .row.col2 .c1 {
padding: 3rem 0 0 0;
}
div#aisyst-sec4 .row.col1 .c2 {
padding: 0rem 0 3rem 3rem;
}
div#aisyst-sec4 .row.col2 .c2 {
padding: 3rem 0 0 3rem;
}
div#aisyst-sec4 .row p {
padding: 10px 0 0 0;
margin-bottom: 0;
}
div#aisyst-sec5 button.accordion-button.collapsed
{
background-color: rgba(27, 27, 27, 1);
color: #fff;
}
div#aisyst-sec5 .accordion-item
{
background-color: rgba(27, 27, 27, 1);
border: 0.01px solid #ffffff12;
margin: 0 0 2rem 0;
border-radius: 5px;
}
div#aisyst-sec5 .accordion-button:not(.collapsed)
{
color: #fff;
background-color: rgba(27, 27, 27, 1);
}
div#aisyst-sec5 .accordion-button::after
{
filter: sepia(1);
}
div#aisyst-sec5 .accordion-body p
{
text-align: left;
}
#aisyst-i3.png .col-lg-12.toimg {
display: inline-flex;
}
div#aisyst-sec3 .col-lg-12.toimg
{
display:inline-flex;
}
div#aisyst-sec4 ul#myTab {
display: inline-block;
width: 40%;
border: 0;
}
div#aisyst-sec4 .nav-tabs .nav-link
{
border-bottom:1px solid #fff;
}
div#aisyst-sec4 .nav-tabs .nav-link.active,
div#aisyst-sec4 .nav-tabs .nav-link:hover
{
background: transparent;
color: #C738E5 !important;
border: unset;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 {
display: inline-flex;
width: 100%;
gap: 9%;
padding-top: 3rem;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 li button {
text-align: left;
width: 100%;
padding: 13px 0;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 div#myTabContent h2
{
text-align: left;
width: 40%;
margin: 0;
padding-bottom: 24px;
font-size: 2rem;
padding-top: 6px;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 div#myTabContent p
{
text-align: left;
width:60%;
line-height: 2;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 li
{
border-bottom: 1px solid #fff;
}
/* ai system setup end */
/* Submit Ai News Start */
#submitainews
{
background-image: URL('../../../images/ai-slick/submit-aI-news.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
div#submitainews .secstart
{
padding-top: 10rem;
padding-bottom: 7rem;
padding: 10rem 8rem 7rem 8rem;
}
div#submitainews .midmain h3
{
color:#fff;
margin-bottom: 2rem;
}
div#submitainews .midmain .roaw
{
display:flex;
justify-content: center;
gap: 3%;
width: 97%;
margin: 0 auto;
margin-bottom: 12px;
}
#submitainews .toheads p
{
color: #fff;
font-size: 18px;
}
div#submitainews .midmain .roaw .form-control
{
background-color: transparent;
padding: 20px 10px;
border-radius: 6px;
}
div#submitainews .midmain .roaw .col-6
{
padding: 0;
}
div#submitainews .midmain .roaw button.btn.btn-primary
{
background-color: #733EC7;
border-color: transparent;
padding: 10px 40px;
font-family: 'SF PRO DISPLAY';
font-weight: 400;
}
div#submitainews .midmain .roaw ::placeholder
{
color: #fff !important;
}
div#submitainews .midmain .roaw .col-6.submit button {
float: right;
border-radius: 6px;
}
div#submitainews .midmain .roaw .col-6.attach input {display: none;}
div#submitainews .midmain .roaw .col-6.attach label {
border: 0;
background-image: URL('../../../images/ai-slick/attachment.png');
background-size: auto;
background-position: 100px center;
background-repeat: no-repeat;
width: 130px;
color: #fff;
cursor: pointer;
border: 1px solid;
padding: 10px 15px;
border-radius: 6px;
}
/* Submit Ai News end */
/* eazygen filter start*/
section#mikrotakt .sec2 .nav-tabs li
{
padding: 10px 45px;
border-radius: 6px 6px 0 0;
}
section#mikrotakt .sec2 .tab-content
{
padding-top: 2rem;
}
section#mikrotakt .sec2 .col-12.tab-pane
{
padding:0;
}
section#mikrotakt .sec2 .nav-tabs li a
{
color:#fff;
text-decoration:none;
font-weight: 600;
font-family: 'SF Pro Display';
font-size: 18px;
}
section#mikrotakt .sec2 .nav-tabs li.active
{
background-color:#CA62DB;
}
section#mikrotakt .sec2 .nav-tabs
{
border-bottom: 3px solid #ca62db;
justify-content: space-between;
}
section#mikrotakt .sec2 .col-6.cl1,
section#mikrotakt .sec2 .col-6.cl2
{
background-color: #0B0B0E;
padding: 2rem;
border-radius: 15px;
border: 1px solid #ca62db29;
width: 49%;
text-align: left;
}
section#mikrotakt .sec2 .col-6.cl2
{
background-color: #1B1B1B;
}
section#mikrotakt .sec2 .col-6.cl1 h3,
section#mikrotakt .sec2 .col-6.cl2 h3
{
color: #fff;
text-align: left;
}
section#mikrotakt .sec2 #menu2 span.myicon img {
transform: scale(0.8);
}
section#mikrotakt .sec2 .col-6.cl1 p,
section#mikrotakt .sec2 .col-6.cl2 p
{
color: #fff;
/* font-family: 'SF Pro Display'; */
line-height: 30px;
margin-bottom: 0;
padding-top: 10px;
}
section#mikrotakt .sec2 .col-6.cl1 span.mycolr,
section#mikrotakt .sec2 .col-6.cl2 span.mycolr
{
color: #CA62DB;
}
section#mikrotakt .sec2 .onlyfor-men1.row {gap: 2%;}
section#mikrotakt .sec2 .col-12.men3-cl1 p
{
color: #fff;
line-height: 30px;
margin-bottom: 0;
padding-top: 10px;
text-align: left;
}
section#mikrotakt .sec2 .col-12.men3-cl1 p span
{
margin-right:5px;
color: #CA62DB;
}
section#mikrotakt .sec2 #menu2 .onlyfor-tabcont {
display: flex;
gap: 2%;
}
section#mikrotakt .sec2 #menu2 p
{
background-color: #1B1B1B;
margin: 15px 0px;
}
section#mikrotakt .sec2 h2.men2-heads
{
color: #fff;
font-family: 'SF Pro Display';
font-size: 25px;
text-align: left;
}
section#mikrotakt .sec2 h3
{
color: #fff;
font-family: 'SF Pro Display';
font-size: 22px;
text-align: left;
padding-top: 0;
}
section#mikrotakt .sec2 .col-6.men2-cl1,
section#mikrotakt .sec2 .col-6.men2-cl2
{
padding: 0;
width: 49%;
}
section#mikrotakt .sec2 .col-6.men2-cl2 p
{
padding: 10px;
border-radius: 6px;
border: 1px solid #ffffff0d;
}
section#mikrotakt .sec2 #menu2 p
{
background-color: #1B1B1B;
margin: 15px 0px;
color: #fff;
text-align: left;
}
section#mikrotakt .sec2 .col-6.men2-cl1 p
{
padding: 10px;
border-radius: 6px;
border: 1px solid #ffffff0d;
}
section#mikrotakt .sec2 #menu2 span.myicon
{
margin-right: 5px;
}
section#mikrotakt .sec3 h2.homepage-hero_heavy
{
color: #fff;
padding: 0.02rem 0;
font-size: 45px;
font-weight: 500;
font-family: "SF Pro Display";
margin-bottom: 1rem;
}
section#mikrotakt .sec3 .mainrow .col-12.row.tools-box-r1
{
padding: 0;
}
section#mikrotakt .sec3 .mainrow
{
background-color: rgba(0, 0, 0, 0.59);
padding: 2rem 1rem;
border-radius: 15px;
display: grid;
gap: 16px;
justify-items: center;
}
section#mikrotakt .sec3 .col-12.row.tools-box-r1 .col-4
{
display: flex;
justify-content: flex-start;
align-items: center;
background-color: rgba(56, 45, 58, 0.5);
gap: 2%;
width: 32%;
margin: 0px auto;
padding: 1rem;
border-radius: 12px;
}
section#mikrotakt .sec3 .col-12.row.tools-box-r1 .col-4 img
{
width: 80px;
height: 79px;
object-fit: none;
object-position: center;
background-color: #120813;
border-radius: 7px;
margin-right: 5px;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .desc-top h3
{
color: #fff;
padding: 0;
text-align: left;
font-size: 18px;
margin-bottom: 0;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .desc-top h4
{
color: #fff;
padding: 0;
text-align: left;
font-size: 15px;
font-weight: 400;
margin: 0;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .desc-bot h4
{
color: #fff;
padding: 0;
text-align: left;
font-size: 15px;
font-weight: 400;
margin: 0;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .desc-bot
{
display:flex;
justify-content: space-between;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .desc
{
width: 100%;
display: inline-grid;
align-content: space-between;
height: 100%;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .likes-ranks {
display: flex;
gap: 10px;
align-items: center;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .star-ranks
{
display: flex;
gap: 10px;
align-items: center;
}
section#mikrotakt .sec3 .tools-box-r1 .col-4 .star-ranks span,
section#mikrotakt .sec3 .tools-box-r1 .col-4 .likes-ranks span
{
color: #fff;
}
section#mikrotakt div#sec7
{
padding-bottom: 7rem;
}
#aireviews a.s2btn
{
margin-top: 0rem !important;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
width: fit-content;
margin: 0 auto;
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
float: left;
overflow: hidden;
border-radius: 2px;
font-size: 14px;
}
#aireviews .viemore
{
margin: 0 auto;
}
/* eazygen filter end*/
/* Ai Course Start */
section#aitools.aicourse .col-md-12.col-lg-12.col-xl-12 .topheads {
display: block;
background-color: #151417;
padding: 0 !important;
border: 0;
}
section#aitools.aicourse .topheads.bots
{
background-color: #151417;
padding: 0 !important;
border: 0;
border-radius: 20px;
display: block;
}
section#aitools.aicourse .topheads.bots img {
width: 100%;
}
section#aitools.aicourse .topheads.bots .title-bx h3 {
color: #fff;
font-size: 21px;
text-align: left;
padding-top: 0;
font-weight: 600;
}
section#aitools.aicourse h4.title
{
color: #C738E5;
font-size: 14px;
}
section#aitools.aicourse h4.title
{
color: #C738E5;
font-size: 13px;
font-family: 'SF PRO DISPLAY';
margin-bottom: 0;
}
section#aitools.aicourse h5.det
{
color: #fff;
font-size: 12px;
font-family: 'SF PRO DISPLAY';
width: 100%;
margin-bottom: 0;
}
section#aitools.aicourse .r1,
section#aitools.aicourse .r2,
section#aitools.aicourse .r3
{
display: inline-flex;
width: 100%;
align-items: flex-start;
}
section#aitools.aicourse .bot-det
{
padding: 0px 15px 15px 15px;
}
section#aitools.aicourse .title-bx
{padding: 15px 15px 0px 15px;}
section#aitools.aicourse .main-row
{
display: inline-grid;
gap: 25px;
}
section#aitools.aicourse .main-row .row.col-12.row-grid {
padding: 0;
margin: 0 auto;
gap: 3%;
}
section#aitools.aicourse .main-row .col-md-4
{
padding:0;
width: 31%;
}
section#aitools.aicourse .content.col-md-9
{
border: 0;
}
/* Ai Course End */
/* Ai Guide Start */
#aiguide a.s2btn
{
margin-top: 0rem !important;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
width: fit-content;
margin: 0 auto;
position: relative;
padding: 10px 25px;
box-shadow: 0 0 10px 5px rgb(0 0 0 / 17%);
float: left;
overflow: hidden;
border-radius: 2px;
font-size: 14px;
}
#aiguide .viemore
{
margin: 0 auto;
}
#aiguide .col-md-4 span img {
width: 70px;
height: 70px;
}
#aiguide .bots {
text-align: left;
padding: 0px 25px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
#aiguide h5 {
color: #fff;
font-size: 16px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}
section#aiguide .main-row {
display: inline-grid;
gap: 45px;
}
#aiguide .col-lg-12.toimg.boxes
{
display: flex;
gap: 3%;
padding: 0;
}
#aiguide .col-lg-12.toimg.bots:last-child {
margin-bottom: 0;
}
#aiguide .col-md-4 {
background-color: #262626;
border-radius: 30px;
padding-bottom: 10px;
padding: 0;
width: 32%;
margin: 0 auto;
}
#aiguide .col-md-4 img {
width: 100%;
border-radius: 15px 15px 0px 0px;
}
#aiguide h4 {
color: #fff;
font-family: "SF Pro Display";
font-size: 20px;
text-align: left;
padding: 1rem 2rem 0rem 2rem;
line-height: 1.4;
}
#aiguide h3 {
color: #fff;
font-size: 16px;
padding: 10px 0px 0 0;
text-align: left;
margin: 0;
}
#aiguide .toheads p {
width: 55% !important;
margin: 0 auto;
}
#aiguide .text-banner h2 span {
font-weight: 600 !important;
}
#aiguide hr
{
color:#fff;
opacity: 1;
}
#aiguide #sec1 .toheads p {
text-align: center;
}
#aiguide form.guideform {
width: 45%;
margin: 0 auto;
display: flex;
gap: 6px;
}
#aiguide form.guideform button.btn.btn-primary
{
background-color: #733EC7;
border:0;
border-radius: 25px;
}
#aiguide form.guideform input#email
{
border-radius: 25px;
}
#aiguide #sec1 p {
text-align: left;
padding: 1rem 2rem;
width: 100%;
height: 120px;
}
#aiguide h3 i:before {
background-image: URL("../../../images/ai-slick/calendar.png");
background-repeat: no-repeat;
content: "";
position: absolute;
left: -27px;
top: -2px;
width: 30px;
height: 30px;
transform: scale(0.8);
}
#aiguide h3 i {
position: relative;
}
section#aiguide div#sec1
{
padding-bottom: 4rem;
}
section#aiguide
{
background-image: URL('../../../images/ai-slick/toolInnerpage-bg.png');
background-position:top center!important;
background-size:cover !important;
}
section#aiguide iframe {
border: 0;
width: 100%;
height: 230px;
border-radius: 20px 20px 0px 0px;
}
/* Ai guide End */
/* Ai Newsletter Starts */
section#ainewsletter {
background-image: URL('../../../images/ai-slick/directory-bg.png');
}
#ainewsletter .col-md-4 .imgs img {
width: 70px;
height: 70px;
}
#ainewsletter .bots {
text-align: left;
padding: 0px 25px;
}
#ainewsletter h5 {
color: #fff;
font-size: 16px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}
#ainewsletter .col-lg-12.toimg.bots {
display: inline-flex;
width: 100%;
padding: 0;
margin: 0 auto;
align-items: center;
justify-content: center;
}
#ainewsletter .col-lg-12.toimg.bots:last-child {
margin-bottom: 0;
}
#ainewsletter .col-md-4 {
background-color: #262626;
margin: 0 1%;
border-radius: 30px;
padding-bottom: 10px;
padding: 0;
width: 32%;
}
#ainewsletter .col-md-4 img {
width: 100%;
border-radius: 15px 15px 0px 0px;
}
#ainewsletter h4 {color: #fff;font-family: "SF Pro Display";font-size: 20px;text-align: left;/* padding: 1rem 2rem; */}
#ainewsletter h3 {
color: #fff;
font-size: 16px;
padding: 10px 0px 0 0;
text-align: left;
margin: 0;
}
#ainewsletter .toheads p {
width: 55% !important;
margin: 0 auto;
}
#ainewsletter .homepage-hero_textCarousel {
display: inline-table;
}
#ainewsletter .text-banner h2 span {
font-weight: 600 !important;
}
#ainewsletter hr
{
color:#fff;
opacity: 1;
}
#ainewsletter h3 i:before {
background-image: URL("../../../images/ai-slick/calendar.png");
background-repeat: no-repeat;
content: "";
position: absolute;
left: -27px;
top: -2px;
width: 30px;
height: 30px;
transform: scale(0.8);
}
#ainewsletter h3 i {
position: relative;
}
section#ainewsletter form.ai-news-letter button.btn.btn-primary {
background-color: #CA62DB;
border-color: transparent;
position: absolute;
right: 0%;
top: 2%;
padding: 9px 32px !important;
font-weight: 500;
border-radius: 0px 6px 6px 0px;
}
section#ainewsletter form.ai-news-letter
{
width: 35%;
margin: 0 auto;
position: relative;
}
section#ainewsletter form.ai-news-letter input
{
padding: 1.3rem 10px !important;
border-radius: 6px 6px 6px 6px;
background-color: transparent;
border: 2px solid #C738E5;
}
section#ainewsletter form input::placeholder
{
color: #fff;
}
#ainewsletter .col-md-4 p {
text-align: left;
width: 100%;
padding: 10px 0;
height: 110px;
}
#ainewsletter .col-md-4 .bots-desc
{
display:inline-flex;
gap: 20px;
padding: 0 0;
}
#ainewsletter .col-md-4 .mainbox
{
padding: 2rem 2rem;
}
#ainewsletter .before-bots {
display: inline-grid;
gap: 35px;
padding-top: 6rem;
padding-bottom: 6rem;
}
#ainewsletter .before-bots h2.heads {
color: #fff;
padding-left: 0rem;
font-size: 2.5rem;
}
/* Ai Newsletter End */
/* Ai news start */
section#ainews #sec8 hr {
background-color: #fff;
opacity: 111;
height: 1px;
width: 100%;
display: block;
}
section#ainews #sec8 .toimg.bots .col-lg-4 {
background-color: #262626;
margin: 0 auto;
padding: 0px 0px 0rem 0px;
border-radius: 22px;
}
section#ainews .row.container
{
margin: 0 auto;
}
section#ainews
{
background-image: URL('../../../images/ai-slick/directory-bg.png');
}
section#ainews .col-lg-12.toimg.bots img
{
margin: 0;
width: 100%;
height: 250px;
border-radius: 12px 12px 0px 0px;
}
section#ainews .bx-date img {
max-width: 16px;
height: 16px !important;
}
section#ainews .bx-date {
display: inline-flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
padding: 0 1rem;
}
section#ainews .bx-date h3 {
color: #fff;
font-size: 12px;
margin: 0;
}
section#ainews .inr-bx {
padding: 0rem 0rem 11px 0;
}
section#ainews .bx-title
{
padding: 0 1rem;
}
/* Ai news end */
/* ai blog start */
section#blogs .text-banner p {
color: #fff;
font-size: 16px;
}
#aiblog section#blogS2 hr
{
background-color: #ca62db;
border: 1px solid;
margin-top: 5rem;
}
#aiblog .content.col-md-9 {
border: 0;
}
section#aitools.aiblog .topheads
{
background-color:rgba(0, 0, 0, 0.44);
border: 0;
border-radius: 24px;
}
section#aitools.aiblog .row-grid img
{
width: 100%;
height: 200px;
}
section#aitools.aiblog .row-grid .img-bx
{
padding-top: 4rem;
}
section#aitools.aiblog .main-row
{
display:inline-grid;
gap:30px;
}
section#aitools.aiblog h4.date
{
color: #fff;
}
section#aitools.aiblog h5.desc
{
color: #fff;
height: 70px;
}
section#aitools.aiblog .topheads.bots
{
padding: 40px 20px 20px 20px !important;
}
/* ai blog end */
/* modal login starts */
#loginModal .mb-12.form-check {
display: inline-flex;
width: 100%;
justify-content: space-between;
padding: 1rem 0px 2rem 25px;
}
#loginModal .mb-12.form-check button {
background-color: transparent;
border: 0;
color: #fff;
}
.cta button.btn.btn-primary
{
background-color:#c738e5;
border:0;
}
#loginModal label.form-check-label {
color: #fff;
}
#loginModal .modal-dialog
{
background-image: URL('../../../images/ai-slick/modal-bg.webp');
padding: 0rem 0px 0px 0px;
background-repeat: no-repeat;
background-size: 100% 100% !important;
background-position: 100% 100% !important;
}
#loginModal.modal .modal-header {
background-color: transparent;
border-radius: 17px 17px 0 0;
border: 0;
}
#loginModal.modal .modal-content {
background: transparent;
border: 1px solid #733EC7;
padding: 1rem 1rem;
}
#loginModal .modal-dialog .btn-close
{
color:#fff;
}
#loginModal .modal-dialog .form-control
{
background-color:transparent;
color:#fff;
}
/* modal login end */
/* ai newsinner start */
section#ainewsinner .col-lg-5.scnd img
{
width: 100%;
border-radius: 0px 15px 15px 0px;
height: 100%;
}
section#ainewsinner .col-lg-5.scnd
{
padding: 0;
}
section#ainewsinner section#sect2 p
{
color: #fff;
}
section#ainewsinner section#sect2 span.thm-colr
{
color: #C738E5;
}
section#ainewsinner section#sect2 h3
{
color: #fff;
}
section#ainewsinner section#sect2 h4
{
color: #fff;
padding-top: 1rem;
}
section#ainewsinner section#sect2 li
{
color: #fff;
}
section#ainewsinner
{
background-image: URL('../../../images/ai-slick/aireviewsinner.webp');
}
section#ainewsinner .col-lg-7.fst
{
background-color: #0C0A09;
border: 1px solid #c738e561;
border-right: 0;
border-radius: 15px 0 0 15px;
display: flex;
align-items: center;
text-align: left;
padding: 4rem;
}
section#ainewsinner section#sect2 li::marker {
color: #c738e5;
}
section#ainewsinner section#sect2 li {
margin-left: 2.5rex !important;
}
section#ainewsinner .col-md-3.toprights .box li
{
border-bottom: 1px solid #ffffff1c;
padding: 9px 0;
}
section#ainewsinner section#sect2 ul {
padding-left: 0rem;
}
section#ainewsinner section#sect2 h5
{
color: #fff;
text-align: center;
}
section#ainewsinner .col-md-3.toprights .box {
border: 1px solid #c738e5;
padding: 20px;
border-radius: 12px;
background-color: #0C0A09;
}
section#ainewsinner section#sect2 hr {
color: #fff;
opacity: 1;
margin: 2rem 0;
}
section#ainewsinner section#sect2
{
padding-bottom: 4rem;
}
section#ainewsinner .row.col-md-12.main
{
display: flex;
justify-content: space-between;
padding: 0;
}
section#ainewsinner .col-md-3.toprights
{
padding-right: 0;
}
section#ainewsinner .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 4rem;
}
section#ainewsinner .row.col-lg-12.text-banner
{
padding-left: 0;
padding-right: 0;
padding-bottom: 6rem;
height: 550px;
}
section#ainewsinner section#sect2 .box hr
{
margin: 6px 0;
}
/* ai newsinner end */
/* ai reviewsinner start */
section#aireviewsinner .col-lg-5.scnd img
{
width: 100%;
border-radius: 0px 15px 15px 0px;
height: 100%;
}
section#aireviewsinner .col-lg-5.scnd
{
padding: 0;
}
section#aireviewsinner section#sect2 p
{
color: #fff;
}
section#aireviewsinner section#sect2 span.thm-colr
{
color: #C738E5;
}
section#aireviewsinner section#sect2 h3
{
color: #fff;
}
section#aireviewsinner section#sect2 h4
{
color: #fff;
padding-top: 1rem;
}
section#aireviewsinner section#sect2 li
{
color: #fff;
}
section#aireviewsinner
{
background-image: URL('../../../images/ai-slick/aireviewsInner.webp');
}
section#aireviewsinner .col-lg-7.fst
{
background-color: #0C0A09;
border: 1px solid #c738e561;
border-right: 0;
border-radius: 15px 0 0 15px;
display: flex;
align-items: center;
text-align: left;
padding: 4rem;
}
section#aireviewsinner section#sect2 li::marker {
color: #c738e5;
}
section#aireviewsinner section#sect2 li {
margin-left: 2.5rex !important;
}
section#aireviewsinner .col-md-3.toprights .box li
{
border-bottom: 1px solid #ffffff1c;
padding: 9px 0;
}
section#aireviewsinner section#sect2 ul {
padding-left: 0rem;
}
section#aireviewsinner section#sect2 h5
{
color: #fff;
text-align: center;
}
section#aireviewsinner .col-md-3.toprights .box {
border: 1px solid #c738e5;
padding: 20px;
border-radius: 12px;
background-color: #0C0A09;
}
section#aireviewsinner section#sect2 hr {
color: #fff;
opacity: 1;
margin: 2rem 0;
}
section#aireviewsinner section#sect2
{
padding-bottom: 4rem;
}
section#aireviewsinner .row.col-md-12.main
{
display: flex;
justify-content: space-between;
padding: 0;
}
section#aireviewsinner .col-md-3.toprights
{
padding-right: 0;
}
section#aireviewsinner .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 4rem;
}
section#aireviewsinner .row.col-lg-12.text-banner
{
padding-left: 0;
padding-right: 0;
padding-bottom: 6rem;
height: 550px;
}
section#aireviewsinner section#sect2 .box hr
{
margin: 6px 0;
}
/* ai reviews inner end */
span.page-numbers.prev,
a.page-numbers.next
{
background: transparent;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
border-radius: 50px;
color: transparent;
border: 2px solid grey;
margin: 23px 0 !important;
align-items: center;
}
span.page-numbers.prev,
a.page-numbers.next
{
fill: #000000 !important;
}
nav.elementor-pagination {
position: absolute;
right: -10%;
bottom: 29%;
}span.page-numbers.prev,
a.page-numbers.next
{
background: transparent;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
border-radius: 50px;
color: transparent;
border: 2px solid grey;
margin: 23px 0 !important;
align-items: center;
}
span.page-numbers.prev,
a.page-numbers.next
{
background: transparent;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
border-radius: 50px;
color: transparent;
border: 2px solid grey;
margin: 23px 0 !important;
align-items: center;
}
.page-numbers.prev,
.page-numbers.next
{
background: transparent;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
border-radius: 50px;
color: transparent;
border: 2px solid grey;
margin: 23px 0 !important;
align-items: center;
}
.page-numbers.prev,
.page-numbers.next
{
fill: #000000 !important;
position: relative;
}
nav.elementor-pagination {
position: absolute;
right: -10%;
bottom: 29%;
}
.page-numbers.prev:before
{
content: "\2039";
position:absolute;
top: -52%;
left: -2%;
color:grey;
height: 100%;
width: 100%;
font-size: 55px;
}
.page-numbers.next:before
{
content: "\2039";
position:absolute;
top: -52%;
left: -2%;
color:grey;
height: 100%;
width: 100%;
font-size: 55px;
transform: scaleX(-1);
}
/* ai course inner start */
div#aicourseinner
{
background-image: URL('../../../images/ai-slick/aI-courses-inner.webp');
padding-top: 12rem;
padding-bottom: 0rem;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
div#aicourseinner .ses1 {
margin: 0 auto;
}
#aicourseinner .ses2
{
margin: 0 auto;
}
#aicourseinner .ses3 {
margin: 0 auto;
}
#aicourseinner .col-6.c1
{
text-align: left;
padding: 0;
}
#aicourseinner .col-6.c1 p
{
color:#fff;
}
div#aicourseinner .ses4 button.accordion-button
{
border-top: 1px solid #ffffff7a;
}
div#aicourseinner .ses4 .accordion-item:nth-child(1) button.accordion-button
{
border-top: 0px;
}
#aicourseinner .ses2 ul
{
padding-left: 20px;
}
#aicourseinner .col-6.c1 h5
{
color:#fff;
font-size: 16px;
margin-top: 2rem;
font-family: 'SF Pro Display';
}
#aicourseinner .col-6.c1 h6
{
color:#fff;
font-family: 'SF Pro Display';
font-size: 16px;
}
#aicourseinner .col-6.c1 button
{
background-color: #BD38E2;
border: 1px solid #BD38E2;
color: #fff;
border-radius: 8px;
font-family: 'SF Pro Display';
font-size: 16px;
font-weight: 400;
padding: 5px 15px;
margin-top: 1rem;
}
#aicourseinner span.thmeclr
{
color: #C738E5;
}
#aicourseinner .col-6.c1 ul li img
{
padding-left: 10px;
}
div#aicourseinner .ses1 .col-6.c2
{
}
div#aicourseinner .ses1 .col-6.c2 {
border: 1px solid #C738E5;
padding: 2rem;
background-color: #0C0B0F;
text-align: left;
width: 40%;
margin-left: 10%;
border-radius: 12px;
}
div#aicourseinner .ses1 .col-6.c2 h6 {
color:#fff;
font-family: 'SF Pro Display';
font-size: 18px;
font-weight:800;
margin: 0;
}
div#aicourseinner .ses1 .col-6.c2 h5 {
color:#fff;
font-family: 'SF Pro Display';
font-size: 18px;
font-weight:800;
margin: 0 0 6px 0;
}
div#aicourseinner .ses1 .col-6.c2 p {
color:#fff;
font-family: 'SF Pro Display';
font-size: 16px;
}
#aicourseinner .ses2 h2 {
padding-bottom: 4rem;
}
#aicourseinner .col-6.c1 h2 {
padding-bottom: 1rem;
font-size: 40px;
}
div#aicourseinner .ses4 .accordion-body
{
background-color: transparent;
}
#aicourseinner .ses5 .col-6.c2
{
padding: 0;
text-align: left;
}
div#aisol-sec5 .container.text-banner.new.banner-home
{
padding: 0;
}
div#aisol-sec5
{
padding-top: 6rem;
padding-bottom: 6rem;
}
div#aicourseinner .ses5 .col-6.c1 h2
{
width: 70%;
margin: 0;
}
div#aicourseinner .ses5 .col-6.c1 ul
{
width: 90%;
padding-left: 15px;
}
#aicourseinner .ses5 .col-6:nth-child(3)
{
text-align: right;
}
#aicourseinner .col-6.c1 li span.thmclr {
color: #c738e5;
}
#aicourseinner .ses2 .col-6.c2 img {
padding-top: 2rem;
}
#aicourseinner .col-6.c1 li::marker
{
color:#c738e5;
}
div#aicourseinner .ses1 hr {
background-color: #000;
padding: 1px;
}
#aicourseinner .ses3 .col-4 p {
color: #fff;
width: 95%;
margin: 0;
line-height: 1.8;
padding: 1rem 0;
}
#aicourseinner .ses3 p {
color: #fff;
width: 80%;
margin: 0px auto;
margin-top: 5px;
margin-bottom: 3rem;
}
#aicourseinner .ses3 .col-4
{
border: 1px solid #733ec76e;
border-radius: 12px;
width: 32%;
padding: 3rem 2rem;
text-align: left;
}
#aicourseinner .ses3 .col-4 h3
{
color:#fff;
text-align: left;
}
#aicourseinner .ses3 .row {
gap: 25px;
}
#aicourseinner .ses3 .col-4:nth-child(2) {
background-color: #0B0B0E;
}
#aicourseinner .ses3 .col-4:nth-child(1) {
background: linear-gradient(45deg, #0B0B0E, #8345ca14);
border: 0;
}
#aicourseinner .ses3 .col-4:nth-child(3) {
background: linear-gradient(45deg, #0B0B0E, #8345ca0d);
border: 0;
}
#aicourseinner .ses3 .text-banner h3 {
width: 60%;
margin: 0;
text-align: left;
padding-bottom: 0;
color: #fff;
line-height: 1.5;
}
#aicourseinner .ses3 img {
border: 1px solid #8345CA;
padding: 10px 10px;
height: 70px;
width: 70px;
object-fit: contain;
object-position: center;
margin-bottom: 2rem;
}
div#aicourseinner .ses1 .col-6.c2 ul li {
display: flex;
align-items: center;
gap: 6px;
}
div#aicourseinner .ses1 .col-6.c2 ul li i
{
color: #C738E5;
}
div#aicourseinner .ses1 .col-6.c2 ul
{
padding-left: 0;
}
#aicourseinner .col-6.c1 li
{
/* list-style:none; */
font-family: 'SF Pro Display';
font-size: 16px;
color: #FFF;
}
#aicourseinner .courseraplus {
display: flex;
gap: 9px;
}
#aicourseinner .courseraplus a {
color: #fff;
font-family: 'SF Pro Display';
font-size: 16px;
}
div#aicourseinner .ses3 h2
{
padding-bottom: 2rem;
}
div#aicourseinner .ses4 .accordion-item
{
background-color: transparent;
/* padding: 0rem 1rem; */
border: 0;
}
div#aicourseinner .ses4 button.accordion-button
{
background-color: transparent;
display: block;
}
div#aicourseinner .ses4 .accordion-item:first-of-type .accordion-button
{
color: #fff;
display: block;
}
div#aicourseinner .ses4 .accordion-item li
{
color:#fff;
}
div#aicourseinner .ses4 .accordion-item ul
{
text-align:left;
}
div#aicourseinner .ses4 .accordion-item h3
{
text-align:left;
margin-bottom: 0;
}
div#aicourseinner .ses4 .accordion-item li::marker
{
color:#c738e5;
}
div#aicourseinner .ses4 h2.accordion-header
{
color:#fff !important;
padding: 0px 0rem;
/* background-color: transparent; */
}
div#aicourseinner .ses4
{
padding-top: 4rem;
padding-bottom: 7rem;
}
div#aicourseinner .ses4 h2
{
padding-bottom: 3rem;
}
div#aicourseinner .accordion-body
{
padding-left: 19px;
padding-top: 0;
padding-bottom: 0px;
background-color: #0D0E12;
}
div#aicourseinner .ses4 .accordion-item button.accordion-button:focus
{
box-shadow: none;
}
div#aicourseinner .ses4 .accordion-button:not(.collapsed)
{
color: #fff;
/* font-weight:400; */
}
div#aicourseinner .ses4 button.accordion-button.collapsed
{
color: #fff;
font-weight:400;
background-color: transparent;
}
div#aicourseinner .ses4 .row.r2
{
justify-content: space-between;
}
div#aicourseinner .ses4 .row.r2 a
{
background-color: #BD38E2;
border: 1px solid #BD38E2;
color: #fff;
border-radius: 8px;
font-family: 'SF Pro Display';
font-size: 16px;
font-weight: 400;
padding: 10px 30px;
margin-top: 1rem;
width:max-content;
text-decoration: none;
}
div#aicourseinner .ses4 .row.r1 .faq-content
{
padding: 0;
background-color: #0b0b0e66;
margin-bottom: 2rem;
}
div#aicourseinner .ses4 .row.r1 .accordion-collapse.collapse
{
background-color: transparent;
}
div#aicourseinner .ses5
{
margin: 0 auto;
padding: 0rem 0rem 4rem 0rem;
}
div#aicourseinner .ses5 h2
{
padding-bottom: 3rem;
}
#aicourseinner .ses5 img
{
border-radius: 15px;
margin: 0;
}
div#aicourseinner .ses5 .justspace.row.container
{
padding: 3rem 0;
}
/* ai course inner end */
main#faqs .faq-content button {
border-top: 1px solid;
border-radius: 0;
border-color:#ffffff6e;
}
main#faqs .faq-content .accordion-item:nth-child(1) button {
border-top: 0;
}
main#faqs .faq-content .accordion-button::after
{
background-color:#ffffff6e;
border-radius:5px;
}
main#faqs .faq-content {
margin-top: 7rem;
background: linear-gradient(16deg, #0b0b0e45, #0c0b0f57);
padding: 1rem 0;
}
main#faqs .faq-content *
{
background-color: transparent;
color:#fff;
}
section.faqs {
padding-top: 5rem;
padding-bottom: 5rem;
}
main#faqs
{
background-image: URL('../../../images/ai-slick/toolInnerpage-bg.png')
}
.modal-open .modal {
z-index: 9999;
}
#searchmain a.s2btn span {
animation: unset;
background: unset;
}
/* befs3 */
section#befs3 .imgsec img
{
width: 100%;
margin: 0 auto;
border-radius: 20px;
}
section#befs3 .aftrimgs2 {
display: inline-flex;
width: 100%;
justify-content: space-evenly;
}
section#befs3 .aftrimgs2 .heads h3
{
color: #fff;
font-size: 24px;
font-family: 'SF PRO DISPLAY';
}
section#befs3 .aftrimgs2 .heads
{
width: 100%;
}
section#befs3 .aftrimgs2 .icons img {
width: 100%;
text-align: right;
}
section#befs3 .prgrph {
color: #fff;
font-size: 16px;
}
section#befs3 .tags {
color: #fff;
}
section#befs3 .tags span
{
font-size: 16px;
font-family: 'SF Pro Display';
padding: 5px;
}
section#befs3 .marketing-tab .col-4
{
display: inline-grid;
gap: 10px;
}
section#befs3 .marketing-tab .d-flex:NTH-CHILD(3)
{
margin-top: 3rem;
}
#advertise #sec2 .col-md-3 hr
{
background-color: #D6D6D6;
height: 3px;
}
/* befs3 */
.inrbx ul::-webkit-scrollbar
{
width: 4px;
}
/* Track */
.inrbx ul::-webkit-scrollbar-track
{
background: #f1f1f1;
}
/* Handle */
.inrbx ul::-webkit-scrollbar-thumb
{
background: #C738E5;
}
/* Handle on hover */
.inrbx ul::-webkit-scrollbar-thumb:hover
{
background: #555;
}
.inrbx ul
{
/* overflow-y: scroll; */
}
#sec2 a
{
background-color: #ca62db;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 0px;
text-align: center;
padding: 11px 25px;
border: 0;
width: fit-content;
border-radius: 8px;
cursor:pointer;
}
#advertise #sec2 .col-md-3.Recomended:after {
content: "";
height: 80px;
width: 80px;
position: absolute;
top: -5%;
right: 0%;
background-image: URL('../../../images/ai-slick/mostpopular.png');
background-repeat: no-repeat;
/* background-position: right center; */
}
#advertise #sec2 .caroin
{
display: flex;
justify-content: center;
}
#advertise div#sec2 .text-right.arrows.advertise
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
text-align: center !important;
}
#advertise div#sec2 .col-lg-12.text-banner.toimg.bots.carousel-inner
{
padding-top: 3rem !important;
padding-bottom: 8rem;
}
#advertise div#sec2 .text-right.arrows.advertise a.btn.btn-primary.mb-3
{
z-index: 99;
cursor: pointer;
}
#advertise div#sec2 a.btn.btn-primary.mb-3.mr-1
{
/* position: absolute; */
/* left: -70px; */
}
#advertise div#sec4 .col-lg-12.text-banner
{
display: block;
padding-bottom: 2rem;
}
#advertise div#sec4
{
padding-top: 4rem;
padding-bottom: 4rem;
}
#advertise div#sec4 .row.container.new.banner-home
{
width: 100%;
margin: 0px auto;
}
#advertise #sec4 h2.homepage-hero_heavy
{
width: 100%;
font-size: 45px;
font-weight: 500;
}
/* */
#advertise div#sec5 .col-lg-12.text-banner
{
display: block;
padding-bottom: 2rem;
}
#advertise div#sec5
{
padding-top: 1rem;
padding-bottom: 0rem;
}
#advertise div#sec5 .row.container.new.banner-home
{
width: 100%;
margin: 0px auto;
}
#advertise #sec5 h2.homepage-hero_heavy
{
width: 100%;
font-size: 45px;
font-weight: 500;
}
#advertise div#sec5 .container.row.bdy {
width: 100%;
margin: 0 auto;
}
#advertise div#sec5 .container.row.bdy .maining1 {
display: flex;
}
#advertise div#sec5 .container.row.bdy .maining2 {
display: flex;
}
div#sec2 .row.container.new.banner-home
{
margin: 0 auto;
}
#advertise div#sec4 p {
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "SF Pro Display";
padding: 0px 0;
width: 75%;
margin: 0 auto;
line-height: 1.7;
}
#advertise div#sec4 .col-4 h3 {
color: #fff;
color: #fff;
font-family: 'SF Pro Display';
font-size: 24px;
font-weight: 400;
}
#advertise div#sec4 .col-4 p {
text-align: left;
width: 100%;
height: 155px;
padding-top: 5px;
}
#advertise div#sec4 .col-4 a {
color: #ca62db;
text-decoration: none;
font-weight: 500;
font-style: italic;
}
#advertise div#sec4 .col-4 a i {
padding-left: 10px;
}
#advertise div#sec5 p {
text-align: center;
width: 70%;
margin: 0 auto;
padding-bottom: 3rem;
}
#advertise #sec5 h2.homepage-hero_heavy {width: 80%;margin: 0 auto;}
#advertise div#sec5
.col-6 h3 {
color: #fff;
font-family: 'SF Pro Display';
font-size: 24px;
font-weight: 400;
}
#advertise div#sec5 .col-6 p {
text-align: left;
width: 100%;
height: 110px;
}
#advertise div#sec5 img {
height: 300px;
width: 100%;
/* object-fit: fill; */
/* object-position: center; */
padding-bottom: 2rem;
}
#advertise div#sec5 .col-6 a {
color: #ca62db;
text-decoration: none;
font-weight: 500;
font-style: italic;
}
#advertise div#sec5 .col-6:nth-child(1) {
padding-bottom: 5rem;
}
#advertise div#sec5 .col-6 a i {
padding-left: 8px;
}
#advertise div#sec6 p {
width: 75%;
margin: 0 auto;
margin-bottom: 2rem;
}
#advertise div#sec6 .toheads a {
background-color: #ca62db;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
margin-top: 4rem;
text-align: center;
padding: 11px 25px;
border: 0;
width: fit-content;
border-radius: 8px;
cursor: pointer;
}
#advertise div#sec6 .maining1 .col-6 {
border: 1px solid #C738E5;
border-radius: 30px;
max-width: 30%;
display: inline-grid;
align-items: center;
text-align: center;
padding: 2rem 0;
background: #0D0E12;
}
#advertise div#sec6 .maining1 {
display: inline-flex;
gap: 20px;
justify-content: center;
margin-bottom: 2rem;
margin-left: -7rem;
}
#advertise div#sec6 .maining1 .col-6 p {
width: 80% !important;
margin: 0 auto !important;
}
#advertise div#sec6 .maining1 .col-6 h3 {
font-size: 16px;
color: #fff;
font-family: 'SF Pro Display';
font-weight: 400;
}
#advertise div#sec6 .maining1 .col-6 h2 {
font-size: 44px;
color: #C738E5;
font-weight: bold;
}
/* */
#advertise div#sec6 .maining2 .col-6 {
border: 1px solid #C738E5;
border-radius: 30px;
max-width: 30%;
display: inline-grid;
align-items: center;
text-align: center;
padding: 2rem 0;
background: #0D0E12;
}
#advertise div#sec6 .maining2 {
display: inline-flex;
gap: 20px;
justify-content: flex-end;
margin-left: -10rem;
}
#advertise div#sec6 .maining2 .col-6 p {
width: 80% !important;
margin: 0 auto !important;
}
#advertise div#sec6 .maining2 .col-6 h3 {
font-size: 16px;
color: #fff;
font-family: 'SF Pro Display';
font-weight: 400;
}
#advertise div#sec6 .maining2 .col-6 h2 {
font-size: 44px;
color: #C738E5;
font-weight: bold;
}
#advertise div#sec6 .container.row.bdy {
margin: 0 auto;
padding-top: 3rem;
}
#advertise div#sec6 .maining1 .col-6:nth-child(2) h2:after {
content: "";
height: 80px;
width: 80px;
position: absolute;
top: 22%;
left: 17%;
background-image: URL('../../../images/ai-slick/percnt.png');
background-repeat: no-repeat;
background-position: center center;
}
#advertise div#sec6 .maining2 .col-6:nth-child(2) h2:after {
content: "";
height: 80px;
width: 80px;
position: absolute;
top: 22%;
left: 17%;
background-image: URL('../../../images/ai-slick/percnt.png');
background-repeat: no-repeat;
background-position: center center;
}
/* */
#advertise div#sec6 h2 {
padding-bottom: 1rem;
}
#advertise div#sec7 .col-lg-12.container {
display: inline-flex;
justify-content: center;
align-items: stretch;
background: #000;
border-radius: 24px;
}
#advertise div#sec7 .col-lg-12.container .col-6 {
padding: 0;
}
#advertise div#sec7 .col-lg-12.container .col-6 img {
width: 100%;
border-radius: 24px;
}
#advertise div#sec7 .col-lg-12.container .col-6 h2 {
font-size: 44px;
text-align: left;
padding-bottom: 1rem;
}
#advertise div#sec7 .col-lg-12.container .col-6 p {
text-align: left;
padding-bottom: 2rem;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul {
display: flex;
padding: 0;
gap: 35px;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul li h5 {
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 17px;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul li {
list-style: none;
text-align: left;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul li a {
background-color: #ca62db;
text-decoration: none;
color: #fff;
font-family: "SF Pro Display";
text-align: center;
padding: 11px 25px;
border: 0;
width: fit-content;
border-radius: 8px;
cursor: pointer;
}
#advertise div#sec7 .col-lg-12.container .col-6:nth-child(1) {
border: 1px solid #ca62db;
border-right: 0;
display: inline-grid;
align-content: center;
border-radius: 24px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: 4rem;
}
#advertise div#sec7 {
text-align: center;
margin-top: 2rem;
margin-bottom: 2rem;
}
#advertise #sec2 {
padding-top: 3rem;
}
#advertise #sec6 {
padding-top: 0rem;
}
#advertise div#sec3 button.collapse.show:focus {
border: 1px solid #c738e5;
}
li.nav-item.switching {
display: none;
}
/* Responsiveness */
/* mobile */
@media (max-width: 767.98px)
{
#advertise div#sec7 .col-lg-12.container .col-6 {
min-width: 100%;
}
#advertise div#sec7 .col-lg-12.container {
display: inline-grid;
gap: 25px;
background-color: transparent;
}
#advertise div#sec7 .col-lg-12.container .col-6 h2 {
font-size: 22px;
width: 100%;
margin: 0;
padding: 0;
}
#advertise div#sec7 .col-lg-12.container .col-6 p {
padding-bottom: 1rem;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul {
display: inline-grid;
}
#advertise div#sec7 .col-lg-12.container .col-6 ul li h5 {
padding-bottom: 5px;
}
#advertise div#sec7 .col-lg-12.container .col-6:nth-child(1) {border-right: 1px solid #ca62db;border-top-right-radius: 24px;border-bottom-right-radius: 24px;padding: 20px 25px;}
#advertise div#sec3 .text-banner h2 {
}
#advertise div#sec6 .container.row.bdy {
display: inline-grid;
gap: 20px;
}
#advertise div#sec6 .maining1 {
display: inline-grid;
margin: 0;
}
#advertise div#sec6 .maining2 {
display: inline-grid;
margin: 0;
}
#advertise div#sec6 .maining1 .col-6 {
min-width: 100%;
display: block;
}
#advertise div#sec6 .maining2 .col-6 {
min-width: 100%;
}
#advertise div#sec4 img {
width: 100%;
}
#advertise .toimg.bots {padding: 25px 5px !important;}
#advertise #sec2 {
padding-top: 0;
}
#advertise #sec2 .row.container.new.banner-home {
padding-top: 0;
}
#advertise div#sec2 h2 {
font-size: 22px;
}
#advertise #sec2 .col-md-3 {
width: 100%;
margin: 0 0 40px 0px;
height: 100%;
}
#advertise #sec2 .caroin {
display: block;
}
#advertise div#sec2 .inrbx {
height: 100%;
}
#advertise div#sec2 .text-right.arrows.advertise {
bottom: -14px;
}
#advertise div#sec4 {
padding-top: 0;
padding-bottom: 1rem;
}
#advertise .text-banner h3 {padding-bottom: 1rem;}
#advertise #sec4 h2.homepage-hero_heavy {
font-size: 22px;
}
#advertise div#sec4 p {
width: 100%;
padding: 1rem 0;
}
#advertise div#sec4 .container.row.bdy {
display: block;
}
#advertise div#sec4 .container.row.bdy .col-4 {
width: 100%;
}
#advertise #sec5 h2.homepage-hero_heavy {
font-size: 22px;
}
#advertise div#sec5 p {
width: 100%;
}
#advertise div#sec5 .container.row.bdy .maining1 {
display: block;
}
#advertise div#sec5 .col-6 {
min-width: 100%;
}
#advertise div#sec5 img {
/* object-fit: fill; */
/* height: 100%; */
/* width: 100%; */
}
#advertise div#sec5 .col-6 p {
height: 100%;
padding: 15px 0;
}
#advertise div#sec5 .container.row.bdy .maining2 {
display: block;
}
#advertise #sec6 {
padding-top: 2rem;
}
div#sec4 {}
section#befs3 .marketing-tab .col-4 {
display: inline-block;
min-width: 100%;
}
section#befs3 .marketing-tab .d-flex {
display: grid !important;
gap: 30px;
width: 100%;
}
section#befs3 .aftrimgs2 {
padding: 20px 0;
}
section#befs3 .tags span {display: inline-block;padding: 0 12px 0 0;}
section#befs3 .ai-tools-by-industry .card img.icons
{
position: absolute;
left: 6%;
top: 12%;
width: 10%;
height: 20%;
}
div#navbarNavDropdown ul li a span {
animation: unset;
background: transparent;
}
div#aisol-sec5 .faq-content
{
width: 100%;
}
div#aisol-sec5 h2.homepage-hero_heavy {
padding-bottom: 1rem;
padding-top: 2rem;
}
#aicourseinner .ses5 img {
width: 100%;
}
#aicourseinner .ses2 .col-6.c2 img {
width: 100%;
}
div#aicourseinner .ses1 {
display: block;
}
#aicourseinner .col-6.c1 {
width: 100%;
padding-bottom: 2rem;
padding-top: 2rem;
}
#aicourseinner .ses3 p
{
margin-bottom: 1rem;
}
div#aicourseinner .ses1 .col-6.c2 {
width: 100%;
margin: 0 auto;
}
div#aicourseinner {
padding-top: 7rem;
}
#aicourseinner .col-6.c1 h2 {
margin-left: 0;
}
#aicourseinner .col-6.c1 .homepage-hero_scroll {
text-align: left;
}
#aicourseinner .ses2 h2 {
padding-bottom: 0rem;
}
#aicourseinner .ses2 .col-6.c2 {
width: 100%;
}
#aicourseinner .ses3 .row {
display: block;
}
#aicourseinner .ses3 .col-4 {
width: 100%;
margin: 18px 0px;
}
div#aicourseinner .ses4 {
padding-top: 2rem !important;
}
div#aicourseinner .ses4 h2 {
padding-bottom: 1rem;
}
div#aicourseinner .accordion-body {
background-color: transparent;
}
div#aicourseinner .ses4 .row.r2 {
justify-content: space-around;
}
div#aicourseinner .ses5 {
padding-top: 3rem !important;
display: block;
}
div#aicourseinner .ses5 h2 {
padding-bottom: 0rem;
}
div#aicourseinner .ses5 .justspace.row.container {
padding: 6px 0;
}
div#aicourseinner .ses5 .col-6.c2 {
width: 100%;
}
#aicourseinner .ses2 {
padding-top: 3rem !important;
}
main#faqs .faq-content {
margin-top: 2rem;
}
section#befs3 .ai-tools-by-industry .col-md-3.mb-3
{
border: unset !important;
}
section#befs3 .torow
{
display: block;
}
section#befs3 .ai-tools-by-industry .card img
{
width: 100%;
height: 150px;
object-fit: cover;
object-position: center;
}
section#befs3 .ai-tools-by-industry .card
{
border:unset !important;
}
#aiguide #sec1 .toheads p
{
min-width:100%;
}
#aiguide form.guideform {
width: 100%;
margin-top: 3rem;
margin-bottom: 1rem;
}
section#ainewsmonthly
{
padding-top: 6rem;
}
section#ainewsmonthly section#sect2
{
padding-bottom: 2rem;
}
section#ainewsmonthly .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 1rem;
}
section#ainewsmonthly .col-lg-7.fst
{
border-radius: 15px;
padding: 1.5rem;
text-align: center;
}
section#ainewsmonthly .col-lg-5.scnd img
{
border-radius: 15px;
}
section#ainewsmonthly .row.col-lg-12.text-banner
{
gap: 25px;
margin: 0 auto;
}
section#ainewsmonthly section#sect2 .row.top
{
justify-content: center;
padding: 2rem;
}
section#ainewsmonthly .col-md-3.toprights
{
margin-top: 1rem;
}
section#aireviewsinner
{
padding-top: 6rem;
}
section#aireviewsinner section#sect2
{
padding-bottom: 2rem;
}
section#aireviewsinner .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 2rem;
}
section#aireviewsinner .col-lg-7.fst
{
border-radius: 15px;
padding: 1.5rem;
text-align: center;
}
section#aireviewsinner .col-lg-5.scnd img
{
border-radius: 15px;
}
section#aireviewsinner .row.col-lg-12.text-banner
{
gap: 25px;
margin: 0 auto;
}
section#aireviewsinner section#sect2 .row.top
{
justify-content: center;
padding: 2rem;
}
section#aireviewsinner .col-md-3.toprights
{
margin-top: 1rem;
}
section#ainewsinner
{
padding-top: 6rem;
}
section#ainewsinner section#sect2
{
padding-bottom: 2rem;
}
section#ainewsinner .col-lg-7.fst h2.homepage-hero_heavy
{
font-size: 2rem;
}
section#ainewsinner .col-lg-7.fst
{
border-radius: 15px;
padding: 1.5rem;
text-align: center;
}
section#ainewsinner .col-lg-5.scnd img
{
border-radius: 15px;
}
section#ainewsinner .row.col-lg-12.text-banner
{
gap: 25px;
margin: 0 auto;
}
section#ainewsinner section#sect2 .row.top
{
justify-content: center;
padding: 2rem;
}
section#ainewsinner .col-md-3.toprights
{
margin-top: 1rem;
}
div#aiinteg-sec3 h3:before
{
content:unset;
}
#sec9.aiinteg-sec7 .col-lg-12.toimg .col-lg-4
{
gap: 25px;
}
div#aiintegration p
{
width: 100%;
}
#sec9.aiinteg-sec7 .col-lg-12.toimg
{
padding: 20px;
margin-top: 1rem;
}
div#aiintegration .col-lg-12.text-banner {
display: inline-grid;
}
div#aiinteg-sec1 form {
width: 100%;
margin-top: 2rem;
}
div#aiinteg-sec1 form h2 {
font-size: 20px;
}
div#aiinteg-sec1 {
padding-top: 0;
}
div#aiintegration h2,div#aiintegration h2 span {
font-size: 25px;
width: 100%;
}
div#aiinteg-sec2 {
padding-top: 6rem;
}
div#aiinteg-sec2 .col-lg-12.toimg {
display: inline-grid;
gap: 25px;
}
div#aiinteg-sec3 h2.homepage-hero_heavy
{
width: 100%;
}
div#aiinteg-sec2 hr
{
display: none;
}
div#aiinteg-sec3 {
padding-top: 6rem;
}
div#aiinteg-sec3 .col-lg-12.toimg {
display: inline-grid;
}
div#aiinteg-sec5 {
padding-bottom: 3rem;
}
#sec9.aisyst-sec7 .col-lg-12.toimg .col-lg-4
{
gap: 25px;
}
#sec9.aisyst-sec7 .col-lg-12.toimg
{
padding: 14px;
margin: 0;
}
div#sec8.aisyst-sec5 .col-lg-12.buts {
margin-bottom: 1rem;
}
div#aisystemsetup h2,div#aisystemsetup h2 span {font-size: 22px;}
div#aisystemsetup .col-lg-12.text-banner {
display: inline-grid;
}
div#aisyst-sec1 {
padding-top: 0;
}
div#aisyst-sec1 img {
width: 100%;
}
div#aisyst-sec2 {
padding-top: 4rem;
}
div#aisyst-sec2 .homepage-hero_textCarousel {
display: block;
}
div#aisystemsetup .text-banner p {
width: 100%;
}
div#aisyst-sec2 .col-lg-12.toimg {
display: inline-grid;
gap: 25px;
}
div#aisyst-sec3 .col-lg-12.toimg {
display: inline-grid;
}
div#aisyst-sec3 {
padding-top: 5rem;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 {
display: inline-grid;
}
div#aisyst-sec4 ul#myTab {
width: 100%;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 div#myTabContent h2 {
font-size: 23px;
width: 100%;
}
div#aisyst-sec4 .col-lg-12.toimg .col1 div#myTabContent p {
width: 100%;
}
div#sec8.aisyst-sec5 {
padding-top: 7rem;
}
#sec8.aisyst-sec5 .text-banner h2
{
padding: 0;
}
section#aitools.aiblog .main-row .col-md-6
{
padding: 0;
}
section#aitools.aiblog .main-row {
gap: 10px;
}
section#blogS2 .row.col-12
{
margin: 0 auto;
padding: 0;
padding-top: 2rem;
}
#aiblog section#blogS2 hr
{
margin-top: 0rem;
}
section#blogS2 .container
{
padding: 0;
}
#aiblog .content.col-md-9
{
width: 100%;
padding: 0 !important;
}
section#ainews .botmain
{
display: inline-grid;
gap: 25px;
}
section#ainews #sec8 .col-lg-12.toimg.bots
{
display: inline-grid;
gap: 25px;
}
section#ainews div#sec8
{
padding-bottom: 3rem;
padding-top: 3rem;
}
#ainewsletter .toheads p
{
width: 100% !important;
}
#ainewsletter .before-bots h2.heads
{
font-size: 1.5rem;
text-align: center;
}
#ainewsletter .col-lg-12.toimg.bots
{
display: inline-grid;
margin-top: 0px !important;
padding-top: 0 !important;
gap: 30px;
margin-bottom: 0 !important;
}
#ainewsletter .col-md-4
{
width: 100%;
}
#ainewsletter .col-md-4 .bots-desc
{
padding-top: 20px;
}
#ainewsletter .before-bots {
padding-bottom: 4rem;
padding-top: 4rem;
}
#aiguide .col-lg-12.toimg.boxes
{
display: inline-grid;
gap: 22px;
}
#aiguide .col-md-4
{
width: 100%;
}
section#aiguide .main-row
{
gap: 11px;
}
section#aitools.aicourse .content.col-md-9
{
padding: 0 !important;
}
section#aitools.aicourse .main-row .row.col-12.row-grid
{
display: block;
}
section#aitools.aicourse .main-row .col-md-4 {
width: 100%;
}
section#aireviews div#sec1
{
padding-bottom: 3rem;
padding-top: 0rem;
}
section#aireviews .main-row
{
gap: 75px;
}
#aireviews #sec1 .toheads p {
width: 100% !important;
}
#aireviews h2.homepage-hero_heavy
{
margin-bottom: 0px;
}
#aireviews .col-lg-12.toimg.boxes {
display: inline-grid;
justify-items: center;
align-content: space-between;
gap: 2%;
}
#aireviews .col-md-4
{
width: 100%;
}
section#mikrotakt a.s1btn:before {
right: 30%;
}
section#mikrotakt .sec2.container {
padding-top: 0rem;
}
section#mikrotakt .sec2 .nav-tabs li {
padding-left: 0;
}
section#mikrotakt .sec2 .nav-tabs {
display: grid;
justify-items: start;
}
section#mikrotakt .sec2 .nav-tabs li.active {
padding: 10px 45px;
}
section#mikrotakt .sec2 .onlyfor-men1.row {
display: inline-grid;
}
section#mikrotakt .sec2 .col-6.cl1, section#mikrotakt .sec2 .col-6.cl2 {
width: 100%;
}
section#mikrotakt .sec2 #menu2 .onlyfor-tabcont {
display: inline-grid;
}
section#mikrotakt .sec2 .col-6.men2-cl1, section#mikrotakt .sec2 .col-6.men2-cl2 {
min-width: 100%;
}
section#mikrotakt .tpbh .col-6
{
min-width: 100%;
}
section#mikrotakt .sec1 .row.container-fluid.new.banner-home .col-lg-12.text-banner
{
padding: 0 !important;
}
section#mikrotakt.mainBody .tph
{
padding-bottom: 0;
}
section#mikrotakt .sec3 .col-12.row.tools-box-r1 .col-4 {
width: 100%;
}
section#mikrotakt .sec3 .mainrow .col-12.row.tools-box-r1 {
display: grid;
gap: 16px;
}
section#mikrotakt .sec3 .mainrow {
padding: 1rem;
}
section#mikrotakt .sec3 h2.homepage-hero_heavy,
section#mikrotakt .sec3 h2.homepage-hero_heavy span {
font-size: 30px;
}
section#aitools .search-section {
padding: 1rem 1rem;
}
#contact div#sec8 {
padding-bottom: 5rem;
padding-top: 0rem;
}
#contact #sec8 .row.container-fluid.new.banner-home {
padding: 0;
margin: 0 auto;
}
footer form {
width: 80%;
}
footer .container.footer-bottom .container {
display: block;
}
footer .template-demo.mt-3 {
float: unset;
}
footer .footer-bottom .col-lg-6
{
min-width: 100%;
}
div#submitainews .midmain h3 {
padding-top: 3rem;
}
div#submitainews .secstart {
padding: 10rem 1rem 3rem 1rem;
}
section#aitools .botsheadsbtns {
justify-content: center;
}
section#aitools .reset:nth-child(2)
{
margin-bottom: 0px;
}
section#aitools .mb-30 {
margin: 0 0 13px 0;
}
section#aitools .mb-30:last-child {
margin: 0;
}
section#aitools .sidbar
{
width: 95%;
margin: 0 auto;
margin-bottom: 1rem;
}
section#aitools .totext
{
gap: 15px;
padding-left: 0;
}
section#aitools .topheads-btns .btnsing
{
margin-bottom:1rem;
}
section#aitools .topheads-btns .rows2 .btnsing:last-child
{
margin-bottom:0;
}
.topheads-btns .rows1, .topheads-btns .rows2
{
display: unset;
}
section#contact #sec8 .col-lg-12.toimg.bots
{
display: block;
margin: 0 auto;
width: 100%;
}
#contact #sec8 .col-lg-6 {
margin-top: 2rem;
}
section#aiglossary .col-lg-12.text-banner h3 {
font-size: 20px;
line-height: normal;
width: 100%;
}
section#aiglossary .tabsbottom {
text-align: center;
}
section#aiglossary .t-c-m-cat-b-boxes .col-lg-12 {
display: block;
}
section#aiglossary .bodystart .tabsmain .col-lg-9 {
margin-top: 2rem;
}
section#aiglossary .bodystart {
padding-bottom: 5rem;
}
section#aiglossary .tab-content h3 {
font-size: 22px;
}
section#aiglossary .tab-content p {
font-size: 14px;
}
section#aiglossary .bodystart .tabsmain {
display: block;
}
section#s1 #sec1 .modal-fullscreen .modal-body .text-banner h2,
section#s1 #sec1 .modal-fullscreen .modal-body .text-banner h2 span
{
font-size: 25px;
}
section#s1 #sec1 .modal-fullscreen .modal-body {
background-color: #000;
border: 5px solid #c738e5;
}
li.nav-item.switching {
display: none;
}
#sec4 .col-lg-12.toimg .col-lg-3
{
margin-top: 2rem;
}
div#youtube-section .col-lg-12.centr-sec {
width: 95%;
margin: 0 auto;
margin-top: 1rem;
}
div#sec8 a.s2btn
{
margin-top: 0 !important;
}
div#sec6 {
padding-top: 2rem;
}
div#sec5 {
padding-top: 1rem;
}
div#sec5 .text-right.arrows {
display: none;
}
section#befs3 .col-lg-12.text-banner.scnd
{
display: block;
padding-bottom: 2rem !important;
padding-left: 0 !important;
}
section#befs3 .ai-tools-by-industry .card {
border: 1px solid #C738E5;
}
div#sec2 {
padding-top: 2rem;
}
#sec5 .col-lg-4 {
width: 100%;
padding-top: 2rem;
}
#sec7 .col-lg-12.toimg
{
padding-top:1rem;
width: 90%;
margin: 0 auto;
}
div#youtube-section {
padding-top:1rem;
}
div#sec7 {
padding-top: 1rem;
}
#sec5 .col-lg-12.toimg {
padding-top: 1rem;
}
div#sec3 .container.new.banner-home
{
padding-top: 1rem;
}
div#sec3 p {
padding: 0px 0 0px 0;
width: 100%;
}
div#sec3.most-popular .col-lg-12.pop-imgs img {
width: 30%;
}
section.pt-5.pb-5.ai-tools-by-industry {
padding-top: 0 !important;
}
div#youtube-section .centr-sec-top
{
display: block;
}
div#youtube-section .centr-sec-top .col-lg-8.a-col
{
padding: 0;
margin: 0 0 10px 0;
}
div#youtube-section .centr-sec-bottom
{
padding: 0;
}
div#youtube-section .col-lg-4.centr-sec-a-col, div#youtube-section .col-lg-4.centr-sec-b-col, div#youtube-section .col-lg-4.centr-sec-c-col {
padding: 0;
width: 100%;
justify-content: flex-start;
}
div#youtube-section .user-text {
padding: 0;
transform: scale(0.6);
}
div#youtube-section .user-icon {
transform: scale(0.5);
}
div#sec7 .text-right.arrows {
display: none;
}
div#sec3.most-popular .col-lg-12.pop-imgs {
display: block;
}
section#befs3 section.pt-5.pb-5.ai-tools-by-industry .col-12
{
display: block;
}
section#befs3 .ai-tools-by-industry .container .col-9.scnd
{
min-width: 100%;
padding: 0 !important;
margin: 1rem 0;
}
section#befs3 .ai-tools-by-industry .col-6.text-right.arrows,
section#befs3 .ai-tools-by-industry a.btn.btn-primary.mb-3
{
position: unset;
display: none;
}
section#befs3 .ai-tools-by-industry .container .fst
{
min-width: 100%;
margin-top: 1rem;
}
section#befs3 .container.centerparagh p {
padding: 0 !important;
}
section#befs3 .container.centerparagh {
padding: 0;
}
section#befs3 .topmarket-flex
{
display: inline-block;
}
section#befs3 .market-inr-tab
{
width: 100%;
margin:0 0 1rem 0;
}
div#sec2 .col-lg-4
{
display: inline-grid;
justify-items: center;
}
section#befs3
{
padding: 0rem 2rem;
}
section#befs3 p
{
padding-top: 0rem;
padding-bottom: 2rem;
}
section#befs3 div#v-pills-tab button
{
font-size: 10px;
margin: 0rem 0rem;
padding: 0 6px;
}
.inr-tab::-webkit-scrollbar
{
width: 12px
}
section#befs3 .inr-tab .buttons {
padding: 12px 0rem;
display: -webkit-box;
}
div#sec1 .col-xs-12 {
padding: 0 1rem;
}
.text-banner h2 span
{
font-size: 1.5rem;
}
section#befs3 div#v-pills-tab {
width: 100%;
height: 100%;
}
section#befs3 .bd-example, section#befs3 .tab-content {
width: 100%;
}
section#befs3 .d-flex.align-items-start
{
display: inline-block !important;
}
/* .animation {
display: none;
} */
#sec1 p {
line-height: 1.6;
padding-top: 0;
}
#sec7 p {
line-height: 1.6;
}
.filters-actions {
position: fixed;
background: #fff;
display: flex;
justify-content: center;
border:0;
bottom: 0;
z-index: 1031;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
-webkit-box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
-moz-box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
height: 50px;
}
.filters-actions>div {
flex: 1;
text-align: center;
}
.filters-actions>div:first-of-type{
border-right: 1px solid #d6d1ce;
}
.filters-actions>div>* {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
/*.no-border-select.sort-select + .select2-container--default .select2-selection--single{
background-image: none;
padding:10px;
}*/
.filter-btn, .filter-btn:hover, .filter-btn:focus, .filter-btn:active {
padding: 14px 20px;
height: 50px;
border: 0;
position: relative;
z-index: 1;
background: #fff;
border-radius: 0;
}
.sort-drop .dropdown-menu{
width: 100%;
left: 0;
position: fixed !important;
transform: translateY(100%) !important;
bottom: 50px !important;
top: auto !important;
text-align: center;
border-radius: 6px 6px 0 0 !important;
box-shadow: none !important;
transition: .3s;
display: block;
/* border: 0;*/
z-index: -11;
}
.sort-drop .dropdown-menu .dropdown-item{padding:15px 20px !important;}
.sort-drop .dropdown-menu .dropdown-item:first-child{
border-radius: 6px 6px 0 0 !important;
}
.sort-drop.show .dropdown-menu{
transform: translateY(0) !important;
}
.btn.sort-toggle{
background-image: none;
padding:10px !important;
width: 100%;
border: 0;
height: 50px;
position: relative;
z-index: 1;
background: #fff;
border-radius: 0;
font-size: 16px;
line-height: 22px;
}
.sidebar {
position: fixed;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #fff;
}
.sidebar.open{
z-index: 1032;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
.sidebar__inner {
padding: 0 0px;
height: calc(100% - 58px);
overflow-y: auto;
}
.filter-header{height: 58px;}
.filter-body{padding-right: 0;}
}
@media screen and (max-width: 400px) {
.image-wrapper {
margin-top: 0;
}
.image-wrapper .images .img,
.image-wrapper .images .pic {
flex-basis: 100%;
margin-right: 0;
}
}
/* mobile end */
/* ipad start*/
@media only screen and (min-width:600px) and (max-width:768px)
{
section#befs3 .tags span {
display: block;
}
section#befs3 .marketing-tab .col-4 {
display: unset;
}
#sec8.aisol-sec5
{
padding-top: 4rem;
}
#sec8.aisol-sec5 .col-lg-12.toimg.bots
{
overflow:scroll;
margin: 0;
}
#sec8.aisol-sec5 .toimg.bots .col-lg-4
{
min-width: 50%;
}
#sec9.aisol-sec7 .col-lg-12.toimg
{
display: inline-grid;
gap: 20px;
}
#sec9.aisol-sec7 .col-lg-12.toimg .col-lg-4
{
padding-left: 0 !important;
}
div#aisol-sec4 .col-12.row.col1
{
gap: 30px;
padding-bottom:2rem;
}
div#aisol-sec4 .col-12.row.col2
{
gap: 30px;
}
div#aisolutions div#aisol-sec5 .text-banner h2
{
padding-bottom: 0rem;
}
div#aisolutions div#aisol-sec5
{
padding-top:5rem;
}
div#aisolutions .col-lg-12.text-banner
{
display: inline-grid;
gap: 30px;
}
div#aisol-sec3 .col-lg-12.toimg .col-lg-3
{
min-width: 50%;
}
div#aisol-sec3 .col-lg-12.toimg
{
overflow-x: scroll;
padding-bottom: 2rem;
}
div#aisolutions .text-banner h2
{
padding-bottom: 3rem;
}
div#aisol-sec3
{
padding-top: 5rem;
padding-bottom: 5rem;
}
div#aisol-sec4 .row.col1 .c1
{
border: 0px solid #fff;
}
div#aisol-sec4 .row.col2 .c1
{
border: 0px solid #fff;
padding: 0;
}
div#aisol-sec4 .row.col2 .c2
{
border: 0px solid #fff;
padding: 0;
}
div#aisol-sec4 .row.col1 .c2
{
padding: 0;
}
div#aisol-sec5
{
padding-top: 4rem;
padding-bottom: 4rem;
}
div#aisol-sec1
{
padding-top: 0rem;
padding-bottom: 6rem;
}
div#aisol-sec2 .col-lg-12.toimg .col-lg-3
{
min-width: 50%;
}
div#aisol-sec2 .col-lg-12.toimg
{
overflow-x: scroll;
padding-bottom: 2rem;
}
div#aisol-sec2 .col-lg-12.toimg::-webkit-scrollbar {
width: 10px;
height:6px;
}
div#aisol-sec2 .col-lg-12.toimg::-webkit-scrollbar-track {
background: #f1f1f1;
}
div#aisol-sec2 .col-lg-12.toimg::-webkit-scrollbar-thumb {
background: #c738e5;
}
div#aisol-sec2 .col-lg-12.toimg::-webkit-scrollbar-thumb:hover {
background: #555;
}
div#aisolutions div#aisol-sec1 .text-banner h2 {
padding-bottom: 0;
}
div#aisol-sec3 .col-lg-12.toimg::-webkit-scrollbar {
width: 10px;
height:6px;
}
div#aisol-sec3 .col-lg-12.toimg::-webkit-scrollbar-track {
background: #f1f1f1;
}
div#aisol-sec3 .col-lg-12.toimg::-webkit-scrollbar-thumb {
background: #c738e5;
}
div#aisol-sec3 .col-lg-12.toimg::-webkit-scrollbar-thumb:hover {
background: #555;
}
section#searchmain .col-auto.filter-select.accordion .card
{
padding: 12px 20px;
}
section#searchmain .col-auto.filter-select.accordion.accordion
{
width: 100%;
}
.listing-options .form-check-input[type=checkbox], .listing-options .form-check-input[type=radio]
{
top: 6px;
position: relative;
}
.listing-sidebar .form-check.search-check .form-check-input
{
margin-top: 0em;
}
section#searchmain .accordion-body h6.mt-3.d-lg-none
{
margin-top: 0 !important;
}
.listing-box .box
{
display: inline-grid;
}
.listing-box .box .col-4
{
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
#searchmain .col-8.info
{
gap: 0px;
width: 100%;
padding: 12px 12px;
}
#searchmain a.s2btn
{
margin-right: 0;
}
#searchmain .listing-specs .col-lg-9
{
padding: 0 !important;
}
#aicourseinner .ses2 .col-6.c2 img {
width: 100%;
}
#aicourseinner .ses5 img {
width: 100%;
}
#aicourseinner .ses3 .col-4 {
width: 100%;
}
#aicourseinner .ses5 .col-6.c2 {padding: unset;text-align: unset;}
div#aicourseinner .ses5 .col-6.c1 h2 {
font-size: 25px;
}
#aicourseinner .col-6 {
width: 100%;
}
#aicourseinner .ses5 .col-6.c2:nth-child(5) {
order: 4;
}
div#aicourseinner .ses5 .justspace.row.container {
padding: 1rem 0;
}
div#aicourseinner .ses1 .col-6.c2 {
width: 100%;
margin: 15px 0;
}
div#aicourseinner {
padding-top: 10rem;
}
div#aicourseinner .ses3 h2 {
padding-top: 2rem;
}
div#aicourseinner .ses4 h2 {
padding-top: 2rem;
}
#aiguide .bots .bot-desc
{
padding-left: 10px;
}
#aiguide #sec1 .toheads p
{
width: 100% !important;
}
section#aiguide .main-row
{
padding-top: 2rem;
}
#aiguide h4
{
height: 110px;
}
#aiguide #sec1 p
{
height: 250px;
}
#aireviews .bots
{
padding: 8rem 2rem 2rem 2rem;
}
#aireviews #sec1 p
{
height: 150px;
}
#aireviews h4
{
height: 135px;
}
#aireviews .bots .bot-desc
{
padding-left: 15px;
}
.rounded.listing-image.text-left
{
width: 100%;
height: 100%;
}
div#youtube-section .centr-sec-bottom
{
padding: 0;
}
div#sec6
{
padding-top: 2rem;
}
div#youtube-section
{
padding-top: 2rem;
}
footer .col-lg-3:nth-child(2)
{
padding-left:0;
}
footer .col-lg-3:nth-child(3)
{
padding-left:0;
}
#sec5 .bxs-botm {
padding-top: 2rem;
}
#sec5 .bxs-botm .bxs-botm-1 {
text-align: left;
}
#sec7 .col-lg-4 {
height: 100%;
padding: 20px 15px;
}
div#sec7 .carousel-item .row
{
gap: 2%;
}
#sec7 .design
{
padding-top: 0rem;
}
#sec6 .col-lg-3
{
min-width: 50%;
}
#sec6 .col-lg-12.toimg
{
overflow: scroll;
scrollbar-color: #c738e5 #c738e5;
scrollbar-width: thin;
}
.ai-tools-by-industry a.btn.btn-primary.mb-3
{
left: 485px;
}
#sec4 .col-lg-12.toimg .col-lg-3
{
min-width: 50%;
}
#sec4 .col-lg-12.toimg
{
overflow: scroll;
scrollbar-color: #c738e5 #c738e5;
scrollbar-width: thin;
}
div#sec3 .container.new.banner-home {
padding-left: 0px;
}
div#sec3.most-popular .col-lg-12.pop-imgs img {
width: 65%;
}
div#sec2 h2 {
font-size: 26px;
}
img.onts,
img.ont
{
display:none;
}
section#befs3 .topmarket-flex
{
gap:30px;
max-width: 100%;
overflow: scroll;
scrollbar-color: #c738e5 #c738e5;
scrollbar-width: thin;
}
section#befs3 .market-inr-tab
{
width: 50%;
margin: 0 !important;
}
div#sec1 .col-xs-12
{
padding: 0 0rem;
}
.top-navigation .navbar-nav> li.nav-item.tohvr a
{
padding: 0 3px;
font-size: 11px;
}
section#s1.mainBody #sec1 .nav-tabs {
margin-left: 0px;
}
.new.banner-home .form-bg
{
width:100%;
padding: 0px 2rem !important;
}
div#sec1 .col-xs-12 .tab-pane.fade.show.active .row
{
margin: 0 auto;
}
section#s1.mainBody div#sec1 .btn-danger
{
margin-right: 0px;
margin-bottom: 2rem;
}
#sec1 .p-4.text-white.rounded-3.shadow.form-bg h2.homepage-hero_heavy, #sec1 .p-4.text-white.rounded-3.shadow.form-bg span {
padding-bottom: 2rem;
font-size: 26px;
}
section#s1.mainBody {
padding-top: 12rem;
}
.top-navigation .navbar-nav>.nav-item>a {
font-size: 11px;
}
.top-navigation .navbar-nav> li.nav-item.tohvr a i {
right: -14%;
top: 9%;
}
#switch-container {
width: 40px;
height: 40px;
}
#switch {
height: 100%;
right: -5px;
top: 0;
}
.text-banner h2 span {
font-size: 26px;
}
section#befs3 p {
padding-top: 1rem;
padding-bottom: 2rem;
}
section#befs3 div#v-pills-tab button {
font-size: 12px;
}
}
/* ipad end*/
/* ipad pro start*/
@media only screen and (min-width:900px) and (max-width:1024px)
{
section#befs3 .marketing-tab .col-4 {
min-width: 50%;
}
section#befs3 .marketing-tab .d-flex {
overflow: scroll;
}
}
/* ipad pro end*/
@media screen and (max-width: 1400px) {
.search-option-dietary {
columns: 1 auto;
}
}
@media (min-width: 1200px) {
.container-xl {
max-width: 1440px;
}
.vendor-details .menu-heading h2 {
display: none;
}
}
@media (max-width: 1920px) {
.text-banner h2 {
font-size: 45px;
line-height: 1.4;
margin: 0 auto;
}
}
@media (max-width: 1600px) {
.vendor-details .profile-info {
padding-left: 60px !important;
}
.highlights .highlight-box {
padding: 20px 20px;
}
.inline-features .feature-box:nth-child(2) {
margin: 0 2rem !important;
}
.reviews h2 {
left: 195px;
}
.vendor-details .menu h2 {
left: 80px;
}
.nav-tabs button {
/* font-size: 12px; */
padding: 0.5rem 0.6rem;
}
.text-banner h2 {
font-size: 32px;
line-height: 36px;
}
.new.banner-home .zip-city-toggle .form-control, .search-tab .tab-select {
font-size: 14px;
}
.zip-city-select {
max-width: 103px;
padding-right: 1rem !important;
font-size: 14px !important;
}
}
@media (max-width: 1400px) {
.filters-listing-topbar .filter-select {
min-width: 223px;
}
.parallax-wrap img {
width: 100%;
}
.featured-cousine-section .video-wrapper {
height: 400px;
}
.about-event {
padding: 25px 30px;
}
.special-about-section h3 {
font-size: 36px;
margin-bottom: 50px;
}
.speciality-row h5 {
font-size: 18px;
}
.carouselSpeciality p {
font-size: 14px;
line-height: 1.25em;
}
.rating h4 {
font-size: 40px;
}
.rating .stars .fa-star:before {
font-size: 22px;
}
.rating h5 {
font-size: 15px;
}
.rating-end .btn {
font-size: 15px;
}
.listing-image img {
/* width: 100%; */
}
.picture-placeholder>div {
width: 100%;
}
.profile-info h2 {
font-size: 26px;
}
.profile-info h6 {
font-size: 13px;
}
.profile-info h6 img {
margin-top: 0px;
}
.earned-badge li {
font-size: 13px;
}
.earned-badge li .badge-icon1 {
height: 17px;
}
.earned-badge li .badge-icon2 {
height: 12px;
}
}
@media (max-width: 1200px) {
.listing-left-img {
left: -42px;
width: 20%;
}
.listing-right-img {
width: 20%;
right: -42px;
}
.listing-specs .info .item>div,
.listing-specs .info>div,
.listing-specs p,
.other-detail p span {
font-size: 12px;
}
.listing-box h5 {
font-size: 20px;
}
.red-bg span {
padding: 0px;
font-size: 13px;
}
.review-box p {
font-size: 13px;
}
.star-rating svg {
width: 20px;
height: 20px;
}
.cityname {
font-size: 12px;
}
.business-info i {
font-size: 12px;
}
.view-profile button {
padding: 3px 8px;
}
.view-profile a {
font-size: 13px;
}
.vendor-detail-nav .nav-link {
padding: 1rem 1.5rem;
}
.vendor-details .image--cover {
width: 370px;
height: 370px;
}
.vendor-details h2 {
font-size: 90px;
}
.vendor-details .caterer-rating .stars .fa-star:before {
font-size: 36px;
}
.vendor-details .caterer-info {
margin-top: 20px;
}
.vendor-details .profile-info .badges img,
.vendor-details .profile-info .video img {
width: 50px;
height: 50px;
object-fit: contain;
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.inline-features .feature-box h6 {
font-size: 14px;
}
.vendor-details .reviews {
padding-top: 40px;
padding-bottom: 80px;
}
.reviews .icons {
justify-content: center;
}
.reviews h2 {
left: unset;
text-align: center;
}
.vendor-details .menu-col h2 {
display: none;
}
.vendor-details .menu h2 {
position: unset;
text-align: center;
}
.vendor-details .menu {
padding-top: 50px;
padding-bottom: 80px;
}
.menu-col {
padding: 50px 50px 50px 50px !important;
justify-content: flex-start;
}
.cuisine-select button {
font-size: 20px;
}
.cuisine-select {
margin: 20px 0;
}
.vendor-details .progress {
transform: scale(1);
}
.review-form h2 {
font-size: 28px;
}
.review-wrap .left-col .vendor-detail-stars p {
font-size: 18px;
}
.review-wrap .left-col .vendor-detail-stars .fa-star.checked {
font-size: 20px;
}
.rating-boxes .fw-bold {
font-size: 11px;
}
.rating-boxes .star {
font-size: 22px !important;
}
.filters-listing-topbar .filter-select {
min-width: 178px;
}
.dish-box img.item-img, .menu-placeholder {
height: 105px;
}
.dish-box {
min-height: 190px;
}
.featured-cousine-section h3, .featured-event-section h3 {
font-size: 90px;
}
.featured-cousine-section .video-wrapper {
height: 330px;
}
.catrers-floationg-box p {
font-size: 20px;
}
.about-event p {
font-size: 12px;
}
.about-event span {
font-size: 11px;
}
.about-event ul li {
font-size: 11px;
}
.about-event ul li::before {
font-size: 30px;
top: -2px;
}
.event-wrapper img {
height: 510px;
}
#homeEventCarousel .carousel-item .row {
align-items: center;
}
.why-box img {
width: 100%;
}
.caters-love h4 {
font-size: 42px;
margin: 40px 0 0 0;
}
.nav-tabs button {
font-size: 16px;
padding: 0.5rem 1rem;
}
.banner-home .selectdiv {
margin-top: 1em;
}
.image--cover {
width: 100%;
}
.earned-badge li {
padding: 11px 8px;
}
.profile-info h2 {
font-size: 22px;
}
.profile-info h6 {
font-size: 12px;
}
#overview .about .inline-features h6 {
font-size: 12px;
font-weight: 400;
}
#overview .about h4 {
font-size: 20px;
}
#overview .about h6 {
font-size: 15px;
}
#overview .about p, #overview .about a {
font-size: 14px;
}
#overview .about .first-col .items svg {
width: 14px;
height: 14px;
}
#overview .about .inline-features{
flex-direction: row;
}
#overview .about .inline-features .feature-box{
align-items: center;
}
#overview .about .payment-info {
margin-top: 0.5rem;
}
.carouselSpeciality p {
font-size: 12px;
}
.rating h4 {
font-size: 25px;
}
.rating .stars .fa-star:before {
font-size: 18px;
}
.rating h5 {
font-size: 11px;
}
.rating-end .btn {
font-size: 13px;
padding: 7px 15px;
}
.rating-end p {
font-size: 13px;
}
.business-niche .tab-content img , .browse-events img, .browse-speciality img{
height: 200px;
border-radius: 10px;
}
.circle-cat h3 {
font-size: 22px;
}
.business-niche .nav-tabs .nav-link {
font-size: 22px;
}
.browse-events h3, .browse-speciality h3, .new.testimonial-section h2 {
font-size: 22px;
}
.new.testimonial-section .testimonial-box .car-cover h5, .new.testimonial-section .testimonial-box .car-cover p {
font-size: 20px;
}
.new.caters-love h4 {
font-size: 22px;
}
.new.caters-love p {
font-size: 16px;
}
.caters-love button {
font-size: 14px;
margin: 0;
}
.new.special-about-section h3, .browse-states h3 {
font-size: 22px;
}
.brand {
gap: 43px;
}
.all-cuisines-btn a {
margin-top: -35px;
padding-right: 0px;
}
.input-search .submit-btn {
padding-left: 0;
}
.input-search input.form-control{
font-size: 0.7rem;
}
.input-search .submit-btn .btn{
padding: 0.35rem 0.8rem;
font-size: 0.7rem;
}
.listing-sidebar .card-title {
padding: 0 0 10px 0;
margin: 0 0 10px 0px;
}
.listing-sidebar .form-check.search-check .form-check-label {
font-size: 12px;
}
.listing-sidebar .form-check.search-check .form-check-input {
margin-top: 0.45em;
}
.form-check.search-check {
padding-left: 1.3em;
}
.search-box .card-body {
padding-bottom: 16px;
}
.listing-sidebar .form-check-input {
margin-top: 0em;
}
.listing-sidebar .form-check-label {
font-size: 12px;
}
.dietry.btn-group-vertical label {
padding: 3px 4px;
margin: 3px;
}
.btn-group-vertical label {
padding: 2px 8px;
font-size: 12px;
}
.filter-select .css-1xc3v61-indicatorContainer {
padding: 5px;
}
.filter-select .css-tj5bde-Svg {
width: 16px;
height: 16px;
}
.filter-select .css-b62m3t-container {
font-size: 12px;
}
.filter-select .css-13cymwt-control, .filter-select .css-t3ipsp-control {
min-height: 30px;
}
.filter-select .form-select.rating {
font-size: 12px;
padding-top: 6px;
padding-bottom: 6px;
}
button.more-filter {
font-size: 12px;
line-height: 1.5em;
}
.filters-listing-topbar .filter-select {
min-width: 132px;
}
.hori-rating p {
font-size: 13px;
}
.hori-rating span {
font-size: 13px;
}
.hori-rating .fa-star {
font-size: 13px;
}
.vendor-detail-event-collection-modal .carousel-inner {
height: 450px;
}
.review-image-modal .carousel-inner {
height: 450px;
}
.vendor-detail-event-collection-modal .carousel-control-prev {
left: -35px;
}
.vendor-detail-event-collection-modal .carousel-control-next {
right: -35px;
}
.signin-up-wrapper h3 {
font-size: 25px;
}
.business-profile-head .profile-container h2 {
font-size: 26px;
}
.albums .photo-count {
bottom: 85px;
}
.progress-left p {
font-size: 13px;
}
.progress-right {
font-size: 12px;
}
.what-we-offer h4, .menuitem h3 {
font-size: 20px;
}
.menuitem .form-control-lg {
font-size: 1rem;
}
.input-group .form-outline {
width: 250px;
}
}
@media (min-width: 992px) {
.sidebar.collapse:not(.show) {
display: block;
}
.sticky-col-overflow{
height: 100vh;
overflow-y: auto;
}
.sticky-col-overflow::-webkit-scrollbar
{
width: 0px;
}
.cityname, .business-info {
margin-bottom: 0.25rem!important;
}
.listing-sidebar.accordion .accordion-body {
padding: 0;
/* background: #fffcfc; */
}
}
@media (max-width: 991px) {
.main-panel {
width: 100% !important;
}
.sidebar {
right: 0 !important;
left: auto;
position: absolute;
transform: translate3d(262px, 0, 0) !important;
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.sidebar.collapse.show {
transform: translate3d(10px, 0, 0) !important;
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.topbar .dropdown-list {
width: 16rem !important;
}
.vendor-detail-nav .nav-link {
padding: 1rem;
}
.vendor-details .image--cover {
width: 330px;
height: 330px;
}
.vendor-details h2 {
font-size: 70px;
}
.vendor-details .caterer-phone a {
font-size: 16px;
}
.vendor-details .caterer-rating .stars .fa-star:before {
font-size: 28px;
}
.vendor-details .caterer-rating .stars span {
font-size: 26px;
}
.vendor-details .caterer-info h3 {
font-size: 28px;
}
.vendor-details .caterer-info p {
font-size: 16px;
}
.vendor-details .profile-info .badges img,
.vendor-details .profile-info .video img {
width: 40px;
height: 40px;
}
.vendor-details .video button {
font-size: 18px;
}
.caterer-address h4 {
font-size: 18px;
}
.caterer-address {
margin-top: 2rem !important;
}
.highlights .highlight-box {
padding: 15px 15px;
margin: 13px 0;
}
.highlights .highlight-box p {
font-size: 12px;
padding: 2px 5px;
}
.highlights .highlight-box h4 {
font-size: 15px;
}
.highlights .highlight-box .spec-items {
max-height: 130px;
}
.inline-features .feature-box:nth-child(2) {
margin: 0 0.7rem !important;
}
.inline-features .feature-box h6 {
font-size: 13px;
margin-left: 6px;
}
.review-col .image--wrapper img {
left: 0;
}
.menu-col {
padding: 60px 20px 60px 30px !important;
}
.dish-info p.serving {
font-size: 11px;
}
.dish-info .price {
font-size: 14px;
}
.dietry .badge {
font-size: .66em;
}
.review-form h2 {
font-size: 20px;
}
/* .customer-reviews-cols {
flex-direction: column-reverse;
} */
.filters-listing-topbar .filter-select {
min-width: 152px;
margin: 5px 0;
}
button.more-filter {
margin-top: 5px;
}
.dish-box img.item-img {
height: 90px;
}
.brand {
gap: 19px;
}
.brand__items a {
width: 100px;
height: 100px;
}
.brand__items h2 {
font-size: 16px;
margin: 20px 0 0 0;
}
.featured-cousine-section h3, .featured-event-section h3 {
font-size: 72px;
margin: 0 0 40px 0;
}
.featured-cousine-section .video-wrapper {
height: 246px;
}
.catrers-floationg-box p {
font-size: 18px;
}
.big-section-image1, .big-sec3 {
width: 100%;
}
.event-wrapper img {
height: 310px;
}
.about-event h4 {
font-size: 22px;
}
.about-event h4 {
font-size: 18px;
}
.catrer-pic h4 span {
font-size: 15px;
}
.why-box p {
font-size: 15px;
padding: 0px 0 0 54px;
margin: 15px 0 0;
}
.why-box h6 {
font-size: 18px;
padding: 0px 0 0 54px;
}
.why-customer-section {
padding: 65px 0 70px;
}
.special-about-section h3 {
font-size: 30px;
margin-bottom: 25px;
}
.special-about-section li {
font-size: 18px;
margin: 0px 0 25px 0;
}
.new.special-about-section li {
font-size: 16px;
margin: 0px 0 15px 0;
}
.caters-love h4 {
font-size: 32px;
margin: 10px 0 0 0;
}
.caters-love p {
font-size: 20px;
margin: 25px 0 25px 0;
padding: 0 0px 0 0;
}
footer h6 {
font-size: 14px;
}
/* .top-navigation .navbar-nav > .nav-item a {
font-size: 14px;
}
.top-navigation .navbar-nav > .nav-item {
margin: 0 10px;
} */
.rating h4 {
font-size: 40px;
}
.rating .stars .fa-star:before {
font-size: 22px;
}
.rating h5 {
font-size: 15px;
}
.rating-end .btn {
font-size: 15px;
padding: 10px;
}
.rating-end p {
font-size: 14px;
}
.nav-tabs button {
font-size: 14px;
padding: 0.5rem 0.7rem;
}
.business-niche h6, .browse-events h6 {
font-size: 15px;
}
.business-niche p, .browse-events p {
font-size: 12px;
}
.business-niche .nav-tabs {
justify-content: start;
}
.new.testimonial-section .testimonial-box .car-cover h5, .new.testimonial-section .testimonial-box .car-cover p {
font-size: 18px;
}
.browse-states .btn {
font-size: 14px;
}
.dietry.btn-group-vertical label img {
width: 20px;
height: 20px;
}
.dietry.btn-group-vertical .form-check-input {
width: 0.7em;
height: 0.7em;
}
.filters .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
.filters .accordion-button:not(.collapsed) {
color: #ffffff;
background-color: #C738E573;
box-shadow: unset !important;
}
.accordion-button:focus {
box-shadow: unset !important;
}
button.apply-filter {
background: #C738E573;
color: #fff;
font-size: 12px;
border: 0;
padding: 6px 12px;
border-radius: 4px;
}
.filters .accordion-item {
box-shadow: 0 3px 6px #00000015;
}
.filters .accordion-button:focus {
box-shadow: unset;
}
.filters .accordion-footer{
padding: 1rem 1.25rem;
}
.filters .accordion-body {
padding: 0rem 1.25rem;
max-height: 320px;
overflow: auto;
}
.filters .accordion-body::-webkit-scrollbar
{
width: 4px;
}
.filters .accordion-body::-webkit-scrollbar-thumb
{
background-color: #C738E573;
}
.new-reviews .rating-info h6 {
font-size: 18px;
}
.new-reviews .rating-info .review-stars .fa-star.checked {
font-size: 22px;
}
.vendor-detail-event-collection-modal .carousel-inner {
height: 370px;
}
.review-image-modal .carousel-inner {
height: 300px;
}
.profile-details-container.mob .progress-chart {
padding: unset;
border-bottom: unset;
display: flex;
gap: 10px;
}
.signin-up-wrapper h3 {
font-size: 20px;
line-height: 25px;
}
.business-profile-head .profile-container h2 {
font-size: 20px;
}
.gallery.event-item-controls {
left: 20px;
right: 20px;
}
.albums .photo-count {
bottom: 65px;
right: 30px;
}
.menu-select select {
font-size: 16px;
}
}
@media (min-width: 768px)
{
.cityname, .business-info {
margin-bottom: 0.25rem;
}
.listing-head .contact-info {
display: flex;
align-items: center;
}
}
@media (max-width: 768px) {
div#aisol-sec5 h2.homepage-hero_heavy
{
padding-bottom: 2rem;
}
div#sec9.aisol-sec7 .col-lg-12.toimg .col-lg-4
{
display: inline-grid;
justify-items: center;
align-items: center;
}
div#sec9.aisol-sec7 .col-lg-12.toimg .col-lg-4 h3
{
text-align: center;
}
div#sec9.aisol-sec7
{
padding-top: 3rem;
}
#sec9.aisol-sec7 .col-lg-12.toimg
{
margin: 0;
}
div#aisolutions
{
padding-top:10rem;
}
div#aisolutions .col-lg-12.text-banner
{
display: inline-grid;
}
div#aisol-sec1 img
{
width: 100%;
}
div#aisol-sec2 .col-lg-12.toimg .col-lg-3
{
margin: 15px 0;
}
div#aisol-sec2 .col-lg-12.toimg
{
display: block;
}
div#aisol-sec3 .col-lg-12.toimg
{
display: block;
}
div#aisol-sec1
{
padding-top: 0rem;
}
#aisolutions .row.call-to-act
{
margin-bottom: 3rem;
}
div#aisolutions .text-banner h2,
div#aisolutions .text-banner h2 span
{
font-size: 25px;
}
div#aisol-sec2
{
padding-top: 5rem;
}
div#aisolutions .text-banner h2
{
padding-bottom: 2rem;
}
div#aisol-sec3
{
padding-top: 5rem;
}
div#aisol-sec3 .col-lg-12.toimg .col-lg-3
{
margin: 10px 0;
}
div#aisol-sec4
{
padding-top: 5rem;
}
div#aisol-sec4 .row.col1 .c1
{
border: 0;
}
div#aisol-sec4 .row.col1 .c2
{
padding: 0;
}
div#aisol-sec4 .row.col2 .c1
{
border: 0;
}
div#aisol-sec4 .row.col2 .c2
{
border: 0;
padding-left: 0;
}
div#aisol-sec4 .col-lg-12.toimg .col-12.row.col1
{
gap: 50px;
}
div#aicourseinner .col-6.c1 h2,div#aicourseinner .col-6.c2 h2 {
font-size: 20px;
}
div#aisol-sec5 {
padding-top: 6rem;
padding-bottom: 2rem;
}
.combobox {
margin: 10px 0;
}
#navbar_top li {
margin: 0 17px 0 0;
}
#navbar_top a.nav-link {
font-size: 10px;
}
.listing-specs {
margin: 0px 0 0 0;
}
.listing-right-img,
.listing-left-img {
display: none;
}
.parallax-wrap span {
--size: 2vw;
}
.featured-cousine-section h3 {
text-align: center;
font-size: 35px;
margin: 0;
}
.brand__item {
margin: 0 10px;
}
.brand__item h2 {
font-size: 13px;
margin: 10px 0 10px 0;
}
.text-banner {
padding: 0px 20px !important;
padding-top: 15px !important;
}
.text-banner h2 {
font-size: 26px;
}
.text-banner p {
font-size: 13px;
margin: 10px 0px 10px;
}
.new.banner-home .text-banner p {
font-size: 16px;
line-height: 22px;
}
.banner-home {
padding: 50px 0;
margin: -54px 0 0 0;
}
.search-wrapper input[type="submit"] {
float: right;
}
.search-wrapper {
margin: 40px 0 40px 0;
}
.autocomplete {
border-left: none;
}
.brand {
margin: 10px 0 0 0px;
}
.navbar-toggler {
background-color: #e1e6e7;
border: 1px solid #f2183d;
}
.navbar-toggler-icon {
background: url('../../../images/download.svg');
}
.food-sec1 .catrers-floationg-box {
float: right;
margin: 0px 0px 30px 0;
transform: rotate(0deg);
}
.big-section-image1 {
margin: 20px 0 0;
width: 70%;
}
.cat-box2 {
transform: rotate(0deg);
margin: 68px 0 20px 0;
}
.cat-box3 {
transform: rotate(0deg);
margin: 20px 0px 68px 0;
float: right;
}
.particle-food3 {
left: 25px;
bottom: 24px;
}
.particle-food2 {
left: 34px;
top: -25px;
}
.cat-box5 {
margin: 76px auto 0px auto;
display: inline-block;
transform: rotate(0deg);
}
.catrers-floationg-box p {
font-size: 22px;
}
.caters-love img {
width: 100%;
margin-top: 20px;
}
.big-sec3 {
width: 63%;
}
.parallax-wrap span:nth-child(2) {
right: 21%;
}
.parallax-wrap span:nth-child(3) {
left: 46px;
}
.parallax-wrap span:nth-child(5) {
left: 24%;
}
.video-wrapper p {
margin: 16px 0 0 0;
text-align: center;
}
.event-wrapper p {
margin: 16px 0 0 0px;
text-align: center;
}
.catrer-pic {
text-align: center;
}
.featured-cousine-section img {
width: 100%;
}
.why-customer-section h3 {
font-size: 25px;
text-align: center;
}
.why-box {
text-align: center;
}
.why-box p,
.why-box h6 {
margin: 0px 0 0px 0;
padding: 0 0 0 0px;
}
.why-box {
text-align: center;
margin: 0 0 40px 0;
}
.testimonial-section h2 {
font-size: 27px;
}
.app-image {
margin: 0 0 0 0px;
width: 90%;
}
.wavy-white {
left: 35px;
top: -17px;
}
.download-container h3 {
font-size: 40px;
line-height: 40px;
}
.download-container h6 {
line-height: 36px;
font-size: 28px;
}
.download-container p {
margin: 20px 0 30px 0;
}
.download-container a {
margin: 0 0px 0 0;
}
.caters-love {
padding: 0px 0;
}
.caters-love h4 {
font-size: 30px;
line-height: 35px;
}
.caters-love p {
margin: 20px 0 20px 0;
padding: 0 0px 0 0;
}
.text-md-center {
text-align: center !important;
}
/* .review-box {
float: right;
margin: 22px 0 0 0px;
} */
.review2-box {
float: left;
width: 50%;
margin: 15px 0 0 0px;
}
#myBtnContainer .btn {
margin: 2px 2px;
padding: 3px 11px;
}
.listing-sidebar .card-title {
font-size: 11px;
}
.listing-sidebar .form-check-label {
font-size: 11px;
}
.brand__items {
margin: 0 8px 0 0;
}
.filters-listing-topbar {
gap: 8px;
}
.vendor-detail-nav {
flex-direction: row;
position: sticky !important;
top: 0;
left: 0;
transform: translateY(0%);
background: #FDFDFD;
z-index: 1;
}
.vendor-details .overview {
padding-bottom: 84px;
}
.vendor-details .profile-info {
padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
.profile-info {
padding-right: calc(var(--bs-gutter-x) * .5) !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
.vendor-detail-nav .nav-link {
padding: 0.5rem;
}
.vendor-detail-nav img {
width: 40px;
height: 40px;
}
.vendor-details .image--cover {
width: 280px;
height: 280px;
}
.inline-features {
display: flex;
flex-direction: column;
align-items: center;
}
.inline-features .feature-box:nth-child(2) {
margin: 0.5rem 0 !important;
}
.review-col .image--wrapper img {
left: unset;
width: 100%;
height: 100%;
object-fit: contain;
position: unset;
}
.reviews .icons img {
width: 50px;
height: 50px;
object-fit: contain;
padding: 0.7rem !important;
}
.write-review h4 {
font-size: 24px;
}
.write-review p {
font-size: 13px;
}
.vendor-details .caterer-rating .stars .fa-star:before {
font-size: 22px;
}
.vendor-details .caterer-rating .stars span {
font-size: 22px;
}
.review-buttons {
margin-top: 20px;
flex-direction: column;
gap: 10px;
}
.review-buttons button.btn {
width: 100%;
}
.menu-col .image--wrapper img {
width: 111px;
height: 111px;
margin-right: 20px;
border-radius: 15px;
}
.menu-col .menu-box h5 {
margin: 26px 0 20px 0;
font-size: 23px;
}
.menu-btns {
flex-direction: column;
gap: 10px;
}
.menu-btns button {
width: 100%;
}
.digital-menu .nav-tabs .nav-link {
padding: 0.5rem 0.5rem;
}
.vendor-details .customer-reviews {
padding-top: 81px;
padding-bottom: 80px;
}
.happy-customers img {
width: 100%;
}
.filters-listing-topbar .filter-select {
min-width: 49%;
}
.brand {
gap: 16px;
}
.featured-cousine-section .video-wrapper {
height: 182px;
}
.featured-cousine-section h3, .featured-event-section h3 {
font-size: 46px;
margin: 0 0 20px 0;
}
.catrers-floationg-box p {
font-size: 15px;
}
.event-wrapper img {
height: 450px;
}
.catrer-pic img {
width: 48%;
}
.about-event .catrer-pic h4 {
display: inline;
}
.catrer-pic {
display: flex;
flex-direction: column;
align-items: center;
}
.about-event hr {
margin: 16px 0;
}
.why-box h6 {
font-size: 16px;
}
.special-about-section h3 {
font-size: 20px;
line-height: 28px;
}
.special-about-section li {
font-size: 16px;
margin: 0px 0 16px 0;
}
.new.special-about-section ul {
padding-left: 10px;
}
.new.special-about-section h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.new.special-about-section li {
font-size: 12px;
margin: 0px 0 11px 0;
padding: 10px 20px;
}
.new.special-about-section li:before {
left: -10px;
width: 25px;
height: 25px;
}
.caters-love h4 {
font-size: 24px;
line-height: 30px;
}
.caters-love p {
margin: 14px 0 14px 0;
font-size: 16px;
line-height: 26px;
}
.caters-love {
padding: 40px 0;
}
footer {
background: #16232E;
margin-top: 0px;
}
.footer-overlay{
position: unset;
}
.footer-top {
padding-top: 60px;
}
footer h6 {
font-size: 20px;
margin-top: 20px;
}
/* .top-navigation .navbar-nav > .nav-item a {
font-size: 12px;
} */
.top-navigation .navbar-nav > .nav-item {
margin: 0 6px;
padding: 7px 0;
}
section#s1.mainBody nav.navbar a.align-self-start
{
padding-top: 0px;
transform: unset;
}
.navbar-toggler:focus {
box-shadow: none !important;
}
.navbar-toggler-icon {
display: inline-block !important;
}
.top-navigation .dropdown-menu {
display: none;
}
.earned-badge li {
font-size: 11px;
}
.earned-badge{
margin-top: 12px;
}
#overview .about .contact-btns a {
padding: 5px !important;
}
#overview .about .contact-btns a i{
margin-right: 0.25rem !important;
}
#overview .about .contact-btns{
gap: 10px !important;
}
.carouselSpeciality .carousel-img {
width: 38px !important;
}
.carouselSpeciality p {
font-size: 9px;
}
.speciality-row h5 {
font-size: 15px;
}
.business-niche .nav-tabs .nav-link {
font-size: 20px;
}
.new.caters-love p {
margin: 10px 0 20px 0;
font-size: 15px;
}
.new.special-about-section, .browse-states {
padding: 40px 0;
}
.btn-group-vertical label {
font-size: 11px;
}
.listing-image img {
/* width: 100%; */
}
.listing-box h5 {
font-size: 16px;
line-height: 1.3em;
}
.list-badge {
font-size: 9px;
padding: 1px 6px;
}
.cityname {
font-size: 11px;
padding: 0;
}
.business-info i {
font-size: 10px;
margin: 0 5px !important;
}
.business-info {
line-height: 1;
}
.contact-info {
display: flex;
align-items: center;
}
.contact-info span{
font-size: 14px;
}
.contact-info .d-inline-block{
margin-top: -4px;
}
.review-box p {
font-size: 10px;
}
.red-bg span {
font-size: 10px;
}
.review-box span {
font-size: 10px;
}
.cat-save-icon {
right: 6px;
font-size: 12px;
}
.card .info {
padding-left: 0;
}
.listing-box h5 img {
width: 18px;
}
.badges .items img {
width: 18px;
height: 18px;
}
.profile-info h2 {
font-size: 18px;
}
.profile-info h6 {
font-size: 10px;
}
.profile-info h6 img {
width: 10px;
}
.image--cover {
height: 130px;
}
.caterer-dietry-icons span {
font-size: 10px;
}
.red-bg {
line-height: 1;
}
.listing-box .box {
position: relative;
}
.view-profile {
justify-content: flex-end;
position: absolute;
bottom: -10px;
left: 0;
}
.view-profile button {
padding: 4px 4px;
line-height: 1;
display: flex;
}
.view-profile a {
font-size: 10px;
}
.listing-specs p, .listing-specs .info>div{
font-size: 11px;
}
.hori-rating .fa-star {
font-size: 12px;
}
.hori-rating p {
font-size: 12px;
}
.review-form .rating-boxes i {
font-size: 22px !important;
}
.review-form .rating-boxes .col-4:nth-child(1){
padding-left: 0;
}
.review-form .rating-boxes .col-4:nth-child(3){
padding-right: 0;
}
.business-profile-head .profile-container h2 {
font-size: 20px;
}
.business-profile-head .profile-container {
justify-content: center;
}
.badges h5 {
font-size: 14px;
}
.badges .button p {
background-color: #fdfdfd;
border: 1px solid #ebebeb;
border-radius: 0.25rem;
padding: 0.5rem;
}
.badges .button p, .badges button {
font-size: 13px !important;
width: 100%;
}
.submitReview .star {
font-size: 22px !important;
}
.submitReview span.fw-bold {
font-size: 14px;
}
.video .form-control-lg {
font-size: 0.9rem;
}
.albums .photo-count {
bottom: 85px;
right: 30px;
}
}
@media (min-width: 576px) {
.d-sm-block {
display: block !important;
}
.topbar .dropdown-list .dropdown-item .text-truncate {
max-width: 13.375rem
}
}
@media (max-width: 575px) {
.cuisine-box.accordion .mb-2.more-cuisine-items.btn-group-vertical .testing
{
display: flex;
overflow: scroll;
padding-bottom: 0;
}
#searchmain .btn-group-vertical .btn-label
{
width: max-content;
}
.listing-options .form-check-input[type=checkbox],
.listing-options .form-check-input[type=radio]
{
top: 6px;
position: relative;
}
.listing-sidebar .form-check.search-check .form-check-input
{
margin-top: 0em;
}
#searchmain .filters-listing-topbar {
display: block !important;
}
section#searchmain .col-auto.filter-select.accordion .card {
max-width: 100%;
padding: 15px 15px;
}
section#searchmain .col-auto.filter-select.accordion.accordion {
width: 100%;
}
.mb-4\*.d-flex.flex-wrap.gap-1.sticky-md-top.filters-listing-topbar.d-lg-none
{
padding:1rem 1rem;
}
.listing-box .card-body .row.box {
display: unset;
}
#searchmain .col-8.info {
display: inline;
padding: 0;
}
.rounded.listing-image.text-left {
width: 100%;
height: 100%;
}
.listing-box .card-body .col-4 {
width: 100%;
padding: 0;
}
#searchmain .col-8.info .listing-head.row {
display: unset;
}
#searchmain .row.listing-head .toflex.row {
margin: 0;
display: block;
padding-left: 0;
}
#searchmain .row.listing-head .toflex.row .col-6
{
width: 100%;padding: 0;
}
#searchmain .row.listing-head .toflex.row .review-box
{
align-items: center;
}
#searchmain .listing-specs {
gap: 10px;
}
#searchmain .view-profile {
display: block;
}
#searchmain button {
width: 100%;
}
#searchmain .todescript {
padding-left: 0;
}
#searchmain .row.listing-head .col-12.col-sm-7.col-lg-8.col-md-8 {
padding: 0;
}
.listing-box .card-body
{
padding: 0 12px 0px 12px;
}
#searchmain .todescript p
{
margin-bottom: 0;
}
#searchmain .listing-specs .col-lg-9,
#searchmain .listing-specs .col-lg-3
{
width: max-content;
}
.top-navigation {
margin: 0px;
/* padding-bottom: 70px; */
}
.top-navigation .mobile.navbar-nav {
margin-top: 0px;
padding-bottom: 0px;
}
.nav-tabs button {
font-size: 13px;
padding: 0.5rem 0.6rem;
}
.carouselSpeciality p {
font-size: 12px;
}
.carouselSpeciality .carousel-img {
width: 60px !important;
}
.speciality-col:not(:first-child) {
border-right: 0!important;
border-top: 1px solid #dee2e6!important;
}
.speciality-row .speciality-col:nth-child(odd) {
border-right: 0 !important;
}
.new-reviews .review-items .box .user-info div.meta .name {
font-size: 12px;
}
.new-reviews .review-items .box .user-info .stars-yellow{
line-height: 1;
}
.new-reviews .review-items .box .user-info .stars-yellow .fa-star {
font-size: 11px;
}
.new-reviews .review-items .user-picture img {
width: 32px;
height: 32px;
}
.Review p {
font-size: 12px;
}
.banner-home {
padding-bottom: 0px;
}
.new.why-customer-section {
padding: 40px 0;
}
.new.why-customer-section .why-box {
text-align: left;
margin: 0;
}
.new.why-customer-section .why-box p{
font-size: 16px;
}
.new.why-customer-section .why-box h6{
line-height: 20px;
}
.new.testimonial-section .testimonial-box {
flex-direction: column;
}
.new.testimonial-section .testimonial-box .car-cover {
margin: -32px 0 0 0;
padding: 30px 34px ;
}
.new.special-about-section li {
font-size: 14px;
margin: 0px 0 11px 0;
padding: 8px 20px;
}
.new.special-about-section h3 {
font-size: 22px;
margin-top: 0;
margin-bottom: 16px;
}
.browse-states a {
font-size: 12px;
}
.browse-states a svg {
width: 25px;
height: 25px;
}
/* .review-box {
display: flex;
align-items: center;
gap: 3px;
} */
.listing-box h5 {
font-size: 14px;
}
.cat-save-icon {
top: -15px;
}
.listing-specs .info {
display: flex;
margin: 0 !important;
bottom: -17px;
}
.view-profile button {
padding: 3px 4px;
background-color: transparent;
}
.view-profile button a {
color: #000;
}
.listing-image img {
height: 180px;
}
.picture-placeholder>div {
width: 100%;
height: 180px;
}
.caterer-card-dietary-box{
margin-top: 4px !important;
}
.caterer-dietry-icons img {
width: 17px;
height: 17px;
}
.contact-info .d-inline-block {
margin-top: -7px;
}
.review-box span.total-count {
margin-left: 3px;
font-size: 11px;
}
.rating-boxes .fw-bold {
font-size: 9px;
}
.review-form .rating-boxes i {
font-size: 12px !important;
}
.Review .btn {
font-size: 12px;
}
.earned-badge-mob li {
display: flex;
}
#overview .intro .claim-profile-mob {
font-size: 11px;
text-decoration: underline;
background: transparent;
border: 0;
padding: 0;
}
.two-section-border:before{
width: 100%;
height: 1px;
left: 0;
top: unset;
}
.recievedReviews .fa-star {
font-size: 12px;
color: #C0BFBD;
}
.recievedReviews-inner .meta {
font-size: 14px;
margin: 0;
}
.recievedReviews-inner .stars-yellow{
line-height: 1;
width: 80px;
}
.video input{
margin-bottom: 10px;
}
.video .input-group>.form-control {
width: 100%;
}
.video .input-group-text {
border-radius: 0.25rem !important;
}
.albums .photo-count {
bottom: 65px;
}
.album-img {
max-width: 400px;
}
.listing-specs .info {
background: transparent;
border-radius: 0px;
}
}
@media (min-width: 481px) {
.desktop.brand {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.mobile.brand, .mobile.business-niche, .mobile.browse-events, .mobile.browse-speciality {
display: none;
}
.desktop.brand .brand__items {
margin: auto;
}
}
@media (min-width: 768px) {
div#aisol-sec5 {
/* padding-top: 0rem; */
/* padding-bottom: 2rem; */
}
div#aicourseinner .ses5 .col-6.c1 h2 {
/* font-size: 2rem; */
}
div#aicourseinner .ses5 h2 {
padding-bottom: 0rem;
}
#aicourseinner .ses2 h2 {
padding-bottom: 0;
}
#aicourseinner .ses3 p {
width: 80%;
margin-bottom: 2rem;
}
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
.desktop.brand {
display: flex;
}
.desktop.business-niche{
display: block;
}
.desktop.brand .brand__items {
margin: 0;
}
}
@media (max-width: 480px) {
.featured-1 {
margin: 50px 0 0;
padding: 30px 0;
}
.circle-cat {
padding: 40px 0 80px 0;
position: relative;
}
.circle-cat h3 {
font-size: 18px;
}
.brand {
margin: 50px 0 0 0px;
}
.desktop.brand, .desktop.business-niche, .desktop.browse-events, .desktop.browse-speciality {
display: none;
}
.mobile.business-niche, .mobile.browse-events {
display: block;
}
.mobile.brand{
display: block;
margin: 0px 0 0 0px;
}
.mobile.brand .brand__items {
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 15px;
}
.business-niche .nav-tabs {
justify-content:center;
}
.mobile.business-niche .carousel-control-prev{
left: -10px;
bottom: 90px;
}
.mobile.business-niche .carousel-control-next{
right: -10px;
bottom: 90px;
}
.mobile.business-niche .carousel-inner{
padding: 0 55px;
}
.mobile.business-niche .carousel-item{
padding: 0 5px;
}
.mobile.business-niche .see-all-btn {
margin-top: 0px;
padding-right: 40px;
}
.business-niche .nav-tabs .nav-link {
font-size: 18px;
}
.browse-events{
padding: 40px 0;
background: url(../../../images/pattern1.png) no-repeat top left / contain, url(../../../images/pattern2.png) no-repeat top right / cover;
}
.browse-events h3 {
font-size: 18px;
text-align: center;
}
.browse-events .carousel-control-prev{
left: -10px;
bottom: 90px;
}
.browse-events .carousel-control-next{
right: -10px;
bottom: 90px;
}
.browse-events .carousel-inner{
padding: 0 55px;
}
.browse-events .carousel-item{
padding: 0 5px;
}
.browse-events .see-all-btn {
margin-top: 0px;
padding-right: 40px;
}
.browse-speciality {
padding: 40px 0px;
}
.browse-speciality h3 {
font-size: 18px;
text-align: center;
}
.browse-speciality .carousel-control-prev{
left: -10px;
bottom: 90px;
}
.browse-speciality .carousel-control-next{
right: -10px;
bottom: 90px;
}
.browse-speciality .carousel-inner{
padding: 0 55px;
}
.browse-speciality .carousel-item{
padding: 0 5px;
}
.browse-speciality .see-all-btn {
margin-top: 0px;
padding-right: 40px;
}
.featured-cousine-section h3 {
margin: 0 0 25px 0;
}
.catrers-floationg-box p {
font-size: 16px;
}
.particle-food4 {
top: 250px;
}
.cat-box5 {
margin: 0px auto 0px auto;
}
.download-app-section {
background-size: 23%;
}
.download-container h6 {
margin: 20px 0;
}
.arrow-small {
bottom: 0;
}
.download-container a img {
width: 40%;
}
.featured-1 img {
width: 100%;
}
.catrer-pic img {
width: 45%;
}
footer h5 {
margin: 19px 0;
}
.footer-bottom .list-unstyled {
text-align: center;
}
.listing-style-banner ul li {
margin: 0 15px;
}
.listing-style-banner ul li:before {
left: 49px;
}
.listing-style-banner ul li p {
font-size: 11px;
font-weight: 600;
margin: 0px 0 0 0;
}
.banner-listing h3 {
font-size: 27px;
line-height: 30px;
}
.listing-style-banner ul {
margin: 20px 0 0 0;
}
.banner-listing {
padding: 100px 0 50px 0;
}
.listing-circle-cat h3 {
font-size: 23px;
line-height: 28px;
text-align: center;
}
.brand__items {
margin: 0 28px;
}
.listing-more .modal-header {
margin: 0;
}
.listing-check img {
width: 46px;
}
.listing-check .form-check-input[type="checkbox"] {
margin: 16px 0 0 0;
}
.digital-menu .nav-tabs .nav-link img {
width: 25px;
height: 25px;
object-fit: contain;
margin: 0 5px !important;
}
.digital-menu .nav {
margin-bottom: 0 !important;
}
.review-wrap {
flex-direction: column;
}
.review-wrap .left-col,
.review-wrap .right-col {
width: 100%;
align-items: center;
}
.review-wrap .left-col .vendor-detail-stars p {
text-align: center;
}
.highlights .highlight-box {
height: 140px;
}
.filters-listing-topbar .filter-select {
min-width: 44%;
}
/* .dish-box img.item-img {
height: 130px;
} */
.dish-box img.item-img, .menu-placeholder {
height: 90px;
}
.dish-info .title h5 {
font-size: 12px;
}
.featured-cousine-section .video-wrapper {
height: 235px;
}
.big-section-image1 {
margin: auto;
width: 100%;
}
.cat-box3 {
margin: 20px 0px 30px 0;
}
.cat-box4 {
margin: 0px 0 0px 0;
}
.big-sec3 {
width: 100%;
}
.food-sec3 {
padding-bottom: 40px;
}
.event-wrapper img {
height: auto;
}
.special-about-section h3 {
margin-top: 30px;
}
.rating h4 {
font-size: 34px;
}
.rating .stars .fa-star:before {
font-size: 20px;
}
.rating h5 {
font-size: 12px;
}
.rating-end .btn {
font-size: 14px;
padding: 8px;
}
.homepage-hero_scroll {
text-align: center;
}
.zip-city-toggle.input-group:before {
left: 5px;
width: 14px;
height: 14px;
background-size: contain;
}
.new.banner-home .zip-city-toggle .form-control {
padding-left: 20px;
}
.new.banner-home .zip-city-toggle .form-control, .search-tab .tab-select {
font-size: 12px;
}
.zip-city-select {
max-width: 90px;
font-size: 11px !important;
}
.search-tab .submit-btn {
padding: 3px 10px;
font-size: 13px;
}
.business-niche h3 {
color: #000;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 10px 0;
}
.new.testimonial-section .testimonial-box .car-cover p {
min-height: 190px;
}
.footer-top ul {
column-count: 2;
display: inline;
}
.all-cuisines-btn {
position: absolute;
bottom: 25px;
right: 52px;
}
.all-cuisines-btn a {
margin-top: 0;
}
.caters-love button {
padding: 3px 10px;
}
.input-group .form-outline {
width: 182px;
}
.event-gallery-items img, .event-gallery-upload-items img {
height: 100px;
}
.event-collection-modal .upload-btn {
height: 118px;
}
.event-collection-modal #upload-label {
transform: translateY(-15%);
}
.event-collection-modal #upload-label small {
font-size: .75em;
}
.event-collection-modal #upload-label span {
font-size: 0.5rem !important;
}
.event-collection-modal #upload-label i {
font-size: 18px;
}
.event-collection-modal .modal-title label {
font-size: 14px;
}
.event-collection-modal .form-control {
font-size: 15px;
}
.event-item-controls .form-check-label {
font-size: 9px;
padding: 2px 4px;
}
.event-item-controls button {
font-size: 10px;
line-height: 1;
}
.event-collection-modal .modal-body .btn {
font-size: 12px;
padding: 5px 8px;
}
.what-we-offer h4, .menuitem h3 {
font-size: 16px;
}
.menuitem .caterer-upload-menu label {
font-size: 12px;
width: 100px !important;
}
.menuitem .caterer-upload-menu .view {
width: 130px !important;
display: flex;
align-items: center;
}
.menuitem .caterer-upload-menu .view a {
font-size: 12px;
}
.menuitem .caterer-upload-menu .view a i{
padding-bottom: 0 !important;
}
}
@media only screen and (max-width: 765px) {
section#contact #sec8 p
{
line-height: 1.5;
padding: 10px 0 1rem 0;
width: 100%;
}
section#contact #sec8 .col-lg-12.toimg.bots img
{
margin-top: 0;
width: 100%;
}
section#contact #contact .col-lg-46
{
margin: 2rem 0;
}
section#blogS5.detail .right .blog-list {
padding: 1rem 1rem 0 1rem;
}
.BlogsDetailTop {
padding-top: 10rem;
}
section#blogS3.detail {
padding: 0;
}
section#blogS3.detail .s3 {
margin-top: 0;
}
section#blogS2.detail {
padding-bottom: 1rem;
}
section#blogS5.detail .right hr {
margin-bottom: 0;
}
section#blogs .text-banner h2 {
padding: 2rem;
}
section#blogS3 {
padding: 0 2rem;
}
section#blogS5 .right-sec {
padding-left: 0;
}
section#mikrotakt a.s22btn span.fst .fa-star
{
font-size: 9px;
padding: 0 2px;
}
section#mikrotakt a.s22btn span.fst .fa-star.checked
{
color: goldenrod;
}
section#mikrotakt .tph
{
padding-bottom: 3rem;
}
section#mikrotakt #sec1 {
padding-top: 0;
padding-bottom: 2rem;
}
section#mikrotakt .sec1 .row.container-fluid.new.banner-home
{
padding-top: 0;
}
.container.mb-4.footer-top {
padding-top: 0px !important;
padding-bottom: 2rem;
}
#sec4 .row.container-fluid.new.banner-home {
padding-top: 0rem;
}
#sec5 .row.container-fluid.new.banner-home {
padding-top: 0rem;
}
#sec6 .row.container-fluid.new.banner-home {
padding-top: 1rem;
}
#sec7 .row.container-fluid.new.banner-home {
padding-top: 0rem;
}
#sec8 .row.container-fluid.new.banner-home {
padding-top: 0rem;
}
img.ont,img.ons {
display: none;
}
.mainBody
{
padding-top:5rem;
}
.mainBody h2.homepage-hero_heavy
{
font-size: 1.5rem;
/* line-height: 1.6; */
margin-bottom: 1rem;
width: 85%;
}
section#befs3 .col-lg-12.text-banner.scnd h2
{
margin:0;
}
section#advertise #sec1 p
{
width: 100% !important;
}
.modal-fullscreen .modal-content {
width: 90%;
margin: 0 auto;
height: max-content !important;
}
div#sec3 {
padding-top: 0px;
}
#sec4 .col-lg-12.toimg {
padding: 1rem 0rem 0 0;
display: block;
/* width: 100%; */
/* overflow-x: scroll; */
}
#sec4 .col-lg-12.toimg .col-lg-2
{
padding: 0 3rem;
}
.row.container-fluid.new.banner-home {
width: 100%;
}
#sec3 img {
width: 100%;
}
#sec1 {
padding-bottom: 0;
padding-top: 4rem;
}
div#sec2 h2 {
font-size: 2rem;
text-align: center;
margin-bottom: 0;
}
#sec2 .col-lg-12.text-banner {
display: block;
}
#sec2 .new.banner-home .text-banner p
{
text-align: center;
margin-bottom: 2rem;
}
#sec2 a.s2btn
{
float: unset;
padding: 12px 33px;
top: 30px;
position: relative;
}
div#sec4 .col-lg-12.text-banner
{
padding-top: 0;
padding-bottom: 0rem;
}
#sec4 .col-lg-12.toimg IMG {
width: 30px;
height: 30px;
}
#sec8 a.s4btn
{
position: unset;
width: 60%;
margin: 25px 0 0 0;
background-size: 100% 100%;
}
#sec8 .col-lg-12.text-banner.toheads
{
display: grid;
justify-items: center;
margin-bottom: 0rem;
}
#sec1 .col-lg-12.text-banner {
padding-bottom: 0;
}
div#sec2 .col-lg-12.text-banner {
padding-top: 0;
}
#sec4 h2 {
padding-bottom: 0;
margin-bottom: 0rem;
width: 100%;
}
a.s4btn {
position: unset;
}
#sec4 .col-lg-12.toheads,
#sec5 .col-lg-12.toheads
{
display: block;
}
div#sec5 .col-lg-12.text-banner {
padding-top: 0;
}
a.s4btn i:before {
right: -25px;
}
#sec5 a.s4btn {
margin-left: -20px;
}
#sec5 .text-banner h3 {
text-align: center;
padding: 10px 10px;
margin: 5px 0px;
font-size: 16px;
}
#sec5 .col-lg-12.toimg IMG {
width: 85%;
}
#sec6 .col-lg-12.toimg
{
display: block;
padding: 0;
}
#sec6 .col-lg-3 {
margin: 0 0 30px 0;
width: 100%;
}
div#sec6 .col-lg-12.text-banner {
padding-bottom: 0;
}
div#sec6 .col-lg-12.text-banner {
padding-top: 0;
}
div#sec7 .col-lg-12.text-banner {
padding-top: 0;
padding-bottom: 0;
}
#sec7 .col-lg-4 {
width: 100%;
margin: 0px 0 25px 0;
}
#sec7 .col-lg-12.toimg {
display: block;
padding-bottom: 0;
}
#sec8 .col-lg-12.toimg {
width: 100%;
display: block;
margin: 0px auto;
padding: 25px;
margin-top: 3rem;
}
#sec8 img {
right: 0;
}
#sec8 .toimg.bots .col-lg-4
{
width: 100%;
margin: 0 0 30px 0;
}
#sec9 .col-lg-12.toimg
{
display: block;
padding: 40px 0 0 0;
}
#sec9 .col-lg-12.toimg .col-lg-4:nth-child(2)
{
padding: 0;
}
#sec9 .col-lg-12.toimg .col-lg-4:nth-child(3)
{
padding-left: 0;
}
#sec9 .col-lg-12.toimg .col-lg-4
{
padding: 0 0 40px 0 !important;
}
#sec9 img
{
float: unset;
margin: 0 auto;
transform: scale(1);
}
#sec9 p
{
text-align: center;
width: 70%;
margin: 0 auto;
}
#sec9 .text-banner h3
{
font-size: 20px;
}
div#sec9
{
padding: 0rem 0 4rem 0;
}
footer {
margin: 0px auto;
text-align: center;
width: 100%;
background-color: #321733;
padding: 3rem 0rem 0 0rem;
}
footer .row
{
display: block;
}
footer .col-lg-3:nth-child(2)
{
width: 100%;
padding: 0;
}
footer .col-lg-3:nth-child(3)
{
padding: 0;
}
.navbar-toggler{
background:unset;
}
.container.footer-bottom {
margin-top: 0;
padding: 6px 0;
}
footer .col-lg-3:nth-child(1) {
margin: 0 auto;
}
footer .col-lg-3:nth-child(4) form button {
position: unset;
width: 100%;
}
footer form input[type="email"] {margin-top: 1rem;}
footer p {
margin: 0 auto;
width: 80%;
}
footer .col-lg-3:nth-child(4) form {
display: block;
width: 80%;
margin: 0 auto;
}
footer h6 {
padding-top: 1rem;
}
footer .row .col-lg-6.col-md-6.col-sm-6.col-xs-12.col-6 {
width: 100%;
padding: 5px 0 5px 0;
}
footer a.btn.btn-social-icon.btn-rounded.mx-2 {
transform: scale(1.5);
margin: 0 !important;
color: #fff;
}
.navbar-toggler-icon .fa-bars:before,
.fa-navicon:before
{
color: #fff;
}
div#navbarNavDropdown {
background-color: #af35e1;
}
div#navbarNavDropdown ul li a {
color: #fff;
width: max-content !important;
}
div#navbarNavDropdown {
padding: 1rem 1rem;
border-radius: 0 0 15px 15px;
margin-top: 2rem;
}
section#aitools.mainBody .content.col-md-9 {
width: 95%;
margin: 0 auto;
}
section#aitools .col-md-12.col-lg-12.col-xl-12 .topheads {
display: block;
}
section#aitools .content.col-md-9 .topheads {
margin-bottom: 1rem;
}
section#aitools .row-grid img {
width: 100%;
}
section#mikrotakt .tpbh {
display: block;
}
section#mikrotakt .tpbh img
{
width: 100%;
margin: 35px auto;
}
#news .toheads p {
width: 100% !important;
padding-bottom: 2rem;
}
#news .col-lg-12.toimg.bots {
display: block;
}
#news .col-md-4 {
margin: 0 0 25px 0;
width: 100%;
}
#news #sec1
{
padding-bottom: 0rem;
padding-top: 0;
margin-bottom: 2rem !IMPORTANT;
}
#news .col-lg-12.toimg.bots {
padding-top: 0rem;
}
#news #sec1 .col-lg-12.text-banner.toheads
{
padding-bottom: 2rem;
}
#sec1 .col-lg-12.text-banner.toimg.bots {
width: 100%;
margin: 2rem 0;
padding: 2rem 2rem;
}
#sec2 .new.banner-home .text-banner p {
width: 100% !important;
margin-bottom: 0;
line-height: 1.6;
}
#advertise #sec2 .bots {
width: 100%;
padding: 0;
}
#advertise #sec2 .col-md-4 {
margin: 0 0 2rem 0;
}
#advertise #sec2 .col-md-4.Recomended {
transform: scale(1);
left: 0;
}
#advertise div#sec3 {
padding-top: 0;
padding-bottom: 4rem;
}
#advertise div#sec3 .toimg.bots {
width: 100%;
padding: 0;
}
section#blogS2 .row.px-xxl-5.mx-xxl-5 {
display: block;
}
#blogS2 .col-lg-4 {
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
padding: 0;
}
section#blogS3 .s3 {
width: 100%;
padding: 2rem 2rem;
}
section#blogS3 .row.px-xxl-5.mx-xxl-5 {
display: block;
}
section#blogS3 h3 {
width: 100%;
}
section#blogS3 .row.px-xxl-5.mx-xxl-5 .col-lg-6.col-md-6.col-sm-6.col-xs-6.col-6 {
width: 100%;
}
section#blogS3 input[type="email"] {
width: 100%;
margin: 15px 0;
}
section#blogS3 button {
width: 100%;
margin: 0;
}
section#blogS3 .subscriber {
float: unset;
}
section#blogS3 h4 {
padding: 0 0 10px 0;
}
section#blogS2 {
padding-bottom: 0;
padding-top: 0;
padding: 0 2rem;
}
#blogS2 img {width: 100%;margin: 0 auto;}
section#blogsS4 .s4 {
margin: 0 2rem;
width: 85%;
padding-top: 0;
}
section#blogS5 .blog-list {
display: block;
}
section#blogS5 .row.col-md-12.main {
display: block;
width: 80%;
margin: 0 auto;
padding: 0;
}
section#blogS5 .row.col-md-12.main .left {
width: 100%;
margin: 0 auto;
padding: 0;
}
section#blogS5 .col-md-3.toprights {
width: 95%;
margin: 0 auto;
margin-left: 0px;
height: auto;
}
section#blogS5 .right-sec h5 {
padding: 15px 0;
}
section#blogS5 .right .blog-list img {
width: 100%;
margin: 0 auto;
padding: 0px !important;
}
section#blogS5 .right .blog-list {
padding-left: 0;
}
section#blogS5 .right hr {
margin-bottom: 12px;
}
section#blogS5 .row.col-md-12.main .left img
{
width: 100% !important;
margin: 0;
}
section#blogS5 .carousel-indicators {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.BlogsMain {
padding-top: 7rem;
}
section#blogs.detail {
background: unset;
}
section#blogs.detail .col-lg-12.text-banner {
/* display: block; */
margin: 0 auto;
}
section#blogS5 .homepage-hero_scroll
{
text-align: center;
}
#blogs.detail .iconics {
text-align: center;
}
section#blogs.detail .template-demo.mt-3 {display: none;}
section#blogS5 .right-sec p:nth-child(1) {
/* text-align: center; */
width: 100%;
margin: 0 auto;
}
section#blogS5 .right-sec p span {
top: -73px;
left: -47px;
}
section#blogS5.detail .col-md-3.toprights {
margin: 0;
}
section#blogS5.detail {
padding-bottom: 3rem;
}
#blogs.detail .col-lg-7.fst {
padding: 3rem;
border-radius: 6px;
}
#blogs.detail .col-lg-7.fst h2.homepage-hero_heavy {
font-size: 2rem;
}
#blogs.detail .col-lg-7.fst ul {
text-align: center;
}
#contact .toimg.bots form {
width: 100%;
}
#contact #sec8.bots form
{
width: 100%;
}
#sec8 .col-lg-12.toimg.bots {width: 85%;margin: 0 auto;}
#sec8 p {
padding-top: 0;
}
#contact #sec8.bots .col-lg-12.text-banner.toheads {
padding: 20px 0px;
}
div#sec8.bots {
padding-bottom: 3rem;
}
.signuphome .offset-md-1.col-lg-7.col-md-12.col-sm-12.col-12
{
padding-top: 1rem;
padding-bottom: 4rem;
}
.megamenu .sub-mega {
width: 100%;
display: inline-block;
}
li.nav-item.tohvr:hover .megamenu {
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
.megamenu .sub-mega ul {
width: 100%;
border: 0;
padding: 0;
}
.megamenu .sub-mega p {
width: 60%;
}
.megamenu .sub-mega .a1 li.withPara {
padding-left: 0;
}
.megamenu .sub-mega ul.a1 {
padding-bottom: 2rem;
}
.megamenu .sub-mega ul
{
overflow-x: hidden;
}
.megamenu .sub-mega .a3 h3 {
padding: 0;
}
.megamenu .sub-mega .a3 p {
padding: 0;
width: 100%;
}
.megamenu .sub-mega img {
padding-top: 0;
}
section#aitools .topheads-btns a.s1btn {
display: block;
width: 100%;
margin: 0px auto;
}
section#aitools a.s2btn {
float: unset;
display: flex;
width: 100%;
justify-content: center;
}
.topheadsbtns {
display: inline-grid;
align-items: center;
justify-items: start;
gap: 20px;
}
#news .row.container-fluid.new.banner-home {
padding-top: 0;
}
#news #sec1 .col-lg-12.text-banner.toimg.bots {
margin: 0rem 0;
padding-top: 0 !important;
}
#advertise.mainBody #sec1 {
padding-top: 0;
}
#advertise div#sec3 .row.container-fluid.new.banner-home
{
padding-top: 0;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
padding: 1rem;
}
main.companyDetails
{
padding-top:9rem;
}
main.companyDetails .row.pb-5
{
padding-bottom:0 !important;
}
}
.comPlStyle input, .comPlStyle textarea {
color:#b9b9b9 !important;
}
/* blogs */
.blog .dashboard-content {
padding: 2rem;
}
.blog .card-box {
background-color: #f7f7f7;
border-radius: 16px;
padding: 20px;
margin-bottom: 20px;
}
.blog .highlight-box {
background-color: #ffe16c;
border-radius: 16px;
padding: 20px;
}
.blog .info-box {
border-radius: 12px;
color: #fff;
padding: 15px;
}
.blog .info-box.earning { background-color: #a8e3e4; color: #000; }
.blog .info-box.articles { background-color: #c8c9e4; color: #000; }
.blog .info-box.pending { background-color: #f8c9cd; color: #000; }
.blog .calendar-box {
background-color: #fae2b8;
border-radius: 12px;
padding: 15px;
}
.horizontal-scroll-bar {
height: 180px;
overflow-y: scroll
}
.form-check-input {
position: unset !important;
margin-left: unset !important;
}
.user-dd .dropdown-menu .dropdown-item {
color: #717171;
font-size: 14px;
font-family: 'Noto Sans';
padding: 16px 20px;
}
/* blogs end */
/* Responsiveness End */
/* blog public view */
.accordion-item {
background-color: #ed9360 !important;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 15px !important;
padding: 0px 10px 10px 15px !important;
}
.new-blog-page .main-title {
margin-bottom: 30px;
color: #FFFFFF;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
text-decoration: underline;
text-decoration-color: #F2183D;
text-underline-offset: 8px;
text-decoration-thickness: 4px;
line-height: 1.7;
}
.new-blog-page .article-item a {
text-decoration: none;
}
.new-blog-page .top-articles .article-img {
width: 100%;
height: 220px;
overflow: hidden;
border-radius: 7px;
}
.new-blog-page .article-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.new-blog-page .article-content {
margin-top: 12px;
}
.new-blog-page .article-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.new-blog-page .article-tags .tag {
font-size: 11px;
font-family: 'Poppins';
font-weight: 500;
padding: 2px 7px;
border-radius: 20px;
color: #F2183D;
background-color: #FFEFF1;
border: 1px solid #f2183d38;
}
.new-blog-page .article_title {
font-size: 20px;
color: #FFFFFF;
margin: 11px 0;
font-family: 'Poppins';
}
.new-blog-page .article-excerpt {
color: #00000080;
font-size: 16px;
font-family: 'Montserrat';
margin-bottom: 0;
display:none !important;
}
.new-blog-page .top-articles .article-item {
margin-bottom: 30px;
}
.new-blog-page .top-articles .article-excerpt {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 5em;
}
.new-blog-page .top-articles .article-container {
max-height: 400px;
overflow: auto;
}
.new-blog-page .top-articles .article-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 15px;
grid-row-gap: 20px;
}
/* .new-blog-page .top-articles {
position: relative;
}
.new-blog-page .top-articles::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
pointer-events: none;
z-index: 2;
} */
.new-blog-page .top-articles .article-container::-webkit-scrollbar-thumb {
background-color: #DC3545;
}
.new-blog-page .top-articles .article-container::-webkit-scrollbar {
width: 4px;
}
.new-blog-page .top-articles .article-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
.new-blog-page .recent-articles .article-content {
margin-top: 0px;
flex: 1;
}
.new-blog-page .recent-articles .article-img {
flex: 0 0 150px;
}
.new-blog-page .recent-articles .article_title {
font-size: 16px;
}
.new-blog-page .recent-articles .article-excerpt {
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 3em;
}
.new-blog-page .recent-articles a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
text-decoration: none;
padding: 20px;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
border-radius: 12px;
}
.new-blog-page .categorized-articles a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
text-decoration: none;
}
.new-blog-page .categorized-articles .article-item {
display: flex;
flex-direction: column;
gap: 12px;
}
.new-blog-page .categorized-articles .main-title {
font-size: 18px;
}
.new-blog-page .categorized-articles .article-content {
margin-top: 0px;
flex: 1;
}
.new-blog-page .categorized-articles .article-img {
flex: 0 0 97px;
}
.new-blog-page .categorized-articles .article_title {
font-size: 16px;
margin: 0;
}
.new-blog-page .popular .item {
font-size: 10px;
font-family: 'Poppins';
font-weight: 500;
padding: 2px 4px;
border-radius: 20px;
color: #F2183D;
background-color: #FFEFF1;
border: 1px solid #f2183d38;
text-decoration: none;
}
.new-blog-page .popular.categories .item {
color: #000000;
background-color: #FEEDEF;
font-size: 12px;
padding: 2px 6px;
}
.new-blog-page .popular .item:hover {
background-color: #F2183D;
color: #fff;
}
.new-blog-page .search button {
background: #f2183d;
color: #fff;
border: 1px solid #f2183d;
}
.new-blog-page .search button:hover {
color: #f2183d;
background: #fff;
}
@media screen and (max-width: 1400px) {
.new-blog-page .main-title {
margin-bottom: 20px;
font-size: 20px;
}
.new-blog-page .article_title {
font-size: 16px;
}
.new-blog-page .article-tags .tag {
font-size: 10px;
line-height: 1.2;
}
.new-blog-page .article-excerpt {
font-size: 14px;
}
.new-blog-page .top-articles .article-container {
max-height: 650px;
}
.new-blog-page .recent-articles .article_title {
font-size: 14px;
}
.new-blog-page .recent-articles .article-excerpt {
font-size: 12px;
}
.new-blog-page .categorized-articles .main-title {
font-size: 16px;
}
.new-blog-page .categorized-articles .article_title {
font-size: 14px;
}
.new-blog-page .categorized-articles .article-img {
flex: 0 0 77px;
}
.new-blog-page .popular.categories .item {
font-size: 11px;
}
}
@media (max-width: 1200px) {
.new-blog-page .main-title {
font-size: 16px;
}
}
@media (max-width: 991px) {
.new-blog-page .main-title {
font-size: 12px;
}
.new-blog-page .article_title {
font-size: 12px;
}
.new-blog-page .article-tags .tag {
font-size: 8px;
}
.new-blog-page .article-excerpt {
font-size: 10px;
}
.new-blog-page .top-articles .article-container {
max-height: 650px;
}
.new-blog-page .recent-articles .article_title {
font-size: 12px;
}
.new-blog-page .recent-articles .article-excerpt {
font-size: 10px;
}
.new-blog-page .categorized-articles .main-title {
font-size: 14px;
}
.new-blog-page .categorized-articles .article_title {
font-size: 11px;
}
.new-blog-page .categorized-articles .article-img {
flex: 0 0 60px;
}
.new-blog-page .popular.categories .item, .new-blog-page .popular .item {
font-size: 9px;
line-height: 1.2;
}
.new-blog-page .top-articles .article-img {
height: 190px;
}
.new-blog-page .recent-articles .article-img {
flex: 0 0 100px;
}
.new-blog-page .filters .accordion-item {
box-shadow: unset;
}
.new-blog-page .top-articles .article-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.new-blog-page .filters .accordion-body {
padding: 0;
max-height: unset;
overflow: unset;
}
}
@media (max-width: 768px) {
.new-blog-page .top-articles .article-img {
height: 140px;
}
.new-blog-page .filters .accordion-body {
padding: 20px;
max-height: unset;
overflow: unset;
}
.new-blog-page .filters .accordion-button {
color: #ffffff;
background-color: #dc3545;
}
.new-blog-page .filters .accordion-button:after {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
}
/* blog public view */