/*
Theme Name: 	   SoftMe
Text Domain: 	   softme
Version:            1.0.41
Tested up to:       6.4
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/softme-free/
Description:        SoftMe is a lightweight, stunning, professional and flexible WordPress Theme. SoftMe is perfect for Startup, IT Solutions, IT Business, Agencies, Marketing, Consulting and Services Company related to any business websites. SoftMe based on in-depth research into IT Solutions, IT Services, IT Business, Consulting & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks. It will enable you to create almost any type of website with a beautiful & professional design. SoftMe Pro demo https://preview.desertthemes.com/pro/softme/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */
 
 .dt_service--two .dt_item_inner .dt_item_holder .dt_item_icon i {
    color: var(--dt-whi-color);
    font-size: 36px;
    line-height: 2;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb,
.dt_pagetitle .dt_pagetitle_content > span {
    display: inline-block;
    color: var(--dt-whi-color);
    font-size: 2.8rem;
    position: relative;
    z-index: 1;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb a,
.dt_pagetitle .dt_pagetitle_content > span a {
    color: var(--dt-whi-color);
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb a:not(:hover, :focus),
.dt_pagetitle .dt_pagetitle_content > span a:not(:hover, :focus) {
    text-decoration: none;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb .separator {
    font-size: 120%;
}

.wp-block-latest-posts__post-author {
    font-size: 1.7rem;
    color: var(--dt-sec-color);
    font-weight: 600;
}

.wp-block-code code img {
    margin-left: 10px;
}

.wp-block-image figcaption {
    text-align: center;
}

.wp-block-calendar table caption {
    color: #fff;
    background-color: var(--dt-pri-color);
}

.has-background.wp-block-post-author {
    padding: 1rem;
}

.wp-block-image figcaption {
    text-align: center;
}

.wp-block-pullquote.has-text-color blockquote {
    border-left-color: inherit;
}

.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    height: 2em;
    width: 2em;
}

.wp-block-calendar table caption {
    color: #fff;
    background-color: var(--dt-pri-color);
}

.wc-block-components-product-title a, 
.wc-block-components-product-title a:hover, 
.wc-block-components-product-title a:focus {
    text-decoration: none;
}

.wp-block-quote .wp-block-search {
    padding-bottom: 5px;
}

.wp-block-details summary {
    font-weight: 600;
    padding: 10px;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    text-decoration: none;
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--dt-sec-color);
}

.wp-block-table figcaption {
    text-align: center;
    font-weight: 600;
}

.wp-block-verse {
    padding: 10px;
}

.wc-block-components-product-sale-badge.wc-block-grid__product-onsale,
.wc-block-grid .wc-block-grid__product-onsale {
    left: 15px;
    top: 15px;
    padding: 0;
    color: var(--dt-whi-color);
    right: auto;
    min-width: 45px;
    height: 24px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    min-height: auto;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    z-index: 1;
    background-color: var(--dt-pri-color);
    border: none;
}

.wp-block-calendar table caption {
    font-weight: 500;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.wp-block-archives-list a {
    text-decoration: none;
}

.has-background.wp-block-read-more, 
.has-background.post-navigation-link-next,
.has-background.post-navigation-link-previous {
    padding: 0.25em 1.375em;
}

.post-navigation-link-next a,
.post-navigation-link-previous a {
    text-decoration: none;
}

.wc-block-components-product-sale-badge {
    z-index: 0 !important;
}

.wp-block-woocommerce-single-product .wp-block-post-title a {
    text-decoration: none;
}

.wc-block-cart__submit-button,
.wc-block-cart__submit-button:hover, 
.wc-block-cart__submit-button:focus {
    color: #fff;
    background-color: var(--dt-pri-color);
    text-decoration: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, 
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
    color: #fff;
}

.single-post .content h2 {
	font-size: 30px;
    font-weight: 700;
	margin-bottom: 10px;
}
.single-post .content h3 {
	font-size: 27px;
    font-weight: 700;
	margin-bottom: 10px;
}
.single-post .content h4 {
	font-size: 25px;
    font-weight: 700;
	margin-bottom: 10px;
}
.single-post .content h5 {
	font-size: 22px;
    font-weight: 700;
	margin-bottom: 10px;
}
.single-post .content h6 {
	font-size: 20px;
    font-weight: 700;
	margin-bottom: 10px;
}
form.wpcf7-form .wpcf7-form-control::placeholder {
    color: #3a3a3a;
}
form.wpcf7-form select.wpcf7-select {
    background-color: #fdfdfd;
    border: .1rem solid rgba(189, 189, 189, .35);
    height: 5rem;
    font-size: 1.6rem;
}
.pt-0 {
    padding-top: 0;
}
.home-latest-post-inner {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
	 flex-flow: row wrap;
	 margin-top: 50px;
}
.home-latest-post-inner li {
    width: 32%;
    text-align: left;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #dfdfdf;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.26);
}
.home-latest-post-cont img {
    width: 100%;
	transition: all 200ms ease-in-out;
}
.home-latest-post-inner li h2 {
    font-size: 25px;
    margin: 18px 0 0;
}
.home-latest-post-inner li h2 a {
    color: #000;
    text-decoration: none;
}
.home-latest-post-cont .readbtn {
    font-size: 15px;
    font-weight: 400;
    padding: 9px 20px 9px 20px;
    border-radius: 0px;
    background-color: #2A42E3;
    color: #ffffff;
    margin-top: 20px;
    text-decoration: none;
}
.home-latest-post-cont-inner {
    padding: 0 20px 30px 20px;
}
.all-blogs {
    text-align: right;
	margin-top: 40px;
}
.all-blogs a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #2A42E3;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #CFD8DC;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 11px 20px 11px 20px;
}
.home-latest-post-cont {
    overflow: hidden;
}
.home-latest-post-cont a:nth-child(1) {
    display: block;
    overflow: hidden;
}
.home-latest-post-inner li:hover .home-latest-post-cont img {
    transform: scale(1.1);
}
.widget.widget_social .fa {
    font: normal normal normal 14px / 1 FontAwesome !important;
}
.custom-footer {
    border-top: 0.1rem solid rgba(189, 189, 189, 0.12);
}
.custom-footer ol.inf_list li a:hover {
    text-decoration: underline;
}
#mega-menu-wrap-primary_menu {
	background: transparent !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link {
	color: #000 !important;
    font-size: 16px;
    font-family: var(--dt-title-font);
    font-weight: 600 !important;
	background: transparent !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	background: transparent !important;
    color: #000 !important;
	position: relative;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link:before {
	position: absolute;
    content: '';
    left: 11px;
    bottom: 0;
    height: 0.2rem;
    width: 0;
    background: var(--dt-pri-color);
    transition: all linear 0.3s;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before {
	width: 3rem;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link:hover:before {
	width: 3rem;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	background: transparent;
    color: var(--dt-pri-color) !important;
    font-weight: 600;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link:hover {
	color: var(--dt-pri-color) !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 1rem 1.8rem !important;
    border-bottom: 0.1rem solid rgba(241, 241, 241, 1);
    background: #fff !important;
    font-size: 16px;
    color: #000 !important;
    font-weight: 600 !important;
	-webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}
.mega-sub-menu .border-submenu {
    border-top: 0.1rem solid rgb(216 216 216) !important;
    border-right: 0.1rem solid rgb(216 216 216) !important;
    border-left: 0.1rem solid rgb(216 216 216) !important;
    border-bottom: 0.4rem solid var(--dt-pri-color) !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    color: var(--dt-pri-color) !important;
    padding-left: 2.15rem !important;
}
.dt_navbar-nav {
    width: 80%;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	background: #fff;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 1rem 1.8rem !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover a {
    color: var(--dt-pri-color) !important;
	padding-left: 2rem !important;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {
    font-size: 14px;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    color: var(--dt-pri-color) !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before {
    width: 3rem;
}
#mega-menu-wrap-primary_menu .mega-menu-toggle+#mega-menu-primary_menu {
	display: block !important;
	background: #fff;
}
#mega-menu-wrap-primary_menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    display: none;
}
.fa-map-marker:before {
    content: "\f041" !important;
}
.blog-faqs-title {
    color: #212529;
    margin: 0 !important;
    background: #2a42e324;
    padding: 15px;
}
.blog-faqs-des {
    padding: 10px 15px;
    background: #f9f9f9;
}
.blog-cta {
    background: linear-gradient(135deg, rgb(188 255 190), rgba(200, 220, 255, 0.4), rgba(230, 200, 255, 0.5), rgba(255, 210, 230, 0.5));
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}
.blog-cta .blog-cta-btn {
	font-family: "Catamaran", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #2A42E3;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #CFD8DC;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 20px 12px 20px;
    text-decoration: none;
	animation: zoom-in-zoom-out 2s ease-out infinite;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.elementor-swiper-button-next, .elementor-swiper-button-prev {
    background: #2a42e3;
    padding: 10px;
}
.elementor-swiper-button-next svg, .elementor-swiper-button-prev svg {
    width: 20px !important;
    height: 20px !important;
}
.text-center {
	text-align: center;
}
.animated {
    visibility: visible !important;
}
.fadeInUp {
    visibility: visible !important;
	animation-name: fadeInUp !important;
}
.new-menu-cont {
    position: absolute;
    top: -12px;
    margin-left: 10px;
    background: red;
    color: #fff;
    line-height: 0;
    padding: 10px 5px 10px 5px;
    border-radius: 50px;
    font-size: 12px;
    animation: pulse-animate 2s linear infinite;
}
.elementor-element-populated:hover .elementor-image-box-wrapper a {
    color: #2a42e3;
}
.page-id-3691 i.fa.fa-whatsapp {
    font: normal normal normal 14px / 1 FontAwesome !important;
}
body.post-template-default.single.single-post {
    overflow: unset !important;
}
body.post-template-default.single.single-post #dt_posts .dt_widget-area {
    display: unset !important;
}
#dt_posts #block-14 {
    position: sticky;
    top: 83px;
}
#dt_posts #block-14 form textarea {
    height: 10rem;
}

/* whats app */
.sticky-whatsapp-main {
    position: fixed;
    bottom: 18px;
    left: 20px;
    z-index: 99;
}
.sticky-whatsapp-inner {
    position: relative;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky-whatsapp-circle {
    background-color: rgba(127, 186, 0, 0);
    border: 1px solid #4fce5d;
    border-radius: 100% !important;
    opacity: .5;
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation: 2.2s ease-in-out infinite animation1;
    animation: 2.2s ease-in-out infinite animation1;
    -ms-animation: animation1 2.2s ease-out;
    -ms-animation-iteration-count: infinite;
}

@keyframes animation1 {
0% {
    opacity: .1;
    -webkit-transform: scale(.4);
    transform: scale(.4);
}
70% {
    opacity: .6;
    -webkit-transform: scale(1);
    transform: scale(1);
}
100% {
    opacity: .3;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
}

.sticky-whatsapp-circle-fill {
    background-color: #4fce5d;
    border: 1px solid #4fce5d;
    border-radius: 100% !important;
    opacity: 1;
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-animation: 1.7s ease-in-out infinite animation2;
    animation: 1.7s ease-in-out infinite animation2;
    -ms-animation: animation2 1.7s ease-out;
    -ms-animation-iteration-count: infinite;
}

@keyframes animation2 {
0% {
    opacity: .3;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
70% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
}
100% {
    opacity: .1;
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
}

.whtsap_clck {
    height: 40px;
    width: 40px;
    z-index: 11;
    opacity: 1;
    overflow: hidden;
    pointer-events: all;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16);
    background: #4fce5d;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.sticky-whatsapp-main .whtsap_clck svg {
    animation: 2s infinite ring;
}

@keyframes ring {
0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
12%, 4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
}
14%, 6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}
8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
}
16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}
100%, 20% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
}
/* whats app end */

.dt_slider--one + .dt_service--one, .dt_service--two, .swiper-wrapper {
	z-index: 0 !important;
}
#dt_slider .dt_owl_carousel.owl-theme.owl-carousel.slider {
    display: block !important;
}
.blog-cta.text-left {
    text-align: left;
}

@keyframes pulse-animate {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	50% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@media (max-width: 992px) {
	.home-latest-post-inner li {
		width: 48%;
		margin-bottom: 20px;
	}
	.mega-sub-menu .border-submenu {
		overflow: auto !important;
		height: 250px !important;
	}
	#mega-menu-wrap-primary_menu #mega-menu-primary_menu>li.mega-menu-item {
		width: 100%;
	}
}

@media (min-width: 600px) {
	.single-post #dt_pagetitle {
		padding: 10rem 0 0;
		min-height: 50vh;
	}
}

@media (max-width: 600px) {
	.post-template-default section#dt_posts h1.entry-title {
		font-size: 40px;
	}
	.home-latest-post-inner li {
		width: 100%;
	}
	.table-responsive th, .table-responsive td {
		white-space: nowrap;
		word-break: normal;
	}
	.table-responsive table {
		min-width: 600px;
		width: max-content;
	}
	.popup-cta-main h2 {
		font-size: 25px !important;
	}
	.popup-cta-main .flex-input {
		flex-flow: row wrap;
		gap: 0 !important;
	}
	.close {
		right: 0 !important;
	}
	.popup-cta-main form input, .popup-cta-main form select {
		max-height: 4.5rem !important;
	}
	.modal-content {
		padding: 20px 25px 20px 25px;
	}
	.single-post .single-post .inner {
		padding: 20px 15px;
	}
}

@media (max-width: 575px) {
	.custom-footer-rem-title .widget-title {
		display: none;
	}
	.custom-footer-rem-title {
		margin-top: -20px;
	}
}

/* calculator popup */
.position-relative {
	position: relative;
}
.calculate-cost-main button {
    padding: 12px 40px;
    display: block;
    width: max-content;
    font-size: 18px !important;
    border-radius: 0;
	background: #2a42e3;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
}
.calculate-right-form-box {
    height: 150px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .161);
    border-radius: 10px;
    background-color: #fff;
    transition: all .4s ease-in-out;
}

.calculate-right-form-box input {
    display: none;
}

.calculate-right-form-box input:checked~label {
    background-color: #2a42e3;
    color: #fff;
}

.calculate-right-form-box input:checked~label img {
    filter: invert(100%) sepia(0) saturate(7500%) hue-rotate(106deg) brightness(200%) contrast(125%);
}

.calculate-right-form-box label img {
    height: 100px;
    width: 50px;
    object-fit: contain;
}

.calculate-right-form-box label {
    border-radius: 10px;
    font-size: 19px;
    line-height: normal;
    display: block;
    z-index: 1;
    position: relative;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: end;
    padding: 20px;
    text-align: center;
    cursor: pointer;
	height: 150px;
}

.calculate-cost-main {
    display: flex;
    gap: 30px;
    flex-flow: row wrap;
}

.calculate-cost-left {
    width: 30%;
	background-image: url(https://aquamarine-tapir-672343.hostingersite.com/wp-content/uploads/2025/01/left-calc.webp);
	background-size: cover;
	background-position: center;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 45px 20px;
    height: 500px;
}
.calculate-cost-left h3 {
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}
.calculate-cost-right {
    width: 60%;
}

.calculate-cost-right .calculate-cost-div-right {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.calculate-cost-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.calculate-cost-bottom .suffesv3-themebtn {
    width: 150px;
}

.calculate-progress-bar-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 0;
    list-style: none;
    text-align: center;
}

.calculate-progress-bar-main li {
    width: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
}

.calculate-progress-bar-main li span {
    color: #000;
    background-color: #D9D9D9;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out;
}

.calculate-progress-bar-main li p {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    width: max-content;
}

.calculate-cost-right .calculate-cost-div-right4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}

.calculator-progress {
    height: 6px;
    background: rgb(255, 255, 255);
    position: absolute;
    width: 96%;
    top: 10px;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.calculate-cost-bottom .suffesv3-themebtn:nth-child(1) {
    background: #DADADA;
    color: #000 !important;
}

.calculate-cost-bottom1 .calcbtn1.suffesv3-themebtn {
    background: #e92b26;
    color: #fff !important;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.title-des {
	text-align: center;
	margin-bottom: 60px;
}
.title-des h1 {
	font-size: 40px;
	color: #fff;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 10px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
	z-index: 999;
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 40px 20px 40px;
    border: 1px solid #888;
    width: 90%;
    max-width: 700px;
	position: relative;
	border-radius: 30px;
}
button#myBtn {
    font-family: "Catamaran", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #2A42E3;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #CFD8DC;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 20px 15px 20px;
}
.close {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    right: -20px;
    z-index: 9;
    background: #2a42e3;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.popup-cta-main h2 {
    font-size: 40px;
    text-align: center;
	margin-bottom: 15px;
}
.popup-cta-main .flex-input {
    display: flex;
    gap: 10px;
}
.popup-cta-main h2 span {
    color: #2a42e3;
}

.elementor-tab-title {
    background: #F3F3F3 !important;
}
.page-template-default section.dt_posts.dt-py-default {
    padding-top: 80px;
    padding-bottom: 0;
}
.tss-wrapper .tss-carousel3 .item-content-wrapper {
    height: 200px;
    overflow-y: scroll;
}
section#dt_posts h1.entry-title {
    margin-bottom: 20px;
    text-align: center;
}
.page-id-5022.page-template-default section.dt_posts.dt-py-default, .page-id-2566.page-template-default section.dt_posts.dt-py-default, .page-id-2842.page-template-default section.dt_posts.dt-py-default {
    padding-top: 0;
}
.post-template-default .dt_post_item .inner p {
    color: #000;
}
.post-template-default .dt_post_item .inner ul li {
    color: #000;
}
.post-template-default .dt_post_item .inner span {
    color: #000;
}
.post-template-default .dt_post_item .inner table td {
    color: #000;
}
.post-template-default .dt_post_item .inner blockquote {
    text-align: left;
    padding: 30px 20px;
}
.post-template-default .dt_post_item .inner blockquote p {
    font-size: 22px;
}
img.gmb-qr {
    width: 200px !important;
}

/* blog page */
.custom-inner-blog {
	display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
	align-items: center;
}
.custom-inner-blog .dt_post_block {
    width: 32.5%;
}
.custom-main-blog .dt_post_item {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
	margin: 10px 0 20px 0 !important;
}
.custom-main-blog .post-thumbnail img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 15px;
}
.custom-main-blog .entry-title {
	margin-bottom: 10px;
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px;
}
.custom-main-blog .entry-title a {
    text-decoration: none;
    color: #000;
}
.custom-main-blog .read-more {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    color: #2d4cff;
}
.custom-main-blog .dt_post_item .inner {
	padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.custom-main-blog .entry-content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* blog page */
.seo-audit-form .contact-box.elementor-widget.elementor-widget-shortcode {
    background: #fff;
}
.author-box img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
}

@media (max-width: 992px) {
    .calculate-cost-left {
        width: 100%;
        display: none;
    }
	.calculate-cost-right {
        width: 100%;
    }
	.calculate-progress-bar-main li p {
		display: none;
	}
	.calculate-cost-right .calculate-cost-div-right {
        grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
    }
	.calculate-progress-bar-main li span {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.calculate-progress-bar-main li {
		margin-top: -4px;
	}
}

@media (max-width: 800px) {
.custom-inner-blog .dt_post_block {
    width: 49.5%;
}
.author-box {
    flex-direction: column;
    text-align: center;
}
}

@media (max-width: 600px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.mob-home-review-contact section.dt-py-default {
    padding-top: 0;
}
.mob-home-review-contact .dt-col-lg-12.dt-col-md-12.dt-col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.mob-home-review-contact .rt-col-md-12.rt-col-sm-12.rt-col-xs-12.even-grid-item.tss-grid-item.slide-item.swiper-slide.default-margin.tss-img-circle {
    padding-left: 0;
    padding-right: 0;
}
.mob-home-review-contact .dt-container {
    padding-left: 0;
    padding-right: 0;
}
.mob-home-review-contact .dt-container .dt-col-lg-6.dt-col-md-12.dt-col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.custom-inner-blog .dt_post_block {
    width: 100%;
}
}