@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Oswald:wght@200..700&display=swap');
*{
	margin:0;
	box-sizing: border-box;
}
:root {
		overflow-x: hidden;
}
body{
	line-height: 1.5;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	color: #000000;
	overflow-x: hidden;
}
body.hidden-scrolling{
	overflow-y: hidden;
}
.container{
	max-width: 1440px;
	margin:auto;
}
img {
    max-width: 100%;
    max-height: 100%;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
hr {
    margin: 0;
}
a{
	text-decoration: none;
	    color: #000000;
}
b, strong {
    font-weight: 700;
}
h1{font-size: 200px; font-weight: 700;color: #f7ffe8;text-transform: uppercase;    font-family: "Oswald", sans-serif;}
.h1{font-size: 69px; font-weight: 700;color: #000000;text-transform: uppercase;    font-family: "Oswald", sans-serif;}
h2{font-size: 69px; font-weight: 700;color: #000000;text-transform: uppercase;margin-bottom: 40px;    font-family: "Oswald", sans-serif;}
.cont-row h2, .virtual-row h2 {font-size: 40px;    font-family: "Oswald", sans-serif;}
.f46 h3 {font-size: 46px;margin-bottom: 20px;    font-family: "Oswald", sans-serif;}
.h2, h3.h3{font-size: 36px; font-weight: 700;color: #000000;text-transform: uppercase;margin-bottom: 30px;    font-family: "Oswald", sans-serif;}
h3.sub{font-size:30px; font-family:"IBM Plex Sans", sans-serif;font-weight: 500;text-transform: none;    font-family: "Oswald", sans-serif;}
h3{font-size: 30px; font-weight: 700; color: #000000;text-transform: uppercase;    font-family: "Oswald", sans-serif;}
h4.h4{font-size: 24px;font-weight: 700;color: #000000;text-transform: uppercase;    font-family: "Oswald", sans-serif;}
h4{font-size: 20px; font-weight: 500; color: #000000;    font-family: "Oswald", sans-serif;}
i{font-weight: 600;}

p{font-size: 22px;font-family: "IBM Plex Sans", sans-serif;font-weight: 500;color: #000;line-height: 1.7;margin-bottom: 1.8rem;}

.w12 {width: 12%;}
.c-white{color: #ffffff;}

.pd-50{padding-top: 50px;}

.p-50{padding: 50px 0;margin-top: -1px;}
.p-100{padding: 100px 0;margin-top: -1px;}
.pb-100{padding-bottom: 100px;margin-top: -1px;}
.pt-100{padding-top: 100px;margin-top: -1px;}
.p-150{padding: 180px 0 150px;}
.top--10{top:-10%}
.top-20 {top: 20%;}
.top-40 {top: 40%;}
.top-50 {top: 50%;}
.top-70 {top: 70%;}
.bot-0{bottom: 0;}

.text-right {text-align: right;}
.w240 {width: 240px;}
.t-100 {top: -100px; margin-bottom: -100px;}
.t-200 {top: -200px; margin-bottom: -200px;}
.mt-40{margin-top: 40px;}
/*header*/
.header-main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-radius: 4px;
}
.header .logo{
	padding: 0 15px;
}
.header .logo a {
    display: block;
}
.header .menu > .menu-item{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.header .menu > .menu-item > a .plus{
	display: inline-block;
	height: 10px;
	width: 10px;
	position: relative;
	margin-left:5px; 
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before, .header .menu > .menu-item > a .plus:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    background-color: #4b4b4d;
    height: 2px;
    width: 100%;
    transform: rotate(135deg);
    transition: all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after{
   background-color: #F9BB20;
}
.header .menu > .menu-item > a .plus:after {
    transform: rotate(45deg);
    left: -2px;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover,
.header .menu > .menu-item:hover > a{
	color: #F9BB20;
}
.header .menu > .menu-item > .sub-menu{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 220px;
	position: absolute;
	left:0;
	top:100%;
	background-color: #ffffff;
	padding: 10px 0;
	border-top: 3px solid #F9BB20;
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity:0;
	visibility: hidden;
}

.header .menu > .menu-item > .sub-menu > .menu-item{
	display: block;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a{
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #4b4b4d;
	transition: all 0.3s ease;
	text-transform: capitalize;
}
.header .open-nav-menu{
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.header .open-nav-menu span{
	display: block;
	height: 3px;
	width: 24px;
	background-color: #4b4b4d;
    position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after{
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #4b4b4d;
	box-sizing: border-box;
}
.header .open-nav-menu span:before{
	top:-7px;
}
.header .open-nav-menu span:after{
	top:7px;
}
.header .close-nav-menu{
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	margin:0 0 15px 15px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
}
.header .close-nav-menu img{
	width: 16px;
}

header {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: linear-gradient(180deg, #000000e8 50%, rgb(0 0 0 / 2%) 99%);
    justify-self: center;
}
.navbar-collapse {
    align-items: center;
    justify-content: center;
}
.navbar-dark .navbar-nav a.active, .navbar-dark .navbar-nav .show>a {
    color: #f37a1d;
    position: relative;
}
.navbar-nav a.active:before {
    position: absolute;
    content: '';
    background: #f37a1d;
    left: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    top: 18px;
}
.btnn1, form button {
    font-size: 24px;
    font-family: 'Oswald';
    text-transform: uppercase;
    background: #fcee1e;
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 500;
    color: #000;
    border: none;
    outline: none;
	transition: all 0.5s;
}
.login-card form button, .cont-rgt form button {
    width: 100%;
}
.btnn1:hover, .navbar-nav:last-child li:last-child a:hover, form button:hover {
    color: #000;
		box-shadow: inset 0 1.5em 0em 0em #f37a1d, inset 0 -1.5em 0em 0em #f37a1d;
}
/*home section*/
.p-relative{position: relative;}
.banner img {
    width: 100%;
}
.navbar-expand-lg .navbar-nav a {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 8px;
    display: inline-block;
}
.navbar-expand-lg .navbar-nav a:hover {
    color: #fcee1e;
}
.botm-ftr a:hover, .ptl a:hover {
   text-decoration: underline;
   color: #000;
}
.l-col img:hover {
    filter: invert(1);
}
.tng-txt a:hover {
    background: #f37a1d;
}
.navbar-nav li {
    padding: 0 20px;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    border: 1px solid #7b7b7bf5;
    border-radius: 50px;
    margin: 0 20px;
    padding: 7px 7px;
}
.navbar-brand {
    margin-right: 0;
}
.navbar-nav:last-child li:last-child {
    padding: 0;
}
.navbar-nav:last-child li:last-child a {
    background: #fcee1e;
    color: #000 !important;
    border-radius: 50px;
    padding: 10px 20px;
    transition: all 0.5s;
    font-weight: 600;
}
.hrd {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
	}
    .hrd h3 {
    font-size: 60px;
    font-family: "Montserrat";
    color: #f7ffe8;
}
.grad{
	background: linear-gradient(90deg, #f37a1d 0%, #F9BB20 50%);
}
.home-section:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 150px;
    bottom: -1px;
    background: linear-gradient(90deg, #f37a1d 0%, #F9BB20 50%);
    -webkit-mask-image: linear-gradient(180deg, transparent, black);
    mask-image: linear-gradient(180deg, transparent, black);
}
.abt-row h3 {
    font-size: 24px;
    text-transform: none;
    color: #000;
    margin-bottom: 20px;
}
.left-pop {
    position: absolute;
    left: 0;
    text-align: left;
}
.right-pop {
    position: absolute;
    right: 0;
    text-align: right;
}
.trng-row {
    columns: 3;
    column-gap: 40px;
}
.tng-box {
    border-radius: 20px;
    break-inside: avoid;
		margin-bottom: 40px;
}
.tng-box h3 {
    padding: 25px 0 15px;
}
.ctxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tng-box img {
    border-radius: 20px 20px 0 0;
    width: 100%;
}
.tng-box.p-relative img {
    border-radius: 20px;
}
.tng-txt {
    position: relative;
    padding: 10px 20px 50px;
    background: #f7ffe8;
    border-radius: 0 0 20px 20px;
}
.tng-txt a {
    background: #fcee1e;
    border-radius: 50%;
    padding: 13px 15px 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.t-row {
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.sur-rise {
    top: -150px;
    z-index: 0;
    margin-bottom: -100px;
}
.mid-sn {
    position: absolute;
    left: 55%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    z-index: -1;
    width: 30%;
}
.bt-0 {
    bottom: 0;
}
.b-cel {
    background: #f7ffe8;
    margin-bottom: 30px;
    border-radius: 100px;
    padding: 15px;
    display: flex;
    align-items: center;
}
.b-cel h3 {
    font-weight: 500;
    padding-left: 15px;
    margin: 0;
}
.video-wrapper {
    position: absolute;
    width: 100%;
    margin: auto;
    border: 20px solid #fcee1e;
    border-radius: 50px;
    z-index: 1;
}
video#myVideo {
    width: 100%;
    border-radius: 30px;
    height: 100%;
    margin-bottom: -5px;
}
.video-sec img, .testimonial img {
    width: 100%;
}
.myVideo1 {
    width: 100%;
    display: block;
    border-radius: 32px;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.play-btn:before {
  content: '';
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  margin-left: 5px;
}
.mem-card {
    background: #f7ffe8;
    padding: 10px 10px 70px;
    border-radius: 20px;
    text-align: center;
    height: 100%;
}
.membr-row a.btnn1 {
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 50%;
    transform: translate(-50%, -30px);
}
.oftyp {
    font-size: 30px;
    display: block;
		font-weight: 500;
}
.prc {
    font-size: 69px;
    font-weight: 600;
    display: block;
}
.ofrr {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.mem-card img {
    width: 100%;
}
.sur-rise img {
    width: 100%;
}
.mem-card ul {
    text-align: left;
    font-size: 20px;
    padding: 20px;
}
.mem-card li {
    font-family: 'Montserrat';
    margin-bottom: 15px;
    font-weight: 500;
    list-style: none; 
    position: relative;
    padding-left: 28px;
}

.mem-card li::before {
    content: "";
    background: url(../image/check.png) no-repeat center;
    background-size: 18px;
    width: 20px;
    height: 21px;
    position: absolute;
    left: -10px;
    top: 3px;
}
.mm-col:nth-child(2n) .mem-card:after {
    content: 'POPULAR';
    position: absolute;
    background: #fcee1e;
    top: -12px;
    border-radius: 50px;
    font-weight: 500;
    left: 50%;
    padding: 7px 25px;
    transform: translateX(-50%);
}
.testimonial p {
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Oswald';
    border-radius: 75px;
    border-bottom: 5px solid #000;
    padding: 0 100px 80px;
    position: relative;
    font-weight: 500;
}
.testimonial p:before {
    position: absolute;
    content: '';
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #000000;
}
.testimonial p:after {
	position: absolute;
	content: '- Michael R.';
	font-size: 24px;
	font-family: 'Oswald';
	bottom: -75px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
}
.ctr-ani {
    position: absolute;
    right: -50px;
    bottom: 0;
    width: 23%;
}
.app-btn a {
    padding-right: 20px;
}
.app-btn {
    margin-top: 50px;
}
.bolg-cont {
    padding: 40px 40px 20px;
}
.blog-card {
    border-radius: 20px;
    background: #f7ffe8;
    height: 100%;
}
.blog-card h3 {
    margin-bottom: 20px;
}
.date {
    background: #fcee1e;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 25px;
    left: 25px;
}
.blog-card img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.footer input[type="email"] {
    display: inline-block;
    width: 60%;
    padding: 18px 36px;
    margin: 8px 0;
    box-sizing: border-box;
    height: 60px;
    margin-top: 18px;
    border-radius: 50px;
    border: none;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.06);
    background: #f7ffe8;
}
input,
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 20px;
    font-family: 'Montserrat';
    color: #000000;
}
.bt {
    margin-left: -175px;
    font-size: 24px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    border: none;
    background-color: #fcee1e;
    color: #000000;
    font-weight: 500;
    position: relative;
    top: 4px;
}
.nws-ltr img {
    width: 100%;
}
.botm-ftr a {
    font-size: 20px;
    margin: 0 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.botm-ftr {
    display: flex;
    justify-content: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px 0;
}
.copyrgt {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 20px;
}
.ptl a {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
    padding-left: 30px;
}
.f-logo {
    top: -50px;
}
.l-col a {
    padding-right: 10px;
}
input[type="email"]:focus-visible, input[type="email"]:focus{
    outline: none;
}
.bg-golden {
    background: url(../image/golden-particle-bg.png);
    padding: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.bg-golden img {
    border-radius: 15px;
    border: 5px solid #f7ffe8;
}
.abt-row {
    position: relative;
    z-index: 1;
}
.exp-card > img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.exp-card {
    background: #f7ffe8;
    border-radius: 20px;
}
.exp-cont img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 0;
}
.exp-cont {
    padding: 75px 50px 30px;
}
.exp-row .col-lg-4:nth-child(2n) {
    position: relative;
    top: -70px;
}
.exp-row {
    margin-top: 125px;
}
.btmm-txt {
    position: relative;
    top: -75px;
    z-index: 1;
}
.btmm-txt a {
    margin: 50px 0 30px;
    display: inline-block;
}
.btmm-txt p {
    font-size: 22px;
}
.t-sun-rise {
    z-index: 0;
}
.t-sun-rise .mid-sn {
    left: 62%;
    bottom: 62%;
}
.fndr-row img {
    position: absolute;
    left: 0;
    border: none;
    border-radius: 0 20px 20px 0;
    width: 45% !important;
}
.fndr-row .bg-golden {
    height: 80%;
    background-position: right;
    background-size: 100%;
    padding: 0;
}
.box-txt {
    background: #f7ffe8;
    padding: 40px 45px 20px;
    border-radius: 20px;
    margin: 60px 0 0;
}
.join-us {
    background: #f7ffe8;
    padding: 50px;
    border-radius: 20px;
}
.join-us a {
    margin: 20px 10px;
    display: inline-block;
}
.t-sun-rise img {
    width: 100%;
}
.flip {transform: scaleX(-1);}
.flip img {transform: scaleX(-1);}
.t-0{top: 0;margin: 0;}
.ben1-sec .col-lg-6, .ben2-sec .col-lg-6 {
    padding: 50px 10px;
}
.stg-card {
    background: #f7ffe8;
    border-radius: 20px;
    padding: 50px;
    margin: 0 10px 40px;
    text-align: center;
    position: relative;
}
.numb {
    background: #eaf2dc;
    position: absolute;
    left: 0px;
    top: 0;
    width: 90px;
    height: 100px;
    border-radius: 20px 5px 50px 5px;
    z-index: 0;
    font-size: 36px;
    font-weight: 700;
    padding-top: 20px;
}
.stg-card h3 {
    margin: 30px 0 20px;
}
.sub-txt {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat';
    display: block;
}
.stg-card p {
    margin: 20px 0 0;
}
.stages-row {
    margin-top: 60px;
}

.hover {
    background: radial-gradient(circle at 110% 5%, #ffec37 25%, #ffcf2f 33%, #ffa326 44%, #ff7b22 55%, #ff5f20 60%, #9c2fb4 80%, #5a3fe0 85%, #2dc2e5 95%, #14d38a 120%);
    transition: 0.4s;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px;
    display: none;;
}
.hover p {
    font-size: 30px;
    font-family: 'Oswald';
}
.stg-card:hover .hover {
    display: flex;
}
.sm-card {
    background: #f7ffe8;
    border-radius: 15px;
    padding: 20px 20px 10px;
}
.sm-card h4 { margin-top: 15px; }
.card-row {
    margin-bottom: 30px;
}
.num h3 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
    padding-left: 25px;
}

.num {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.bt-1 {
    border-top: 1px solid #000000;
}
.pt-29{padding-top: 30px;}
section {
    margin-top: -1px;
}
.list-2 li {
    font-family: 'Montserrat';
    margin-bottom: 15px;
    font-weight: 600;
    list-style: none;
    position: relative;
    padding-left: 25px;
    font-size: 20px;
    margin-left: 10px;
}
.list-2 li::before {
    content: "";
    background: url(../image/studio/c-check.png) no-repeat center;
    background-size: 18px;
    width: 20px;
    height: 21px;
    position: absolute;
    left: -10px;
    top: 3px;
}
.cc-card {
    background: #f7ffe8;
    border-radius: 20px;
    padding: 40px 20px 20px;
    margin: 20px 10px;
    width: 20%;
}
.cc-card img {
    margin-bottom: 20px;
}
.boxes {
    padding-bottom: 1px;
}
.tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.tabs a {
    border: 1px solid #000000;
    display: inline-block;
    padding: 19px 15px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    width: 225px;
    color: #000;
}
.tabs a:hover {
    background: #fcee1e;
    border-color: #fcee1e;
}
.txt-col-l {
    padding-right: 55px !important;
}
.txt-col-r {
    padding-left: 55px !important;
}
.cards {
    background: #f7ffe8;
    border-radius: 20px;
    padding: 50px;
    margin: 0 7px;
    height: 100%;
}
.cards h4 {
    margin: 35px 0 25px;
}
.last-chld {
    display: flex;
}
.lst-r-txt {
    padding-left: 50px;
}
.box-txt-img {
    max-width: 83%;
    margin: -60px auto 0;
}
.bg-golden img {
    width: 100%;
}
.bott-coll {
    margin-top: 40px;
}
.blog-sec .blg-col {
    margin-top: 25px;
}
.cc-card h4 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 0 15px;
}
.cont-row {
    background: #f7ffe8;
    border-radius: 15px;
    padding: 0 50px;
}
.cont-card {
    flex-wrap: nowrap;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #c6ccba;
    padding: 30px 20px;
    border-radius: 20px;
}
.cont-lft {
    border-right: 1px solid #c6ccba;
    padding: 50px 75px 50px 0;
}
.cont-rgt {
    padding: 50px 0 50px 75px;
}
.rrft img {
    padding: 20px 10px 0 0;
}
.rrft p {
    margin: 0;
}
input, textarea, select {
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    padding: 13px 20px;
    border-radius: 50px;
    font-size: 20px;
    color: #000;
    font-family: 'Montserrat';
    text-transform: capitalize;
}
textarea {
    border-radius: 20px;
}
.eml, .tel, .f-name, .l-name {
    width: 49%;
    float: left;
}
.tel, .l-name {
  float:right;
}
select {
  appearance: none;
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none;    /* Firefox */
  background-image: none;
  position: relative;
}
.select-wrapper{position: relative;}
.select-wrapper:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    right: 25px;
    z-index: 5;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    top: calc(50% - 20px);
}
.login-card {
    background: #f6fee7;
    padding: 50px 80px;
    border-radius: 20px;
    border: 1px solid #d8d9d7;
    text-align: center;
    z-index: 2;
    position: relative;
}
.spacer {padding-top: 250px;}
.virtual-row h1 {
    margin-bottom: 25px;
}
.virtual-row h3 {
    margin: 40px 0 30px;
}

.headng img {
    width: auto;
}
.cards.last-chld img {
    max-width: 50%;
}
.cont-lft img {
    width: auto;
}
.bb-box .cc-card {
    width: 25%;
}
.txt-col-w {
    background: #f7ffe8;
    padding: 50px 65px 60px;
    border-radius: 15px;
    margin-left: -12px;
}
.pdr-0 {
    padding-right: 0;
}
span.o-rate {
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    margin-left: 25px;
}
span.c-rate {
    display: inline-block;
    font-size: 70px;
    text-decoration: line-through;
    text-transform: uppercase;
}
.p-rel-z-1 {
    position: relative;
    z-index: 1;
}
.blog-card img {
    width: 100%;
    height: auto;
    display: block;
}
span.date.p-relative {
    position: relative;
    left: 0px;
    margin-bottom: 15px;
}
.p-relative .blog-detail-page {
    background: #f7ffe8;
    padding: 50px;
    border-radius: 15px;
    font-size: 22px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    line-height: 1.7;
    top: -100px;
}
.blog-detail-page img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 30px;
    height: auto;
}
.blog-detail-page h1 {
    margin: 25px 0;
}
.blog-detail-page h3 {
    margin-top: 30px;
}
.blog-detail-page h2 {
    font-size: 40px;
    margin: 40px 0px 10px;
}
.blog-detail-page ul {
    margin-top: 20px;
}
.blog-detail-page {
    text-align: left;
}
.navbar-nav:last-child li:nth-last-child(2) a {
    color: #f37a1d;
}
.blog-card h3:hover {
    color: #f37a1d;
}
.blog-card:hover {
    box-shadow: 0px 0px 10px #000000ad;
}
a.back-btn:hover {
    color: #f37a1d;
}
a.back-btn {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    position: absolute;
    right: 50px;
    font-weight: 600;
}
.share-blog img {
    width: auto;
    margin-bottom: 0;
    margin-left: 5px;
}
.share-blog {
    font-family: "Oswald", sans-serif;
    border-top: 1px solid #000025;
    padding-top: 30px;
    margin-top: 75px;
}
p.hf-message.hf-message-success {
    margin: 0;
    text-align: center;
}