#logo {       vertical-align: middle;
    width: auto;
    height: 75px;}
	
	.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 0px !important;
}
	
	.bg-white {
    background-color:  #ffffff !important;
	
}

.navbar-light .navbar-toggler {
       color: rgb(91 91 91) !important;
    background: white   !important;
    border-radius: 6px !important;
}


@media screen and (max-width:700px){
	
	.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    background: white; !important
	
}


.navbar-light .navbar-toggler {
       color: rgb(91 91 91) !important;
    background: white   !important;
    border-radius: 6px !important;
}
	.bg-white {
    background-color:  #feb541 !important;
	
}


}
	.title {    text-align: center;
    padding: 30px;}
	
	.col-lg-3 {
    flex: 0 0 auto;
    width: 50%;
}

.di-flx-counter {    display: flex;
    margin: 0 auto;
    width: fit-content;
    align-items: center;}
	
	
	.plus-ctr-s {    font-size: 2rem;
    color: white;
    margin: 0px 7px;}
	
	
	#foot-cont {width: 33%}
	
	
	.btn-prc {    background: #d81324;
    color: white;
    padding: 10px;
    margin: 25px 0px  0px;
    display: block;
    width: -webkit-fill-available;
    text-align: center;}
	
	.btn-prc:hover {background:black;color:white;}
	
		
.row2 {
	padding: 50px;
}
.row2 h1 {   text-align: center;
    font-size: 42px;
    font-weight: 500;
    color: #673bb7;}
.row2 h2 {   text-align: center;
    font-size: 35px;
    color: #000000;}
.flex_pricing {        display: block;
    width: fit-content;
    margin: 0 auto;
    color: black;}
.flex_pricingin {       padding: 0px 0px;
    text-align: left;
    width: auto;
    display: inline-block;
    max-width: 350px;
    vertical-align: text-top;
    margin: 6px;
    border-radius: 5px;
}
.flex_pricingin h3{        background: #072339;
    margin: 0px;
    padding: 13px 20px;
    text-align: center;
    color: white;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.7px;
}

.mobile_close {display:none;position: absolute;
    top: 0;
    font-size: 50px;
    z-index: 3;
    color: white;
    right: 16px;
    padding: 0;}

.flex_pricingin h1 p{    font-size: 10px;}
.flex_pricingin h1 del {       font-size: 22px;
    color: #888888;}

.flex_pricingin h1{        color: #ffffff;
    background: #072339;
    margin: 0;
    padding: 9px;
    font-size: 20px;}
.flex_pricingin ul{padding: 0px 0px;}
.flex_pricingin li{       background: #f6f6f6;
    padding: 4px 23px;
    list-style-type: none;
    font-size: 12px;
    font-weight: 500;
    display: grid;
    grid-template-columns: 40px auto 10px;}
.flex_pricingin li.back{background: #3f5c8417;}
.flex_pricingin li i{        text-align: center;
    color: black;
    border-radius: 50px;
    padding: 6px;
    font-size: 7px;
    height: fit-content;
    margin: 0px 10px;
}
.flex_pricingin li i.fa-times {background: red;}

.flex_pricingin li:nth-child(2n+1) {
   
}


.feedback_box {             width: 150px;
    overflow: hidden;
    margin: 10px 4px;
    display: grid;
    grid-template-rows: 131px 23px 24px 52px;
    padding: 5px;
    border-radius: 5px;
    align-items: center;
    color: #000000;
    background: #f2f2f2;}
.feedback_box img{          width: 120px;
    max-height: 120px;
    display: block;
    margin: 0 auto;
    border-radius: 100px;}
.feedback_box h3{        font-weight: 500;
    text-transform: capitalize;
    margin: 3px;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;}

.feedback_box i{color: #ffffff; }
	.feedback_box p{       margin: 8px 6px;
    font-size: 11px;
    text-align: justify;
    font-weight: 400;
    max-height: 20px;
    overflow: hidden;}
	
	.social_med_poster_scroll {       display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    overflow-x: scroll;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;}
.social_med_poster .poster_demo{      width: 300px;
    height: auto;
    display: inline-block;
    margin: 5px;}
.social_med_poster .poster_demo img{width:100%;}
	
	.btn2 {    background: #d81324;
    color: white;
    font-size: 12px;
    padding: 9px;}
	
	.category_name_card_pre {          width: 200px;
    display: inline-block;
    vertical-align: top;
    height: 354px;
    margin: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    overflow: hidden;
    display: inline-grid;
    grid-template-rows: 200px 113px;
    position: relative;}
	.category_name_card_pre img{       max-width: 100%;
    max-height: 200px;
    width: auto;
    margin: 0 auto;
    display: block;}
	
	.discript {}
	.discript h2{       font-size: 1rem;
    padding: 2px 10px;
    margin: 0px;}
	.discript p{       margin: 0px;
    font-size: 12px;
    padding: 1px 10px;
    color: #1d1b1b;}
	
	.view_counter {       font-size: 13px;
    padding: 0px 10px;
    position: absolute;
    top: 0;
    z-index: 33;
    background: #000000b0;
    color: white;}
	.count {}
	.see_more_btn2 {    background: #d81324;
    color: white;
    padding: 8px;
    text-align: center;}
	
	.row33 {    max-width: 1200px;
    margin: 10px auto;}
	.benefit_box {    width: 200px;
    text-align: center;
    background: #f0f0f0;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    height: 237px;
    display: inline-grid;
    grid-template-rows: 50px 55px 111px;
    align-items: center;	}
	.benefit_box i{    font-size: 27px;
    color: black;}
	.benefit_box h3{    font-size: 1.2rem;}
	.benefit_box p{    font-size: 0.9rem;}
	
	
	.wtsp_chat {         background: linear-gradient(45deg, green, #20af0e);
    padding: 5px;
    font-size: 35px;
    color: white;
    position: fixed;
    border: 0px solid white;
    width: 63px;
    text-align: center;
    z-index: 100;
    border-radius: 60px;
    bottom: 28px;
    left: 15px;}
	
	.search_bar {       border: 2px solid #dfdfdf;
    max-width: 500px;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 10% auto;
    margin: 24px auto;}
	.search_bar input{        border: 0px;
    padding: 13px 30px;
    font-size: 15px;
    outline: none;}
	.search_bar button{       background: #ffffff40;
    border: 0px;
    font-size: 24px;
    color: red;}
	
	
	.search_card_preview {     width: 32%;
    border: 0px solid;
    display: inline-grid;
    grid-template-columns: 56px 67% 64px;
    align-items: center;
    padding: 4px 5px;
    background: #f2f2f2;
    margin: 4px;
    border-radius: 4px;
    height: 93px;
    vertical-align: text-top;}
	.search_card_preview img{    width: 100%;}
	.discrip {    padding: 3px 10px;}
	.discrip h2{    font-size: 15px;}
	.discrip p{    font-size: 12px;}
	
	.see_more_btn {    background: #d81324;
    color: white;
    padding: 4px;
    text-align: center;}
	
	
	
@media screen and (max-width:700px){
	#foot-cont {width: 96%}
	.benefit_box {
    width: 45%;
    text-align: center;
    background: #f0f0f0;
    padding: 10px;
    margin: 7px 5px;
    display: inline-block;
    vertical-align: top;
    height: 237px;
    display: inline-grid;
    grid-template-rows: 50px 55px 111px;
    align-items: center;
}
.search_card_preview {
    width: auto;
    border: 0px solid;
    display: inline-grid;
    grid-template-columns: 20% 60% auto;
    align-items: center;
    padding: 3px 5px;
    background: #f2f2f2;
    margin: 2px auto;
}
	
	.category_name_card_pre {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    overflow: hidden;
    display: inline-grid;
    position: relative;
}
	
	
	
	.category_name_card_pre img {
    max-width: 100%;
    max-height: 250px;
    width: auto;
    margin: 0 auto;
    display: block;
}
	
	
	
	
	
	
	
	.row2 {
    padding: 50px 5px;
}
	
	
	
	
	
	
}