/**=========================	START BODY    ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½È«ï¿½ï¿½Ãµï¿½BootstrapÄ£ï¿½å£ºhttp://www.bootstrapmb.com=========================**/::-webkit-scrollbar{    background-color: #ccc;    width: 5px;}::-webkit-scrollbar-thumb{    background-color: #ff0068;}::selection{	color: #fff;	background-color:#ff0068;}*{	margin:0px;	padding:0px;	border:none;	outline:none;	font-size: 14px;}body{	margin:0px;	padding:0px;	color: #4b565d;	font-size:14px;	font-family: 'Open Sans', sans-serif;}/**=========================	END BODY=========================**//**=========================	START COMMON=========================**/a,a:hover{	color: #4b565d;	text-decoration: none;	outline: none;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}h1, h2, h3, h4, h5, h6{	color: #4b565d;	font-family: 'Poppins', sans-serif;	margin-bottom: 16px;}p{	color: #888;	line-height: 26px;}li{	color: #4b565d;	list-style: none;}span,b,strong{	font-size: 100%;}/* iframe */iframe{	width: 100%;	height: 400px;	border: 0;	outline: 0;	overflow: hidden;}/* loader */.loader{	position: fixed;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	z-index: 9999999;	background-color: #FFF;	text-align: center;}.loader img {	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0; 	margin: auto;}/* padding */.ptb-20{	padding: 20px 0px;}.ptb-40{	padding: 40px 0px;}.ptb-60{	padding: 60px 0px;}.ptb-80{	padding: 80px 0px;}.ptb-100{	padding: 100px 0px;}/* btn */button,button:focus,button:active,button:hover{	box-shadow: 0 0 0 0;	outline: 0;}.input-btn,.input-btn:hover,.input-btn:active,.input-btn.active,.input-btn.active:hover,.input-btn.active:focus{	outline: 0 !important;	box-shadow: 0 0 0 0 !important;	background-color: transparent;}.btn,.page-link{	padding: 10px 20px;	border-radius: 0;	color: #fff;	box-shadow: 0 0 0 0 !important;	outline: 0 !important;	text-transform: uppercase;}.btn-link{	position: relative;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;	color: #4b565d;	text-transform: uppercase;}a.btn-link:hover{	text-decoration: none;	margin-left: 30px;	color: #ff0068;}.btn-link i{	position: absolute;	left: -30px;	top: -8px;	display: none;}.btn-link:hover i{	display: inline-block;}.btn-sm{	padding: .25rem .5rem;	box-shadow: 0 0 0 0;	outline: 0;}.btn-xl{	font-size: 14px;	padding: 17px 30px;}.btn-primary,.badge-primary{	color: #fff;	background-color: #ff0068;	box-shadow: 0 0 0 0;	outline: 0;	border-color: #ff0068;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.focus,.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle,a.badge-primary:hover,a.badge-primary:active,a.badge-primary:focus{	color: #fff;	background-color: #4b565d;	outline: 0;	box-shadow: 0 0 0 0;	border-color: #4b565d;}.btn-secondary{	background-color: #4b565d;	border-color: #4b565d;}.btn-secondary:hover{	background-color: #606e77;	border-color: #606e77;}.btn-border{	background-color: #fff;	color: #4b565d;	border: 1px solid #ff0068;}.btn-border:hover{	color: #fff;	background-color:#4b565d;	border-color:#4b565d;}.btn-white{	color: #4b565d;	background-color: #fff;}.btn-white:hover{	color: #4b565d;	background-color: #ccc;}.badge{	border-radius: 0;}a.badge:hover{	color: #fff !important;}/* pagination */.pagination .page-link{	padding: 10px 20px;	color: #ff0068;	outline: 0;	box-shadow: 0 0 0 0;}.pagination .page-item.active.pagination .page-link{	background-color: #ff0068;}.pagination-btn nav{	display: inline-block;}.pagination,.pagination .page-item.disabled .page-link,.pagination .page-item:last-child .page-link{	border-radius: 0;}/* pagination */nav ul.pagination .page-link{	padding: 10px 20px;	color: #ff0068;	outline: 0;	box-shadow: 0 0 0 0;}nav ul.pagination .page-item.active .page-link{	background-color: #ff0068;	border-color: #ff0068;}nav ul.pagination .page-item.active .page-link:hover{	color: #fff !important;}nav ul.pagination,nav ul.pagination .page-item.disabled .page-link,nav ul.pagination .page-item:last-child .page-link{	border-radius: 0;}nav ul.pagination .page-item.disabled:hover{	cursor: not-allowed;}/* colors */.color-white{	color: #fff;}.color-black{	color: #4b565d;}.color-primary{	color: #ff0068;}.color-success{	color: #6ac059;}.color-info{	color: #10aad6;}.color-warning{	color: #ebde4b;}.color-danger{	color: #eb5454;}/* font */.mdi-60px.mdi-set, .mdi-60px.mdi:before {  font-size: 60px;}/* heading border bottom */.head-after{	position: relative;	display: inline-block;}.head-after:after{	content: "\F445";    font-family: "Material Design Icons";    position: absolute;    bottom: -8px;    left: 0;    right: 0;    margin: 0px auto;    text-align: center;    color: #ff0068;    line-height: 0;}.head-after-w:after{	background-color: #fff !important;}/* images */.img-bg img{	width: 100%;}.img-bg{	position: relative;	margin-bottom: 2rem;	top: 15px;}.img-bg:after{    content: "";    position: absolute;    display: block;	background-image: url(../images/img-4.png);    width: 100%;    height: 100%;    left: -15%;    top: -20px;    z-index: -1;}/* carousel */.owl-carousel .item{	margin-bottom: 10px;}.item img{	width: 100%;}/* bg */.white-bg{	background-color: #ffffff;}.light-bg{	background-color: #eeeeee;}.primary-bg{	background-color: #ff0068;}.secondary-bg{	background-color: #222233;}.black-bg{	background-color: #4b565d;}/* blockquote */blockquote{	font-style: italic;	border-left: 5px solid #ccc;}/* card*/.card{	width: 100%;	border-radius: 0;	padding: 30px;	margin-bottom: 2rem;	border: 0;	transition: border-width 0.6s linear;	box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1);	display: inline-block;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;	transition: all 0.75s ease-in-out 0s;	-webkit-transition: all 0.5s ease-in-out 0s;	-moz-transition: all 0.5s ease-in-out 0s;	-o-transition: all 0.5s ease-in-out 0s;}.card::after,.card::before{  content: "";  height: 100%;  left: 0;  top: 0;  position: absolute;  transform: scale(0);  transition: all 0.5s ease-in-out 0s;  width: 100%;}.card::before{  border-bottom: 1px solid #ff0068;  border-left: 1px solid #ff0068;  transform-origin: 0 100% 0;}.card::after{  border-right: 1px solid #ff0068;  border-top: 1px solid #ff0068;  transform-origin: 100% 0 0;}.card:hover::after,.card:hover::before{  transform: scale(1);}.card-border{	position: relative;	z-index: 9;}/* form control */.form-control,select,select.form-control:not([size]):not([multiple]){	border-radius: 0;	padding: 10px 20px;	height: auto;	font-size: 14px;	outline: 0;	box-shadow: 0 0 0 0;	border: 1px solid #eee;}.form-control:focus,.form-control:active{	outline: 0;	box-shadow: 0 0 0 0;	border: 1px solid #ff0068;}.center-form{	width: 50%;	text-align: center;	margin: 0px auto;}.input-group-prepend{	width: 100%;}.input-group-prepend button{	padding-top: 0;	padding-bottom: 0;}/* row */.t-row{	margin-left: -15px;	margin-right: -15px;}/* model */.modal-backdrop{	position: inherit;}.modal-content{	border-radius: 0;}/**=========================	END COMMON=========================**//**=========================	START TOP HEADER=========================**/#top-header{	padding: 15px 0px;	background-color: #fff;	position: relative;	z-index: 999;}#top-header ul{	margin: 0px;	padding: 0px;}#top-header li{	display: inline-block;	margin: 0px;	padding: 0px;	font-family: 'Poppins', sans-serif;	line-height: 16px;}#top-header .t-head-left li{	margin-right: 15px;	position: relative;}#top-header .t-head-left li:after{	content:"";	position: absolute;	top: 0px;    left: -10px;	background-color: #2983e4;	width: 1px;	height: 20px;	opacity: 0.2;}#top-header .t-head-left li:first-child:after{	content: "";	width: 0;}#top-header .t-head-left i{	color: #ff0068;	top: 3px;    position: relative;}#top-header .t-head-right a:hover{	color: #ff0068;}/**=========================	END TOP HEADER=========================**//**=========================	START HEADER=========================**/#header .fixed-top{	top: 2px;}#header .fixed-top-r{	top: 0px !important;}#mainNav{	padding: 12px;    background-color: #fff;    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}#mainNav .navbar-toggler{    right: 0;    text-transform: uppercase;    color: #fff;    border: 0;    background-color: #ff0068;   	padding: 10px;    border-radius: 0;}#mainNav .navbar-toggler[aria-expanded="true"] i.mdi-menu-open:before{	content: "\f156";}#mainNav .navbar-brand{    color: #4b565d;}#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{    color: #ff0068;}#mainNav .navbar-nav .nav-item .nav-link{    padding: 20px 15px;    font-weight: 600;    text-transform: uppercase;text-align: right;}#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{    color: #ff0068;}#mainNav .navbar-brand{    -webkit-transition: all .3s;    transition: all .3s}#mainNav .nav-item .btn.btn-primary{    padding: 10px 20px;    margin: 10px 0px;}#mainNav .nav-item .btn.btn-primary:hover,#mainNav .nav-item .btn.btn-primary:active,#mainNav .nav-item .btn.btn-primary:focus,.nav-link.btn.btn-primary.js-scroll-trigger.active{	color: #fff !important;}/**=========================	END HEADER=========================**//**=========================	START BANNER=========================**/#banner{	padding: 90px 0px 240px;}.banner-bg{	position: relative;	background-image: url(../images/img-1.jpg);	background-color: #ebe9ee;	background-repeat: no-repeat;	background-position: center;	background-size: cover;	z-index: 9;}#banner p{	width: 73%;}#banner h1{	font-size: 60px;	font-weight: bold;}#banner .mdi.mdi-24px{	line-height: 31px;}#banner a:hover i{	color: #fff;}#banner .btn{	margin-right: 10px;}.goto-section{	position: absolute;    left: 0;    right: 0;    bottom: -30px;    text-align: center;}.goto-section .btn{	padding-bottom: 40px;}/**=========================	END BANNER=========================**//**=========================	START BREADCRUMB=========================**/#breadcrumb{	padding: 240px 0px 0px;	text-align: center;}.breadcrumb-bg{	position: relative;	background-image: url(../images/img-5.jpg);	background-size: cover;	background-attachment: fixed;	z-index: 9;}.breadcrumb-bg:before{	content: "";    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;    width: 100%;    height: 100%;	background-color: rgba(255, 255, 255, 0.5);	z-index: -1;}#breadcrumb h2{	margin-bottom: 2.5rem;}.breadcrumb-bg ol{	margin-bottom: 0;	background: rgba(0, 0, 0, 0.05);    display: inline-block;    padding: 10px 20px;}.breadcrumb-bg li{	display: inline-block;}.breadcrumb-bg li a{	color: #ff0068;}.breadcrumb-bg li a:hover{	color: #4b565d;}.breadcrumb-bg li.active{	color: #4b565d;}/**=========================	END BREADCRUMB=========================**//**=========================	START ABOUT US=========================**/#about-us{	margin: 0px;	padding: 60px 0px 60px;}.about-list li{	margin-right: 10px;    line-height: 36px;}.about-us-bg{	position: relative;	background-image: url(../images/img-3.jpg);	background-repeat: no-repeat;	background-position: center;	background-attachment: fixed;	background-size: cover;	z-index: 9;}.about-us-bg:before{	content: "";	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color: rgba(255, 255, 255, 0.95);	z-index: -1;}.about-content{	width: 90%;}#about-us .video-btn{	position: relative;}#about-us .video-btn button{	position: absolute;	left: 0%;	top: 30%;	transform: translate(-50%, -50%);	margin: 0px auto;	padding: 0;    width: 60px;    height: 60px;    line-height: 50px;    background-color: transparent;}#about-us .video-btn button i{	line-height: 60px;	color: #fff;	z-index: 9;	position: relative;}#about-us .video-btn button:before{	content: "";	position: absolute;	left: -10px;	right: 0px;	top: -10px;	bottom: 0px;	background-color: #ff0068;	opacity: 0.2;	padding: 40px;	border-radius: 100px;	-webkit-transition-property: -webkit-transform;	transition-property: -moz-transform;    -moz-transition-property: -moz-transform;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;    -webkit-animation-duration: 1s;    -moz-animation-duration: 1s;    animation-duration: 1s;    transition-duration: 1s;    -webkit-animation-name: grow;    -moz-animation-name: grow;    animation-name: grow;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    -moz-animation-iteration-count: infinite;    -moz-animation-timing-function: linear;    animation-iteration-count: infinite;    animation-timing-function: linear;}#about-us .video-btn button:after{	content: "";	position: absolute;	left: 0px;	right: 0px;	top: 0px;	bottom: 0px;	background-color: #ff0068;	opacity: 0.7;	padding: 10px 20px;	border-radius: 100px;	-webkit-transition-property: -webkit-transform;	transition-property: -moz-transform;    -moz-transition-property: -moz-transform;    -webkit-transition-duration: 2s;    -moz-transition-duration: 2s;    -webkit-animation-duration: 2s;    -moz-animation-duration: 2s;    animation-duration: 2s;    transition-duration: 2s;    -webkit-animation-name: grow;    -moz-animation-name: grow;    animation-name: grow;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    -moz-animation-iteration-count: infinite;    -moz-animation-timing-function: linear;    animation-iteration-count: infinite;    animation-timing-function: linear;}/* counter */.counter .counter-col{	position: relative;}.counter .counter-col:after{	content: "";    position: absolute;    right: 15px;    bottom: 0px;    top: 50px;    width: 100px;    height: 1px;    background-color: rgba(0, 0, 0, 0.25);}.count-timer i{    color: #4b565d;}.count-timer div{	font-size: 2.5rem;}.count-timer span{	font-weight: 600;	font-family: 'Poppins', sans-serif;}/**=========================	END ABOUT US=========================**//**=========================	START SERVICES=========================**/#services{	padding: 60px 0px 40px;	text-align: center;}/**=========================	START SERVICES=========================**//**=========================	START PORTFOLIO=========================**/#portfolio{	margin: 0px 15px;	padding: 60px 0px 40px;}#portfolio .col-lg-3{	margin: 0px;	padding: 0px;	line-height: 0;}.figure{	font-family: 'Poppins', sans-serif;	color: #fff;	position: relative;	overflow: hidden;	width: 100%;	background: #000;	text-align: center;}.figure *{	-webkit-box-sizing: border-box;	box-sizing: border-box;}.figure img{	opacity: 1;	width: 100%;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}.figure .figcaption{	position: absolute;	bottom: 0;	left: 0;	width: 100%;	height: 100%;}.figure .figcaption >div{	height: 50%;	overflow: hidden;	width: 100%;	position: relative;}.figure .figcaption::before{	position: absolute;	top: 50%;	right: 50%;	left: 50%;	height: 2px;	content: '';	opacity: 0;	background-color: rgba(255, 255, 255, 0);	-webkit-transition: all 0.4s;	transition: all 0.4s;	-webkit-transition-delay: 0.6s;	transition-delay: 0.6s;}.figure h2,.figure p,.figure ul{	margin: 0px;	padding: 30px;	opacity: 0;	position: absolute;	height: 100%;	width: 100%;	left: 0;	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;	transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;}.figure h2{	padding-top: 20%;	display: inline-block;	text-transform: uppercase;	color: #fff;	background: rgba(0, 0, 0, 0.5);	-webkit-transform: translate3d(0%, 50%, 0);	transform: translate3d(0%, 50%, 0);	-webkit-transition-delay: 0s;	transition-delay: 0s;}.figure p{	padding-top: 15%;	color: #000;	background: rgba(255, 255, 255, 0.8);	-webkit-transform: translate3d(0%, -50%, 0);	transform: translate3d(0%, -50%, 0);	-webkit-transition-delay: 0s;	transition-delay: 0s;}.figure small{	font-size: 14px;	display: block;	margin-top: 5px;}.figure ul{	padding-top: 22%;}.figure ul li{	display: inline-block;}.figure ul li a{	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}.figure ul li a i{	color: #fff;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}.figure ul li a:hover i{	color: #ff0068;}.figure:hover img{	opacity: 0.7;}.figure:hover .figcaption h2,.figure:hover .figcaption p,.figure:hover .figcaption ul{	-webkit-transform: translate3d(0%, 0%, 0);	transform: translate3d(0%, 0%, 0);	-webkit-transition-delay: 0.3s;	transition-delay: 0.3s;}.figure:hover .figcaption h2,.figure:hover .figcaption p,.figure:hover .figcaption ul{	opacity: 1;}.figure:hover .figcaption::before{	background: #ff0068;	left: 0px;	right: 0px;	opacity: 1;	-webkit-transition-delay: 0s;	transition-delay: 0s;}/**=========================	END PORTFOLIO=========================**//**=========================	START TEAM=========================**/#team{	padding: 60px 0px 40px;}/**=========================	END TEAM=========================**//**=========================	START BLOG=========================**/#blog{	padding: 60px 0px 40px;}#blog .blog-img{	position: relative;}#blog .blog-date{	position: absolute;	left: 20px;	bottom: 20px;}#blog .blog-date p{	color: #fff;	margin-bottom: 0;}#blog .blog-content li{	display: inline-block;}#blog .blog-content li+li::before{	display: inline-block;    padding: 0px 5px;    content: "/";}#blog li a:hover{	color: #ff0068;}#blog ul li a i{	top: 2px;	position: relative;}.blog-r-btn {    position: absolute;    top: 0;    right: 15px;}#blog .card-border a:hover{	color: #ff0068;}ul.tags-list{	margin: 0px;}ul.tags-list li{	display: inline-block;	margin: 2px 0px;}ul.tags-list li a:hover{	color: #fff !important;}/**=========================	END BLOG=========================**//**=========================	START ENQUIRE AND FAQ=========================**/#enquire-faq{	padding: 60px 0px 40px;	box-shadow: 0px 0px 10px 0px #ddd;}.faqcard-head{	border: 1px solid #eee;	margin-bottom: 10px;}.faqcard-head p{	margin-bottom: 0;	padding: 15px 20px;}.faqcard-head button{	color: #fff;	background-color: #4b565d;    width: 100%;    display: inline-flex;    padding: 15px 20px;}.faqcard-head button[aria-expanded="true"]{	background-color: #ff0068;}/**=========================	END ENQUIRE AND FAQ=========================**//**=========================	START CLIENTS SAYS AND CLIENTS=========================**/#client-s-clients{	padding: 60px 0px 40px;}.owl-pagination{	text-align: center;}.cs-icon i{	font-size: 75px;	opacity: .1;}.cs-content{	margin-left: 15px;}.cs-content p{	margin-bottom: 0;}/**=========================	END CLIENTS SAYS AND CLIENTS=========================**//**=========================	START FOOTER=========================**/#contact-us{	box-shadow: 0px 0px 10px 0px #ddd;}.footer{	padding: 60px 0px 30px;}.footer-bg h3,.footer-bg h5,.footer-bg p,.footer-bg ul,.footer-bg li,.footer-bg a,.footer-bg i{	color: #fff;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}.footer li{	line-height: 36px;}.footer a:hover{	color: #ff0068;}.footer .f-m-icons li{	display: inline-block;}.footer .f-m-icons i{	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}.footer .f-m-icons li a:hover i{	color: #ff0068;}.footer .footer-contact h5{	margin-bottom: 10px;}.footer .footer-contact p{	margin-bottom: 24px;}/**=========================	END FOOTER=========================**//**=========================	START SUB FOOTER=========================**/#sub-footer{	padding: 20px 0px;}#sub-footer p{	color: #4b565d;	margin-bottom: 0;}#sub-footer a{	color: #ff0068;}/**=========================	END SUB FOOTER=========================**//**=========================	START BACK TO TOP=========================**/.backto-top-btn{	display: none;	position: fixed;	z-index: 9;	right: 20px;	bottom: 0px;	animation: bcktop 1s forwards;	-webkit-animation: bcktop 1s forwards;	-moz-animation: bcktop 1s forwards;	-o-animation: bcktop 1s forwards;}.backto-top-blk{	display: block;}.top-btn{	padding: 3px 12px;}.backto-top-btn i{	margin-left: 0;	line-height: 50px;}/**=========================	END BACK TO TOP=========================**//**=========================	START COLOR CHANGE=========================**/#color-change{	position: fixed;	top: 50%;	bottom: 50%;	z-index: 9999;}#color-change .card{    background: #fff;    width: 160px;    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    box-shadow: 0 0 0 0;    padding: 11px;    border: 1px solid #ccc;}#color-change .card:hover{	color: #4b565d;}#color-change .card.active{    display: block;    -webkit-transform: translateX(-160px);    -moz-transform: translateX(-160px);    -o-transform: translateX(-160px);    -ms-transform: translateX(-160px);    transform: translateX(-160px);}.tbtn{	display: inline-block;    position: absolute;    left: 158px;    top: -1px;    background-color: #4b565d;    padding: 16px;    border: 2px solid transparent;}.tbtn:hover{	cursor: pointer;	background-color: #ff0068;}.tbtn:hover i{	color: #fff !important;}.tbtn i{	margin:0px;	font-size: 20px;}.cardcard{	display: inline-block;	margin: 4px 0px 0px 0px;	padding: 0px;}.cardcard button{	width: 25px;	height: 25px;	background-color: transparent;	color: #4b565d;	margin: 0px 3px;	z-index: 9;	position: relative;}.cardcard button:hover{	cursor: pointer;}.cardcard button#default-color1{	background-color: #ff0068;}.cardcard button#pink{	background-color: #ce1bca;}.cardcard button#green1{	background-color: #61a514;}.cardcard button#green2{	background-color: #19d071;}.cardcard button#light-blue1{	background-color: #10aad6;}.cardcard button#blue1{	background-color: #2f61cc;}.cardcard button#blue2{	background-color: #464684;}.cardcard button#red1{	background-color: #de2121;}.cardcard button#yellow1{	background-color: #d4b217;}.cardcard button#orange1{	background-color: #ff6a00;}/**=========================	END COLOR CHANGE=========================**/