@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
font-family: 'GT Walsheim Pro Regular';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/GTWalsheimPro-Regular.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT Walsheim Pro Bold';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/GTWalsheimPro-Bold.ttf);
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Gilroy-Bold';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Bold.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Heavy';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Heavy.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Light';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Light.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Medium';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Medium.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Regular';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Regular.ttf);
font-weight: normal;
font-style: normal;
}
* {
margin: 0px;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
margin: 0px;
padding: 0px;
}
a,
a:hover {
text-decoration: none;
}
li {
list-style: none;
}
img {
width: 100%;
height: auto;
}
:root {
--gt-bold: 'GT Walsheim Pro Bold';
--gt-regular : 'GT Walsheim Pro Regular';
--g-bold : 'Gilroy-Bold';
--g-h : 'Gilroy-Heavy';
--g-light : 'Gilroy-Light';
--g-medium : 'Gilroy-Medium';
--g-regular : 'Gilroy-Regular';
--primary:#fccf14;
--secondery: #4f4f4f;
--gray: #6d6d6e;
--white: #ffffff;
--black: #000000;
}
.banner-area {
padding: 60px 0px 60px;
position: relative;
background: rgb(214,214,214);
background: linear-gradient(180deg, rgba(214,214,214,0.7) 0%, rgba(209,209,209,0.7) 4%, rgba(246,246,246,1) 14%, rgba(246,246,246,1) 29%, rgba(246,246,246,1) 45%, rgba(246,246,246,1) 100%);
background-image: url(//alkeshagarwal.com/wp-content/themes/theme/images/hero-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
}
.banner-area .left .sir {
font-size: 40px;
color: var(--gray);
}
.banner-area .left .name {
font-size: 98px;
color: var(--secondery);
font-family: var(--g-bold); 
padding-bottom: 45px;
line-height: 95%;
position: relative;
}
.banner-area .left .name::after {
position: absolute;
left: 0px;
content: '';
bottom: 0px;
height: 7px;
border-radius: 10px;
width: 74px;
background-color: var(--primary);
}
.banner-area .left .sub-item {
display: flex;
align-items: center;
gap: 16px;
margin-top: 20px;
}
.banner-area .left .sub-item .sub {
font-size: 22px;
font-weight: 500;
color: var(--gray);
}
.dot {
width: 10px;
height: 10px;
background-color: var(--primary);
border-radius: 10px;
}
.banner-area .right .main-pic {
position: absolute;
z-index: 2;
right: 0px;
bottom: -66px;
width: 46%;
}
.banner-area .right .ab-pic {
position: relative;
right: 0%;
bottom: 10px;
}
.banner-area .right .ab-pic .big {
width: 110%;
margin: 0px 0px 0px auto;
animation: zoom-in-zoom-out 5s infinite;
}
.banner-area .right .ab-pic .mid {
position: absolute;
width: 86%;
transform: translate(-50%, -50%);
left: 55%;
top: 50%;
}
.banner-area .right .ab-pic .small {
position: absolute;
width: 67%;
left: 56%;
top: 50%;
transform: translate(-50%, -50%);
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
} .ab-small .big-o {
position: absolute;
width: 60px;
bottom: 23%;
left: 15%;
}
.ab-small .small-o {
position: absolute;
width: 30px;
top: 26%;
left: 20px;
}
.journey-area {
padding: 60px 0px;
position: relative;
background-image: url(//alkeshagarwal.com/wp-content/themes/theme/images/journey-bg.webp);
background-position: center right;
background-size: cover;
background-color: #fff;
}
.section-title {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 20px;
}
.section-title .title {
font-family: var(--g-bold);
font-size: 70px;
color: var(--gray);
line-height: 100%;
}
.journey-area .section-title .sub {
color: var(--secondery);
padding: 4px 26px;
background-color: var(--primary);
border-radius: 50px;
font-size: 22px;
letter-spacing: 2px;
line-height: 100%;
font-family: var(--g-medium);
font-weight: 600;
width: max-content;
}
.journey-area .content {
width: 85%;
}
.journey-area .content .content-item {
font-size: 20px;
color: var(--gray);
font-weight: 500;
margin-bottom: 24px;
}
.journey-area .content .content-item  .bold {
font-weight: 600;
color: var(--black);
font-size: 20px;
font-style: italic;
}
.step-area {
position: relative;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%);
}
.step-area::before {
content: url(//alkeshagarwal.com/wp-content/themes/theme/images/arrow.webp);
position: absolute;
top: -55px;
left: 32%;
}
.step-area .container {
background-color: #f6f6f6;
padding: 40px 60px;
border-radius: 60px;
}
.step-item {
position: relative;
padding: 50px 40px;
}
.step-item .left {
position: relative;
}
.step-item .right {
position: relative;
}
.step-item .yellow-border {
width: 2px;
background: var(--primary);
height: 80%;
position: absolute;
right: 0px ;
bottom: 10%;
}
.step-item.reverse .right {
padding-left: 40px;
}
.step-item.reverse .yellow-border {
width: 2px;
background: var(--primary);
height: 80%;
position: absolute;
left: 0px ;
bottom: 10%;
}
.step-item .step-number {
padding: 4px 16px;
background-color: var(--primary);
border-radius: 20px;
color: var(--secondery);
font-family: var(--gt-regular);
width: max-content;
font-weight: 600;
}
.step-item .step-name {
color: var(--gray);
font-size: 48px;
font-weight: 500;
font-family: var(--gt-regular);
margin-top: 16px;
}
.step-item .step-name .bold {
color: var(--gray);
font-family: var(--gt-bold);
line-height: 95%;
font-size: 48px;
}
.step-item .step-name .bold b {
font-size: 50px;
color: var(--primary);
}
.step-item  .content {
font-size: 19px;
color: var(--gray);
margin-bottom: 26px;
font-weight: 500;
}
.step-item  .content.last {
margin-bottom: 0px;
}
.step-item:nth-child(1)::after {
content: '';
position: absolute;
top: 26%;
left: 3px;
width: 10px;
height: 10px;
border-radius: 6px;
background-color: var(--primary);
}
.step-item:nth-child(1)::before {
content: '';
position: absolute;
bottom: 0px;
left: 6px;
width: calc(100% - 22px);
border-bottom: 5px dotted #cdcdcd;
border-left: 5px dotted #cdcdcd;
height: calc(80% - 40px);
border-radius: 0px 0 0 20px;
}
.step-item:nth-child(2)::before {
content: '';
position: absolute;
bottom: 0px;
right: 6px;
height: 100%;
width: calc(100% - 26px);
border-bottom: 5px dotted #cdcdcd;
border-right: 5px dotted #cdcdcd;
border-radius: 0 20px 20px 0;
}
.step-item:nth-child(2) {
margin-top: -4px;
}
.step-item:nth-child(3) {
margin-top: -4px;
}
.step-item:nth-child(4) {
margin-top: -4px;
}
.step-item:nth-child(5) {
margin-top: -4px;
}
.step-item:nth-child(6) {
margin-top: -4px;
}
.step-item:nth-child(7) {
margin-top: -4px;
padding: 50px 40px 80px;
}
.step-item:nth-child(3)::before {
content: '';
position: absolute;
bottom: 0px;
left: 6px;
width: calc(100% - 22px);
border-bottom: 5px dotted #cdcdcd;
border-left: 5px dotted #cdcdcd;
height: 100%;
border-radius: 20px 0 0 20px;
}
.step-item:nth-child(4)::before {
content: '';
position: absolute;
bottom: 0px;
right: 6px;
height: 100%;
width: calc(100% - 26px);
border-bottom: 5px dotted #cdcdcd;
border-right: 5px dotted #cdcdcd;
border-radius: 0 20px 20px 0;
}
.step-item:nth-child(5)::before {
content: '';
position: absolute;
bottom: 0px;
left: 6px;
width: calc(100% - 22px);
border-bottom: 5px dotted #cdcdcd;
border-left: 5px dotted #cdcdcd;
height: 100%;
border-radius: 20px 0 0 20px;
}
.step-item:nth-child(6)::before {
content: '';
position: absolute;
bottom: 0px;
right: 6px;
height: 100%;
width: calc(100% - 26px);
border-bottom: 5px dotted #cdcdcd;
border-right: 5px dotted #cdcdcd;
border-radius: 0 20px 20px 0;
}
.step-item:nth-child(7)::before {
content: '';
position: absolute;
bottom: 0px;
left: 6px;
width: 40%;
border-bottom: 5px dotted #cdcdcd;
border-left: 5px dotted #cdcdcd;
height: 100%;
border-radius: 20px 0 0 20px;
}
.complete-area {
display: flex;
width: 75%;
margin-left: auto;
position: relative;
background-color: #f0f0f0;
border-radius: 20px;
overflow: hidden;
height: auto;
margin-top: -43px;
}
.complete-area .first {
width: 16px;
display: flex;
padding: 40px 20px;
background: var(--primary);
height: auto;
}
.complete-area .text {
padding: 10px 14px;
}
.complete-area h2 {
text-align: left;
font-weight: 600;
font-size: 24px;
color: var(--secondery);
}
#main-wrapper {
overflow: hidden;
position: relative;
max-width: 1900px;
margin: 0 auto;
width: 100%;
}
.thoughts-area {
padding: 60px 0px;
}
.thoughts-area .top {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.section-title .para {
font-size: 19px;
color: var(--secondery);
font-weight: 500;
margin-top: 18px;
}
.thoughts-area .top .right.btn {
display: flex;
align-items: center;
border-radius: 30px;
overflow: hidden;
height: 50px;
padding: 0px;
}
.thoughts-area .top .right .text {
font-size: 22px;
padding: 8px 14px;
background-color: var(--primary);
color: var(--secondery);
font-weight: 500;
}
.thoughts-area .top .right .icon {
padding: 11px 18px 11px 10px;
background-color: var(--gray);
}
.thoughts-area .top .right.btn i {
font-size: 26px;
color: var(--white);
}
.thoughts-area .content {
padding: 30px 0px;
}
.news-area {
padding: 80px 0px;
overflow: hidden;
position: relative;
}
.news-area::before {
content: url(//alkeshagarwal.com/wp-content/themes/theme/images/kn.webp);
position: absolute;
top: -26%;
left: 0px;
}
.news-area .back {
display: flex;
align-items: center;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 100%;
z-index: -1;
}
.news-area .back .y-bg {
width: 45%;
position: relative;
}
.news-area .back .g-bg {
width: 56%;
position: relative;
}
.news-area .left {
padding-right: 40px;
}
.news-area .left .title {
font-weight: 500;
color: var(--white);
font-size: 30px;
margin-bottom: 4px;
}
.news-area .left .heading {
font-size: 60px;
line-height: 114%;
font-family: var(--g-bold);
color: var(--secondery);
}
.news-area .left .sub {
font-family: var(--gt-regular);
color: var(--secondery);
margin-top: 4px;
font-size: 28px;
}
.news-area .left .para {
font-family: var(--gt-regular);
color: var(--secondery);
font-size: 18px;
}
.news-area .newsletter {
display: flex;
position: relative;
width: 100%;
margin: 40px 0px 20px;
}
.news-area .newsletter .email-input {
width: 100%;
padding: 12px 16px;
border: 2px solid var(--white);
border-radius: 30px;
font-size: 18px;
background-color: transparent;
color: var(--white);
outline: none;
}
.news-area .newsletter .email-input::placeholder {
color: var(--white);
}
.news-area .newsletter .button-field {
position: absolute;
} 
.news-area .newsletter .input-field {
width: 100%;
}
.news-area .newsletter .submit-btn {
font-size: 20px;
background-color: var(--white);
color: var(--secondery);
font-weight: 500;
position: absolute;
right: 0px;
top: 1px;
padding: 11px 26px;
border-radius: 30px;
border: 1px solid var(--white);
}
.news-area .right {
padding: 40px 20px;
background-color: var(--white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 28px;
margin-left: -20px;
}
.news-area .right .content {
font-size: 18px;
font-weight: 500;
color: var(--gray);
margin-bottom: 18px;
}
.news-area .right .step {
display: flex;
align-items: start;
gap: 14px;
position: relative;
}
.news-area .right .step .number {
width: 50px;
height: 50px;
border-radius: 60px;
font-size: 30px;
font-weight: 600;
background-color: var(--primary);
color: var(--white);
text-align: center;
line-height: 50px;
} 
.news-area .right .step .title {
font-size: 20px;
font-weight: 600;
margin-top: 8px;
margin-bottom: 12px;
color: var(--secondery);
}
.news-area .right .step .para {
font-size: 16px;
color: var(--gray);
font-weight: 400;
}
.company-area {
padding: 60px 0px;
}
.company-area .section-title .title {
text-align: center;
margin-bottom: 20px;
}
.company-slider .item {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin: 20px 6px;
height: 150px;
position: relative;
border-radius: 10px;
}
.company-slider .item img {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
transform: translate(-50% , -50%);
} 
.review-area {
background-color: var(--primary);
padding: 60px 0px;
}
.review-area .section-title .title {
text-align: center;
margin-bottom: 30px;
}
.review-box {
background-color: var(--white);
padding: 50px 50px;
position: relative;
border-radius: 20px;
}
.review-box::before {
content: '';
background: url(//alkeshagarwal.com/wp-content/themes/theme/images/review-back.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-radius: 30px;
}
.review-item {
position: relative;
z-index: 2;
}
.review-item .pic {
padding-right: 30px;
position: relative;
padding-left: 30px;
}
.review-item .pic .o {
position: absolute;
top: 10%;
right: 17%;
width: 10px;
}
.review-item .pic .v {
position: absolute;
top: 20%;
right: 10%;
}
.review-item .pic .b {
position: absolute;
top: 8%;
left: 16%;
}
.review-item .pic .wo {
position: absolute;
left: 2%;
bottom: 22%;
width: 60px;
}
.review-item .right {
padding-left: 40px;
}
.review-item .right .content {
font-size: 24px;
color: var(--gray);
font-weight: 500;
position: relative;
margin-bottom: 20px;
}
.review-item .right .content::before {
content: url(//alkeshagarwal.com/wp-content/themes/theme/images/coma.webp);
position: absolute;
transform: scale(1.5) rotate(-180deg);
top: -10px;
left: -8%;
}
.review-item .right .content .coma {
position: relative;
}
.review-item .right .content .coma i {
position: absolute;
font-size: 35px;
left: 10px;
color: #9f9f9f;
}
.review-item .right .content .coma::before {
content: url(//alkeshagarwal.com/wp-content/themes/theme/images/coma.webp);
position: absolute;
top: 0px;
left: 10px;
}
.review-item .right .name {
font-weight: 600;
font-size: 26px;
color: var(--black);
margin-bottom: 8px;
}
.review-item .right .sub {
font-size: 24px;
font-weight: 600;
color: var(--secondery);
}
.review-box .slide-arrow {
position: relative;
padding: 4px 11px;
border: 2px solid var(--gray);
color: var(--gray);
border-radius: 30px;
z-index: 2;
}
.review-box .slide-arrow {
position: absolute;
bottom: 15%;
}
.review-box .prev-arrow {
right: 10%;
}
.review-box .next-arrow {
right: 6%
}
.footer-area {
padding: 60px 0px 0px;
background-color: #5d5d5d;
}
.footer-area .section-title .title {
text-align: center;
color: var(--white);
}
.footer-area .section-title .para {
font-size: 26px;
font-weight: 400;
color: var(--white);
margin: 0px;
text-align: center;
margin-bottom: 10px;
}
.contact-form {
position: relative;
}
.contact-form input , .contact-form textarea {
width: 100%;
}
.contact-form .left, .contact-form .right {
display: flex;
flex-direction: column;
gap: 18px;
}
.contact-form .left .input {
padding: 14px 16px;
border-radius: 10px;
outline: none;
border: none;
}
.contact-form .right textarea {
padding: 12px 16px;
border-radius: 10px;
outline: none;
}
.contact-form .pri-btn {
font-size: 22px;
font-weight: 500;
background-color: var(--primary);
display: flex;
border: 1px solid var(--primary);
text-align: center;
justify-content: center;
padding: 10px 18px;
border-radius: 14px;
transition: all 0.3s ease-in;
}
.contact-form .pri-btn:hover {
opacity: 0.8;
}
.footer-area .socal-media {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 10px 0px 55px;
}
.footer-area .socal-media a {
width: 50px;
height: 50px;
display: flex;
border: 4px solid var(--primary);
border-radius: 50px;
position: relative;
transition: all 0.3s ease;
}
.footer-area .socal-media a i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50% , -50%);
font-size: 28px;
color: var(--primary);
}
.footer-area .socal-media a:hover  {
background-color: var(--primary);
}
.footer-area .socal-media a:hover i {
color: var(--secondery);
}
.footer-area .copy {
padding: 20px 20px;
background-color: #484848;
}
.footer-area .copy p {
font-size: 18px;
font-family: 500;
text-align: center;
color: var(--white);
} .all-blog {
padding: 100px 0px 60px 0px;
}
.post-item {
position: relative;
background-color: var(--white);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.post-item {
display: none;
}
.post-item.show {
display: block;
}
#load-more-btn {
font-size: 20px;
color: var(--black);
background-color: var(--primary);
border: 1px solid var(--primary);
padding: 8px 14px;
display: flex;
font-family: var(--g-medium);
font-weight: 600;
width: max-content;
justify-content: center;
border-radius: 4px;
transition: 0.3s ease-in;
margin: 0px auto;
}
#load-more-btn:hover {
border: 1px solid var(--primary);
}
.post-item .pic {
overflow: hidden;
display: flex;
}
.post-item .pic:hover img {
transform: scale(1.1);
}
.post-item .pic img {
width: 100%;
transition: 0.4s ease-in;
height: 300px;
object-fit: cover;
object-position: center right;
}
.post-item .content {
padding: 20px 20px;
}
.read-more-btn {
display: flex;
padding: 10px 16px;
background-color: var(--primary);
border-radius: 4px;
margin-top: 12px;
color: var(--black);
font-family: var(--g-bold);
font-size: 18px;
width: max-content;
transition: all 0.4s ease-in-out;
}
.read-more-btn:hover {
color: var(--black);
background-color: #fcce14c4;
}
.post-item .content .name {
font-size: 26px;
font-weight: 600;
font-family: var(--g-medium);
color: var(--secondery);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow : hidden;
transition: 0.3s ease-in;
}
.post-item .content .info {
display: flex;
align-items: center;
justify-content: start;
gap: 16px;
margin: 12px 0px;
} .post-item .content .date {
font-size: 13px;
color: var(--secondery);
font-weight: 500;
padding: 4px 8px;
border-radius: 4px;
background: #fcce1449;
color: var(--black);
font-family: var(--g-medium);
}
.post-item .content .para {
font-size: 17px;
color: var(--gray);
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow : hidden;
}
.right-pop {
padding: 24px 12px;
border-radius: 8px;
background: #fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.right-pop .title {
font-size: 30px;
font-family: var(--g-bold);
margin-bottom: 14px;
color: var(--black);
}
.right-pop ul {
display: flex;
gap: 10px;
flex-direction: column;
align-items: start;
justify-content: center;
}
.right-pop ul li {
list-style: auto  ;
margin-left: 20px;
}
.right-pop ul li a {
font-size: 18px;
font-family: var(--gt-regular);
color: var(--secondery);
}
.single_blog_area .blog  {
padding: 0px 0px 20px 0px;
}
.single_blog_area .blog .blog-top {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
background-color: #ededed;
border-bottom-left-radius: 10px;
position: relative;
border-bottom-right-radius: 10px;
overflow: hidden;
}
.single_blog_area .blog-title {
font-size: 38px;
font-family: var(--g-bold);
padding: 40px 14px;
text-align: center;
}
.single_blog_area p {
font-size: 18px;
font-weight: 500;
color: var(--gray);
}
.single_blog_area .blog-heading {
color: var(--secondery);
align-items: center;
display: flex;
background-color: #fccf14;
width: 100%;
padding: 0px;
}
.single_blog_area .heading-number {
display: flex;
width: min-content;
color: var(--black);
font-family: var(--gt-bold);
font-size: 32px;
padding: 0px 25px;
position: relative;
background-color: var(--primary);
}
.single_blog_area .blog-heading p {
width: 100%;
color: var(--secondery);
background-color: #f6f6f6;
font-family: var(--gt-regular);
font-size: 32px;
padding-left: 10px;
}
.single_blog_area .blog-heading .others {
font-weight: 400;
}
.single_blog_area .blog-heading .others b {
font-family: var(--g-bold);
color: var(--black);
}
.single_blog_area .blog .date {
color: var(--black);
background-color: #fccf14c7;
padding: 8px 14px;
width: 100%;
gap: 6px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
}
.single_blog_area .blog .main-pic {
border-radius: 12px;
margin: 2px 0px;
overflow: hidden;
}
.single_blog_area .blog .blog-content img {
border-radius: 12px;
margin: 0px 0px 0px 0px;
}
.single_blog_area .blog .blog-content h2, h3, h4, h5, h6, p {
padding: 10px 0px;
}
.single_blog_area .blog .blog-content blockquote {
padding-left: 20px;
}
.page-template-coming .all-blog .title , .page-template-subscribing .all-blog .title , .common-title {
font-size: 40px;
font-family: var(--gt-bold);
text-align: center;
padding-bottom: 40px;
} 
.page-template-blog .news-area {
background-color: var(--primary);
padding: 35px 0px 0px 0px;
overflow: hidden;
border: 2px solid var(--primary);
border-radius: 10px;
}
.page-template-blog .news-area .right {
padding: 20px 10px;
background-color: var(--white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 0px;
margin-left: 0px;
}
.page-template-blog .news-area .right .step {
display: flex;
flex-direction: column;
align-items: start;
gap: 20px;
position: relative;
}
.page-template-blog .news-area .right .step .item {
width: 100%;
display: flex;
align-items: start;
gap: 10px;
}
.page-template-blog .news-area .right .step .item p {
padding: 4px 0px 0px 0px;
}
.page-template-blog .news-area .left {
padding: 10px 14px;
}
.page-template-blog .news-area .left .title {
font-weight: 500;
font-size: 22px;
text-align: center;
margin-bottom: 4px;
}
.page-template-blog .news-area .left .heading {
font-size: 33px;
text-align: center;
}
.page-template-blog .news-area .left .sub {
margin-top: 4px;
font-size: 20px;
text-align: center;
}
.page-template-blog .news-area .right .content {
font-size: 16px;
margin-bottom: 18px;
}
.page-template-blog .news-area .right .step .number {
width: auto;
height: auto;
padding: 6px 20px;
font-size: 22px;
text-align: center;
line-height: normal;
}
.page-template-blog .news-area .newsletter .submit-btn {
font-size: 18px;
background-color: var(--white);
color: var(--secondery);
font-weight: 500;
position: absolute;
right: 0px;
padding: 8px 18px;
border-radius: 30px;
border: 1px solid var(--white);
}
.page-template-blog .news-area .newsletter .email-input {
padding: 8px 16px;
}
.page-template-blog .news-area .right .step .title {
margin-top: 10px;
}
.read-btn {
padding: 12px 24px;
background-color: var(--primary);
border-radius: 40px;
border: 2px solid var(--primary);
font-size: 20px;
display: flex;
margin-top: 20px;
width: max-content;
justify-content: center;
color: var(--black);
font-weight: 500;
font-family: var(--g-medium);
margin: 0px auto;
transition: all 0.2s ease-in;
}
.read-btn:hover {
background: transparent;
color: var(--black);
}
.postid-72 .single_blog_area .blog .blog-top {
display: none;
}
.postid-72 .single_blog_area .blog .blog-content {
margin-top: -35px;
} 
.single_blog_area .blog .para {
font-size: 18px ;
font-weight: 500 !important;
color: var(--gray) !important;
padding: 10px 0px ;
}
.single_blog_area .blog .item-number span {
font-family: var(--gt-bold) !important;
}
.single_blog_area .blog .item-number {
font-family: var(--gt-bold);
}
.single_blog_area .blog .sub-heading {
font-family: var(--g-medium) !important;
padding: 6px 0px !important;
}
.page-id-55 .all-blog {
padding: 0px 0px 60px 0px;
}
.page-id-55 tr>td>span, .page-id-55 p span {
color: var(--gray);
font-weight: 500;
}
.single_blog_area .blog .blog-content h1.heading {
font-family: var(--g-medium) !important;
font-weight: 600 !important;
}
.single_blog_area .blog .blog-content .breakdown-number {
font-family: var(--gt-bold) !important;
line-height: 36px !important;
}
.single_blog_area .blog .blog-content .breakdown-item {
margin: 12px 0px;
}
.single_blog_area .blog .blog-content .bonus-title {
font-family: var(--g-bold) !important;
}
.single_blog_area .blog .blog-content .intro-text {
font-weight: 500;
color: var(--gray) !important;
}
.single_blog_area .breakdown-heading.extra {
color: var(--gray);
font-weight: 500;
}
.single_blog_area .blog .blog-content h1.heading.extra {
font-weight: 400 !important;
}
.single_blog_area .blog .blog-content h1.heading.extra strong {
font-weight: 600;
}
.page-id-55 .okbuy {
display: flex;
flex-direction: column;
gap: 20px;
}
.page-id-55 .signature-info {
display: flex;
align-items: center;
}
.page-id-55 .paragraph {
font-weight: 500 !important;
color: var(--gray) ;
} 
.page-id-55 strong {
color: var(--black);
}
.page-id-55 .email-guidance-text span b {
font-family: var(--g-bold) !important;
} 
.blog-comment-form {
padding: 10px 20px;
}
.blog-comment-form textarea, .blog-comment-form input {
width: 100%;
}
.blog-comment-form .comment-form-cookies-consent  {
}
.blog-comment-form .submit {
background-color: var(--primary);
border: 2px solid var(--primary);
padding: 10px 15px;
text-align: center;
color: var(--black);
font-weight: 500;
}
.comment-body {
padding: 14px 0px;
}
.comment-author.vcard {
display: flex;
width: max-content;
align-items: center;
gap: 6px;
}
.comment-author.vcard img {
width: 40px;
}
#wpdcom .wpd-form-row .wpdiscuz-item input[type="email"] {
display: none !important;
}
#wpdcom.wpdiscuz_unauth .wc-field-submit {
padding-top: 0px !important;
}
#wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item  {
display: none;
}
#wpdcom .wpd-form-head {
display: none !important;
}
a.gotonews {
display: flex;
padding: 10px;
width: 300px;
justify-content: center;
margin: 0px auto;
}
#wpd-post-rating {
display: none !important;
}
.single_blog_area .blog .blog-content img.heading-img {
margin-top: 40px;
}
.single_blog_area .blog .intro-text.ok-flex {
display: flex;
align-items: start;
}
.single_blog_area .blog .intro-text.ok-flex .intro-media {
flex-direction: column;
}
#comments {
margin: 10px auto !important;
}
.offcanvas-end {
width: 80%;
}
.single_blog_area .blog .blog-content ul.intro-list-items {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.single_blog_area .blog .blog-content ul.intro-list-items li {
font-weight: 500;
color: var(--gray) !important;
font-size: 18px;
list-style: disc;
}
@media  (min-width: 1440px) {
.banner-area .right .main-pic {
position: absolute;
z-index: 2;
right: 0px;
bottom: 0px;
width: 44%;
}
.news-area .left .heading {
font-size: 70px;
line-height: 114%;
font-family: var(--g-bold);
color: var(--secondery);
} }
@media (min-width: 1440px) { 
.single_blog_area .blog .blog-content .breakdown-number.examples {
width: 24% !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 52px !important;  
width: 50% !important;
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples {
width: 35% !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
width: 42% !important;
}
.postid-486 .single_blog_area .blog .blog-content .breakdown-number.examples {
width: 32% !important;
}
}
@media (min-width : 1399px) { 
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 18% !important;
padding-top: 30px !important;
}
}
@media (min-width : 1199px) {
.news-area .right .step .item {
width: 33%;
}
background-color: #ffd966;
padding: 10px;
padding-top: 28px;
font-size: 30px;
line-height: 30px;
text-align: center;
width: 27%;
}
@media (max-width : 1399px) {
.single_blog_area .blog .blog-content .breakdown-number.examples1 {
background-color: #ffd966 !important;
padding: 10px  !important;
padding-top: 34px  !important;
line-height: 30px !important;
text-align: center !important;
width: 19% !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 15px !important;
}
.postid-426  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 52px !important;  
}
.postid-437 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 16px !important;
}
.postid-465 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 17px !important;
}
.postid-470 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 17px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 70px !important;
}
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 23% !important;
}
.postid-554 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 23px !important;
}
.postid-554 .single_blog_area .blog .blog-content .breakdown-number.examples  {
padding-top: 32px !important;
}
.postid-581 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-612 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 30px !important;
}
.postid-621 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 30px !important;
}
.postid-630 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 22px !important;
}
.postid-630 .single_blog_area .blog .blog-content .breakdown-number.secon {
padding-top: 30px !important;
}
.postid-636 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-642 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-650 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-656 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-693 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 16px !important;
}
}
@media (max-width: 1199px) { 
.banner-area .left .sub-item .sub {
font-size: 18px;
}
.banner-area .left .name {
font-size: 80px;
padding-bottom: 40px;
}
.banner-area .left .sir {
font-size: 32px;
}
.news-area {
background-color: var(--primary);
}
.news-area .right .step {
display: flex;
align-items: start;
gap: 14px;
justify-content: space-between;
position: relative;
row-gap: 30px;
flex-wrap: wrap;
}
.news-area .right .step .item {
width: 47%;
}
.single_blog_area .blog .blog-content .breakdown-number.examples {
width: 41% !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 25% !important;
}
.postid-342 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 27% !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples.ok {
width: 43% !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 25% !important;
}
.postid-357 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 15px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 31px !important;
}
.postid-386  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
width: 39% !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 21px !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top : 20px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 21px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 52px !important; 
width: 60% !important;
}
.postid-437 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 33px !important;
}
.postid-470 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 33px !important;
}
.postid-501 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
width: 28% !important;
}
.postid-511 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
width: 34% !important;
}
.postid-547 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 23px !important;
}
.postid-554 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 21px !important;
}
.postid-576 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-581  .single_blog_area .blog .blog-content .breakdown-number.examples {
width: 33% !important;
}
.postid-621 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 30px !important;
}
.postid-630 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 30px !important;
}
.postid-636 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 26px !important;
}
.postid-671 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 18px !important;
}
.postid-678 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 22px !important;
}
.postid-687 .single_blog_area .blog .blog-content .breakdown-number.examples1 
}
@media (max-width: 991px) { 
.ab-small .big-o {
width: 44px;
bottom: 23%;
left: 12%;
}
.ab-small .small-o {
width: 30px;
top: 18%;
left: 20px;
}
.banner-area .left .sub-item .sub {
font-size: 15px;
}
.banner-area .left .sub-item {
gap: 10px;
margin-top: 15px;
}
.section-title .title {
font-family: var(--g-bold);
font-size: 55px;
color: var(--gray);
line-height: 100%;
}
.step-item:nth-child(1)::after {
top: 23%;
}
.step-item .yellow-border {
display: none;
}
.step-item:nth-child(1) .left {
margin-bottom: 50px;
}
.step-item:nth-child(2) .right {
margin-top: 50px;
padding-left: 0px;
}
.step-item:nth-child(3) .left {
margin-bottom: 50px;
}
.step-item:nth-child(4) .right {
margin-top: 50px;
padding-left: 0px;
}
.step-item:nth-child(5) .left {
margin-bottom: 50px;
}
.step-item:nth-child(6) .right {
margin-top: 50px;
padding-left: 0px;
}
.step-item:nth-child(7) .left {
margin-bottom: 50px;
}
.step-item:nth-child(7) {
padding: 50px 40px 120px;
}
.complete-area {
overflow: hidden;
height: 110px;
margin-top: -60px;
}
.thoughts-area .top {
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.review-box .next-arrow {
right: 4%;
}
.post-item .pic img {
height: 260px;
}
.single_blog_area .blog .blog-content .breakdown-number.examples {
width: 33% !important;
}
.postid-342 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
width: 39% !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 30px !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 31px !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top : 33px !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.notoks {
padding-top: 28px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 32px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 68px !important;  
}
.postid-465 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 29px !important;
}
.postid-470 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 16px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 55px !important;
}
.postid-630 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 13px !important;
}
.postid-636 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 10px !important;
}
}
@media (max-width: 767px) { 
.banner-area .left {
margin-bottom: 60px;
}
.news-area .right {
padding: 30px 20px;
margin-left: 0px;
}
.step-area .container {
background-color: #fafafa;
padding: 35px 10px;
border-radius: 60px;
}
.complete-area {
overflow: hidden;
height: 103px;
margin-top: -60px;
}
.complete-area h2 {
font-size: 22px;
}
.step-item .step-name {
font-size: 40px;
margin-top: 16px;
}
.step-item .step-name .bold {
line-height: 95%;
font-size: 40px;
}
.step-item .content {
font-size: 16px;
margin-bottom: 16px;
}
.journey-area .content .content-item {
font-size: 18px;
margin-bottom: 18px;
}
.journey-area .content {
width: 100%;
}
.journey-area .section-title .sub {
padding: 8px 16px;
border-radius: 42px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 600;
width: auto;
text-align: center;
}
.section-title .title br {
display: none;
}
.news-area .left .title {
font-size: 24px;
}
.news-area .left .heading {
font-size: 50px;
line-height: 130%;
}
.news-area .left .sub {
font-size: 24px;
}
.news-area .left {
padding-right: 0px;
}
.review-item .right {
padding-left: 0px;
margin-top: 30px;
}
.review-item .right .content::before {
display: none;
}
.review-item .right .content .coma {
display: none;
}
.banner-area .left .name {
font-size: 70px;
padding-bottom: 20px;
}
.banner-area {
padding: 110px 0px 100px; 
}
.banner-area .right .ab-pic .big {
width: 100%;
}
.banner-area .right .ab-pic .mid {
width: 85%;
left: 50%;
top: 50%;
}
.banner-area .right .ab-pic .small {
width: 67%;
left: 50%;
}
.banner-area .right .main-pic {
position: absolute;
z-index: 2;
right: 0px;
bottom: 0px;
width: 500px;
left: auto;
}
.footer-area .section-title .para {
font-size: 19px;
margin-bottom: 10px;
}
.journey-area {
padding: 40px 0px;
}
.news-area {
padding: 40px 0px;
}
.company-area {
padding: 50px 0px;
}
.review-area {
padding: 50px 0px;
}
.footer-area {
padding: 50px 0px 0px;
}
.review-box .slide-arrow {
position: absolute;
bottom: 10%;
}
.review-box .prev-arrow {
right: 13%;
}
.post-item .pic img {
height: 300px;
}
.top-title-blog {
font-size: 40px;
padding-bottom: 24px;
}
.header-area {
padding: 10px 0px;
top: 12px;
}
.post-item .content {
padding: 20px 16px 20px 16px;
}
.all-blog {
padding: 60px 0px 40px 0px;
}
.page-id-55 table {
width: 100%;
}
.single-post .header-area , .page-id-55 .header-area {
padding: 0px 0px 10px 0;
top: 0px;
}
.single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 13px !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top : 25px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.secon {
padding-top: 35px !important;
}
.postid-357 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 32px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 15px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 19px !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 21px !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 30px !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 18px !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.notoks {
padding-top: 13px !important;
width: 33% !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 21px !important;
}
.postid-437 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 19px !important;
}
.postid-437  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 54px !important;
}
.postid-451 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 51px !important;
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 50px !important;
}
.postid-465 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-465   .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 53px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 92px !important;
}
.postid-486 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 52px !important;
}
.postid-493 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 34px !important;
}
.postid-511 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 35px !important;
}
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 38px !important;
}
}
@media (max-width: 576px) {
.news-area .right .step {
display: flex;
align-items: start;
gap: 14px;
justify-content: space-between;
position: relative;
row-gap: 30px;
flex-wrap: wrap;
}
.news-area .right .step .item {
width: 100%;
}
.step-item {
padding: 40px 20px;
}
.section-title .title {
font-size: 44px;
}
.complete-area {
height: auto;
width: 100%;
}
.complete-area .first {
height: auto;
}
.news-area .right {
padding: 25px 10px;
margin-left: 0px;
}
.banner-area {
padding: 110px 0px 60px; 
}
.banner-area .right .main-pic {
position: absolute;
z-index: 2;
right: 0px;
bottom: 0px;
width: 420px;
left: auto;
}
.review-box {
background-color: var(--white);
padding: 60px 20px;
position: relative;
border-radius: 20px;
}
.company-area .section-title .title {
text-align: center;
margin-bottom: 20px;
font-size: 38px;
}
.review-box .prev-arrow {
right: 14%;
}
.review-box .next-arrow {
right: 3%;
}
.banner-area .left .sir {
margin-bottom: 12px;
}
.single_blog_area .blog .blog-content h1.heading {
font-size: 20px !important;
margin-bottom: 10px;
font-family: var(--g-medium) !important;
font-weight: 600 !important;
}
.single_blog_area .blog .blog-content .intro-text , .single_blog_area .blog .blog-content p.breakdown-text , .single_blog_area .blog .blog-content p.breakdown-action {
font-size: 16px !important;
}
.single_blog_area .blog .blog-content h3.breakdown-heading {
font-size: 20px !important;
}
.single_blog_area .blog .blog-content h3.breakdown-heading.extra {
font-size: 18px !important;
}
.single_blog_area .blog .blog-content .breakdown-number {
padding: 8px !important;
font-size: 24px !important;
line-height: 24px !important;
font-family: var(--gt-bold) !important;
}
.single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 13px !important;
}
.single_blog_area .blog .blog-content .breakdown-description {
padding: 5px 8px !important;
font-size: 19px !important;
}
.single_blog_area .blog .blog-content .intro-img , .single_blog_area .blog .blog-content .follow-img {
margin: 0px !important;
}
.single_blog_area .blog .blog-content .intro-media {
flex-direction: column !important;
align-items: start !important;
}
.single_blog_area .blog .blog-content .bonus-icon {
height: 30px !important;
width: 30px !important;
margin: 0px 10px 0px 0px !important;
}
.single_blog_area .blog .blog-content .bonus-title {
font-family: var(--g-bold) !important;
}
.page-id-55 .signature-info {
align-items: start;
flex-direction: column;
gap: 30px;
}
.single_blog_area .blog .intro-text.ok-flex {
flex-direction: column;
gap: 18px;
}
.page-id-55 .signature-container .signature-bio.paragraph {
padding-left: 0px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.secon {
padding-top: 12px !important;
}
.postid-357 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 15px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 21px !important;
width: 32% !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 22px !important;
width: 35% !important;
}
.postid-418 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 2px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 5px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 32px !important;  
}
.postid-437 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 3px !important;
}
.postid-437  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 28px !important;
}
.postid-451 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 28px !important;
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 25px !important;
}
.postid-465 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 25px !important;
}
.postid-470 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 7px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 42px !important;
}
.postid-486 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 27px !important;
}
.postid-493 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 12px !important;
}
.postid-501  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 10px !important;
}
.postid-501 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
width: 36% !important;
}
.postid-511 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 18px !important;
}
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 20px !important;
}
.postid-539 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 13px !important;
}
.postid-554 .single_blog_area .blog .blog-content .breakdown-number.secon {
padding-top: 28px !important;
}
.postid-576 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 8px !important;
}
.postid-581 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 6px !important;
}
}
@media (max-width: 450px) {
.banner-area .right .main-pic {
position: absolute;
z-index: 2;
right: 0px;
bottom: 0px;
width: 360px;
left: auto;
}
.top-title-blog {
font-size: 36px;
padding-bottom: 24px;
}
.header-area {
padding: 10px 0px;
top: 9px;
}.single_blog_area p {
font-size: 16px;
}
.single_blog_area .blog .blog-content img.heading-img {
width: 340px !important;
margin-top: 50px !important;
}
.single_blog_area .blog .sub-heading {
font-size: 24px !important;
}
.split {
display: flex;
flex-direction: column;
}
.split td {
padding: 0px 0px 15px 0px !important;
}
.blog-content table tbody {
width: 100% !important;
float: left;
}
.blog-content table tbody tr {
width: 100% !important;
float: left;
}
.single_blog_area .blog .sub-heading {
font-size: 20px !important;
}
.single_blog_area .blog .para {
font-size: 15px !important;
}
.blog-content table tbody tr td {
padding-right: 343px;
}
.blog-content td.pdiq {
padding-right: 343px !important;
}
.blog-content tr.btm-re td , .blog-content tr.btm-re .para {
padding-right: 359px !important;
}
.blog-content table tbody tr td.obge {
padding-right: 0px !important;
}
.single_blog_area .blog .blog-content img.piccom {
padding: 0px 0px !important;
margin-top: 0px !important;
}
.single_blog_area .blog .item-number {
font-size: 20px !important;
}
.single_blog_area .blog .item-number.spt {
font-size: 16px !important;
}
.single_blog_area .blog .item-sub , .single_blog_area .blog .item-main {
font-size: 17px !important;
}
.single_blog_area .blog .item-main.sqwe {
font-size: 14px !important;
}
.blog-content tr.btm-re .para.flexra {
display: flex;
flex-direction: column;
}
.single_blog_area .blog .para.tbgf {
display: block;
width: 350px;
}
.single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 6px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 5px !important;
}
.postid-357 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 22px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 13px !important;
width: 32% !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 4px !important;
}
.postid-396 .single_blog_area .blog .blog-content .breakdown-number.not {
width:26% !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 44px !important;  
}
.postid-437  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 40px !important;
}
.postid-451 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 40px !important;
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 36px !important;
}
.postid-470 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 39px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 69px !important;
}
.postid-511 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 10px !important;
width: 40% !important;
}
.postid-524 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 9px !important;
}
.postid-603 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 28px !important;
}
}
@media (max-width: 400px) {
.single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 25px !important;
width: 40% !important;
}
.postid-743 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 9px !important;
width: 40% !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 41px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.secon {
padding-top: 23px !important;
}
.postid-386 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 25px !important;
}
.postid-396 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 18px !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 5px !important;
}
.postid-404 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 24px !important;
width: 35% !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 55px !important;  
}	 
.postid-437  .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 55px !important;
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 51px !important;
}
.postid-465 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 53px !important;
}
.postid-476 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 80px !important;
}
.postid-486 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 39px !important;
}
.postid-493 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 26px !important;
}
.postid-518 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 9px !important;
width: 40% !important;
}
.postid-566 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 13px !important;
}
.postid-581 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 16px !important;
}
.postid-581 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 11px !important;
width: 40% !important;
}
.postid-612 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 50px !important;
}
.postid-621 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 54px !important;
}
.postid-678 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 11px !important;
}
.postid-762 .single_blog_area .blog .blog-content .breakdown-number.onr {
padding-top: 24px !important;
}
}
@media (max-width: 380px) {
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 14px !important;
}
.postid-451 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 54px !important;
}
.postid-486 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 51px !important;
}
.postid-597 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 11px !important;
width: 40% !important;
}
}
@media (max-width: 370px) {
.postid-342 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 36px !important;
}
.postid-342 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 18px !important;
}
.postid-349 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 19px !important;
}
.postid-357 .single_blog_area .blog .blog-content .breakdown-number.examples {
padding-top: 39px !important;
}
.postid-426 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 59px !important;  
}
.postid-459 .single_blog_area .blog .blog-content .breakdown-number.examples1 {
padding-top: 16px !important;
}
.postid-493 .single_blog_area .blog .blog-content .breakdown-number.examples.ok {
padding-top: 45px !important;
}
}