html{
scroll-behavior: smooth;
}
/* Schedule a call Page */
@media(min-width:1280px) {
.page-template-schedule .schedule-call-box .calendly-inline-widget {
height: 1200px !important;
}
}
@media (min-width:1700px) {
.schedule-section .schedule-content-box {
margin-top: 80px;
}
}
@media(max-width:1279.98px) {
.page-template-schedule .schedule-call-box .calendly-inline-widget {
height: 1050px !important;
}
}
/* Schedule a call Page */
/*---------- Header Design ---------------*/
header .header-nav li>a {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #fff;
padding-right: 4px;
}
header .header-nav li>a.text-white{
color: #0C1331 !important;
}
header .header-nav li>a.text-white:hover{
color: #F04F29 !important;
}
header .header-nav li .sub-menu li a {
color: #0C1331;
}
header .header-nav li a.btn {
padding-right: 20px;
}
/*dark color header css*/
.header-style1 header .header-nav li a {
color: #0C1331 !important;
}
.header-style1 header .header-nav li a::after {
border-color: #0C1331 !important;
border-width: 2px !important;
}
.header-style1 header .header-nav li a.btn {
color: #fff !important;
}
/*---------- Header Design ---------------*/
/*----------------- NEW BLOG CSS DESGIN --------------------*/
.container {
--content-width: 1280px;
margin: 0 auto;
max-width: var(--content-width);
width: 100%;
padding: 0;
}
@media (min-width:1700px) {
.container {
--content-width: 1440px;
margin: 0 auto;
max-width: var(--content-width);
width: 100%;
padding: 0;
}
}
.tabs-single-blog {
position: relative;
padding-top: 97px;
}
.tabs-single-blog .tabs ul {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 5px;
column-gap: 30px;
list-style: none;
}
.tabs-single-blog .tabs ul li {
list-style: none;
}
.tabs-single-blog .tabs ul li.active a {
padding-bottom: 0px;
border-bottom: 2px solid #0C1331;
}
.tabs-single-blog .tabs ul li a {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 48px;
text-decoration: none;
color: #0C1331;
text-transform: capitalize;
transition: all 0.5s ease;
position: relative;
transition: all 0.5s ease;
}
.tabs-single-blog .tabs ul li a::after {
content: "";
position: absolute;
bottom: 10px;
left: 0;
height: 1.5px;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: #0C1331;
transition: all 0.5s ease;
}
.tabs-single-blog .tabs ul li a:hover::after {
visibility: visible;
opacity: 1;
bottom: 0px;
}
.tabs-single-blog .tabs ul li a.active {
text-decoration-line: underline;
}
.tabs-single-blog .tabs ul li a.active::after {
display: none;
}
.tabs-single-blog .tabs ul li.active a:hover::after {
display: none;
opacity: 0;
visibility: hidden;
}
.single-blog-page-section {
padding-top: 73px;
position: relative;
overflow: hidden;
}
.single-blog-page-section h4 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #F04F29;
}
.post-categories .post-category {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 32px;
color: #F04F29;
}
.single-blog-page-section .single-blog-content h1 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 38px;
line-height: 48px;
color: #0C1331;
}
.single-blog-page-section .arrow-icon {
position: absolute;
right: 50px;
top: 75px;
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
}
.single-blog-page-section .arrow-icon button {
border: none;
outline: none;
height: 64px;
width: 64px;
display: flex;
align-items: center;
justify-content: center;
background: none;
cursor: pointer;
}
.single-blog-page-section .single-blog-content {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 10px;
}
.single-blog-page-section .single-blog-content .date-user {
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
padding-top: 17px;
}
.single-blog-page-section .single-blog-content .date-user .user,
.single-blog-page-section .single-blog-content .date-user .date {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #3B3B3B;
}
.single-blog-page-section .single-blog-content .image {
width: 100%;
display: block;
padding-top: 30px;
padding-bottom: 0px;
border-radius: 20px;
}
.single-blog-page-section .single-blog-content .image img {
width: 100%;
object-position: center;
object-fit: cover;
border-radius: 20px;
height: 400px;
}
.article-list-section {
position: relative;
padding-top: 50px;
}
.article-list-section .article-box .left-side-bar.sticky-sidebar,
.article-list-section .article-box .right-content-box.sticky-sidebar {
position: fixed;
top: 110px;
align-self: flex-start;
height: calc(100vh - 40px);
padding: 0;
}
.article-list-section .article-box .left-side-bar.sticky-sidebar {
padding-right: 20px;
}
/* Article Section Structure */
/*.article-list-section {
position: relative;
}
.article-list-section .article-box {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
padding: 0;
}
.article-list-section .article-box .left-side-bar,
.article-list-section .article-box .right-content-box {
flex: 0 0 20%;
position: sticky;
top: 130px;
align-self: flex-start;
height: calc(100vh - 40px);
padding: 0;
}
.article-list-section .article-box .middle-content-box {
flex: 0 0 60%;
padding: 0 20px;
}
.article-list-section .article-box .left-side-bar {
order: 1;
}
.article-list-section .article-box .middle-content-box {
order: 2;
}
.article-list-section .article-box .right-content-box {
order: 3;
display: block;
width: 100%;
max-width: 18%;
flex: 0 0 18%;
}*/
.spinner-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 62, 0.5);
/* Based on #00003E with opacity */
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.spinner {
width: 60px;
height: 60px;
border-radius: 50%;
background: conic-gradient(#F04F29 0deg 180deg, #00003E 180deg 360deg);
animation: rotate 1.5s linear infinite;
mask: radial-gradient(farthest-side,
transparent calc(100% - 7px),
black calc(100% - 15px));
-webkit-mask: radial-gradient(farthest-side,
transparent calc(100% - 7px),
black calc(100% - 15px));
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.article-list-section .single-articles-post {
display: flex;
flex-direction: column;
gap: 20px;
}
.article-list-section .single-articles-post .meta-badge {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 30px;
}
.article-list-section .single-articles-post .meta-badge h4 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 14px;
gap: 10px;
width: max-content;
height: auto;
background: #757575;
border-radius: 6px;
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
color: #FFFFFF;
}
.article-list-section .single-articles-post .meta-badge p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
color: #575757;
}
.article-list-section .single-articles-post .author {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 10px;
}
.article-list-section .single-articles-post .author img {
height: 40px;
width: 40px;
}
.article-list-section .single-articles-post .author p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 30px;
color: #000000;
}
.article-list-section .single-articles-post>h1 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #000000;
}
.article-list-section .single-articles-post .image-container {
border-radius: 20px;
height: auto;
width: 100%;
}
.article-list-section .single-articles-post .image-container img {
border-radius: 20px;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.article-list-section .article-box {
display: flex;
align-items: start;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
margin-top: 40px;
}
.article-list-section .article-box .left-side-bar {
display: block;
/*width: 100% !important;*/
}
.article-list-section .article-box .left-side-bar ul {
list-style: none;
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 10px;
padding-left: 0;
}
.article-list-section .article-box .left-side-bar ul li {
margin: 0;
}
.article-list-section .article-box .left-side-bar ul li a {
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: rgba(0, 10, 40, 0.6);
position: relative;
}
.article-list-section .article-box .left-side-bar ul li {
width: 100%;
}
.article-list-section .article-box .left-side-bar ul li::before {
display: none;
}
.article-list-section .article-box .left-side-bar ul li a {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 20px;
gap: 10px;
width: 100%;
background: #FFFFFF;
box-shadow: -4px 4px 20px rgba(171, 171, 171, 0.25);
border-radius: 10px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #272727;
transition: all 0.5s ease;
}
.article-list-section .article-box .left-side-bar ul li.active a {
color: #FFFFFF;
background: #070708;
}
.article-list-section .article-box .right-content-box .sfsi_shortcode_container {
float: right;
width: 100%;
}
.article-list-section .article-box .right-content-box h4 {
margin: 0;
margin-bottom: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: right;
color: #0C1331;
width: 100%;
}
.article-list-section .article-box .right-content-box .norm_row.sfsi_wDiv {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
width: 100% !important;
}
.article-list-section .article-box .right-content-box .norm_row.sfsi_wDiv .sfsi_wicons {
list-style: none;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.article-list-section .article-box .right-content-box .norm_row.sfsi_wDiv .sfsi_wicons a {
text-decoration: none;
color: #000A28;
font-size: 36px;
height: 100%;
width: 100%;
}
.article-list-section .article-box .middle-content-box {
display: block;
width: 100%;
margin-top: 10px;
}
/*.article-list-section .article-box .right-content-box{
width: 100% !important;
}*/
.article-list-section .article-box .right-content-box>h3 {
text-align: right;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #0B0B0B;
}
.article-list-section .article-box .right-content-box .social-share-links {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 14px;
margin-top: 20px;
}
.article-list-section .article-box .right-content-box .social-share-links img {
width: 40px;
height: 40px;
border-radius: 4px;
}
.article-list-section .middle-content-box h1,
.article-list-section .middle-content-box h2,
.article-list-section .middle-content-box h3,
.article-list-section .middle-content-box h4,
.article-list-section .middle-content-box h5,
.article-list-section .middle-content-box h6 {
/* font-family: 'Poppins';
font-style: normal;
font-weight: 400;
text-align: left;
color: #3B3B3B;*/
margin: 30px 0;
}
.article-list-section .middle-content-box h2:first-child {
margin-top: 0;
}
.article-list-section .middle-content-box h1 {
font-size: 36px;
line-height: 42px;
font-weight: 500;
}
.article-list-section .middle-content-box h2 {
font-size: 30px;
line-height: 35px;
font-weight: 500;
}
.article-list-section .middle-content-box h3 {
font-size: 26px;
line-height: 32px;
font-weight: 500;
}
.article-list-section .middle-content-box h4 {
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.article-list-section .middle-content-box h5 {
font-size: 18px;
line-height: 24px;
}
.article-list-section .middle-content-box h6 {
font-size: 16px;
line-height: 22px;
}
.article-list-section .middle-content-box img {
max-width: 100%;
object-fit: cover;
width: 100%;
height: auto;
object-position: center;
margin: 30px 0;
}
.article-list-section .middle-content-box a {
color: #F04F29;
transition: color 0.3s ease;
}
.article-list-section .middle-content-box a:hover {
color: #0C1331;
}
/*.article-list-section .middle-content-box h2{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 32px;
text-align: left;
color: #3B3B3B;
margin: 30px 0;
}*/
.article-list-section .middle-content-box .heading_with_content:first-child h2 {
margin-top: 0;
}
.article-list-section .middle-content-box p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #3B3B3B;
/* margin: 30px 0; */
}
.article-list-section .middle-content-box strong,
.article-list-section .middle-content-box b {
font-weight: 500;
/*margin: 30px 0;*/
}
.article-list-section .middle-content-box p strong,
.article-list-section .middle-content-box p b {
font-weight: 500;
/*margin: 30px 0;*/
}
.article-list-section .middle-content-box ul,
.article-list-section .middle-content-box ol {
padding-left: 40px;
}
.article-list-section .middle-content-box ul li,
.article-list-section .middle-content-box ol li {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #3B3B3B;
margin: 10px 0;
}
.article-list-section .middle-content-box ul li {
list-style: disc;
}
.article-list-section .middle-content-box ol li {
list-style: decimal-leading-zero;
font-weight: 500;
}
/*.article-list-section .middle-content-box .table{
overflow-x: scroll;
width: 100%;
display: block;
}*/
.article-list-section .middle-content-box table {
border: 1px solid #3B3B3B;
border-collapse: collapse;
margin: 50px 0;
width: 100%;
}
.article-list-section .middle-content-box table thead tr,
.article-list-section .middle-content-box table tbody tr {
border-bottom: 0.6px solid rgba(59, 59, 59, 0.6);
}
.article-list-section .middle-content-box table tbody tr:last-child {
border-bottom: 0;
}
.article-list-section .middle-content-box table thead th {
padding: 10px 20px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #3B3B3B;
text-align: center;
}
.article-list-section .middle-content-box table tbody td {
padding: 10px 20px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #3B3B3B;
text-align: center;
}
.article-list-section .middle-content-box table th:first-child,
.article-list-section .middle-content-box table td:first-child {
text-align: left;
font-weight: 500;
}
.article-list-section .middle-content-box .table-one {
border: 1px solid #3B3B3B;
}
.article-list-section .middle-content-box .table-two {
border: none;
}
/*.article-list-section .cta-box{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 29px 24px;
gap: 10px;
width: 100%;
height: 352px;
background: linear-gradient(261.99deg, rgba(35, 35, 35, 0.72) 5.25%, rgba(17, 15, 14, 0.8) 35.37%, rgba(232, 183, 171, 0.48) 94.75%), url("https://dazzlebirds.com/wp-content/uploads/2025/05/cta-bg.jpg");
border-radius: 30px;
margin-top: 50px;
}
*/
.article-list-section .cta-box {
position: relative;
overflow: hidden;
border-radius: 30px;
margin-top: 50px;
width: 100%;
height: 352px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
padding: 29px 24px;
margin-top: 50px;
}
/* Gradient overlay layer */
.article-list-section .cta-box::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(261.99deg,
rgba(35, 35, 35, 0.72) 5.25%,
rgba(17, 15, 14, 0.8) 35.37%,
rgba(232, 183, 171, 0.48) 94.75%);
z-index: 1;
pointer-events: none;
border-radius: 30px;
}
/* Content on top of gradient */
.article-list-section .cta-box .cta-content-box {
position: relative;
z-index: 2;
}
.article-list-section .cta-box h5 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #FEFEFE;
}
.article-list-section .cta-box p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #FEFEFE;
}
.article-list-section .cta-box .button {
padding: 40px 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 47px;
}
.article-list-section .cta-box .button .orange-bg {
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 30px;
width: auto;
height: 48px;
background: linear-gradient(180deg, #F04F29 0%, #F89A23 100%);
border-radius: 12px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FEFEFE;
}
.article-list-section .cta-box .button .transparent-bg {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 30px;
width: auto;
height: 48px;
border: 2px solid #FFFFFF;
border-radius: 12px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FEFEFE;
text-decoration: none;
}
.article-list-section .faq-section {
padding-top: 121px;
position: relative;
}
.article-list-section .faq-section .faq-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 10px;
gap: 8px;
}
.article-list-section .faq-section .faq-title {
margin: 0;
margin-bottom: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 35px;
text-align: left;
color: #0C1331;
}
.article-list-section .faq-section .faq-question {
display: flex;
align-items: center;
justify-content: start;
gap: 2px;
}
.article-list-section .faq-section .faq-item {
border-bottom: 0.8px solid #969696;
padding-bottom: 18px;
cursor: pointer;
width: 100%;
}
.article-list-section .faq-section .faq-question i {
border: none;
outline: none;
height: 40px;
width: 40px;
color: #969696;
display: flex;
align-items: center;
justify-content: start;
font-size: 17px;
}
.article-list-section .faq-section .faq-question p {
margin: 0;
width: 100%;
height: auto;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 40px;
color: #0C1331;
}
.article-list-section .faq-section .faq-answer {
padding-left: 40px;
}
.article-list-section .faq-section .faq-answer p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #3B3B3B;
}
.related-post-section {
padding-bottom: 88px;
padding-top: 61px;
position: relative;
}
.related-post-section h2 {
margin: 0;
margin-bottom: 32px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 35px;
color: #3B3B3B;
}
.related-post-section .related-post-box .related-box {
display: block;
border: 1px solid #3B3B3B;
border-radius: 30px;
}
.related-post-section .related-post-box .related-box img {
border-radius: 30px 30px 0 0;
max-width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
}
.related-post-section .related-post-box .related-box .related-content-box {
padding: 17px 38px 10px 17px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 4px;
}
.related-post-section .related-post-box .related-box .related-content-box h4 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #0C1331;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.related-post-section .related-post-box .related-box .related-content-box a {
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #F04F29;
transition: all 0.5s ease;
}
.related-post-section .related-post-box .related-box .related-content-box a i {
font-size: 14px;
margin-left: 3px;
transition: all 0.5s ease;
}
.related-post-section .related-post-box .related-box .related-content-box a:hover i {
margin-left: 5px;
}
/*=================== Responsive work start ===================*/
@media(min-width: 1600px) {
.single-blog-page-section {
padding-top: 100px;
}
}
@media(min-width: 1440px) {
.article-list-section .article-box .right-content-box h4 {
white-space: nowrap;
}
}
/*--------------- For Larger Tab -----------------------*/
@media (min-width: 1280px) and (max-width: 1365.98px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1279.98px) {
.container {
--content-width: 100%;
padding: 0 5%;
}
.article-list-section .faq-section .faq-question {
align-items: flex-start;
}
.article-list-section .faq-section .faq-item {
padding: 12px 0 18px 0;
}
.related-post-section .related-post-box .related-box .related-content-box h4 {
font-size: 22px;
line-height: 28px;
}
.related-post-section .related-post-box .related-box .related-content-box a {
font-size: 17px;
line-height: 28px;
}
.article-list-section .middle-content-box table thead th,
.article-list-section .middle-content-box table tbody td {
padding: 12px 22px;
font-size: 13px;
line-height: 1.4;
}
.article-list-section .faq-section .faq-question p {
font-size: 22px;
line-height: 32px;
}
.article-list-section .faq-section .faq-answer p {
font-size: 20px;
line-height: 28px;
}
.article-list-section .middle-content-box h1,
.article-list-section .middle-content-box h2,
.article-list-section .middle-content-box h3,
.article-list-section .middle-content-box h4,
.article-list-section .middle-content-box h5,
.article-list-section .middle-content-box h6 {
line-height: 1.5;
}
.article-list-section .middle-content-box h1 {
font-size: 32px;
line-height: 38px;
}
.article-list-section .middle-content-box h2 {
font-size: 28px;
line-height: 34px;
}
.article-list-section .middle-content-box h3 {
font-size: 24px;
line-height: 30px;
}
.article-list-section .middle-content-box h4 {
font-size: 20px;
line-height: 26px;
}
.article-list-section .middle-content-box h5 {
font-size: 17px;
line-height: 22px;
}
.article-list-section .middle-content-box h6 {
font-size: 15px;
line-height: 20px;
}
.article-list-section .middle-content-box p {
font-size: 18px;
line-height: 30px;
}
.article-list-section .middle-content-box ol li,
.article-list-section .middle-content-box ul li {
font-size: 18px;
line-height: 30px;
}
.article-list-section .cta-box {
height: auto;
margin-top: 60px;
}
.article-list-section .article-box .left-side-bar ul li a {
font-size: 13px;
line-height: 19px;
padding: 7px 12px;
}
.article-list-section .faq-section {
padding-top: 60px;
}
.article-list-section .article-box .right-content-box h4 {
font-size: 21px;
}
/*.single-blog-page-section .single-blog-content .image {
padding-bottom: 60px;
}*/
.article-list-section .middle-content-box ul,
.article-list-section .middle-content-box ol {
padding-left: 20px;
}
}
@media(min-width: 992px) and (max-width: 1199.98px) {
.article-list-section .article-box .left-side-bar.sticky-sidebar,
.article-list-section .article-box .right-content-box.sticky-sidebar {
top: 90px;
}
}
/*--------------- For Larger Tab -----------------------*/
/*--------------- For Tab -----------------------*/
@media (min-width: 768px) and (max-width: 991.98px) {
.container {
--content-width: 100%;
padding: 0 5%;
}
.single-blog-page-section h4 {
font-size: 28px;
line-height: 34px;
}
.single-blog-page-section .single-blog-content h1 {
font-size: 32px;
line-height: 42px;
}
.article-list-section .article-box {
flex-wrap: wrap;
padding: 0;
}
.article-list-section .article-box .left-side-bar ul {
flex-wrap: wrap;
flex-direction: row;
gap: 7px;
}
.article-list-section .article-box .left-side-bar.sticky-sidebar,
.article-list-section .article-box .right-content-box.sticky-sidebar {
flex: 0 0 100%;
position: fixed;
height: auto;
top: 90px;
}
.article-list-section .article-box .left-side-bar {
padding-left: 0px;
}
.article-list-section .article-box .left-side-bar.sticky-sidebar {
padding-right: 0;
}
.article-list-section .article-box .left-side-bar ul li a {
padding: 7px 12px;
font-size: 12px;
line-height: 19px;
}
.article-list-section .article-box .right-content-box .social-share-links {
gap: 7px;
}
.article-list-section .article-box .right-content-box .social-share-links img {
width: 34px;
height: 34px;
}
.article-list-section .middle-content-box h1,
.article-list-section .middle-content-box h2,
.article-list-section .middle-content-box h3,
.article-list-section .middle-content-box h4,
.article-list-section .middle-content-box h5,
.article-list-section .middle-content-box h6 {
line-height: 1.5;
}
.article-list-section .middle-content-box h1 {
font-size: 30px;
}
.article-list-section .middle-content-box h2 {
font-size: 26px;
}
.article-list-section .middle-content-box h3 {
font-size: 22px;
}
.article-list-section .middle-content-box h4 {
font-size: 20px;
}
.article-list-section .middle-content-box h5 {
font-size: 16px;
}
.article-list-section .middle-content-box h6 {
font-size: 14px;
}
.article-list-section .middle-content-box p {
font-size: 14px;
line-height: 28px;
}
.article-list-section .middle-content-box ol li,
.article-list-section .middle-content-box ul li {
font-size: 14px;
line-height: 28px;
}
.article-list-section .article-box .middle-content-box {
flex: 0 0 100%;
width: 100% !important;
max-width: 100% !important;
padding: 0 20px;
margin-top: 0px;
}
.single-blog-page-section .single-blog-content .image {
padding-top: 40px;
/*padding-bottom: 40px;*/
}
.article-list-section .middle-content-box table thead th,
.article-list-section .middle-content-box table tbody td {
padding: 12px;
font-size: 18px;
}
.article-list-section .cta-box {
height: auto;
}
.article-list-section .cta-box h5 {
line-height: 1.5;
}
.article-list-section .cta-box p {
line-height: 1.6;
font-size: 14px;
}
.article-list-section .faq-section {
padding-top: 60px;
}
.article-list-section .faq-section .faq-title {
font-size: 35px;
line-height: 50px;
}
.article-list-section .faq-section .faq-question {
align-items: start;
}
.article-list-section .faq-section .faq-item {
padding: 12px 0 18px 0;
}
.article-list-section .faq-section .faq-question p {
font-size: 14px;
line-height: normal;
}
.article-list-section .faq-section .faq-answer p {
font-size: 14px;
line-height: 25px;
margin: 10px 0;
}
.article-list-section .article-box .right-content-box {
margin-top: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.related-post-section h2 {
font-size: 35px;
line-height: 44px;
}
.related-post-section {
padding-bottom: 30px;
}
.related-post-section .related-post-box {
padding: 20px 0;
}
.related-post-section .related-post-box .related-box .related-content-box h4 {
font-size: 20px;
line-height: 26px;
}
.article-list-section .middle-content-box ul,
.article-list-section .middle-content-box ol {
padding-left: 20px;
}
.article-list-section .article-box .right-content-box h4 {
text-align: center;
}
.article-list-section .article-box .right-content-box .norm_row.sfsi_wDiv {
justify-content: center;
}
.single-blog-page-section .arrow-icon {
gap: 20px;
}
.single-blog-page-section .arrow-icon img {
height: 40px;
width: 40px;
}
.article-list-section .article-box .right-content-box>h3 {
font-size: 17px;
line-height: 12px;
}
}
/*--------------- For Tab ------------------------*/
/*--------------- For Mobile --------------------*/
@media (max-width: 767px) {
.container {
--content-width: 100%;
padding: 0 5%;
}
.single-blog-page-section .arrow-icon {
gap: 15px;
right: 20px;
}
.single-blog-page-section .arrow-icon img {
height: 30px;
width: 30px;
}
.single-blog-page-section h4 {
font-size: 25px;
line-height: 30px;
}
.single-blog-page-section .single-blog-content h1 {
font-size: 30px;
line-height: 40px;
}
.article-list-section .article-box {
flex-wrap: wrap;
padding: 0;
}
.article-list-section .article-box .left-side-bar.sticky-sidebar,
.article-list-section .article-box .right-content-box.sticky-sidebar {
flex: 0 0 100%;
position: static;
height: auto;
width: 100% !important;
max-width: 100% !important;
padding: 0;
}
.article-list-section .article-box .left-side-bar {
padding-left: 0px;
}
.article-list-section .article-box .right-content-box {
margin-bottom: 70px;
}
.article-list-section .article-box .right-content-box>h3 {
font-size: 22px;
}
.article-list-section .article-box .right-content-box .social-share-links img {
height: 45px;
width: 45px;
}
.article-list-section .middle-content-box h1,
.article-list-section .middle-content-box h2,
.article-list-section .middle-content-box h3,
.article-list-section .middle-content-box h4,
.article-list-section .middle-content-box h5,
.article-list-section .middle-content-box h6 {
line-height: 1.5;
}
.article-list-section .middle-content-box h1 {
font-size: 26px;
}
.article-list-section .middle-content-box h2 {
font-size: 22px;
}
.article-list-section .middle-content-box h3 {
font-size: 20px;
}
.article-list-section .middle-content-box h4 {
font-size: 18px;
}
.article-list-section .middle-content-box h5 {
font-size: 16px;
}
.article-list-section .middle-content-box h6 {
font-size: 14px;
}
.article-list-section .middle-content-box p {
font-size: 16px;
line-height: 28px;
}
.article-list-section .middle-content-box ol li,
.article-list-section .middle-content-box ul li {
font-size: 16px;
line-height: 28px;
}
.article-list-section .article-box .middle-content-box {
flex: 0 0 100%;
width: 100% !important;
max-width: 100% !important;
padding: 0;
margin-top: 30px;
}
.single-blog-page-section .single-blog-content .image {
padding-top: 30px;
/*padding-bottom: 30px;*/
}
.article-list-section .middle-content-box table thead th,
.article-list-section .middle-content-box table tbody td {
padding: 10px;
font-size: 13px;
line-height: 1.5;
}
.article-list-section .cta-box {
height: auto;
}
.article-list-section .cta-box .button {
gap: 18px;
}
.article-list-section .cta-box .button .orange-bg,
.article-list-section .cta-box .button .transparent-bg {
width: 100%;
}
.article-list-section .cta-box h5 {
line-height: 1.5;
}
.article-list-section .cta-box p {
line-height: 1.5;
font-size: 17px;
}
.article-list-section .faq-section {
padding-top: 50px;
}
.article-list-section .faq-section .faq-title {
font-size: 28px;
line-height: 38px;
}
.article-list-section .faq-section .faq-question {
align-items: start;
}
.article-list-section .faq-section .faq-item {
padding: 10px 0 15px 0;
}
.article-list-section .faq-section .faq-question p {
font-size: 17px;
line-height: normal;
}
.article-list-section .faq-section .faq-answer p {
font-size: 16px;
line-height: 23px;
margin: 10px 0;
}
.article-list-section .article-box .right-content-box {
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.related-post-section h2 {
font-size: 33px;
line-height: 40px;
}
.related-post-section {
padding-bottom: 30px;
}
.related-post-section .related-post-box {
padding: 20px 0;
}
.related-post-section .related-post-box .related-box .related-content-box h4 {
font-size: 20px;
line-height: 26px;
}
.related-post-section .related-post-box .related-box .related-content-box a {
font-size: 20px;
}
.article-list-section .middle-content-box ul,
.article-list-section .middle-content-box ol {
padding-left: 20px;
}
.article-list-section .article-box .left-side-bar ul {
flex-direction: row;
flex-wrap: wrap;
}
.article-list-section .article-box .right-content-box h4 {
text-align: center;
}
.article-list-section .article-box .right-content-box .norm_row.sfsi_wDiv {
justify-content: center;
}
}
/*--------------- For Mobile --------------------*/
/*=================== Responsive work start ===================*/
/*--------------- Pagination Design -------------------*/
.paginationCover .pagination {
gap: 12px !important;
justify-content: center !important;
align-items: center !important;
margin: 50px auto 0 auto;
list-style: none;
padding: 0;
}
.paginationCover .pagination li {
width: auto !important;
height: auto;
padding: 10px 20px;
border-radius: 8px;
background-color: #0C1331;
color: #fff;
text-align: center;
line-height: normal;
font-weight: 500;
transition: all 0.3s ease;
cursor: pointer;
}
.paginationCover .pagination li a,
.paginationCover .pagination li span {
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
font-family: 'Poppins';
}
.paginationCover .pagination li.active {
background-color: #F04F29;
font-weight: 600;
}
.paginationCover .pagination li.active span {
color: #fff;
}
.paginationCover .pagination li.active_cell:hover {
background-color: #F04F29;
color: #fff;
}
.paginationCover .pagination li.active_cell:hover a {
color: #fff;
}
/*--------------- Pagination Design -------------------*/
.archive-section-box {
padding-top: 0 !important;
}
/*------------------ Arrow Single Page ----------------*/
.arrow-container {
position: relative;
width: 100%;
display: block;
}
.arrow-container .arrow-icon {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
right: 0;
top: -20px;
}
.arrow-container .arrow-icon a.btn {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-container .arrow-icon a.btn img {
filter: brightness(0) saturate(100%) invert(22%) sepia(15%) saturate(16%) hue-rotate(316deg) brightness(98%) contrast(96%);
}
.arrow-container .arrow-icon a.btn.disabled img {
filter: brightness(0) saturate(100%) invert(74%) sepia(1%) saturate(611%) hue-rotate(314deg) brightness(97%) contrast(77%);
}
/*--------------- ADD CSS FOR MIDDLE BOX ---------------------*/
.content-article-box h1,
.content-article-box h2,
.content-article-box h3,
.content-article-box h4,
.content-article-box h5,
.content-article-box h6 {
margin: 20px 0;
}
.content-article-box img {
max-width: 100%;
object-fit: cover;
width: 100%;
height: auto;
object-position: center;
margin: 20px 0;
}
.content-article-box a {
color: #F04F29;
transition: color 0.3s ease;
}
.content-article-box a:hover {
color: #0C1331;
}
.content-article-box strong {
font-weight: 500;
margin: 20px 0;
}
.content-article-box p strong {
font-weight: 500;
margin: 20px 0;
}
.content-article-box p {
margin: 20px 0;
}
.content-article-box ul,
.content-article-box ol {
padding-left: 30px;
}
.content-article-box ul li,
.content-article-box ol li {
margin: 5px 0;
}
.content-article-box ul li {
list-style: disc;
}
.content-article-box table {
border: 1px solid #3B3B3B;
border-collapse: collapse;
margin: 20px 0;
width: 100%;
}
.content-article-box table thead tr,
.content-article-box table tbody tr {
border-bottom: 0.6px solid rgba(59, 59, 59, 0.6);
}
.content-article-box table tbody tr:last-child {
border-bottom: 0;
}
.content-article-box table thead th {
padding: 10px 20px;
text-align: center;
}
.content-article-box table tbody td {
padding: 10px 20px;
text-align: center;
}
.content-article-box table th:first-child,
.content-article-box table td:first-child {
text-align: left;
font-weight: 500;
}
.content-article-box .table-one {
border: 1px solid #3B3B3B;
}
.content-article-box .table-two {
border: none;
}
/*--------------- ADD CSS FOR MIDDLE BOX ---------------------*/
/*--------------- Responsive CSS ------------------*/
@media(max-width: 767px) {
.arrow-container .arrow-icon {
right: 15px;
top: 0px;
}
.arrow-container .arrow-icon a.btn {
width: 25px;
height: 25px;
}
}
/*--------------- Responsive CSS ----------------*/
/*--------------- NEW DESIGN - 25/07/25 ---------------*/
/*--------------- Contact Page ---------------*/
.contact-us-form-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 60px 0px;
gap: 40px;
position: relative;
background: #F5F5F5;
}
.contact-us-form-box .reach-section {
position: relative;
}
.contact-us-form-box .reach-section .top-content-reach h6 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
text-transform: uppercase;
color: #0C1331;
padding-bottom: 10px;
width: max-content;
border-bottom: 2px solid #F04F29;
}
.contact-us-form-box .reach-section .top-content-reach h2 {
margin: 0;
margin-top: 13px;
margin-bottom: 10px;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
text-transform: uppercase;
color: #242424;
}
.contact-us-form-box .reach-section .top-content-reach p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #323232;
}
.contact-us-form-box .reach-section .reach-info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-top: 30px;
}
.contact-us-form-box .reach-section .reach-info div {
margin: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: start;
gap: 13px;
width: 100%;
}
.contact-us-form-box .reach-section .reach-info div:last-child {
margin-bottom: 0;
}
.contact-us-form-box .reach-section .reach-info img {
height: 28px;
width: 28px;
}
.contact-us-form-box .reach-section .reach-info a,
.contact-us-form-box .reach-section .reach-info p {
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #0C1331;
}
.contact-us-form-box .reach-section .details-reach {
align-items: center;
justify-content: start;
width: 100%;
gap: 40px;
row-gap: 20px;
margin: 30px 0;
}
.contact-us-form-box .reach-section .details-reach .icon-box {
width: calc(100% / 2 - 20px);
display: flex;
flex-direction: row;
align-items: center;
padding: 14px 26px;
gap: 10px;
background: #FFFFFF;
box-shadow: -4px 4px 20px rgba(28, 28, 28, 0.25);
border-radius: 10px;
}
.contact-us-form-box .reach-section .details-reach .icon-box img {
height: 28px;
width: 28px;
}
.contact-us-form-box .reach-section .details-reach .icon-box span {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #3A3A3A;
}
.contact-us-form-box .reach-section .social-icons {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-us-form-box .reach-section .social-icons h6 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #030303;
}
.contact-us-form-box .reach-section .social-icons .social-icon-box {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 20px;
}
.contact-us-form-box .reach-section .social-icons .social-icon-box a {
text-decoration: none;
height: 42px;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 7px 6px;
gap: 10px;
border: 0.6px solid #5D5D5D;
border-radius: 4px;
}
.contact-us-form-box .reach-section .social-icons .social-icon-box img {
height: 25px;
width: 25px;
}
.contact-us-form-box .contact-form {
background: #FFFFFF;
box-shadow: -4px 4px 20px rgba(169, 169, 169, 0.25);
border-radius: 10px;
padding: 40px;
width: 100%;
}
.contact-us-form-box .contact-form .get-connect h2 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 45px;
color: #000000;
}
.contact-us-form-box .contact-form .get-connect p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #000000;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 20px;
width: 100%;
}
.contact-us-form-box .contact-form .send-msg-btn {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-left: auto;
position: relative;
}
.contact-us-form-box .contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
margin: 0;
}
/*.contact-us-form-box .contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
position: relative;
padding-right: 30px;
background: url('/wp-content/uploads/2025/07/tdesign_arrow-up.svg') no-repeat right center;
cursor: pointer;
font-size: 16px;
background-position: 93%;
width: 164px;
padding-left: 10px;
}*/
.contact-us-form-box .contact-form .send-msg-btn::after {
content: "";
right: 12px;
top: 14px;
position: absolute;
background: url('/wp-content/uploads/2025/07/tdesign_arrow-up.svg') no-repeat center;
background-size: cover;
height: 15px;
width: 20px;
}
.contact-us-form-box .contact-form .send-msg-btn:hover::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(117deg) brightness(100%) contrast(95%);
}
.contact-us-form-box .contact-form .dazzlebird-theme-form input[type="text"],
.contact-us-form-box .contact-form .dazzlebird-theme-form input[type="email"],
.contact-us-form-box .contact-form .dazzlebird-theme-form textarea {
border-radius: 0;
outline: none;
border: none;
background: none;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 4px;
width: 100% !important;
height: 44px;
border-bottom: 1px solid #868686;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #595959;
margin: 0 !important;
}
.page-id-1861 .contact-us-form-box .contact-form .dazzlebird-theme-form textarea {
width: 100% !important;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form textarea {
width: 100% !important;
resize: none;
overflow: hidden;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form input::placeholder,
.contact-us-form-box .contact-form .dazzlebird-theme-form textarea::placeholder {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
color: #595959;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form input[type="submit"] {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 10px 20px;
gap: 4px;
width: 164px;
text-align: left;
height: 41px;
border: 1px solid #0C1331 !important;
border-radius: 8px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #0C1331 !important;
background-color: transparent !important;
margin-left: auto !important;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form input[type="submit"]:hover {
background-color: #F04F29 !important;
color: #fff !important;
border: 1px solid #F04F29 !important;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form p,
.contact-us-form-box .contact-form .dazzlebird-theme-form label {
width: 100% !important;
margin-bottom: 0;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form label span {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #868686;
}
.contact-us-form-box .contact-form .dazzlebird-theme-form label span.wpcf7-not-valid-tip {
padding-top: 10px;
color: #dc3232;
}
.contact-us-form-box .contact-form .wpcf7-response-output {
text-align: center;
}
/*------------- Responsive CSS --------------*/
@media(min-width: 768px) and (max-width: 1023.98px) {
.contact-us-form-box .reach-section .details-reach .icon-box {
width: 100%;
}
.contact-us-form-box .contact-form {
padding: 30px;
}
.contact-us-form-box .reach-section .top-content-reach h2 {
font-size: 28px;
line-height: 35px;
}
}
@media(max-width: 767px) {
.contact-us-form-box {
padding: 30px 0px;
}
.contact-us-form-box .contact-form {
margin-top: 50px;
}
.contact-us-form-box .reach-section .details-reach .icon-box {
width: 100%;
}
}
/*------------- Responsive CSS --------------*/
/*--------------- Contact Page ---------------*/
/*------------ Schedule page ---------------*/
.schedule-section {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 120px 0px;
gap: 20px;
background: #F2F2F2;
}
.schedule-section .schedule-content-box {
display: flex;
flex-direction: column;
width: 100%;
padding-right: 10px;
}
.schedule-section .schedule-content-box h2 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
text-transform: uppercase;
color: #242424;
width: 100%;
margin-bottom: 10px;
}
.schedule-section .schedule-content-box p {
margin: 0;
margin-bottom: 20px;
width: 100%;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #323232;
}
.schedule-section .schedule-content-box ul {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.schedule-section .schedule-content-box ul li {
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
}
.schedule-section .schedule-content-box ul li img {
height: 28px;
width: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.schedule-section .schedule-content-box ul li p {
margin: 0;
width: 100%;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #383838;
}
/*---------- Responsive CSS --------------*/
@media(min-width: 768px) and (max-width: 1023.98px) {
.schedule-section {
padding: 60px 0;
}
.schedule-section .schedule-content-box h2 {
font-size: 26px;
line-height: 35px;
}
}
@media(max-width: 767px) {
.schedule-section {
padding: 60px 0;
}
.schedule-section .schedule-content-box {
margin-bottom: 50px;
padding-right: 0;
}
}
/*------------ Schedule page ---------------*/
/*------------ Thank You page ---------------*/
.thank-you-section {
display: flex;
flex-direction: column;
align-items: center;
padding: 200px 0px;
gap: 30px;
width: 100%;
height: 100%;
border-top: 2px solid #E4E4E4;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.thank-you-section img.email-icon {
width: 88px;
height: 70px;
}
.thank-you-section h2 {
margin: 0;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
text-align: center;
text-transform: uppercase;
color: #242424;
}
.error-page-section h2 {
font-size: 90px;
margin-bottom: 30px;
}
.thank-you-section p {
margin: 0;
width: 100%;
margin-bottom: 30px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #323232;
}
.thank-you-section .return-btn {
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 20px;
width: 152px;
height: 41px;
background: #F04F29;
border: 1px solid #F04F29;
border-radius: 8px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #FFFFFF;
}
/*------------ Thank You page ---------------*/
/*--------------- NEW DESIGN - 25/07/25 ---------------*/
/*----------- New Blog Design Page ----------------*/
.listing-tabs-section .listing-tab-content .blog-post h2 {
line-height: 30px;
}
.listing-tabs-section .listing-tab-content .blog-post h2>a {
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #000000;
white-space: normal;
}
.listing-tabs-section .listing-tab-content .blog-post>p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #575757;
margin-bottom: 20px;
}
.listing-tabs-section .listing-tab-content .blog-post .blog-list-image {
width: 100%;
}
.listing-tabs-section .tabs ul li a {
font-size: 20px;
line-height: 35px;
}
.listing-page-heading {
padding-top: 120px;
position: relative;
}
.listing-page-heading h4 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 48px;
color: #F04F29;
}
.listing-page-heading h2 {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 46px;
line-height: 50px;
color: #0C1331;
}
.listing-tabs-section {
position: relative;
padding-top: 69px;
padding-bottom: 50px;
}
.listing-tabs-section .tabs ul {
flex-wrap: wrap;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 14px;
gap: 12px;
height: auto;
background: #FFFFFF;
border: 2px solid #EFEFEF;
box-shadow: 4px 4px 20px rgba(138, 138, 138, 0.25);
border-radius: 70px;
}
.listing-tabs-section .tabs ul li {
list-style: none;
}
.listing-tabs-section .tabs ul li a {
text-transform: capitalize;
display: flex;
flex-direction: row;
align-items: center;
padding: 6px 20px;
gap: 20px;
width: max-content;
height: auto;
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #0C1331;
transition: all 0.5s ease;
}
.listing-tabs-section .tabs ul li a.active {
background: #252525;
color: #FFFFFF;
}
.listing-tabs-section .listing-tab-content {
padding-top: 64px;
}
.listing-tabs-section .listing-tab-content ul {
display: flex;
align-items: start;
justify-content: start;
flex-wrap: wrap;
column-gap: 64px;
/*row-gap: 82px;
*/
row-gap: 64px;
width: 100%;
list-style: none;
}
.listing-tabs-section .listing-tab-content ul li {
width: calc(100% / 2 - 32px);
}
.listing-tabs-section .listing-tab-content .blog-post {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
}
.listing-tabs-section .listing-tab-content .blog-post .date-category {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
}
.listing-tabs-section .listing-tab-content .blog-post .date-category a {
text-decoration: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 14px;
background: #757575;
border-radius: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0;
}
.listing-tabs-section .listing-tab-content .blog-post .date-category p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
color: #575757;
}
.listing-tabs-section .listing-tab-content .blog-post .blog-list-image img {
border-radius: 20px;
height: 285px;
width: 100%;
aspect-ratio: 1;
object-fit: cover;
object-position: center;
border-radius: 20px;
}
/*.listing-tabs-section .listing-tab-content .blog-post a {
margin-top: 28px;
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 20px;
text-decoration-line: underline;
color: #0C1331;
background: none;
white-space: nowrap;
}
*/
.listing-tabs-section .listing-tab-content .blog-post a.read-more-btn {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 20px;
gap: 4px;
width: max-content;
height: 41px;
border: 1px solid #0C1331;
border-radius: 8px;
margin-top: 30px;
white-space: nowrap;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #0C1331;
}
.listing-tabs-section .listing-tab-content .blog-post a i {
margin-right: 14px;
font-size: 18px;
}
@media (min-width:768px) and (max-width:991px) {
.listing-page-heading {
padding-top: 30px;
}
.listing-tabs-section {
padding-top: 40px;
padding-bottom: 60px;
}
.listing-tabs-section .listing-tab-content {
padding-top: 40px;
}
.listing-page-heading h4 {
font-size: 22px;
}
.listing-page-heading h2 {
font-size: 34px;
}
.listing-tabs-section .tabs ul {
gap: 5px;
column-gap: 20px;
}
.listing-tabs-section .tabs ul li a {
font-size: 20px;
line-height: 34px;
}
.listing-tabs-section .listing-tab-content ul li {
width: 100%;
}
.listing-tabs-section .listing-tab-content .blog-post h2 {
font-size: 23px;
line-height: 32px;
}
.listing-tabs-section .listing-tab-content .blog-post h4 {
font-size: 18px;
line-height: 28px;
}
.listing-tabs-section .listing-tab-content .blog-post a {
font-size: 20px;
line-height: 22px;
}
.listing-tabs-section .listing-tab-content .blog-post a i {
font-size: 18px;
}
.listing-tabs-section .listing-tab-content ul {
column-gap: 30px;
row-gap: 30px;
}
}
@media(max-width:767px) {
.listing-page-heading {
padding-top: 30px;
}
.listing-tabs-section {
padding-top: 40px;
padding-bottom: 60px;
}
.listing-tabs-section .listing-tab-content {
padding-top: 40px;
}
.listing-page-heading h4 {
font-size: 20px;
}
.listing-page-heading h2 {
font-size: 30px;
}
.listing-tabs-section .tabs ul {
gap: 5px;
column-gap: 20px;
border-radius: 0;
}
.listing-tabs-section .tabs ul li a {
font-size: 16px;
line-height: 26px;
}
.listing-tabs-section .listing-tab-content .blog-post .blog-list-image img {
height: 200px;
object-fit: contain;
}
.listing-tabs-section .listing-tab-content ul li {
width: 100%;
}
.listing-tabs-section .listing-tab-content .blog-post h2 {
font-size: 22px;
line-height: 32px;
}
.listing-tabs-section .listing-tab-content .blog-post h4 {
font-size: 16px;
line-height: 26px;
}
.listing-tabs-section .listing-tab-content .blog-post a {
font-size: 20px;
line-height: 20px;
}
.listing-tabs-section .listing-tab-content .blog-post a i {
font-size: 18px;
}
.listing-tabs-section .listing-tab-content ul {
column-gap: 30px;
row-gap: 30px;
}
}
/* --------------- Responsive CSS --------------- */
/* ---------- About CSS ------------- */
.about-us-banner {
height: 669px;
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
max-width: 100%;
padding: 60dvh 0 20dvh 0;
}
@media(min-width:1400px) {
.about-us-banner {
background-size: cover;
}
}
@media(min-width:768px) and (max-width:1199.98px) {
.about-us-banner {
height: 80dvh;
background-size: cover;
}
}
@media(max-width:767px) {
.about-us-banner {
height: 70dvh;
background-size: cover;
}
}
/*----------------- NEW BLOG CSS DESGIN --------------------*/
.get-in-touch form.wpcf7-form.init {
margin-left: 0 !important;
}
.get-in-touch .dazzlebird-theme-form label {
padding-bottom: 0;
}
.header-style1 .default-logo {
display: none;
}
.header-style1 .scroll-logo {
display: block;
}
@media(max-width:1199.98px) {
.header-style1 .toggle-btn span {
background: #000;
}
.header-style1 header .header-nav li a {
color: #fff !important;
}
.header-style1 .toggle-btn.active span {
background: #fff;
}
}
/*---------- Customer Review section ---------------*/
.overlay-review-pop-box,
.pop-schedule-overlay {
position: fixed;
top: 0px;
left: 0px;
z-index: 1055;
width: 100%;
max-width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden auto;
outline: 0px;
}
.overlay-review-pop-box .review-pop-box,
.pop-schedule-overlay .pop-schedule-container {
align-items: center;
min-height: calc(100% - 5rem);
height: calc(100% - 5rem);
margin: 2.5rem auto;
max-width: 31.25rem;
background-color: #ffffff;
width: 100%;
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
overflow: hidden;
padding: 2rem 2rem 1rem 2rem;
overflow-y: scroll;
scrollbar-width: auto;
scrollbar-color: #F04F29 #ffffff;
}
.overlay-review-pop-box .review-pop-box::-webkit-scrollbar,
.pop-schedule-overlay .pop-schedule-container::-webkit-scrollbar {
width: 5px;
}
.overlay-review-pop-box .review-pop-box::-webkit-scrollbar-track,
.pop-schedule-overlay .pop-schedule-container::-webkit-scrollbar-track {
background: #ffffff;
}
.overlay-review-pop-box .review-pop-box::-webkit-scrollbar-thumb,
.pop-schedule-overlay .pop-schedule-container::-webkit-scrollbar-thumb {
background-color: #F04F29;
border-radius: 8px;
border: 2px solid #ffffff;
}
.overlay-review-pop-box .close-icon,
.pop-schedule-overlay .close-icon {
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
border-radius: 100px;
border: 1px solid #F04F29;
}
.pop-schedule-overlay .close-icon {
top: 20px;
right: 10px;
}
.overlay-review-pop-box .close-icon img,
.pop-schedule-overlay .close-icon img {
height: 30px;
width: 30px;
border-radius: 100px;
border: 1px solid #F04F29;
padding: 7px;
filter: brightness(0) saturate(100%) invert(44%) sepia(68%) saturate(4401%) hue-rotate(347deg) brightness(98%) contrast(93%);
}
/* More specific selector */
.client-review-container .client-message .clamp-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5;
margin-bottom: 0;
}
/* Even more specific for expanded state */
.client-review-container .client-message.is-expanded>.clamp-text {
display: block;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
}
/* Specific toggle button styles */
.client-review-container .client-message>.toggle-clamp {
border: none;
outline: none;
background: none;
border-bottom: 1px solid transparent;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 1;
color: #000;
transition: all 0.3s ease;
}
.client-review-container .client-message>.toggle-clamp:hover {
color: #F04F29;
border-bottom: 1px solid #F04F29;
}
/*------------ Customer Review Page -----------------*/
/*-------- Schedule pop Box --------------*/
.schedule-const-btn {
border: none;
outline: none;
}
.pop-schedule-overlay .pop-schedule-container .form-box {
width: 100%;
}
.pop-schedule-overlay .pop-schedule-container .form-box form {
margin-left: 0;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form {
flex-direction: column;
width: 100%;
}
.pop-schedule-overlay .pop-schedule-container .form-box .send-msg-btn::after {
content: "";
right: 12px;
top: 14px;
position: absolute;
background: url('/wp-content/uploads/2025/07/tdesign_arrow-up.svg') no-repeat center;
background-size: cover;
height: 15px;
width: 20px;
}
.pop-schedule-overlay .pop-schedule-container .form-box .send-msg-btn:hover::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(117deg) brightness(100%) contrast(95%);
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form input[type="text"],
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form input[type="email"],
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form textarea {
border-radius: 0;
outline: none;
border: none;
background: none;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 4px;
width: 100% !important;
height: 44px;
border-bottom: 1px solid #868686;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #595959;
margin: 0 !important;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form textarea {
width: 100% !important;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form textarea {
width: 100% !important;
resize: none;
overflow: hidden;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form input::placeholder,
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form textarea::placeholder {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
color: #595959;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form input[type="submit"] {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 10px 20px;
gap: 4px;
width: 164px;
text-align: left;
height: 41px;
border: 1px solid #0C1331 !important;
border-radius: 8px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #0C1331 !important;
background-color: transparent !important;
margin-left: auto !important;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form input[type="submit"]:hover {
background-color: #F04F29 !important;
color: #fff !important;
border: 1px solid #F04F29 !important;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form p,
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form label {
width: 100% !important;
margin-bottom: 0;
text-align: left;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form label span {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #868686;
}
.pop-schedule-overlay .pop-schedule-container .form-box .dazzlebird-theme-form label span.wpcf7-not-valid-tip {
padding-top: 10px;
color: #dc3232;
}
.pop-schedule-overlay .pop-schedule-container .form-box .wpcf7-response-output {
text-align: center;
}
.pop-schedule-overlay .pop-schedule-container .form-box .send-msg-btn {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-left: auto;
position: relative;
}
.pop-schedule-overlay .pop-schedule-container .form-box input.wpcf7-form-control.wpcf7-submit.has-spinner {
margin: 0;
}
.error404 header .header-nav li>a {
color: #0C1331 !important;
}
.error404 header .header-nav li>a.btn {
color: #fff !important;
}
.error404 header .default-logo {
display: none;
}
.error404 header .scroll-logo {
display: block;
}
/*-------------- FAQ CSS -------------*/
.middle-content-box .accordion {
background-color: transparent;
padding: 10px;
margin-top: 0 !important;
}
.middle-content-box .accordion .accordion-item {
padding: 10px 0;
border: none;
}
.middle-content-box .accordion .accordion-item .accordion-headers {
margin-bottom: 0;
}
.middle-content-box .accordion .accordion-item {
width: 100%;
background: #fff;
box-shadow: -4px 4px 20px rgba(171, 171, 171, .25);
margin-bottom: 13px;
border-radius: 10px !important;
}
.middle-content-box .accordion .accordion-item .accordion-button {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #272727;
border: none;
outline: none;
box-shadow: none;
background: #fff;
border-radius: 10px 10px 0 0 !important;
}
.middle-content-box .accordion .accordion-item.active .accordion-button {
color: #fff;
background: #070708;
}
.middle-content-box .accordion .accordion-item.active .accordion-button::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(120deg) brightness(111%) contrast(93%);
}
.middle-content-box .accordion .accordion-item .accordion-collapse {
padding-right: 0;
}
/*-------------- FAQ CSS -------------*/
@media(max-width: 1199.98px) {
.error404 .toggle-btn span {
background: #0C1331;
}
.error404 header .header-nav li>a {
color: #fff !important;
}
.error404 .toggle-btn.active span {
background: #fff;
}
}
@media(min-width:1200px) {
.read-more-sch-btn,
.schedule-const-btn {
white-space: nowrap;
}
}
/*-------- Schedule pop Box --------------*/
.services-main-container .services-img-box {
position: absolute;
top: 120px;
}
@media(max-width:767px) {
.services-main-container {
flex-direction: column-reverse;
gap: 20px;
}
.services-main-container .services-img-box {
position: unset;
}
}
/* -------CTA Box ----- */
.CTA-box {
background-color: #070708;
color: #fff;
padding: 22px;
border-radius: 12px;
text-align: center;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
margin: 22px;
}
.CTA-box h3 {
font-size: 20px;
margin-bottom: 15px;
color: #fff;
}
.CTA-box p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
color: #ddd;
}
.CTA-box .btn {
background-color: #ff4500;
color: #fff;
padding: 12px 25px;
border-radius: 6px;
text-decoration: none;
transition: background 0.3s ease;
font-weight: bold;
}
.CTA-box .btn:hover {
background-color: #e03e00;
}
.single-post .article-list-section .article-box .right-content-box>h3 {
text-align: center;
}
.single-post .article-list-section .article-box .right-content-box .social-share-links {
justify-content: center !IMPORTANT;
}
/* Pdf Button css */
.dazzelbird-download-pdf a {
line-height: 1;
color: #0b1014;
padding: 10px 20px;
border: 2px solid #0b101433;
border-radius: 8px;
cursor: pointer;
}
.dazzelbird-download-pdf a:hover {
background: #fd5636;
color: #fff !important;
border-color: #fd5636;
}
p.dazzelbird-download-pdf {
margin-bottom: 15px;
}
/* --------------- NEW BANNER CSS ----------------- */
.new-banner-section {
padding: 100px 0px;
text-align: center;
background: url("/wp-content/uploads/2026/03/new-banner.webp") no-repeat center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
}
.new-banner-section .hero-subtitle {
margin: 0;
font-family: "Athletics", sans-serif;
font-weight: 700;
font-size: clamp(20px, 2vw, 32px);
line-height: clamp(28px, 3vw, 40px);
color: #4C4C4C;
}
.new-banner-section .hero-title {
font-family: "Rajdhani", sans-serif;
font-weight: 700;
font-size: clamp(38px, 6vw, 74px);
line-height: clamp(40px, 7vw, 94px);
margin: 0;
color: #000;
transform: translateY(5px);
}
.new-banner-section .hero-highlight {
font-family: "Rajdhani", sans-serif;
font-weight: 700;
font-size: clamp(40px, 7vw, 85px);
line-height: clamp(50px, 8vw, 108px);
/* color: #F29328; */
color: #F04F29;
margin: 0;
}
.new-banner-section .hero-description {
font-family: "Athletics", sans-serif;
font-weight: 700;
font-size: clamp(14px, 2vw, 22px);
line-height: clamp(20px, 3vw, 27px);
color: #4C4C4C;
max-width: 1050px;
margin: 0 auto;
}
.new-banner-section .hero-divider {
margin-bottom: 28px;
}
.new-banner-section .hero-divider img {
max-width: 100%;
object-fit: contain;
object-position: center;
height: auto;
}
.new-banner-section .get-in-touch-btn {
border: none;
outline: none;
box-shadow: none;
/* background-color: #F29328; */
background-color: #F04F29;
border-radius: 8px;
color: #fff;
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
line-height: normal;
transition: 0.6s;
-webkit-transition: 0.6s;
display: inline-block;
text-decoration: none;
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #fff;
}
.new-banner-section .get-in-touch-btn:hover {
/* background-color: #fe9d2e; */
background-color: #f16a4b;
color: #fff;
}
.blog .blog-box .feature-image{
height: auto !important;
}
@media (min-width:768px) {
.new-banner-section {
padding: 120px 0;
}
}
@media (min-width:1280px) {
.new-banner-section {
padding: 120px 0;
}
.new-services-details-banner{
padding-top: 250px !important;
}
}
@media (min-width:1440px) {
.new-banner-section {
padding: 150px 0;
}
}
@media (min-width:1700px) {
.new-banner-section {
padding: 180px 0;
height: 85dvh;
}
}
@media (max-width:767.98px) {
.new-banner-section .hero-highlight,
.new-banner-section .hero-title {
margin: 10px 0;
}
.new-banner-section .hero-divider {
margin-bottom: 20px;
}
.new-banner-section {
background: url("/wp-content/uploads/banner-images/mobile-new-bg.png") no-repeat center;
}
}
/* --------------- NEW BANNER CSS ----------------- */
/* ---------- LOGO INFINITE SCROLL ------------ */
.logo-carousel {
position: relative;
width: 100%;
margin-top: 50px;
}
.logo-carousel .logo-slider {
width: 100%;
overflow: hidden;
position: relative;
background: transparent;
padding: 20px 0;
}
.logo-carousel .logo-track {
display: flex;
/* width: calc(250px * 15); */
animation: scroll 20s linear infinite;
}
.logo-carousel .logo {
width: 216px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0;
}
.logo-carousel .logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: grayscale(100%);
transition: filter 0.3s;
}
.logo-carousel .logo img:hover {
filter: grayscale(0%);
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* ---------- LOGO INFINITE SCROLL ------------ */
/* ----------- OUR PROCESS ------------ */
.our-process-section {
position: relative;
width: 100%;
margin-bottom: 70px;
}
.our-process-section .process-steps {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px 40px;
}
.our-process-section .process-steps .step {
display: flex;
align-items: flex-start;
gap: 15px;
}
.our-process-section .process-steps .step-icon {
font-size: 28px;
min-width: 40px;
color: #0C1331;
}
.our-process-section .process-steps .step h3 {
font-size: 20px;
font-weight: 600;
margin: 0 0 8px 0;
}
.our-process-section .process-steps .step p {
margin: 0;
font-size: 15px;
line-height: 1.5;
color: #000;
}
/* Responsive */
@media (max-width: 768px) {
.our-process-section .process-steps {
grid-template-columns: 1fr;
}
}
/* ----------- OUR PROCESS ---------------- */
/* ----------- New Case Studies ------------ */
.new-case-studies .bg-gradient-overlay {
background: #F5F5F5;
padding: 60px 0px;
position: relative;
overflow: hidden;
border-bottom: 2px solid #ECECEC;
}
.new-case-studies .bg-gradient-overlay:last-child {
border-bottom: none;
}
.new-case-studies .bg-gradient-overlay.odd-item,
.new-case-studies .bg-gradient-overlay.even-item {
position: relative;
}
.new-case-studies .bg-gradient-overlay.odd-item:before {
content: '';
position: absolute;
left: -80px;
top: 80px;
width: 224px;
height: 224px;
border-radius: 50%;
background: #f04f29a6;
filter: blur(100px);
}
.new-case-studies .bg-gradient-overlay.even-item:after {
content: '';
position: absolute;
right: -80px;
bottom: -80px;
width: 224px;
height: 224px;
border-radius: 50%;
background: #f04f29a6;
filter: blur(100px);
}
.new-case-studies .case-studies-img {
border: 20px solid #ECECEC;
position: relative;
z-index: 1;
}
.new-case-studies .bgLight {
background-color: #ECECEC;
}
/* ----------- New Case Studies ------------ */
/* ------------------- New Market Section -------------------- */
.marketing-new-section {
position: relative;
width: 100%;
margin-bottom: 70px;
}
.marketing-new-section .md-section {
background: #fff;
border-radius: 10px;
padding: 0;
box-shadow: 0 0 0 1px rgba(16, 24, 40, 0.04);
}
.marketing-new-section .md-pills {
display: inline-flex;
gap: 6px;
background: #000;
padding: 8px;
border-radius: 10px;
}
.marketing-new-section .md-pill {
color: #fff;
background: transparent;
font-family: "Poppins";
border: 0;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
line-height: normal;
outline: none !important;
padding: 11px 20px;
transition: all 0.5s;
}
.marketing-new-section .md-pill.active {
color: #fff;
background: #2a2b2f;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.marketing-new-section .md-title {
margin: 0 !important;
font-size: clamp(28px, 3.2vw, 44px);
letter-spacing: -0.02em;
font-weight: 600;
font-family: "Poppins";
color: #000;
}
.marketing-new-section .card-item-box{
display: flex;
flex-direction: column;
}
.marketing-new-section .md-card {
padding: 30px;
background: #fff;
transition: transform 0.25s ease, box-shadow 0.25s ease;
border: 1px solid rgba(11, 16, 20, 0.2);
border-radius: 10px;
flex: 1;
position: relative;
}
/* .marketing-new-section .md-card .md-media{
position: absolute;
bottom: 20px;
} */
.marketing-new-section .md-card h5 {
font-weight: 600;
letter-spacing: -0.01em;
font-family: "Poppins";
color: #000;
}
.marketing-new-section .md-card p {
display: -webkit-box;
/* -webkit-line-clamp: 5; */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.marketing-new-section .md-media img {
max-width: 100%;
height: auto;
object-fit: contain;
object-position: center;
margin: 0 auto;
aspect-ratio: 2;
}
.marketing-new-section .tab-pane {
opacity: 0;
transform: translateY(3px);
transition: all 0.3s ease-in-out;
}
.marketing-new-section .tab-pane.show.active {
opacity: 1;
transform: none;
}
.marketing-new-section .md-top {
row-gap: 14px;
}
@media (min-width:1200px) {
.marketing-new-section .tab-content {
padding: 0 80px;
margin: 0 auto;
}
}
/* ------------------- New Market Section -------------------- */
/* ---------- Homepage update why choose section ------------- */
/* .why-choose-us .why-choose-us-inner p.tx-light {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 1.6em;
transition: max-height 0.4s ease;
margin-bottom: 0;
}
.why-choose-us .read-toggle-btn-why-choose {
margin-top: 0px;
color: #F04F29;
cursor: pointer;
font-weight: 600;
display: inline-block;
font-family: "Poppins";
font-size: 14px;
} */
.why-choose-us .why-choose-us-inner p.tx-light {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.6em;
transition: max-height 0.35s ease;
max-height: calc(1.6em * 3); /* 3 lines auto */
margin-bottom: 0;
}
.why-choose-us .why-choose-us-inner p.tx-light.expanded {
-webkit-line-clamp: unset;
overflow: visible;
}
.why-choose-us .read-toggle-btn-why-choose {
margin-top: 5px;
color: #F04F29;
cursor: pointer;
font-weight: 600;
display: inline-block;
font-family: "Poppins";
font-size: 14px;
}
/* ---------- Homepage update why choose section ------------- */
/* ---------- New CTA Banner Added in the homepage -------------- */
.new-cta-banner-section .new-cta-content-box {
padding: 40px 30px;
margin-left: auto;
margin-right: auto;
}
.new-cta-banner-section .new-cta-content-box h2{
text-transform: capitalize;
}
.new-cta-banner-section .new-cta-content-box p{
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
/* ---------- New CTA Banner Added in the homepage -------------- */
/*-------------- landing page popup ------------*/
.popup-overlay {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
.popup-content {
background: #fff;
max-width: 560px;
width: 100%;
margin: 30px auto;
padding: 30px;
position: relative;
border-radius: 8px;
height: 90dvh;
}
.popup-close {
position: absolute;
top: 10px;
right: 15px;
font-size: 28px;
cursor: pointer;
}
ul.footer-menus-links li.active a.hover{
color: #F04F29;
}
ul.header-nav li.position-relative.active a {
color: #F04F29 !important;
}