@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;500;600;700;800;900&display=swap');
div#banr {
	background-image: url(https://medicalmarijuanacardsanfrancisco.com/wp-content/themes/twentytwentyone-child/image/1.jpg);
	background-size: cover;
	padding: 31px 0px;
	position: relative;
	background-repeat: no-repeat;
	padding-bottom: 0;
	padding-top: 0px;
}

header#top-nav .logo {
	width: 70%;
}
#topnav ul li {
    color: #f7f4f4;
}

.menu li {
	list-style: none;
	padding: 0px 12px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;
}


p a {
    color: #1ab49c;
}
ul li a {
    color: #1ab49c;
}

.left-ima img {
	width: 88px;
	height: 88px;
	border-radius: 50px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #17d0ec!important;
}

.page-template-about div#banr {
    padding-bottom: 14px !important;
}

.page-template-contact div#banr {
    padding-bottom: 14px !important;
}
.page-template-blog div#banr {
    padding-bottom: 14px !important;
}

.img-media img {
    width: 100%;
}

section#faq-us {
    padding-top: 60px;
}
section#trust img {
    max-width: 170px;
}
h2.faq_h {
    font-size: 21px;
}
.page-template-faq-php #banr {
    padding-bottom: 14px;
}
.single-post div#banr {
    padding-bottom: 14px !important;
}


	#benift .pre_column-inner {
    min-height: 455px;
}
	.right-w {
    padding-left: 12px;
}

.menu li a {
	color: #333;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	padding: 0px;
}
header#top-nav {
    padding: 20px 0px;
    background-color: #fff;
}

.appointement {
    font-size: 17px !important;
    line-height: 32px;
    font-weight: 700;
    padding: 5px 35px !important;
    border-radius: 50px;
    letter-spacing: 0.5px;
    color: #1eb29f!important;
    background: #fff;
    margin: -12px 12px;
    border: 3px solid #1ab49c;
}

a.btn.appointement.Searc:hover {
	background-color: #ecf7fc;
}

section#banner {
	padding: 120px 0px;
	background-position:right;
	background-size:cover;
}

section#banner h1 {
	text-align: left;
	color: #000000;
	font-weight: 700;
	line-height: 1.3;
	font-family: 'Montserrat', sans-serif;
	
}
.card-body p {
    text-align: justify;
}
	.price-box1 {
    position: relative;
}

#price .btn.appointement.Searc {
    position: absolute;
    bottom: 31px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}
	.pre_column-inner {
    text-align: center;
}

.pre_column-inner h3 {
    text-align: center;
    color: #27aba6;
}

.pre_column-inner p {
    text-align: center;
    line-height: 25px;
}


		.innibit {
    text-align: justify;
}
section#banner p {
	font-size: 17px;
	color: #000000;
	text-align: left;
	line-height: 31px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.2px;
	font-weight: 400;
	text-align: justify;
}

.shape {
	position: absolute;
	bottom: -1px;
}

.shape {
	position: relative;
}

.shape {
	position: absolute;
	bottom: -3px;
	width: 100%;
}

.Searc {
	margin-left: 0px;
	margin-top: 19px;
}

.image-banner {
	position: absolute;
	right: 0;
}

.why-us-steps {
    background-image: url(https://medicalmarihuanadoctor.com/wp-content/uploads/2023/10/pattern-bg-scaled.jpg);
    width: 100%;
    padding: 100px 0px;
     background-repeat: no-repeat;
    background-size: cover;
}

.why-us-steps h3 {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.why-us-steps p {
    text-align: center;
}

.why-usstepbox{
    height: 100%;
    background-color: #fff;
    padding: 29px 15px;
    box-shadow: 0 0 20px 0 #bfbfbf;
}

.why-usstepbox span {
    width: 80px;
    height: 80px;
    padding: 22px;
    box-shadow: 0 4px 6px #9c9c9c;
    border-radius: 80px;
    display: flex;
    align-items: center;
    margin-top: -77px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    font-weight: 600;
    justify-content: center;
    color: #fff;
    background-image: linear-gradient(67deg, #3e9bb7, #1ab49c);
}

.why-usstepmainbox{
	display: flex;
	justify-content: center;
	text-align: center;
}

.why-us-steps a.btn.appointement.button-top {
    margin-top: 42px;
}
.why-us-steps h2.heading {
    text-align: center;
    margin-bottom: 90px;
}
/** end of header */

.heading {
	font-size: 30px;
	color: #222222;
	line-height: 1.3;
	text-align: left;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

 p {
	font-size: 16px;
	line-height: 28px;
	color: #222;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	text-align: justify;
}

section#our-clinc {
    padding-bottom: 60px;
    padding-top: 20px;
}

section#trust {
    padding: 60px 0px 60px;
    background: #eee;
}

section#trust {
	text-align: center;
}

.design {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

section#testimonal {
	padding: 60px 0px;	
}

section#why-choose {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* end of trust */

.tesitimonal-sh {
	position: absolute;
	top: unset;
	bottom: -5px;
}

section#testimonal {
	position: relative;
}

.tesitimonal-upeer {
	position: absolute;
	top: 0;
}

.testimonal-1 {
	text-align: left;
    background: #fff;
    padding: 25px;
    box-shadow: 0px 0px 5px 2px #cbc7c7;
    border-radius: 11px;
    margin: 25px 5px;
}
.quoteimg img {
    height: 40px;
    width: auto!important;
    margin: 0 auto;
    padding-bottom: 10px;
}
.testimonal-1 p {
    text-align: center;
}
.reviewiconlist img {
    height: 16px;
}
.reviewiconlist {
    display: flex;
    list-style: none;
    justify-content: center;
    padding: 0;
}
.testimonal-1 h3 {
	font-size: 18px;
    color: #222;
    text-align: center;
    font-weight: 500;
}

.cli {
	width: 88px !important;
	height: 88px !important;
	border-radius: 50px;
}

.left-ima {
	width: 20%;
	display: inline-block;
}

.right-w {
	width: 80%;
	float: right;
}

.owl-nav {
	display: none;
}

section#testimonal h2 {
	color: #000;
}


/* end of testiomanl */

section#price {
    padding-bottom: 60px;
    padding-top: 60px;
	background-color:rgb(236 247 252 / 56%);
}

.price-box1 {
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 28%);
	border: 0;
	overflow: hidden;
	min-height: 633px;
}

.top-grower {
    padding: 12px 12px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #4689c0, #49d0c9);
    min-height: 83px;
    display: grid;
    align-items: center;
}


.top-grower h2 {
	font-size: 22px;
	text-transform: capitalize;
	text-align: center;
}

.price-list {
	padding: 30px 30px;
	text-align: center;
	background-color: #ecf7fc;
}

.price-list p {
	margin-bottom: 0px;
	font-size: 43px;
	font-weight: 700;
}

.list-price {
	padding: 30px 30px;
	text-align: center;
}

.list-price ul li {
	list-style: none;
    text-align: center;
    padding: 13px 0px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.list-price ul {
	padding-left: 0px;
}

.price-list.two {
	background-color: #bbbcbd6b;
}
a.btn.appointement.Searc {
    word-break: break-word;
    white-space: break-spaces;
    font-size: 14px !important;
    padding: 10px 12px !important;
}

/*end of pricesection */

#online-appoint {
	background-image: url(../image/banner-center-02.jpg);
	background-size: cover;
	padding: 80px 0px;
	position: relative;
	background-repeat: no-repeat;
}

section#online-appoint:before {
	content: '';
	position: absolute;
	top: 0;
	background-color: #75909cc9;
	width: 100%;
	height: 100%;
}

section#online-appoint h2 {
	color: #fff;
}

section#online-appoint p {
	color: #fff;
}

section#online-appoint a.btn.appointement.Searc {
	text-align: center;
	display: grid;
	width: fit-content;
	margin: 0 auto;
}

button.btn.btn-link {
	white-space: initial;
}
ul.Françoise li {
    list-style: none;
    float: left;
    padding: 0px 12px;
}
.lessons {
    display: none;
}
.recent-post h2 {
    font-size: 22px;
}
.recent-post h5 {
    color: #22aca0;
    font-size: 22px;
}
.wp-block-search__label.screen-reader-text {
    display: none;
}
#timing-us .wpcf7-form-control.wpcf7-submit.btn.btn-primary.btn-lg.active.contact-submit.mt-4 {
    font-size: 17px !important;
    line-height: 32px;
    font-weight: 700;
    padding: 5px 35px !important;
    border-radius: 50px;
    letter-spacing: 0.5px;
    color: #252525 !important;
    background: #fff;
    margin: -12px 0px;
    border: 3px solid #1ab49c;
}


button.wp-block-search__button {
    background-color: #37b8bd !important;
    color: #fff;
    border: 1px solid #2cc8b5 !important;
    padding: 7px 23px !important;
    margin-left: -11px !important;
    color: #fff !important;
}

input#wp-block-search__input-1 {
    padding: 6px;
    border: 1px solid #37b8bd;
	width: 70%;
}

.wp-block-search__inside-wrapper {
    padding-left: 0px;
}

form.wp-block-search__button-outside.wp-block-search__text-button.alignleft.wp-block-search {
    text-align: left;
}
.recent-post h2 {
    font-size: 22px;
	color: #22aca0;
}

.widget.widget_recent_entries {}

.recent-post ul {
    padding-left: 0px;
}

.recent-post ul li {
    list-style: none;
    padding: 12px 0px;
	border-bottom: 1px solid rgb(0 0 0 / 17%);
	display: inline-block;
}
.categories.recent-post li a {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-align: justify;
}

.categories.recent-post li {
    list-style: none;
    padding: 3px 0px;
    border-bottom: 1px solid rgb(0 0 0 / 17%);
}

ul.wp-block-categories-list.alignleft.wp-block-categories {
    padding-left: 0px;
}
ul.Françoise {
    padding-left: 0px;
}

ul.Françoise li i {
    padding-right: 12px;
}

ul.Françoise li a {
    color: #000;
}

.price-list p {
    text-align: center;
}

.list-price p {
    text-align: center;
}

ul.wp-block-latest-posts__list.alignleft.wp-block-latest-posts {
    padding-right: 0px !important;
    margin-right: 0px;
}



.pre_column-inner {
	background-color: #fff;
    border-radius: 13px;
    box-shadow: 0 3px 5px #c5c5c5;
    padding: 20px;
    min-height: 300px;
}

.pre_column-inner:hover{
    background-color: #27aba6 !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.pre_column-inner:hover h3, .pre_column-inner:hover p {
    color: #fff !important;
}

.sub-heading {
	font-size: 18px;
	color: #222222;
	line-height: 25px;
	text-align: left;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

	.usefult {
		width: 50% !important;
		float: left;
}
		ul li {
			font-size: 16px;
			line-height: 28px;
			color: #222;
			font-weight: 400;
			font-family: 'Montserrat', sans-serif;
}


		.innibit {
			width: 100%;
			margin-top: 12px !important;
			display: inline-block;
			list-style: disc !important;
}


section#why-us {
	padding: 60px 0px 0 0;
}
/* 	.mts {
    position: absolute;
    right: 0;
    bottom: 0;
} */

section#why-us {
    position: relative;
	background-color:#ecf7fc;
}

	.step h3 {
    font-size: 22px;
    color: #222222;
    line-height: 38px;
    text-align: left;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
		ul.step-ul {
				padding-left: 0px;
			}

.step {
    list-style: none;
}

.rel-content a {
    padding-left: 0px!important;
}

section#faq {
    padding: 60px 0px;
    padding-bottom: 60px;
}

.card-header {
	background-color: #5997ca;
	padding: 7px 4px;
}

button.btn.btn-link {
	color: #fff;
	text-decoration: none;
	width: 100%;
	text-align: left;
	padding-right: 50px;
}

span.icon {
	float: right;
}

.card-body p {
	font-size: 16px;
	line-height: 28px;
	color: #222;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	text-transform: capitalize;
}


/*end of faq */

section#benift {
    padding: 60px 0px 10px;
}

footer#footer {
	background-size: cover;
	padding: 280px 0px;
	position: relative;
	background-repeat: no-repeat;
	background-color: #003248;
	padding-bottom: 60px;
}

.box-1 img {
	width: 70%;
	margin-bottom: 4px;
}

.box-1 p {
	color: #fff;
}

ul.social-network li {
	list-style: none;
	float: left;
	padding: 12px 6px;
}

ul.social-network {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.social-network li a {
	font-size: 19px;
	color: #fff;
}
ul#menu-footer_menu-1 {
    padding: 0px;
    margin: 0px;
    margin-top: 25px;
}

ul#menu-footer_menu-1 li a {
    color: #fff;
}

ul#menu-footer_menu-1 li {
    padding-left: 0px;
    padding: 3px 0px;
}

ul.qlink li i {
    padding-top: 6px;
}


.footer-title h2 {
	font-size: 24px;
	font-weight: 500;
	color: #ffff;
	text-transform: capitalize;
}

ul.qlink {
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
}

ul.qlink li {
	list-style: none;
	padding: 8px 0px;
	display: flex;

}

ul.qlink li a {
	color: #fff;
	text-decoration: none;
}

ul.qlink li i {
	color: #fff;
	padding-right: 10px;
	font-size: 19px;
}

section#copy-right {
    background-color: #092d3e;
    padding: 17px 0;
}

section#copy-right p {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #fff;
	text-align: center;
}

section#copy-right p a {
	color: #5997ca;
}

span.navbar {
    border: 1px solid #4781c0;
}

button.navbar-toggler:focus {
	outline: none;
}

/* about-page*/

section#banee-about {
    padding: 85px 0px;
}

section#banee-about h1 {
    text-align: left;
    color: #fff;
    font-weight: 700;
    line-height: 61px;
    font-family: 'Montserrat', sans-serif;
	text-align:center;
}

section#clinc {
    padding: 80px 0px;
	padding-bottom: 0px;
}
/* contact-page*/
.form-control:focus {
	color: #81c478;
	background-color: #fff;
	border-color: #81c478;
	outline: 0;
	box-shadow: 0 0 0 0.2rem hsl(113deg 39% 62% / 13%);
}

.contact-box {
	padding: 18px 21px;
	background-color: rgb(129 196 120 / 25%);
	margin: 20px 0px;
}
section#contact-us input {
	margin: 22px 0px;
	padding: 9px 16px;
}

section#timing-us {
    padding: 60px 0px;
	padding-bottom: 0px;
}

	.contct-jo li {
    padding: 14px 12px;
}

.map {
    height: 99%;
    margin: auto;
    width: 100%;
    margin: 40px 0px;
}

/* blog-page*/

.recent-post {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 7%);
    padding: 12px 23px;
    margin-bottom: 37px!important;
}

.practices a {
    font-size: 23px;
    color: #37b8bd;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.3;
}

	.date {
		background-color: #22aca0;
		padding: 20px 8px;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		float: left;
		font-size: 12px;
	}
		
		.Françoise {
    display: inline-block;
}
	ul.Françoise li {
    list-style: none;
}
.Françoise li {
    float: left;
    padding-right: 12px;
}

	ul.Françoise {
		padding-left: 0px;
	}


	.Françoise li a {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
   font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 10px;
}

p {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-align: justify;
}
.offer {
	background-color: #22aca0!important;
	color: #fff!important;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #0f0f0f;
	background-color: #ffffff;
	border-color: transparent;
	padding: 9px 29px;
	text-align: left;
	text-decoration: none;
	top: 16px !important;
	border-radius: 19px;
	margin-top: 4px;
	display: inline-block;
	text-transform: capitalize;
}

.alt-search {
	padding: 10px 9px;
	border-right: #fff;
	border: 1px solid #d4d4d4;
	border-right: none;
	border-radius: 0px;
	width: 79%!important;
}
.search-icon {
	border: 1px solid rgba(128, 128, 128, 0.34)!important;
	padding: 14px 16px;
	margin-left: -15px!important;
	border-left: none!important;
}
.rel-content a {
	color: #444;
	font-size: 16px;
	text-decoration: none;
	width: 100%;
	float: left;
	font-family: font-family: 'Lato', sans-serif;
	font-weight: 600;
	padding-left: 12px;
}
.rel-content p {
	color: #333;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	font-family: font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	padding-top: 10px;
	padding-left: 12px;
}

.velit li {
	border-bottom: 1px solid #95959529;
	float: left;
	padding-bottom: 12px;
	width: 100%;
	float: left;
	list-style:none;
}
.velit li {
	border-bottom: 1px solid #95959529;
	float: left;
	padding-bottom: 12px;
	width: 100%;
	float: left;
}
ul.velit {
	padding-left: 0px;
}
ul.velit li a {
	text-transform: uppercase;
	font-size: 14px;
	padding: 13px 0 8px;
	color: #333;
	text-decoration: none;
}
.recent-post.px-0 {
	padding-left: 17px !important;
	padding-right: 18px !important;
}
form.form-inline {
	width: 100%;
	display: grid;
}
input.form-control.mr-sm-2 {
	padding: 10px 12px;
}
section#qualifying {
    padding: 50px 0;
    background-color: #ecf7fc;
}
.must-legal li:after {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #1ab49c;
    border-radius: 100%;
    padding: 3px;
    font-size: 11px;
    color: #fff;
}
.must-legal li {
    list-style-type: none;
    position: relative;
    padding: 3px 0 3px 22px;
}
ul.must-legal {
    padding-left: 0;
}
#benift h3.sub-heading {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}
section.guarantee {
    text-align: center;
    margin-top: 60px!important;
    padding-bottom: 90px;
}
.bx {
    border-style: outset;
    border-width: .3rem;
    border-color: #f0b810;
    border-radius: .4rem;
    padding: 30px;
}
.single section#banee-about {
    background-color: #519ec6;
}
/* .mobile_strip
{
	display:none;
} */
@media screen and (max-width: 1366px) {
	.price-list p {
		font-size: 29px;
	}
	input#wp-block-search__input-1 {
			width: 49%;
	}
	
	header#top-nav .row {
		align-items: center;
	}
	
	.btn.appointement.Searc {
		word-break: break-word;
		white-space: break-spaces;
		font-size: 13px !important;
		padding: 5px 7px !important;
	}
	section#testimonal {
		position: relative;
	}
	section#faq .col-md-6 {
		max-width: 100%;
	}
	section#faq {
		padding: 22px 30px 25px;
	}
	#faq .card:nth-last-child(1) {
		margin-bottom: 0px!important;
	}
	.faq-cont {
		padding-bottom: 0px !important;
	}
		.qlink li a {
			word-break: break-all;
		}
	.appointement {
		font-size: 16px !important;
		line-height: 32px;
		font-weight: 700;
		padding: 5px 12px !important;
		border-radius: 50px;
		letter-spacing: 0.5px;
		color: #1db19f !important;
		background: #fff;
		margin: 0px 0px;
		border: 3px solid #1ab49c;
	}
}
@media screen and (max-width: 1024px) {
	section#why-us img {

    display: none;
}
input#wp-block-search__input-1 {
			width: 49%;
	}
	.appointement {
    font-size: 16px !important;
    line-height: 32px;
    font-weight: 700;
    padding: 5px 12px !important;
    border-radius: 50px;
    letter-spacing: 0.5px;
    color: #1db19f !important;
    background: #fff;
    margin: 0px 0px;
    border: 3px solid #1ab49c;
}
	
.appointement {
		font-size: 14px !important;
		line-height: 32px;
		font-weight: 700;
		padding: 5px 4px !important;
		border-radius: 50px;
		letter-spacing: 0.5px;
		color: #1db19f !important;
		background: #fff;
		margin: 0px 0px;
		border: 3px solid #1ab49c;
}
	
	
	
}

@media screen and (max-width: 991px) {
	.why-us-steps .col-md-6.col-lg-4 {
    margin-bottom: 85px;
}
.pre_column-inner {
    margin-bottom: 25px;
}
section.guarantee {
    padding-bottom: 90px;
}
.heading {
    margin-top: 20px;
}
#testimonal h2 {
    margin-top: 0!important;
}
.why-us-steps a.btn.appointement.button-top {
    margin-top: 0;
}
.why-us-steps {
    padding: 60px 0px;
}
section#testimonal {
    padding: 0px 0px 60px;
}
	ul.qlink li {
		word-break: break-all;
	}
	header#top-nav .logo {
		width: 100%;
	}
	
	section#topnav .social-network {
		display: none;
	}
	
	.left-ima img {
  	  width: 88px!important;
	}
	
	section#benift {
   	 padding: 60px 0px!important;
	}
	.Searc {
      padding: 11px 10px !important;
    }
	
	input#wp-block-search__input-1 {
			width: 49%;
	}
	nav.navbar.navbar-expand-lg {
		position: absolute;
		left: 0;
		top: -32px;
		right: 13px;
	}
	button.navbar-toggler {
		position: absolute;
		top: -75px;
		right: 0;
	}
	span.navbar {
		position: absolute;
		right: 0;
		top: 51px;
	}
	ul.navbar-nav.menu.ml-auto {
		margin-top: 43px;
		background-color: #ffffff;
		z-index: 9;
		position: relative;
		padding: 26px 12px;
		padding-bottom: 21px;
	}
	li.nav-item a {
		padding: 12px;
	}
	.menu li a {
		color: #222;
		border-bottom: 1px solid #538bc621;
		padding: 4px 0px;
	}
    header#top-nav a.btn.appointement {
		display: none;
	}

	.btn.appointement {
		padding: 4px 12px !important;
		margin-left: 0px;
		margin-top: 12px;
		background-color: #ecf7fc;
	}
	div#banr {
		padding-bottom: 0px;
	}
	.image-banner {
		flex: 100% !important;
		max-width: 100% !important;
	}
	.image-banner img {
		width: 62%;
		position: absolute;
		right: -50px;
		bottom: 73px;
	}
	.image-banner {
		position: relative;
	}
	section#banner h1 {
		font-size: 29px;
		
	}
	section#banner p {
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
	}
	.price-box1 {
		margin-bottom: 30px;
	}
	section#why-us img {
		width: 55%;
		margin: 0 auto;
	}
	footer#footer {
		background-size: cover;
		padding: 160px 0px;
	}
	.left-ima {
		width: 43%;
		display: inline-block;
	}

	.right-w {
		width: 56%;
		float: right;
	}
	section#banner {
		padding: 50px 0px;
		background-position: 54%;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) {
	.why-us-steps .col-md-6.col-lg-4:nth-child(4) {
    margin-bottom: 32px;
}
	.image-banner img {
		display: none;
	}
	.must-legal {
		padding-left: 28px;
	}

	section#testimonal .right-shape {
		display: none;
	}
		section#clinc {
		padding: 30px 0px;
	}

	section#clinc img {
		margin-bottom: 30px;
	}

	section#testimonal {
		padding: 30px 0px!important;
		padding-bottom: 60px !important;
	}
	
	.sub-heading {
		font-size: 20px!important;
		color: #222222;
		line-height: 26px!important;
	}
	
	footer#footer .col-md-3.px-5 {
   		 padding-left: 20px !important;
	}
	
	section#topnav {
		padding-top: 0px !important;
		margin-top: -11px;
	}
	
	.page-template-about div#banr {
		padding-bottom: 0px !important;
	}
	section#banee-about {
	  padding: 30px 0px;
	}
	
	.main-list {
		  display: none;
	}
	
	section#banner p {
			display: none;
	}
	section#banner h1 {
		text-align: center;
	}
	section#banner {
		text-align: center;
	}
	
	ul.main-list li {
		padding-left: 0px;
		word-break: break-all;
	}
	
	ul.socail {
		float: left;
		padding-left: 0px;
	}

	ul.socail {
		width: 100%;
		margin: 13px auto;
		display: flex;
		justify-content: center;
	}
	ul.main-list li {
		padding: 2px 0px;
	}
	
	ul.main-list li {
			width: 100%;
			text-align: center;
	}
	
	.shape {
		position: absolute;
		bottom: -6px;
		width: 100%;
		left: 0px;
		background-size: cover;
	}
	section#trust img {
	   width: 38%;
	}
	.card-body p {
		text-align: left;
	}
	
	section#banner .btn.appointement.Searc {
		font-size: 18px;
		padding: 12px 17px !important;
	}
	
	span.navbar .fa.fa-bars {
		color: #333;
	}
	input#wp-block-search__input-1 {
		width: 61%;
	}
		.left-ima img {
		width: 88px !important;
		height: 88px;
		border-radius: 50px;
	}
	
	a.btn.appointement.Searc {
		position: unset !important;
	}
	section#benift {
		 padding-bottom: 30px !important;
	 }
	
	.pre_column-inner {
		height: fit-content !important;
		text-align: center;
		min-height: unset !important;
		
	}
	section#qualifying-cond h2 {
    font-size: 28px!important;
}
	.pre_column-inner h3 {
		text-align: center;
	}
	.usefult {
		width: 100% !important;
		float: left;
	}
		
	#why-us .col-md-12.col-lg-7.my-5 {
		margin: 0px !important;
	}
		
	.step h3 {
		font-size: 19px;
		line-height: 22px;
	}
	section#our-clinc img {
		margin-bottom: 24px;
	}
	
	footer#footer {
		padding-top: 89px;
		padding-bottom: 30px;
		margin-top: -43px;
	}

	.testimonal-1 {
		padding: 27px;
	}
	#why-us .last {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
		
		
	section#why-us {
		padding: 30px 0px;
	}
	section#price {
		padding: 30px 0px !important;
		}

	section#price h2 {
		margin-bottom: 16px!important;
	}	
	.price-box1 {
		min-height: unset !important;
	}

	section#online-appoint {
		padding: 30px 0px;
	}
		
	.sec {
		margin-bottom: 0px !important;
	}
	.one-f {
		margin-top: 0px !important;
	}
	section#testimonal {
	  margin-top: 26px;
	}
	.price-box1.last {
		margin-bottom: 0px;
	}
	
	section#testimonal h2 {
		margin-top: 16px !important;
		margin-bottom: -1px;
	}

	.pre_column-inner p {
		text-align: center;
		margin-bottom: 0px;
	}
	section#our-clinc {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	section#faq {
		padding: 30px 9px;
	}
			

	.heading {
		font-size: 24px;
	}
	.faq-cont {
		padding: 12px !important;
	}
			
	section#why-us img {
		display: none;
	}
	
	
	section#trust {
		padding: 30px 0px;
	}
	section#why-choose {
		   padding: 30px 0px;
		  padding-bottom: 0px !important;
	}
	section#why-choose .heading.text-center.mb-5 {
		margin-bottom: 13px !important;
	}
	
	section#benift {
		padding: 30px 0px;
	}
						
	header#top-nav .logo {
		width: 60%;
	}
	section#trust img {
		margin: 17px 28px;
	}
	.faq-cont {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	footer#footer {
		padding-bottom: 30px;
	}
	.footer-title {
		margin-top: 43px;
	}
	ul.qlink {
		margin-top: 0px;
	}
	.left-ima {
		width: 43%;
		display: inline-block;
	}

	.right-w {
		width: 56%;
		float: right;
	}
	section#testimonal {
		padding: 50px 0px;
	}
	section#price {
		padding: 60px 0px;
	}
	section#banner
	{
		background-image:url("https://medicalmarijuanacardsanfrancisco.com/wp-content/uploads/2023/05/BANNER-WEBSITE-3.jpg") !important;
	}
	/* .mobile_strip
	{
		display:block;
	}
	.desktop_strip
	{
		display:none;
	}  */
}













.box11 {
	padding: 80px 22px;
	position: relative;
	left: -12%;
	box-shadow: 1px 1px 7px 0px #48b7c6;
	border-right: 2px solid #48b1c5;
	background-image: linear-gradient(to bottom right, #4689c0, #49d0c9);
}
.box11 h3 {
	 color: #fff;
	 font-size: 22px;
	 font-family: 'Open Sans', sans-serif;
	 font-weight: 400;
	 text-align: left;
	 text-transform: capitalize;
}
#exampleModal .img-fluid {
    max-width: 100%;
    height: auto;
    width: 60%;
    margin: 0 20% 28px 20%;
}

.box11 h4{
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 29px;
}

.money-back li {
    float: left;
    color: #fff;
    padding-bottom: 4px;
    font-size: 15px;
}

.money-back {
    margin-top: 10px;
    display: inline-block;
}

.used {
    color: #fff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: unset;
    line-height: 24px;
}
.form-control {
    background-color: #48b7c61f;
    height: 44px;
    border-radius: 27px;
    margin-bottom: 7px;
    border: 1px solid rgb #80be7952;
    color: rgb(138, 138, 138);
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    padding-left: 26px;
}
.format {
    float: left !important;
    padding-left: 0px;
}
.btn_submit {
    border-radius: 50px;
    background: #47adc4;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #48acc5;
    color: #fff;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 600;
    margin: 9px auto 10px auto;
    transition: all ease 0.5s;
    float: left;
    outline: none;
    width: 100%;
    cursor: pointer;
}

.btn_submit:hover{
	opacity:0.9;
}

button:focus {
    outline: none;
}

.form-control:focus {
    color: #80be79;
    background-color: #fff;
    border-color: #acd3fd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(200, 226, 255, 0.25);
}

.will {
    color: #797470;
    font-size: 14px;
	text-align: left;
	width: 100%;
	float:left;
	padding-top: 15px;
}

.recommendation {
    left: -33px;
    padding: 28px 2% 22px 0;
    position: relative;
}

.recommendation h4 {
    color: #1075c5;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 24px;
    text-shadow: 2px 0px 4px #d0d0d0;
}

.apply span {
    color: #49bcc7;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

.close {
    width: 40px;
    height: 40px;
    background-color: #48a8c4!important;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 27px;
    z-index: 9;
    line-height: normal;
    position: absolute;
    left: unset;
    right: -18px;
    opacity: 1;
    top: -16px;
}

.close:hover{
	color:#fff;
}

.modal-content {
    margin: 0 auto;
	box-shadow: 0px 0px 12px #4e4e4e;
}

.inute {
    font-size: 18px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50px;
    color: #48b7c6;
    padding: 7px 5px;
    text-align: center;
}

.format li {
    float: left;
    list-style: none;
    padding: 4px 10px;
}

ul.money-back {
    padding-left: 22px;
    margin: 11px 0 25px 0;
}
@media(max-width:1200px)
{
	section#banner {
		background-position: 38%;
	}
}
@media screen and (max-width: 767px) {

.why-us-steps .col-md-4 {
    margin-bottom: 75px;
}

.box11 {
    display:none;
    position: relative;
    left: -10%;
    width: 58%;
    padding-left: 74px;
    padding-top: 22px;
    padding-bottom: 22px;
}

  .recommendation {
    padding-right: 23px;
    padding-left: 51px;
    position: relative;
    left: 0px;
    width: 100%;
}
 
.close {
    position: absolute;
    top: -7px;
	right:0px;
  
}

}
 @media(max-width:480px)
{
	section.guarantee a {
		word-break: break-all;
	}
	/* .mobile_strip img
	{
		height:58px !important;
	} */
}
@media screen and (max-width: 320px) {
	.recommendation {
		padding-right: 11px;
		padding-left: 11px;
	}

}


@media screen and (min-device-width:320px) and (max-device-width: 767px) and (orientation: landscape) {
 .box11 {
    position: relative;
    left: 1%;
    width: 81%;
    padding-left: 30px;
    padding-top: 22px;
    padding-bottom: 22px;
}

  .recommendation {
    padding-right: 16%;
    padding-left: 20px;
    position: relative;
    left: 0px;
    width: 87%;
}
  .modal-dialog.modal-lg {
    margin: 0px;
    padding: 0px;
}
.close {
    position: absolute;
    left: 69%!important;
    top: 19pximportant;
}

.money-back li {
     float:none;
    color: #fff;
    padding-bottom: 10px;
}



}
@media screen and (min-device-width:768px) and (max-device-width: 1024px) and (orientation:portrait) {
	.modal-content {
		width: 611px;
		margin: 0 auto;
	}
	ul.main-list li {
		padding-left: 0px;
		word-break: break-all;
	}
		
	.box11 {
		display: none;
	}

	.recommendation {
		left: 0;
		right: 0;
		padding: 33px 43px;
	}
		.modal-dialog.modal-lg.animate__animated.animate__backInRight {
		max-width: unset !important;
	}
}

@media screen and (max-width: 319px){
section#banner .btn.appointement.Searc {
    font-size: 14px !important;
    padding: 12px 17px !important;
}
}