 * {
   margin: 0px;
   padding: 0px;
 }

 body {
   width: 100%;
   overflow-x: hidden;
 }

 .bg-banner {
   background-image: linear-gradient(#b5acac6e, #00000062), url(../../image/banner/inner-image/1.jpg);
   height: 500px;
   width: 100%;
   background-size: cover;
   display: flex;
   align-items: end;
   justify-content: center;
   text-align: center;
   padding: 3rem;
 }

 .text_container {
   color: white;
 }

 .bg-banner button,
 .btns {
   border: none;
   background-color: white;
   color: #F50606;
   padding: 8px 20px;
 }

 .my-6 {
   margin: 4rem 0rem;
 }

 .mt-6 {
   margin-top: 4rem;
 }

 .mb-6 {
   margin-bottom: 4rem;
 }

 .heading_border {
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;

   margin: 10px 0;
   font-family: 'Merriweather', serif;
   color: #A03434;
   font-family: cursive;

   line-height: 1.2;
   letter-spacing: .05em;
   text-transform: uppercase;
   text-align: center;
 }

 .heading_border::before,
 .heading_border::after {
   height: 1px;
   background: rgb(165, 165, 165);
   content: '';

 }

 .bg_container-idea {
   background-image: linear-gradient(#000000a4, #00000098), url(../../image/banner/inner-image/42768-scaled.jpg);
   background-position: right;
   width: 100%;
   background-size: cover;

   padding: 3rem;
 }

 .img-shadow {
   box-shadow: 11px -15px 17px white;
 }

 .bg_box {
   background-image: linear-gradient(#ffffff6e, #000000c0), url(../../image/banner/inner-image/30575.jpg);
   background-position: top;
   width: 100%;
   background-size: cover;
   height: 500px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;

 }

 .icon_round {
   height: 85px;
   width: 80px;
   background-color: #261133FC;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;

 }

 .bor {
   border: 1px solid rgba(226, 226, 226, 0.26);
 }

 footer {
   padding: 5rem 0rem 2rem 0rem;
   background-color: black;
 }

 .footer_card>p {
   color: rgb(180, 180, 180);
 }

 .footer_card>h5 {
   color: rgb(255, 255, 255);
   margin-bottom: 15px;
 }

 .footer_card a {
   text-decoration: none;
   text-transform: capitalize;
   color: rgb(180, 180, 180);
   transition: 0.5s;
   margin: 0px;
 }

 .footer_card li:hover>a {
   color: white;
   margin: 10px;

 }

 .social_footer_links i {
   height: 30px;
   width: 30px;
   border: 1px solid white;
   /* background-color: rgb(255, 255, 255); */
   color: rgb(255, 255, 255);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }


 /* contact-us */
 .contact-us {
   background-image: linear-gradient(150deg, #F86D70 32%, #D79B2A 70%);
   height: 300px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   color: white;
 }

 .cont-color {
   background-color: #f5777b;
 }

 .box {

   height: 85px;
   width: 80px;
   background-color: #d79b2a;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;

 }

 /* zoom */
 /**
 * EasyZoom core styles
 */
.easyzoom {
	position: relative;

	/* 'Shrink-wrap' the element */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error  img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}
