/*common css*/
:root {
    --pink: #e129b8;
    --primary: #030510;
    --green: #00ae9e;
	--login:#64814c;
    --lblue: #3c6fd9;
    --lgray: #717171;
    --white:#ffff;
    --light:#f5f5f5;
    --yellow:#fce92a;
    --dark:#000;
    --llight:#9C9C9C;
    --purple:#2a1a45;
	--red:#ff0000;
	
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.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'/></svg>") !important;
}
.accordion-button {background-color: var(--purple);color:#fff;}

.accordion-button:not(.collapsed){background-color: var(--purple);color:#fff;}
	
b, strong {
    font-weight: bold;
}
html,body{scroll-behavior: smooth;}
a {
    transition: 0.5s ease;
}

	
a:hover {
    transition: 0.5s ease;
}

.btn-primary {
    background: var(--primary);
    border-color: var(--primary)
}

.btn-primary:hover {
    background: var(--dGreen);
    border-color: var(--dGreen);
    color: #fff
}

hr {
    margin: 0;
}

p {
    color: var(--lgray);
    font-weight: 300;
    font-size: 16px;
}

a {
    text-decoration: none;
    color: #212529;
}

a:hover {
    color: var(--dark);
}

li {
    list-style: none;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}
.ptb-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.pb-100{padding-bottom: 100px;}

.mb-50{margin-bottom: 50px;}

.bg-orange {
    background: var(--dGreen)
}

img {
    max-width: 100%;
}

body {
    font-family: 'DM Sans', sans-serif;     color: var(--dark); 
	
}
p {
    font-family: 'DM Sans', sans-serif; font-weight:400;
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

ul {
    margin: 0;
    padding: 0
}

.btn {
    font-size: 16px
}

.btn-round {
    border-radius: 20px;
    padding: 7px 25px;
}

.text-orange {
    color: var(--dGreen)
}

.text-primary {
    color: var(--primary) !important
}

.bg-gray {
    background: var(--gray)
}

.bg-dlight {
    background: var(--dlight)
}

.hover-zoom {
    transition: all .5s;
}

.hover-zoom:hover {
    transform: scale(1.02);
}

.prod3 .col-12.col-md-2 {
    margin-top: 30px;
}

.prod3 .col-12.col-md-2:nth-child(-n+5) {
    margin-top: 0px;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px;
    }
}

.media {
    display: flex;
}

.abtcrd .media-body {
    flex: 1;
}

a {
    color: var(--dark);
}
 
/*common css*/

.video-container {
    position: relative;
  }
  
  video {
    width: 100%;
  }
  
  .video-container button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    font-size: 16px;
    background-color: transparent;
    color: #fff;
    border: none;
    cursor: pointer;   
    font-size: 0;
 
}
  .video-container button img {
    width: 70px;
}
 

/* .video-container video::-webkit-media-controls { display: none; } */


/* ===== buttons hover ========== */

.hvr-bounce-to-right:before {
    background: var(--llight);
    border-radius: 5px;
}

.hvr-shutter-in-horizontal:before,
.hvr-shutter-out-horizontal:before {
    background: var(--dorange);
    border-radius: 5px;
}

.hvr-bounce-to-bottom:before {
    background: var(--dorange);
    border-radius: 5px;
}

/* ========= buttons hover =========== */

/* header start */
header {
    position: relative;z-index: 99;
}

header ul {
    display: flex;
    align-items: center;
}

.navbar-toggler {
    color: var(--dGreen);
    font-size: 24px;
}

.navbar-brand img,
.flogo img {
    transition: all .3s;
	/*width: 240px;*/
    vertical-align: baseline;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: var(--yellow);
}
.fix {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.fix .navbar-brand img {
    width: 80px;
}
.nav-sidebar {
    margin-left:25px;
}

header ul li {
    position: relative;
	font-weight:500;
}

header ul li a {
    display: block;
    padding: 6px 20px;
    margin: 0 6px;
    font-size: 18px;
    color: var(--primary);
    
}
header ul li a:hover{color: var(--purple);}

header ul li a img {
    margin-right: 5px;
}
a.btn-grey.mob{
	display:none;
}
.btnpurple {
    background: var(--purple);
    color: #fff;
    border-radius: 5px;
    padding: 5px 20px;
    font-weight: 500;
    transition: all .3s ease-in-out;
}

.btnred {
	background: var(--red);
    color: #fff;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: 16px;
    font-weight: 600;
}
.btnbottom {
	background: var(--red);
    color: #fff;
    border-radius: 5px;
    padding: 10px 24px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: 24px;
    font-weight: 600;
}

.btnred:hover {
	background: var(--red);
    color: #fff;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: 16px;
    font-weight: 600;
	opacity: 0.5!important;
}
.btnbottom:hover {
	background: var(--red);
    color: #fff;
    border-radius: 5px;
    padding: 10px 24px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: 24px;
    font-weight: 600;
	opacity: 0.5!important;
}
.btnlogin {
    background: var(--login);
    color: #fff;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 500;
    transition: all .3s ease-in-out;
}
.btnlogin:hover {
	background: var(--login);
    color: #fff;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    opacity: 0.5!important;
}


a.my-account {
    font-size: 14px;
}
a.my-account {
    font-size: 14px;
    letter-spacing: -1px;
}
 
.btnpurple:hover {
	background: var(--purple);
    opacity: 0.5!important;
    /*background: #76BEF6;*/
    color: #fff;
}

.btnYellow i{
    transition: all .2s ease-in-out;
}
.btnYellow:hover i{transform: translateX(10px);}

.ponbtn {
    background: var(--primary);
    color: var(--white);
    border-radius: 3px;
    font-weight: 500;
    color: var(--white);
    padding: 14px 48px;
}

.ponbtn:hover {
    color: var(--white);
    background: var(--dGreen);
}

header .ponbtn {
    padding: 12px 32px;
}

.btnWhite {
    padding: 10px 40px;
    color: #fff;
    font-size: 18px;
    border: 2px solid;
    margin-top: 30px;
}

.btnWhite:hover {
    color: var(--pink);
    background: var(--white);
    border-color: #fff;
}

.btnGreen {
    background: var(--dGreen);
}

.btnGreen:hover {
    color: var(--white);
    background: var(--pink);
}

.ponbtn.btnGreen:hover {
    border: 1px solid var(--dGreen);
    background: transparent;
}

.btnOutline {
    background: transparent;
    border: 2px solid;
    color: var(--pink);
}

.menu img {
    margin-right: 0;
    margin-left: 5px;
}
.menubg nav.navbar.navbar-expand-lg.navbar-light.top-navbar.sticky.fixed-nav{
background: url('../images/menubg.png') no-repeat;background-size:cover;}


.menubg{
	background: url('../images/menubg.png') no-repeat;
	background-size:cover;
	}

	
.menubg.sticky.fixed-nav {
    top: 78px;
	background: url('../images/menubg.png') no-repeat;
}	
.menubgtext{
	text-align:center;position:absolute;width:100%;font-family:Teko;font-size:32px;
	}	

li.nav-item.txt a {
    font-weight: 600;
    color: #000000!important;
    opacity: 1;
    font-size: 16.5px;
}
	
.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    background: var(--pink);
    padding-left: 40px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    min-width: 310px;
    padding-top: 100px;
    transition: all .7s cubic-bezier(0.25, 1, .2, 1);
    transform: translateX(100%);
    align-items: flex-start;
}

a.nav-item.mobile {
    display: none;
}

.sidebar a {
    color: var(--white);
}

.sidebar a:hover {
    color: var(--dGreen);
}

.menu:hover .sidebar {
    transform: translateX(0);
}

.sidebarimg {
    position: absolute;
    top: 30px;
    right: 50px;
    cursor: pointer;
}

.bar {
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    display: block;
    transition: all .7s cubic-bezier(0.25, 1, .2, 1);
}

.bar {
    width: 18px;
}

.bar.bar2 {
    width: 24px;
}
header .dropdown:hover .dropdown-menu{display: block;border: none;}
.dropdown-item{margin-left: 0;}
/* header end */

/* body start */

.bannertxt{
    background-repeat:no-repeat;position: relative;background-size: cover;
    /*background-position: center;*/
    aspect-ratio: 2.5 / 0;
}

.bnrtxt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80vh;
    text-align: left;
    position: relative;
    z-index: 9;
    max-width: 55%;
}


.carousel-inner {
    
    background-color: #292c47;
    color: #fff;
}
.carousel-item {
    
}
.carousel-item img.d-block {
    height: 100%;
    object-fit: cover;
}
.carousel-caption.text-start {
    top: 35%;
}
/*.carousel-caption.text-start{
    left: 10%;
}*/

.carousel-caption {
left:140px;
right:auto;
}

ul.dropdown-menu li a {
    font-size: 14px;
}
.carousel-caption.text-start h1 {
    font-size: 60px;
    text-shadow: 0px 1px 3px #ffffffed;
    color: #000;
    font-weight: bold;
    letter-spacing: -2px;
}
.carousel-caption.text-start p {
    color: #000;
    font-size: 30px;
	margin-top:-5px;
}

.aboutus {
    padding:6rem 0;
    background: #fafcfe;
}
/*.aboutus p{text-align:justify;}*/

.bnrtxt h1 {
    font-size: 55px;
    font-weight: 700;
    color: var(--white);
}
.heading-cmn h2 {
    font-size: 41px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 1;
}
.aboutus p {
    font-size: 18px;
    font-weight: 300;
    padding: 0.2rem 0;
    color:#4e4e4e;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    background: #fff;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px solid #f5f5f5;
}

a.btnpurple.btn-cmn {
    padding: 12px 45px;
    margin-top: 0.1rem;
    display: inline-block;
}

.space-between {
    padding: 0 1.5rem;
}
.ccms-section {
    padding: 4rem 0;
    background:#2a1a45 url(../images/pattren.png) repeat;
    color: #fff;
}
.heading-cmn h3 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    max-width: 265px;
}
.ccms-section p {
    font-size: 28px;
    line-height: 1;
    color: #fff;
    font-weight: 200;
}
.ccms-section a.read-more {
    background: #fff;
    padding: 0.8rem 2.5rem;
    border-radius: 5px;
    float: right;
}
.ccms-section a.read-more:hover{
    background-color: #76bef6;
    color: #fff;
}

 
.heading-cmn h4 {
    font-size: 36px;
    font-weight: bold;
}
.list-ccms li {
    line-height: 37px;
    font-size: 18px;
    color: #262626;
    list-style-type: none;
    margin-left: 1rem;
    padding-left: 2rem;
    font-weight: 500;
    background: url(../images/list-icon.png) no-repeat left 8px;
}

.bottom-strip {
    background: #8cc1eb url(../images/strip-bg.png) no-repeat center  0px;
    min-height: 255px;
    padding: 4rem 0;
	background-position-x: 42vw;
}
.bottom-strip h2 {
    color: #2a1a45;
    font-size: 42px;
    padding-top: 2.5rem;
}

.heading-cmn h2 {
    font-size: 41px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 1;
    padding-bottom: 1rem;
}

.list-ccms.align-middle.space-between {
    padding-left: 4rem;
}

.list-ccms li::marker {
    color: #6261af;
}
iframe.embed-responsive-item {
    width: 100%;
    height: 100%;
}
.embed-responsive.embed-responsive-16by9 {
    width: 100%;
    height: 100%;
}
.aboutus.white-bg {
    background: #fff;
}

.light-gray-bg {
    background: #f5f5f5;
    
}
 li.signbtn.des-n {
    display: none;
}
.dishmom-btm {
    display: none;
}

a.navbar-brand.logo-dm {
    width: 160px;
}
a.navbar-brand.logo-dm img {
    width: 100%;
}
a.btn-grey {
    text-align: right;
    float: right;
    border: 1px solid #d80027;
    padding: 12px 25px;
    border-radius: 5px;
    color: #d80027;
	font-weight:600;
	 
}
a.btn-grey:hover{
	box-shadow: rgb(0 0 0 / 3%) 0px 6px 7px;
	background:#d80027;
	color:#fff;
}
.content h3 {
    padding-bottom: 1rem;
}

.bnrtxt p{font-size: 24px;margin-top: 30px;margin-bottom: 0;color: var(--white);}
.bnrtxt p span{position: relative;}
.bnrtxt p span:after,.bnrtxt p span:before {
    content: '';
    position: absolute;
    right: -200px;
    width: 160px;
    height: 2px;
    background: #fff;
    top: 50%;
}
.bnrtxt p span:before {right: auto;left: -200px;}
.bgPrimary{
    background: var(--primary);
}
.main-heading h6{
    color: var(--dGreen);font-size: 18px;
}
.main-heading h2{
    font-size:38px;position: relative;
    font-weight: bold;margin-bottom: 50px;
}
.main-heading h3{font-weight: bold;}
.underline {
    position: relative;
    padding-bottom: 20px;
}
.underline:after {
    content: '';
    border-bottom: 4px solid var(--yellow);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 200px;
}
.underline-center::after {
    content: '';
    transform: translate(-50%, -50%);
    left: 50%;
    width: 20%;
}
img.radius {
    border-radius: 10px;
}
.btxt-left{text-align: left;padding-right: 100px;color: var(--white);}
.main-form {
    padding-left: 100px;color: var(--primary);
}
.main-form form {
    background: #fff;
    padding: 40px 50px;
    border-radius: 5px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    padding: 15px;color: #6c757d;
}
.tabssec {
    margin-top: 50px;
}
.tabssec .btn {
    background: var(--purple);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 10px!important;
    padding: 0px 45px;
    margin-left: -160px!important;
    z-index: 9;
    margin:8px;
}

.tabssec .form-control{border:none;font-size: 18px;position: relative;
border-radius:10px !important;padding: 22px 50px 22px 65px;
}
.tabssec .input-group:before{
    content: '';
    background: url('../images/noun-location-5711775.svg') no-repeat;
    position: absolute;
    left: 30px;top: 22px;
    width: 30px;
    height: 30px;
    background-size: 20px;
    z-index: 9;
}

#popularTab {
    justify-content: end;
}
.prodcard{border: none;border-radius: 15px;    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);margin-top: 30px;}
.prodcard:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}
.prodcard a:hover{color: inherit;}
.card-img{position: relative;}
.ofrbtn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.btnBlack{background: var(--dark);color: #fff;padding: 10px 20px;border-radius: 15px;}
.btnBlack:hover{background: var(--yellow);color: #fff;}
.btnBlue{background: var(--lblue);}
.price {
    font-size: 28px;margin-top: 10px;
}
.prodfeture{margin-top: 10px;}
.prodcard.card-body{padding: 20px;}
.prodcard p{font-size: 18px;}
.prodfeture ul{display: flex;justify-content: space-between;align-items: center;}
.prodfeture ul li{font-size: 18px;display: flex;align-items: center;color: var(--llight);
font-weight: 500;
}
.prodfeture ul li img{width: 20px;margin-right: 7px;}
#popularTab .nav-link {
    background: var(--light);
    margin: 5px;color: var(--gray);
    font-weight: 500;border-radius: 15px;text-transform: uppercase;
}
.populartab-btn {
    padding-top: 15px;
}
.prodall-btn{margin-top: 50px;text-align: center;}
.prodall-btn .fa-arrow-right-long{margin-left: 15px;}
.updatesec .media{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding: 30px;border-radius: 10px;align-items: center;margin-top: 30px;
    background: #fff;
}
.updatesec .media h4{display: flex;display: -webkit-flex;justify-content: space-between;}
.updatesec .media i{font-size: 15px;color: var(--yellow);transition: all .3s ease-in-out;display: block;}
.updatesec .media:hover i{margin-right: -10px;}
.media-body h4{font-size: 24px;font-weight: bold;}
.media-img{margin-right: 25px;}
.updatesec{position: relative;}
.updatesec:before{
    content: '';
    background: url('../images/shadow-left.png') no-repeat;
    position: absolute;
    left: 0;
    width: 30%;
    height: 100%;
    z-index: -1;

}
.updatesec::after{
    content: '';
    background: url('../images/shadow-right.png') no-repeat;
    position: absolute;
    right: 0;
    bottom: -15%;
    width: 30%;
    height: 100%;
    z-index: -1;
}
.grid-item { width: 21%; background: black;margin-bottom: 10px;}
.citi2{width: 47%;}
.grid-img{position: relative;margin-top: 20px;}
.grd-txt{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%);color: var(--white);width: 100%;
    text-align: center;

}
.grd-txt p{color: var(--white);}
.citi-mid2 {
    display: flex;
}
.citi-mid2 .grid-img:first-child{margin-right: 20px;}
.grd-txt h4{font-size: 24px;margin-bottom: 0px;}
.grd-txt p{font-size: 16px;}
.massenry {
    margin-top: 30px;
}
.mapp-img {
    padding-right: 50px;
}
.main-heading h5{color: var(--yellow);font-size: 30px;}
.mapp-txt {
    display: flex;
    height: 100%;
    align-items: center;
    display: -webkit-flex;flex-direction: column;justify-content: center;
}
.home-form{
    background: url("../images/home-contact.png") no-repeat;

}
.hform textarea{height: 150px;resize: none;}
.btnsec{text-align: right;}
.btn-appdwn{background: var(--light);display: inline-block;text-align: left;
padding: 10px 30px;width: 45%;margin-right: 15px;margin-top: 20px;
}
.btn-appdwn:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}
.btn-appdwn img{width: 25px;}
.btn-appdwn p{font-size: 14px;margin-bottom: 0;}
.btn-appdwn h5{font-size: 20px;margin-bottom: 0;}
.appdwn{width: 100%;}
.appdwn .media{align-items: center;}
/* body end */

/* sefvido */
.sefvido .row{padding-left: 50px;padding-right: 50px;}
.sefvtxt{position: relative;}
.sefvtctin{position: absolute;left: 40px;bottom: 40px;max-width: 35%;}
.sefvtctin h2{color: var(--white);font-size: 28px;font-weight: bold;margin-bottom: 20px;}
.wathcBtn{background: var(--purple);color: var(--white);border-radius:5px;padding: 7px 20px;}
.wathcBtn i{margin-left: 10px;}
.wathcBtn:hover{background: var(--yellow);}
.sefvtxt img{width: 100%;}

.img-radius img {
    border-radius: 10px;
}

.tabbody1 .row{margin: 0;}
.tabbody1 [class^=col]{
    padding-left: 0;
}
.tabbody1 img{width: 100%;}
.tabhedng{align-items: center;}
.tab1head{margin-top: -50px;justify-content: center;}
.tabssec .nav-tabs .nav-link{
    border: none;color: var(--lgray);
}
.nav-tabs{border: none;}
.tab1head.nav-pills .nav-link{padding: 7px 45px;
    border-radius:50px;
    background: var(--light);
    color: var(--llight);font-size: 18px;font-weight: 500;
    margin-left: 20px;
}
.tab1head .nav-link.active {
    background: var(--yellow)!important;
    color: #fff!important;
}
.tabrt {
    padding-left: 45px;
    /* padding-right: 100px; */
}
.tabrt ul li{display: block;width: 100%;}
.tabrt ul .nav-link{font-size:28px;font-weight: bold;color: var(--dark);padding: 15px;text-align: left;}
.tabrt ul .nav-link.active{background: transparent;color: var(--yellow);}
.tabsrch {
    margin-top: 20px;
    padding-left: 20px;max-width: 75%;
}
.tabsrch h5{margin-bottom: 30px;}
.search2 .tabssec .btn{font-size: 14px;}
.tabsrch .search2 .tabssec .btn{margin-left: -125px!important;}
.tabsrch .search2 .tabssec .input-group:before{
    content: '';top: 18px;
}
.tabsrch .search2 .tabssec .btn{padding: 7px 22px;}
.abrtcent{
    display: flex;
    align-items: center;
}
section.sefvido .container {
    max-width: 1100px;
}
 
section.fetupurple.mobile {
    display: none;
}
section.fetupurple.desktop {
    display: inherit;
}


.whatspep{background: var(--light);}
.testimtxt {padding: 20px;padding-bottom: 0;}
.testimtxt p{font-size: 20px;line-height: 2;color: #ddd;}
.testimtxt h5{font-size: 18px;margin-bottom: 0;}
.testimtxt .media{align-items: center;margin-top: 50px;justify-content: center;padding: 20px;}
.swiper-slide.swiper-slide-next .testimtxt .media{background: var(--yellow);}
.testimtxt .media-img{overflow: hidden;border-radius: 50%;width: 60px;
    height: 60px;
}
.swiper-slide.swiper-slide-next .testimtxt p{color: var(--purple);}
.swiper-button-next, .swiper-button-prev{
    height: 100%;
    top: 0;
    width: 30%;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'prev';display: none;
}
.bg-light{background: #f3f3f3!important;}
.qut {position: absolute;left: -60px;}
.btnpurple-2 {
    background: var(--purple);
    color: #fff;
    border-radius: 10px;
    padding: 16px 30px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    display: inline-block;
}
.btnpurple-2 i{margin-left: 7px;}
.btnpurple-2:hover{background: var(--yellow);}
.abtxt p{margin-bottom: 30px;}
.abtxt{padding-left: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.whytry h2{color: var(--dark);}
.why_card h3{font-size: 26px;margin-bottom: 25px;font-weight: 600;}
.why_card {
    padding:55px 45px;
    margin-bottom: 51px;
    box-shadow: rgba(0, 0, 0, 0.1) 10px 16px 30px;
	border: 1px solid rgb(235, 235, 236);
    border-radius: 8px;
}
.readyord  .row{
    max-width: 65%;
    margin: auto;
    align-items: center;
}
.search2 .tabssec .form-control {
    border-radius:10px!important;
    padding: 18px 49px 18px 59px;
    font-size: 16px;
}
.search2 .tabssec .btn{
    padding: 7px 29px;
    margin-left: -150px!important;
    margin: 5px;
}

.search2 .tabssec .input-group:before{
    content: '';
    background: url('../images/noun-location-purple.svg') no-repeat;
    left: 20px;
    top: 10px;
}
.readyord{
    background: #f3f3f3;
}
.food-saftey {
    background: #fff;
    max-width: 1000px;
    margin: auto;
	 
}
.what-we-do h2 {
    color: white;
	text-align:left;
	margin-bottom:0px !important;
}
.what-we-do p{
	text-align:left;
	color:#fff;
}
.food-saftey h2 {
    font-size: 40px;
    position: relative;
    font-weight: bold;
    margin-bottom:80px;
}
.content {
    vertical-align: middle;
    align-items: center;
    height: 100%;
    padding-top: 50px;
    padding-left: 30px;
}
.food-saftey .purpleytxt {
    text-align: center;
}
.content p {
    line-height: 1.6;
}
a.links {
    padding-top: 1rem;
    display: inline-block;
}
a.links:hover {
   color:#d80027;
}
.purpleytxt h3{
    color: #5c5c5e;font-size: 32px;margin-bottom: 0;font-weight: bold;
}
.readyord .search2 .tabssec .btn{
    padding: 12px 29px;
}
.readyord .search2 .tabssec .input-group:before{
    content: '';top: 16px;
}
.readyord .search2 .tabssec .btn{
    margin-left: -140px!important;
}
.readyord .search2 .tabssec .form-control{
    padding: 7px 155px 7px 60px;
}
.fetupurple{position: relative;}
.fetupurple::before{
    content: '';
   /* background: url('../images/textur.png') no-repeat;*/
    position: absolute;
    left: 0;
    top: -180px;
    width: 300px;
    height: 370px;z-index: -1;
}
.fetupurple .main-heading h2{color:var(--dark);}
.main-heading h2 br {
     
}


/* footer start */
footer {
    padding:40px 0;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background:#2a1a45;
}

.flinks.flinks2 li {
    display: inline-block;
}

.flogo p img {
    display: block;
    width: 22px;
    float: left;
    align-items: center;
    padding-top: 0.5rem;
}

.fmid h6{font-size: 26px;;}
.fsocial{
    display: flex;justify-content: start;margin-top: 30px;
}
.fsocial a{display: inline-block;font-size: 18px;width: 40px;
height: 40px;text-align: center;display: flex;align-items: center;
margin-right: 15px;justify-content: center;color: var(--white);transition: all .2s ease-in;
border-radius: 10px;background: var(--light);
}
.fsocial a:hover{color: var(--yellow);transform: scale(1.1);}
.copyr{
    border-top: 1px solid var(--light);
    padding-top: 50px;margin-top: 80px;
}
.copyr p{color: var(--lgray);margin-bottom: 0;font-size: 18px;}

.flinks h4{color: var(--white);font-size: 20px;font-weight: bold;}
.flinks a{font-weight: 500;display: inline-block; padding: 5px 10px; transition: all .3s ease-in-out;
color: var(--white);
}
.flinks a i {
    display: inline-block;
    width: 23px;
}
.flogo img {
    margin-right: 1rem;
}

.flinks.flinks2 {
    padding-top:0;
    text-align: center;
    padding: 1.5rem 0;
}

.flinks .underline:after{
    width: 80px;
    bottom: 10px;
}
.flogo {
    float: right;
    width: 200px;
}
.flogo p {
    margin-top:0px;
    color: var(--white);
    text-align: left;
    font-size: 16px;
    max-width: 200px;
}
.fmail {
    display: flex;
    justify-content: space-between;
}
.fmail h6{font-size: 16px;}
.fmail h6 span{color: var(--llight);display: block;}
.flinks1 ul {display: flex;display: -webkit-flex;flex-wrap: wrap;}
.flinks1 ul li{width: 50%;}
.flinks.flinks1,.flinks.flinks2 {
    padding-left: 30px;
}
.fbottom {
    background: #2a1a45;
    padding: 25px 0;
    border-top: 1px solid #41305d;
    color: #b2a8c4;
}
.address{
    color: #b2a8c4;
}
.fbottomtxt {
    margin: auto;
    text-align: center;
 
}
.fbottomtxt ul{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 0;
}
.fbottomtxt li,.fbottomtxt a{color: var(--white);    font-size: 14px;}
.fbottomtxt a:hover{ opacity:0.8;}
.yellow{color: var(--yellow);}
.chat {
    position: fixed;
    right: 50px;
    bottom: 50px;z-index: 99;
}
.playbtn{
    border: 1px solid var(--yellow);padding: 10px;border-radius: 50%;
    cursor: pointer;
    width: 90px;
    height: 90px;
}
.playbtn span{background: var(--yellow);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-size: 25px;
}
.playbtn:hover{border-color: var(--dark);transform: scale(1.1);}
.playbtn:hover span{background: var(--dark);}
/* footer end*/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: right;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    border-radius: 30px;transition: all .3s ease-in;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--purple);width: 30px;
}

section.what-we-do{
	background:var(--purple);
	background-size: cover;
    background-position: 50% 0%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
	 
	 
	}
section.food-saftey.what-we-do {
    max-width: 100%;
    background: #00000085;
    background-size: 100%;
	background-attachment: fixed;
}
	
.wedo-center {
    text-align: center;
    margin: auto auto;
    max-width: 500px;
    background: #fff;
    height: 250px;
    border-radius: 10px;
}
.container.wht-we-do {
    margin: auto;
    max-width:620px;
    text-align: center;
}

.space-right {
    padding-right: 4rem;
}

.col-md-6.space-left {
    padding-left: 3rem;
}
.heading-cmn img {
    float: left;
    padding-right: 2rem;
}
.heading-cmn h3 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
}

.logo-footer {
    text-align: center;
}
a.fb-btn {
    text-align: center;
    width: 100%;
    display: block;
}

.social a {
    display: inline-block;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 10px;
    color: #fff;
    border-radius: 50%;
    padding: 10px;
}
.social li {
    display: flex;
}
.social {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
img.mobile {
    display: none;
}

img.desktop {
    height: 100%;
    object-fit: cover;
}
.graph-mobi {
    text-align: center;
}


.about-banner {
    text-align: center;
    padding: 2rem 0;
    background:#2a1a45 url(../images/bannerbg.png) repeat;
    color: #000;
}

.about-banner h1 {
    font-weight: 600;
    text-transform: capitalize;
}

.content-text p {
    margin: 0;
    font-size: 18px;
}
.content-text {
    padding: 4rem 0;
}
.content-text p strong {
    font-weight: bold;
}

.radius-border {
    margin: auto;
    border: 1px solid #dbdbf1;
    padding:2rem;
    border-radius: 15px;
    background-color: #fff;
}
.form-group {
    margin-bottom: 15px;
}
.contact-us input.form-control {
    padding: 10px 18px;
    margin-top: 5px;
    font-size: 14px;
}
.form-group.text-center.submit-btn {
    width: 200px;
}
.form-group.text-center.submit-btn button.btn.btnpurple {
    width: 100%;
    padding: 10px 1rem;
}
.contact-us textarea {
    margin-top: 5px;
    margin-bottom: 1.5rem;
    font-size: 14px;
}
.max-w8 {
    padding-right: 2rem;
}
.content-text {
    padding: 4rem 0;
}
.content-text.statics p.sub-heading {
    font-weight: 600;
    color: black;
    font-size: 26px;
    letter-spacing: -.5px;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}
.content-text.statics p {
    padding-bottom: .5rem;
}
.content-image {
    text-align: right;
}

.content-text.statics ul li {
    padding-bottom: .5rem;
    list-style: disc;
    margin-left: 2rem;
    font-size: 18px;
    color: var(--lgray);
}

.content-text.statics ul li strong {
    color: black;
}

.content-text.statics p strong {
    color: #000;
}

.about-banner-temp {
    text-align: center;
    padding: 2rem 0;
    background:#f8f8ff url(../images/about-bg.svg) no-repeat center 97px;
    color: #000;
    min-height: 400px;
    background-size: 70%;
}

.about-banner-temp h1 {
    font-weight: 600;
    text-transform: capitalize;
}

.heading-cmn h1 {
    text-transform: capitalize;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: -2px;
}
.aboutus.ccmsbehavior.contact-us {
    padding: 2rem;
}
.content-image.center {
    text-align: center;
}
.content-image img.img-fluid {
    width: 90%;
}

.contact-us select.form-control {
    padding: 10px 18px;
    margin-top: 5px;
    font-size: 14px;
}
h3.sub-heading {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
    padding-bottom: .5rem;
}


.table-bs {
    text-align: center;
}

.table-bs th {
    padding: 10px 0;
}
.table-bs tr th {
    color: #4e4e4e;
}
.table>thead th {
    background: var(--purple);
    color: white;
}


/* 06-05 */

ul.list-ui {
    font-size: 18px;
    color: #4e4e4e;
    display: inline-block;
}
ul.list-ui li {
    
    
    padding: 0;
    background: url(../images/bullets.png) no-repeat;    
    padding-left: 1.2rem;
    background-position: left;
    margin-left: 1rem;
}
.btnwhyccms{margin-top:30px;}

p.content-price {
    font-size: 18px;
}
.aboutus.Subscription.space-equal {
    padding: 4rem 0;
}

.table-container, .features-container { 
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

select#facilitySelect {
    padding: 8px;
    font-size: 1em;
    margin: auto;
    display: block;
    
}

.aboutus.Subscription th {
    background-color: #f2f2f2;
}

.aboutus.Subscription th, td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
}

.aboutus.light-gray-bg.ccmsactivities.space-equal.bottom-space {
    padding-bottom: 2rem;
}
 
.features-container {
    padding: 2rem; 
    background: #fff;
    margin-bottom: 2rem;
}
.features-container ul li {
    padding-left: 5px;
    list-style: circle;
    margin-left: 1rem;
    padding-top: 7px;
    padding-bottom: 7px;
}
.features-container ul li span {
    font-weight: bold;
}
.features-container ul {
    max-width: 950px;
}

.aboutus.ccmsbehavior.white {
    background: #fff;
}
.space-left {
    padding-left: 4rem;
}
.space-right {
    padding-right: 4rem;
}

@media(min-width:600px){
.space-top {
    padding-top: 3rem;
}
}

ul.list-b li {
    line-height: 1.8;
    font-size: 18px;
}
.align-center {
    text-align: center;
}

.bottom-space {
    padding-bottom: 7rem;
}

.container.faq {
    max-width: 1100px;
    margin: auto;
}


/* responsive start */
 


@media(min-width:1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1310px;}
}

@media(min-width:992px){
    .mlogreg,.mulogin,.sidebar-close{display: none;}
    

}

@media(max-width:1024px){

a.nav-item.mobile {
    display: inline;
}

.col-md-6.space-left{
    padding-left: 0;
}
.col-md-6.space-right{
    padding-right: 0;
}
.space-left {
	padding-left: 0px;
}
.space-left {
	padding-top: 20px;
}

    .menubg{display:none;}
	
}


@media(max-width:991px){

    .about-banner-temp {
        text-align: center;
        padding: 2rem 0;
        background: #f8f8ff url(../images/about-bg.svg) no-repeat center 97px;
        color: #000;
        min-height: 220px;
        background-size: 100%;
        background-position: bottom;
    }


    .heading-cmn h3 {
        max-width: 100%;
    }
    .heading-cmn h2 {
        font-size: 41px;
    }


    img.desktop {
        display: none;
    }
    img.mobile {
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .address {
        color: #b2a8c4;
        text-align: center;
    }

    .aboutus.white-bg.mobi-rp {
        padding-top: 2rem;
    }
    

    .flinks.flinks2 li {
        display: block;
    }

    .btnpurple {
       
        margin-bottom: 1rem;
    }

    a.nav-item.mobile {
        display: inline;
    }
    

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        margin-top: 0.5rem;
        background: #f5f5f5;
        padding:1rem 0;
    }

    .d-none{
        display: none !important;
        
    }

 
    .flinks.flinks2{
        text-align: center;
        padding-bottom: 1rem;
    }
    .flogo p img{padding-top: 0;}

    .flogo{float: none; width: auto;}
    .flogo p{max-width:100%;}    
    .flogo p br{display: none;}
    .sefvido .row{padding: 0;}
    .sefvtctin{max-width: 60%;}
    .sefvtxt {
        margin: 10px 0;
    }
    .bnrtxt p{display: none;}
    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        display: none;
    }
    
    
    
}


@media(max-width:580px){
 
    .carousel-caption.text-start {
        top: 25%;
    }    

.mob{
margin-top:33px;
}	



}

@media(max-width:480px){
 
.navbar-brand img, .flogo img {
    transition: all .3s;
    width: 90%;
}
	
 section.fetupurple.mobile .col-4.col-lg-3 {
    width: 50%;
    text-align: center;
}


.list-ccms li {
    line-height: 24px;
    font-size: 15px;
    color: #262626;
    list-style-type: none;
    margin-left: .5rem;
    padding-left: 1.7rem;
    font-weight: 500;
    background: url(../images/list-icon.png) no-repeat left 8px;
	margin: 11.4px 0;
}

.list-ccms.align-middle.space-between {
    padding-right: 0px;
}

}

 
@media(max-width:767px){

    .space-top-mobile {
        padding-top: 2rem;
    }

    select#facilitySelect {
        padding: 8px;
        font-size: 1em;
        margin: auto;
        display: block;
        float: right;
        max-width: 100%;
    }



    .radius-border {
    
        padding:2rem;
        
    }

    .list-ccms.align-middle.space-between
    {
        padding-left: 0;;
    }    

    .carousel-indicators{
        display: none;
    }  

    .bottom-strip {
        background: #8cc1eb url(../images/strip-bg.png) no-repeat 68% 0px;
        
    }    

    .carousel-caption.text-start h1 {
        font-size: 50px;
    }

.heading-cmn h2 br {
    display: none;
}    

.graph-mobi {
    text-align: center;
    width: 80%;
    margin: auto;
}
    .heading-cmn h4 {
        
        padding-bottom: 1rem;
    }     

.ccms-section .heading-cmn img {
    float: none;
    padding-bottom: 1.5rem;
}
.heading-cmn img{
    padding-right: 0rem;
}

.ccms-section .heading-cmn {
    text-align: center;
}

.wrap-reverse {
    flex-wrap: wrap-reverse;
}


    .video-container {
        position: relative;
        padding-top: 1rem;
    }
    .heading-cmn h2 {
        font-size: 41px;
    }   

    .aboutus {
    padding: 1.5rem 20px 2rem;
	}

.space-right{
    padding: 0;
}
.col-md-6.space-left{
    padding:0;
}
.ccms-section {
    padding: 4rem 1rem;
}
    .top-navbar.sticky {
        padding-bottom: 0rem;
    }

    .ccms-section a.read-more {
        float: none;
        margin: auto;
        text-align: center;
        width: 100%;
        display: block;
        max-width: 200px;
    }   

    .ccms-section p {
        padding: 1rem 0;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }
.align-middle.space-between {
        padding-top:1rem;
    }
.list-ccms.align-middle.space-between {
    padding-top: 2rem;
}    
.embed-responsive.embed-responsive-16by9 {
        height: 400px;
        margin-top: 3rem;
    }    

.fixed-nav {
        padding-left: 5px;
        padding-right: 5px;
    }
	
section.food-saftey.what-we-do{
	background-size:cover;
	height:220px;
}	
	
section.fetupurple.desktop {
    display: none;
}
section.fetupurple.mobile {
    display: inherit;
	padding-bottom:4rem !important;
}
.row-mobi {
    display: flex;
    width: 100%;
}
.row-mobi .col-3.col-lg-3 {
    width: 30%;
	text-align:center;
	margin: 1.7%;
}
.dishes-mobi {
    text-align: center;
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 30px 0px;
	height: 135px;
	margin-bottom: 0.3rem;
}
.dishes-mobi img {
    object-fit: contain;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    background-size: 100%;
}

.row-mobi span {
    padding-top: 15px;
    display: inline-block;
	font-size:20px;
	font-weight:500;
}

section.fetupurple.mobile .tabbody1 [class^=col] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
	text-align:center;
	font-weight: 500;
    font-size: 20px;
	margin-bottom: 2rem;
}
section.fetupurple.mobile .tabbody1 [class^=col] span {
    padding-top: 0.5rem;
    display: inline-block;
}


	a.btn-grey{display:none;}
	
	a.btn-grey.mob {
    text-align: center;
    width: 250px;
    padding: 13px;
    margin: auto;
    margin-top: 2rem;
	display:inline-block;
}
	.sefvtxt {
    position: relative;
}
a.wathcBtn {
    position: absolute;
    top: -82px;
    font-size: 0;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background:url(../images/noun-play-1940008.svg);
    right: 15PX;
}
    .ptb-50 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .ptb-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    header ul.navbar-nav {
        flex-direction: column;
        align-items: start;
        margin-top: 10px;
        padding: 0 0px;
        margin-bottom: 1rem;
    }
 
    .dropdown-menu{
        position: relative;
        box-shadow: none!important;
        padding-left: 13px;
    }
	.nav-sidebar li.signbtn a.btnpurple {
    padding: 12px;
}
.nav-sidebar li.signbtn {
    text-align: center;
	margin-bottom: 1rem;
	display: block;
}
    .nav-sidebar{
        position: fixed;
        background: var(--white);
        height: 100%;
        top: 0;
        opacity: 1;
        left: 0;
        z-index: 99;
        width: 100%;
        transition: all .5s ease-in-out;
        transform: translateX(-120%);display: block!important;
        margin: 0;
		box-shadow:15px 0px 20px 1px #00000042;
    }
    .nav-sidebar.nav-sidebarActive{
        transform: translateX(0%);
    }
    .sidebar-close {
    position: absolute;
    left: 28px;
    top: 17px;
    
	}
    header ul li{
        width: 100%; 
        padding:2px 10px;
    }
	.dishmom-btm {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #181a1a;
    height: 80px;
	display: block;
}
.dishmom-btm img {
    width: 180px;
    padding-top: 20px;
}
    header ul li:last-child{border-bottom: none;}
    header ul li a{color:#3a3a3a;font-size: 18px;font-weight: bold;padding-left: 0;}
    .dropdown-menu{background: transparent;}
    .dlogreg{display: none;}
    .bnrtxt h1{font-size: 40px;}
    .bnrtxt{max-width: 100%;height: 430px;justify-content: end;
        padding-bottom: 50px;justify-content: start;
        padding-top: 85px;
    }
    .bannertxt{background-position: 67%;}
    .bnrtxt p{margin-top: 0;font-size: 16px;}

    .bnrtxt h1{font-size:32px;
        max-width: 70%;}
    .sefvtctin{
        position: relative;
    left: 0;
    max-width: 100%;top: 8px;    text-align: center;
    }
    .sefvtctin h2{font-size: 16px;color: var(--dark);}
    p{font-size: 16px;}
    .main-heading h2{font-size:36px;
    position: relative;
    font-weight: bold;
    line-height: 1.2;}
    .main-heading h5{font-size: 20px;}
    #popularTab {
        justify-content: start;
        margin-bottom: 30px;
    }
    .populartab-btn {
        padding-top: 0;
    }
	.abtxt .main-heading h2 {
    text-align: left;
}
    .main-heading h2{margin-bottom: 20px; text-align:center;}
    .media-body h4{font-size: 20px;}
    .ptb-100{padding-top: 50px;padding-bottom: 50px;}
    .grd-txt h4{font-size: 18px;}
    .grd-txt p{font-size: 14px;}
    .grid-img{margin: 5px;}
    
    .citi-left,.citi-right{text-align: center;}
    .mapp-img{padding: 0;margin-top: 50px;}
    .btn-appdwn{width: auto;padding: 10px 10px;}
    .media-img {
        margin-right: 15px;
    }
    .btn-appdwn p {
        font-size: 10px;
    }
    .btn-appdwn h5 {
        font-size: 16px;
    }
    .appdwn{text-align: center;}
    .flinks.flinks1, .flinks.flinks2 {
        padding-left: 0;
        margin-top: 30px;
    }
    .flinks1 ul{display: block;}
    .flinks1 ul li{width: 100%;}
    .copyr{padding-top: 20px;
        margin-top: 30px;
    }
    .copyr p{font-size: 14px;}
    footer {
        padding: 50px 0 50px;
    }
    .citi-mid2 .grid-img:first-child {
        margin-right: 0;
    }
    .tabssec {display: flex;
        flex-direction: column-reverse;
    align-items: center;margin-top: 20px;
    }
    .tabssec ul{margin-top: 30px;background: var(--light);
        border-radius: 15px;
    }
    .tabssec .form-control{font-size: 17px;opacity: 0.9;position: relative;padding: 20px 65px 20px 50px;}
    .tabssec .input-group:before{
        content: '';left: 20px;top: 16px;
    }
    div#myTabContent {
        width: 100%;
    }
    .dsearch{display: none;}
    
	.tabssec .input-group {
    align-items: center;
    background: #ffffff8f;
    border-radius: 10px;
}
.food-saftey h2{margin-bottom:40px;}
    
    .tabssec0 .input-group::after{
        margin-top: 20px;
    }
    
    .tabssec .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .nav-link.active{border-radius: 15px;}
.flogo img{width: 290px;}
    .navbar-brand{
        display: block; 
        margin: 0;
        padding-left:6px;
		
	    
    }
	a.navbar-brand.logo-dm{width:200px;}
 	
    .btnpurple {
        padding: 7px 15px;
        margin-top: 0.5rem;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        margin-top: 0.5rem;
        background: #f5f5f5;
      
    }
    button.navbar-toggler {
        position: absolute;
        right:10px;
        top:10px;
    }
    .mulogin{
        position: absolute;
        right: 15px;
    }
    .fixed-nav button.navbar-toggler {
        top: 13px;
    }
    .navbar-toggler:focus{
        outline: 0;
        box-shadow: 0 0 0 0;
    }
 
.mulogin li.signbtn a.btnpurple {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
	font-size:0;
	padding:0;
	
}
 .mulogin li.signbtn a.btnpurple img {
    width: 40px;
    height: 100%;
    object-fit: cover;
    padding: 0;
    margin: 0;
    border-radius: 50%;
}

    .btnsec{text-align: center;}
   

    .timg {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }
    .timg img {
        height: 100px;
        object-fit: cover;
        width: 100%;
        border-radius: 5px;
    }
    .mapadd{width: 100%;}
    .hearsec {
        position: relative;
        bottom: -50px;
    }
    .serv-card{display: flex;flex-direction: row;height: 90%;}
    .serv-card h4{margin-top: 0;}
    .serv-card .card-body{padding-left: 15px;text-align: left;}

    .logsgnForm a{display: block;}
    .tabbody1 .container{padding-left: 10px;}
    .tab1head{margin-top: 0;margin-bottom:45px;margin-top:15px;}
    .tab1head li{margin-right: 20px;}
    .fetupurple .main-heading h2 br{display: none;}
    .tab1head.nav-pills .nav-link{padding: 5px 25px;margin: 0;}
    .fetupurple::before{
        content: '';display: none;
    }
    .tabrt{padding-left: 0;}
    .tabrt ul .nav-link{font-size: 16px;padding: 2px;
        width: 100%;
        text-align: left;
    }
    
    .bnrtxt .tabssec .btn {
        font-size: 22px;
        width: 50px;
        height: 50px;
        padding: 0;
        margin-left: -57px!important;
    }
    .whatspep {padding-left: 55px;padding-right: 30px;padding-top: 50px;}
    .qut img{width: 30px;}
    .qut{left: -40px;}
    .testimtxt p{line-height: 1.5;}
    .swiper-slide-active .testimtxt p{color:#696969;}
    .swiper-slide-active .testimtxt .media{background: var(--yellow);}
    .testimtxt{padding: 0;}
    .abtxt{padding-left: 0;margin-bottom: 30px;}
    .abt .row{
        flex-direction: column-reverse;
    }
    .why_card{margin-bottom: 25px;}
    .why_card h3{margin-bottom: 15px;font-size: 20px;}
    .readyord .row{max-width: 100%;}
    .solinks span{display: none;}
    .solinks{display: flex;}
    .flogo p{text-align: left;}
     
    .fbottomtxt li:nth-child(1){width: 100%;text-align:;margin-bottom: 10px;}
    .fbottomtxt li, .fbottomtxt a{font-size: 14px;}
    .purpleytxt h3 {
        margin-bottom: 15px;
        text-align: center;
        font-size:36px;
    }
    .search2 .tabssec .form-control{padding: 10px 47px 10px 60px;}
    .readyord .search2 .tabssec .btn {
    padding: 0;
    width: 75px;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-left: -50px!important;
    border-radius: 10px !important;
}
    .readyord .search2 .tabssec .form-control{max-width: 100%;padding: 17px 45px 17px 50px;}
    .readyord .search2 .tabssec .input-group:before {
        content: '';
        top: 17px;
        left: 17px;
    }
 

.behaviors .container .row {
    flex-direction: column;
}
.behaviors .container {
    padding:0px;
}

.carousel-caption {
left:auto;
right:auto;
}


}
@media (max-width: 768px) {
.mobilereverse{
    flex-direction: column-reverse;
}
}

@media(max-width:600px){
    .tabsrch{display: none;}
}

@media(min-width:600px) and (max-width:767px){
    .tabsrch{padding-left: 0;}
    .tabrt .search2 .tabssec .btn {
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-left: -35px!important;
    }
    .tabrt .tabssec .form-control {
        padding: 10px 40px 10px 45px;
        font-size: 12px;
    }
    .tabrt .search2 .tabssec .input-group:before {
        content: '';
        top: 8px;
        left: 10px;
    }
    .tabsrch h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

@media(min-width:768px){
    .msico,.mbar-btn,.mulogin,.sidebar-close{display: none;}
    .navbar-expand-lg .navbar-collapse {
        
    }
    
}

@media(min-width:767px) and (max-width:991px){

  
    .ccms-section a.read-more {
        background: #fff;
        padding: 0.8rem 1.5rem;
        border-radius: 5px;
        float: right;
    }
    .prodfeture ul li{font-size: 14px;}
    .fbottomtxt{max-width: 100%;}
    .nav-sidebar {
        margin-left: 0;
    }
    .bnrtxt h1{font-size: 36px;}
    .bnrtxt{max-width: 80%;}
    .tabrt{padding-left: 0;}
    .tabrt ul .nav-link{font-size: 22px;padding: 8px;}
    .tab1head.nav-pills .nav-link{padding: 7px 30px;}
    .main-heading h2{font-size: 36px;}
    .tabsrch{margin-top: 10px;padding-left: 10px;max-width: 100%;}
    .tabsrch h5{margin-bottom: 15px;}
    .testimtxt{padding-top: 0;}
    .qut{left: -43px;}
    .qut img{width: 40px;}
    .abt .row{flex-direction: column-reverse;}
    .abtimg{margin-top: 30px;}
    .main-heading h2{margin-bottom: 30px;}
    .why_card{}
    .why_card h3{font-size: 22px;margin-bottom: 15px;}
    .purpleytxt {
        text-align: center;
        margin-bottom: 20px;
    }
    .info,.follow{margin-top: 30px;}
}

@media(min-width:992px) and (max-width:1300px){
    .fmail,.flinks1 ul{flex-direction: column;}
    .serv-card{height: 90%;}
    header ul li a{font-size: 12px;}
    .navbar-brand img, .flogo img{width: 200px;}
    .prodfeture ul li{font-size: 12px;}
    .prodfeture ul li img{width: 15px;}
    .sefvtctin{max-width: 50%;}
    .tabrt{padding-left: 0;}
    .tabrt ul .nav-link{font-size: 22px;padding: 8px;}
    .tabsrch{max-width: 90%;}
    .main-heading h2{margin-bottom: 30px;
        font-size: 30px;
    }
    .whatspep .main-heading{padding-left: 36px;}
    .why_card h3{font-size: 22px;}
    .purpleytxt h3{font-size: 28px;}
    .readyord .row{max-width: 85%;}
    


	
}

@media(max-width:400px){
    /* .sefvtctin{max-width: 60%;} */
    /* .bnrtxt h1{font-size: 30px;} */
    .tab1head.nav-pills .nav-link{padding: 5px 20px;font-size: 16px;}
    .tabrt ul .nav-link{font-size: 12px;}
    .btnpurple-2{padding: 10px 30px;}
}
/* responsive end */


.ft_logo_an img{
    max-width: none !important;
}
.fb_logo_an img{
    max-width: none !important;
}
.fb_logo{height: 32px;}
.ft_logo{height: 32px;}