/*
 *   @copyright   Copyright (C) 2025 Dynamowebs Private Limited. All rights reserved.
 *   @license     Proprietary and Confidential. Unauthorized copying, distribution, or modification
 *                via any medium is strictly prohibited.
 *   @author      Faisal mehmood awan <faisal.aqurz@gmail.com> | Imran Khan <imran@dynamowebs.com>
 *   @file        home.css
 *   @modified    12/4/25, 2:19 PM
 *   @package     Dynamowebs
 *
 *   This file contains proprietary information of Dynamowebs Private Limited.
 *   No part of this file may be reproduced, distributed, or transmitted in any
 *   form or by any means without the express written permission of Dynamowebs.
 *
 *   @link        https://www.dynamowebs.com
 *   @github      https://github.com/FaisalCloudEngineer
 *
 */
.timer-counterDiv p.daysDiv, .timer-heading2 { font-weight: 700; font-stretch: normal; font-style: normal } .timer-heading2 { text-transform: uppercase; margin: 10px 0; font-size: 2em; line-height: 1.21; letter-spacing: -.15px; color: #fff; display: block; width: 100%; text-transform: capitalize } .timer-counterDiv { max-width: 416px; width: 100%; height: 81px; margin: 5px 0; padding: 0 10px; object-fit: contain; border-radius: 10px; box-shadow: 0 0 26px 0 rgba(0, 103, 141, .6); background-color: #fff } .timer-counterDiv p:not(:first-child) { position: relative; top: -20px } .timer-counterDiv p { width: 23% !important; display: inline-block; text-align: center } .timer-counterDiv p.daysDiv span { font-size: 23px }
.timer-counterDiv p.daysDiv { margin: 12px 0 0 1px; font-size: 18px; line-height: normal; letter-spacing: normal; text-align: center; color: #1b75bc; width: 111px; height: 91px; padding: 22px 29px 10px; object-fit: contain; border-radius: 6px; background-color: #ddf0ff; position: relative; top: -17px } .timer-counterDiv p span { display: block; width: 100%; font-size: 18px; font-weight: 800 } .text2u-btn-warning { background-image: linear-gradient(99deg, #ffc350 -4%, #ffa800 97%) } .text2u-btn-primary { background-image: none; background-color:  #00b0f5; } .text2u-btn-rounded,.text2u-btn-rounded:hover { /* border-radius: 30px; */ width: 100%; color: #fff } html .half-f { padding-top: 100px } .packagesFeatures { padding: 0 30px } .packagesFeatures ul.list { min-height: 561px } a { text-decoration: none } .row:after, .row:before { width: 0; height: 0; display: none } .iconbox { padding: 1px }
.iconbox p h4 , .index-page-features p ,.index-page-features h4 ,.index-page-features a ,.index-page-features ul li   { opacity: initial; transition: opacity 1s ease-in-out; color: #545451; line-height: 23px; margin: 0px; padding: 0px; letter-spacing: 0px; text-align: left; font-size: 14px; font-family: Inter; } .icon1 { font-size: 32px; color: #ffb600; display: block; width: 75px; height: 75px; line-height: 70px; border: 2px solid #ffb600; -webkit-border-radius: 50%; border-radius: 50%; text-align: center } .owl-item-custom { width: 100%; background: #03abf638 } .owl-s-con { overflow: hidden !important; text-align: center }
.index-desc1 { margin-block: 16px; text-align: justify; margin-bottom: 15px !important; } .side-long-holder { text-align: center; background: 0 0; padding: 30px 15px 0; border-radius: 9px; max-width: 350px } .banner-31-jan-offer, .banner-black-friday { width: 100%; max-width: 325px; border-radius: 30px } .dynamowebs-user-reviews { -webkit-background-size: cover; background-size: cover; padding: 43px 0 40px; background-attachment: fixed } .p-0 { padding: 0 !important }
.custombannerbutton, .dynamowebs-home-btn { padding: 15px 30px; letter-spacing: 1.1px; /*box-shadow: 0 9px 18px 0 #f7d8a5;*/ background-image: linear-gradient(97deg, #ffc350 -4%, #ffa800 97%) }
.sliderbuttonAppender { text-align: center; margin-top: 0 } .custombannerbutton { border-radius: 129px !important; border: 1px solid #eca00e } .owl-theme-custom { background-position: right !important; background-repeat: no-repeat !important; background-position-y: center !important; background-size: cover !important; display: block !important; width: 100% } .owl-wrapper { width: 100%; left: 0; display: block } .ow-items-list-custom { margin-top: 70px } .dynamowebs-home-btn { border-radius: 129px !important; border: 1px solid #eca00e; color: #fff; font-weight: 600 } .dynamowebs-home-hover-btn { font-size: 21px; font-weight: 900 } .dynamowebs-c2 { padding: 40px 0 }
.dynamowebs-mobile-view { max-width: fit-content; margin: auto; width: 100%; padding: 5%; max-height: 548px } .fast-approaching, .fine-guarantee { background-color: #dfeef7; color: #2579bb; font-weight: 600; font-size: 20px; margin-left: -21px } .fast-approaching { margin-bottom: -40px } .fine-guarantee { margin-bottom: -35px } .custom-home-con .heading { font-size: 1.3em; color: #000000d1 } .custom-home-con .pera { font-size: 1.1em } .n-slideritems {} .n-slideritems .half-f {} .n-slideritems .ow-items-list-custom {} #call_back_form { } #call_back_form .row > .dynamowebs-buttonholder:first-child { } #call_back_form .row > .dynamowebs-buttonholder:nth-child(2) {}
.dynamowebs-heading-sb { display: block;width: 100%; margin-bottom: 25px; text-align: left; min-height: 151px; background: #6c757d00; border-bottom: 1px solid #5b585814; margin-top: 10px; border: 1px solid rgb(128 199 255 / 10%); padding: 15px 20px !important; background: #8080800d; border-radius: 10px; margin-top: 10px !important; margin-bottom: 10px !important; } .icon1 ,.icon  { width: 55px; height: 55px; }
.icon1 img,.icon  img , .icon1 > span,.icon  > span  { width: 100%; height: auto; max-width: 58%; line-height: 8px; vertical-align: top; margin-top: 13px; } .icon1 .dynamowebs-home-hover-btn{ margin-top: 23px; display: block; text-align: center; width: 100%; font-size: 17px; max-width: 100%; } .highlight-text, .table-striped td, .table-striped th { color: #545451; line-height: 23px !important; letter-spacing: 0px !important; text-align: left; font-size: 15px !important; font-family: "Inter" !important; } .dynamowebs-heading-box h2 {} .dynamowebs-heading-box h2 a{ font-family: 'Inter' !important; font-size: 24px !important; font-weight: 600 !important; color: #03435c !important; }
@media only screen and (max-width: 992px) {
w	.timer-heading2 { font-size: 17px } .iconbox p h4 { opacity: 1 } .icon1 { margin-inline: auto !important } .dynamowebs-heading-sb { margin-top: 110px; margin-bottom: 0px; }
}
@media only screen and (max-width: 768px) {
	.text-left.timer-heading2, .timer-max-width-center .timer-counterDiv, .timer-max-width-center h2 { text-align: center !important } .timer-max-width-center .row > div:first-child { max-width: 100%; float: none; text-align: center } .timer-max-width-center h2 { margin-left: auto; margin-right: auto } .timer-max-width-center .timer-counterDiv { margin: 0 auto } .text-left.timer-heading2 { color: #212529; margin-top: 25px; font-size: 2em } html .owl-s-con { max-height: 310px !important }
	.list-check-icon { text-align: left !important; margin-top: 0px !important; } .icon1 { font-size: 63px; width: 70px; height: 70px; line-height: 50px; border-radius: 50%; text-align: center; } .packages { padding: 0px 0 18px; } .package.center .package-header { padding: 0px 15px 36px 15px; } .dynamowebs-buttonholder { display: block; text-align: center; width: 100%; } .demo-about-h { margin-bottom: 15px !important; line-height: 10px !important; } .n-slideritems .ow-items-list-custom { margin-left: 15px !important; } #about1 { padding-bottom: 0px; }
}
@media only screen and (max-width: 580px) {
	.text-2u-demo-h1 { margin-top: 0 } html .ow-items-list-custom { margin-top: 15px; margin-bottom: 20px; } .ow-items-list-custom { font-size: 14px; font-weight: 700; margin-top: 20px } .half-f {padding-top: 0 !important; padding-left: 1% } .dynamowebs-heading-box h2 { font-size: 15px; font-weight: 600; } .ow-items-list-custom { padding-left: 10px; } .dynamowebs-heading-box h2 a{ font-size: 20px !important; } .icon1 .dynamowebs-home-hover-btn{ margin-top: 28px; max-width: 100%; }
}
@media only screen and (max-width: 480px) {
    .text-left.timer-heading2 { font-size: 1.5em } .timer-max-width-center h2 { font-size: 15px } .timer-counterDiv p.daysDiv {padding: 20px 15px 10px } html .ow-items-list-custom li { margin-bottom: 8px !important; line-height: 12px !important } html.half-f {padding: 0 !important }
	html .custombannerbutton {padding: 10px 15px !important;font-size: 13px;margin-left: 0% !important; } html body .dynamowebs-home-btn {margin-left: 4% !important;} .n-slideritems {padding-left: 10px;padding-right: 10px;} .n-slideritems .half-f { padding: 0px; } .n-slideritems .ow-items-list-custom {} .n-slideritems .half-f ul li {font-size: 13px;}
}