body{
background-color: var(--wp--preset--color--tertiary-two) !important;
}
a:focus {
outline: 2px solid #000;
outline-offset: 2px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.post-column-div li:last-child .service-box-single .wp-block-columns{
display: flex !important;
flex-direction: row-reverse !important;
padding-left: 10px;
}
.post-column-div li:last-child .service-box-single .wp-block-columns .wp-block-post-featured-image img{
border-radius: 0 15px 15px 0 !important;
}
.post-column-div li .service-box-single .wp-block-post-date time{
color: #5B5B5B;
position: relative;
}
.post-column-div li .service-box-single .wp-block-post-date time:before{
content: '\f133';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
background-color: var(--wp--preset--color--tertiary-one);
color: #fff;
border-radius: 50%;
height: 25px;
width: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.award-box{
box-shadow: 0px 4px 4px 0px #D9ECFF80;
}
button.wp-block-search__button.has-icon.wp-element-button{
fill: #fff;
color: #ffffff;
}
.prodcuct-box h2 a{
text-decoration: none;
} .banner-section .banner-title-box .banner-img1 img, .banner-section .banner-text-box .banner-img2 img{
width: 100% !important;
object-fit: cover;
}
.banner-section .banner-title-box .banner-img1, .banner-section .banner-text-box .banner-img2{
position: relative;
}
.banner-section .banner-title-box .banner-img1:after, .banner-section .banner-text-box .banner-img2:after{
content: '';
position: absolute;
width: 100%;
background: #0000003D;
left: 50%;
top: 0%;
transform: translateX(-50%);
}
.banner-section .banner-title-box .banner-img1:after{
height: 300px;
}
.banner-section .banner-text-box .banner-img2:after{
height: 350px;
}
.banner-section .banner-title-box{
position: relative;
}
.banner-section .banner-title-box .banner-review-box{
position: absolute;
bottom: 15%;
right: -30%;
z-index: 1;
width: 230px;
}
.banner-section .banner-title-box .banner-review-box .rating-img{
display: flex;
justify-content: center;
}
.header-inner-meta .wp-block-search__inside-wrapper {
position: relative;
}
.slider .wp-block-button a:focus{
color: var(--wp--preset--color--contrast) !important;
background-color: var(--wp--preset--color--base) !important;
}
.header-inner-meta .wp-block-button a:focus{
color: var(--wp--preset--color--base) !important;
background-color: var(--wp--preset--color--primary) !important;
}
.service-box-single{
position: relative;
box-shadow: 0px 4px 4px 0px #00000014;
}
.service-box .service-box-single:hover .blog-meta a{
background: #000000 !important;
}
.award-box a{
text-decoration: none;
}
.service-box .blog-image + .wp-block-group .wp-block-post-title a, 
.service-box .blog-image + .wp-block-group .wp-block-post-excerpt,
.service-box .service-right-box-single .wp-block-post-title a,
.service-box .service-right-box-single .wp-block-post-excerpt{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical
}
.service-box .blog-image + .wp-block-group .wp-block-post-title a,
.service-box .service-right-box-single .wp-block-post-title a{
-webkit-line-clamp: 1;
} 
.service-box .blog-image + .wp-block-group .wp-block-post-excerpt,
.service-box .service-right-box-single .wp-block-post-excerpt{
-webkit-line-clamp: 3;
}
.header-box-upper .header-btn a:hover, .our-blog .blog-heading .service-btn a:hover{
background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) ;
}
.service-box-single img{
width: 100%;
}
.post-date span.dashicons{
color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
background-color: var(--wp--preset--color--contrast);
padding: 8px 25px;
border-radius: 30px;
font-family: var(--wp--preset--font-family--montserrat-alternates) !important;
color: #ffff;
font-weight: 600 !important;
text-decoration: none;
}
.post-date {
position: absolute;
top: 15px;
right: 25px;
display: flex;
gap: 10px;
align-items: center;
}
.post-date i{
color: #ffffff;
}
.blog-image{
position: relative;
}
.blog-image{
height: 200px;
}
.titandigitalagency-footer-list{
font-family: var(--wp--preset--font-family--sora) !important;
}
.wp-block-button__link{
height: auto;
}
.woocommerce span.onsale{
background: var(--wp--preset--color--primary);
}
.banner-left-box{
position: relative;
}
.service-icon {
width: 50px;
font-size: 25px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
}
.icon-box {
display: flex;
justify-content: center;
align-items: center;
font-size: 80px;
}
.banner-search .wp-block-search__inside-wrapper {
padding: 0px !important;
border-radius: 10px !important;
}
.banner-search button.wp-block-search__button {
padding: 8px 25px;
}
.banner-search input.wp-block-search__input::placeholder{
font-family: var(--wp--preset--font-family--saira) !important;
font-family: Saira;
font-weight: 300;
font-size: 14px;
letter-spacing: 0%;
color: #000000;
}
.banner-counter {
position: absolute;
bottom: 0px;
width: 100%;
z-index: 2;
}
.right-image img{
width: 100%;
height: 550px;
position: relative;
z-index: 1;
margin: 0 auto !important;
}
.general-header-middle .wp-block-search__input {
background: transparent;
border: none;
}
.general-header-middle .wp-block-search__input::placeholder{
font-weight: 400;
font-size: 14px;
color: var(--wp--preset--color--secondary-third) !important;
}
.related-post h4,.related-post p{
color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
padding: 3px 10px;
position: relative;
}
.header-inner-menu ul li:hover{
background-color: var(--wp--preset--color--primary) !important;
border-radius: 6px;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
background: transparent !important;
}
.header-inner-menu ul li:hover a{
color: #ffffff !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
display: none;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
color: var(--wp--preset--color--base);
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover{
text-decoration: none;
}
.header-inner-menu ul li a{
position: relative;
display: inline-block;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
color: var(--wp--preset--color--contrast);
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
position: absolute;
right: 50px;
top: -0px;
background: #ffffff !important;  
}
.category-main{
position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
justify-content: center !important;
}
.slider {
position: relative;
margin-inline: auto;
}
.slider figure{
margin-bottom: 0px !important
}
.category-main .grid-container {
max-width: 100% !important;
padding: 0px;
}
.category-main .categories-cloumn .owl-stage {
padding-left: 0px !important;
}
.service-text-main{
text-align: center;
}
.produc-image{
position: relative;
}
.produc-image{
margin-bottom: 15px !important;
}
.catbox .grid-container{
max-width: 100% !important;
}
.catbox h3.g-d-title{
margin-bottom: 40px !important;
text-align: center;
}
.gtf-image-box{
margin-bottom: 30px;
}
.catbox .gutentor-term {
padding: 0px 6px;
}
.catbox .gtf-item {
background-color: var(--wp--preset--color--base) !important;
box-shadow: 0px 4px 4px 0px #D9ECFF80;
border-radius: 20px;
padding: 25px 0px !important;
}
.catbox h3.g-d-title a {
font-weight: 600;
font-family: var(--wp--preset--font-family--saira) !important;
font-size: 22px;
color: #324361;
text-align: center;
}
.catbox span.g-d-count{
font-family: var(--wp--preset--font-family--saira) !important;
font-weight: 500;
font-size: 18px;
text-align: center;
margin-bottom: 10px !important;
color:#4F547B;
}
.blog-heading{
text-align: center;
}
.service-text-main .about-sec-title,.blog-heading .short-heading-banner{
display: inline-block;
position: relative;
margin-bottom: 20px !important;
}
.service-text-main .about-sec-title:after ,.blog-heading .short-heading-banner:after {
position: absolute;
content: "";
bottom: -10px;
left: 0px;
width: 100%;
right: 0px;
height: 8px;
background-color: var(--wp--preset--color--tertiary-one);
z-index: 0;
border-radius: 3px;
margin: 0 auto;
clip-path: ellipse(45% 30% at 50% 50%);
}
.blog-image{
height: 180px;
position: relative;
}
.center-box {
border-style: dashed;
border-top: 0px;
border-bottom: 0px;
}
.category-column .prodcuct-box figure img{
height: 100px;
}
.header-inner-meta{
position: relative;
}
.category-main .gtf-image img.normal-image {
width: 100% !important;
height: 220px !important;
}
.sale-product-box:hover{
border:1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-social-links svg {
font-size: 18px;
}
.dyna-product-box .wp-block-columns {
align-items: center !important;
height: 500px !important
}
.wp-block-cover__inner-container time a {
color: #fff !important;
}
.owl-stage-outer {
max-width: 100% !important;
width: 100% !important;
margin: 0px !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
padding: 10px 10px;
background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
padding: 10px !important;
align-items: center;
} .animations-hidden-item{
opacity: 0;
transform: translateY(150px);
transition: all 1s;
}
.animations-show-item{
opacity: 1;
transform: translateY(0px);
} .about-left {
position: relative;
}
.wp-site-blocks{
padding: 0 !important;
}
.wpcf7-spinner {
position: absolute;
right: 0px;
}
p span.dashicons{
margin-right: 10px;
color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part .titandigitalagency-footer-list {
gap: 15px;
}
footer .titandigitalagency-footer-list a{
text-decoration: none;
}
footer .footer-bottom-box a{
color: #ffffff;
}
footer a:hover{
color: var(--wp--preset--color--tertiary-one) !important;
}
.social-icon {
gap: 0px;
}
.social-icon li{
background-color:transparent !important;
}
.social-icon li a svg{
height: 20px !important;
width: 20px !important;
} .woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
color: #fff !important;
}
.wlfmc-counter-wrapper{
width: auto;
}
.wp-block-woocommerce-customer-account a span{
font-family: var(--wp--preset--font-family--poppins) !important;
font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
height: 28px;
}
.wp-block-woocommerce-customer-account a{
white-space: unset;
}
.wp-block-image img{
vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
padding: 10px 15px;
color: #000000;
}
.wp-site-blocks{
padding: 0 !important;
}
footer.wp-block-template-part {
margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
color: #fff;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
background: var(--wp--preset--color--primary);
}
span.yith-wcwl-add-to-wishlist-button__label{
display: none;
}
.sidebar-box .wp-block-search__button svg{
fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
padding: 0px;
margin: 10px 0px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
span.wp-block-navigation-item__label {
color: #000000;
}
.header-inner-meta .wp-block-group{
justify-content: center !important;
}
footer p{
text-align: center !important;
}
.banner-column{
gap:0px;
}
.column-banner{
display: flex;
flex-wrap: nowrap !important;
}
.banner-counter{
position: relative;
}
.counter-cloumn-box{
max-width: 90% !important;
}
.header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: auto;
right: auto;
width: 100%;
position: relative;
padding: 0px 0px;
}
.header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
width: 100% !important;
align-items: center;
gap: 0px;
padding-bottom: 0px !important;
}
.header-inner-menu ul li a{
border-bottom: 1px solid #000;
display: inline-block;
width: 100%;
padding-bottom: 10px !important;
padding-top: 10px !important;
text-align: center;
}
.header-inner-menu ul li.wp-block-navigation-submenu{
padding: 0px !important;
padding-bottom: 0px !important;
}
.header-inner-menu ul {
gap: 0px !important;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li a{
justify-content: center;
}
.header-inner-menu ul li {
padding: 0px !important;
}
.wp-block-social-links{
justify-content: center;
}
button.wp-block-navigation__responsive-container-close {
background-color: var(--wp--preset--color--primary);
padding: 5px;
border-radius: 30px;
}
.wp-block-navigation__responsive-container-close svg{
fill: var(--wp--preset--color--base) !important;
color: var(--wp--preset--color--base) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
width: 100% !important;
align-items: center;
}
.slider img{
height: 250px !important;
margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 781px) {
.header-inner-menu li:after {
display: none;
}
.banner-column{
gap:0px;
}
.column-banner{
display: flex;
flex-wrap: nowrap !important;
}
.catbox .gtf-item{
margin-bottom: 20px !important;
}
.gtf-image-box{
text-align: center;
}
.catbox .grid-container {
max-width: 100% !important;
padding: 0px;
}
.blog-meta{
gap:10px !important;
}
.banner-image{
padding-left: 0px !important;
}
.center-box{
border: 0px !important;
}
.small-image{
display: none;
}
.category-main .owl-nav{
display: none !important;
}
.service-text-main .about-sec-title,.service-text-main p{
text-align: center;
}
.header-inner-meta .wp-block-buttons{
justify-content: center;
}
.home .header-box-upper{
position: relative;
}
.banner-cover{
padding-top: 0px !important;
}
.slider{
text-align: center;
}
.slider .wp-block-buttons {
justify-content: center;
}
.right-image img {
width: 80% !important;
height: 320px !important;
}
.slider .owl-dots{
left: 0px;
right: 0px;
margin: 0 auto;
justify-content: center;
}
.service-text h6,.service-text p{
text-align: center !important;
}
.header-inner-menu nav{
justify-content: center !important;
}
.header-inner-menu ul{
justify-content: center;
}
.header-logo .wp-block-group {
justify-content: center !important;
}
.header-logo h1 {
text-align: center;
}
.header-box-upper{
position: relative;
}
}
@media screen and (min-width: 576px) and (max-width: 781px) {
.header-inner-meta .wp-block-group{
justify-content: center !important;
}
.right-image img {
width: 50% !important;
height: 320px !important;
}
.award-box h6{
font-size: 15px !important;
}
.category-main .wp-block-columns{
display: grid !important;
grid-template-columns: auto auto auto !important;
}
.banner-mian-group{
padding-top: 30px !important;
}
.banner-image{
text-align: center;
}
.banner-image .right-image img {
width: 80% !important;
}
.categories-cloumn{
display: grid !important;
grid-template-columns: auto auto;
}
.slider img{
height: 300px !important;
}
.wp-block-social-links{
justify-content: center;
}
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
.header-inner-menu ul {
gap:0px !important;
}
.header-inner-meta {
flex-basis: 26% !important;
}
.banner-left-box{
flex-basis: 50% !important;
}
.count-row,.blog-meta{
gap:10px;
}
.header-inner-meta .wp-block-group{
gap:10px;
}
.header-logo h1{
font-size: 20px !important;
}
.banner-left-box .slider h2 {
font-size: 26px !important;
}
.counter-cloumn-box p{
max-width: 52% !important;
}
.counter-cloumn-box{
max-width: 90% !important;
}
.banner-left-box .slider h2.short-title{
font-size: 14px !important;
}
.header-inner-menu{
flex-basis: 72% !important;
}
.blog-column,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,.general-header-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
max-width: 90% !important;
}
.header-box{
gap:10px !important;
}
.wp-block-social-links{
gap:7px !important;
}
.slider img{
height: 300px !important;
width: 100% !important;
}
}
@media screen and (min-width: 576px) and (max-width: 991px) {
.about-box,.category-main{
gap:10px;
}
.counter-cloumn-box{
display: grid !important;
gap:10px;
padding: 10px 10px !important;
grid-template-columns: auto auto auto !important;
}
.banner-counter{
position: relative;
}
}
@media screen and (min-width: 320px) and (max-width: 800px) {
.admin-bar .wp-block-navigation__responsive-container-close {
color: #000000;
top:15px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
justify-content: center !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.single-image figure{
width: 100% !important;
} 
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
.wc-block-components-product-price{
font-size: 15px !important;
}
.counter-cloumn-box p{
max-width: 52% !important;
}
.wp-block-social-links{
gap:10px !important;
}
}
@media screen and (max-width: 767px) {
.banner-section .banner-header, .banner-section .banner-desc{
text-align: center;
}
.banner-section .banner-title-box .banner-review-box{
position: static;
margin: 0 auto;
}
.banner-section .banner-title-box .banner-img1 img, .banner-section .banner-text-box .banner-img2 img, .banner-section .banner-text-box .banner-img2:after, .banner-section .banner-title-box .banner-img1:after{
height: 200px !important;
}
.blog-heading .short-heading-banner, .categories-section .service-text-main .category-sec-title, .service-text-main .about-sec-title{
font-size: 26px !important;
}
.our-blog .blog-heading .service-btn{
justify-content: center;
}
.post-column-div li:last-child .service-box-single .wp-block-columns{
padding: 0;
}
.post-column-div li .service-box-single .service-right-box-single{
padding: 0 10px;
}
footer .footer-info-boxes{
text-align: center;
}
footer .footer-info-boxes ul{
display: inline-block;
}
footer .footer-info-boxes ul li{
width: fit-content;
margin: 0 auto;
}
footer .footer-info-boxes .footer-contact-info p{
width: 100%;
}
footer .footer-bottom-box{
justify-content: center;
}
.header-box-upper .header-inner-menu button.wp-block-navigation__responsive-container-open{
background: var(--wp--preset--gradient--vertical-secondary-to-tertiary);
padding: 6px;
border-radius: 4px;
color: #ffffff;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.header-box-upper .header-box{
flex-direction: column;
text-align: center;
}
.header-box-upper .header-box .header-btn{
justify-content: center;
}
.blog-heading .short-heading-banner, .categories-section .service-text-main .category-sec-title, .service-text-main .about-sec-title{
font-size: 26px !important;
}
.banner-section .banner-boxes, .banner-section .banner-count-box, .our-blog .service-box-single .service-box-inner-single{
flex-wrap: nowrap !important;
}
.banner-section .banner-desc{
font-size: 15px;
}
.banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-title-box, .banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-text-box{
flex-basis: 50% !important;
}
.our-blog .blog-head-boxes{
flex-wrap: wrap !important;
}
.our-blog .blog-head-boxes:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
}
.our-blog .blog-head-boxes .service-btn{
justify-content: center;
}
.our-blog .blog-column{
flex-direction: column;
}
.about-section .about-box{
display: grid;
grid-template-columns: auto auto auto; 
}
footer .footer-info-boxes{
display: grid;
grid-template-columns: auto auto;
}
footer .footer-bottom-box{
justify-content: center;
}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
.banner-section .banner-boxes .banner-title-box{
flex-basis: 45% !important;
}
.banner-section .banner-boxes .banner-text-box{
flex-basis: 55% !important;
}
.banner-section .banner-desc{
font-size: 15px;
}
.about-section .about-box {
gap: 10px;
}
.about-section .about-box .award-box{
padding-left: 5px !important;
padding-right: 5px !important;
}
.about-section .about-box .award-box .wp-block-heading{
font-size: 17px !important;
}
}
@media screen and (min-width: 1300px) and (max-width: 1599px){
.about-section .about-box .award-box{
padding-left: 5px !important;
padding-right: 5px !important;
}
.about-section .about-box .award-box .wp-block-heading{
font-size: 19px !important;
}
.about-section .about-box {
gap: 15px;
}
}