diff --git a/about.html b/about.html
index 57df863..b9e6cdc 100644
--- a/about.html
+++ b/about.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/assets/css/module-css/02-banner-section.css b/assets/css/module-css/02-banner-section.css
index 04f1d96..1c27b78 100644
--- a/assets/css/module-css/02-banner-section.css
+++ b/assets/css/module-css/02-banner-section.css
@@ -2,1105 +2,1164 @@
# Banner Style1 Css
--------------------------------------------------------------*/
.banner-style1 {
- position: relative;
- display: block;
- background-color: #090d30;
+ position: relative;
+ display: block;
+ background-color: #090d30;
}
.banner-style1__inner {
- position: relative;
- display: block;
- max-width: 1730px;
- padding: 0 15px;
- margin: 0 auto;
+ position: relative;
+ display: block;
+ max-width: 1730px;
+ padding: 0 15px;
+ margin: 0 auto;
}
.banner-style1__inner-content {
- position: relative;
- display: block;
- overflow: hidden;
+ position: relative;
+ display: block;
+ overflow: hidden;
}
.banner-style1 .banner-bg-slide {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-size: auto;
- background-repeat: no-repeat;
- background-position: left top;
- height: 100% !important;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: left top;
+ height: 100% !important;
}
.banner-style1 .container {
- max-width: 100%;
- padding: 0;
+ max-width: 100%;
+ padding: 0;
}
.banner-style1__content {
- position: relative;
- display: block;
- overflow: hidden;
- padding: 115px 0 246.22px;
- z-index: 2;
+ position: relative;
+ display: block;
+ overflow: hidden;
+ padding: 115px 0 246.22px;
+ z-index: 2;
}
.banner-style1__content-inner {
- position: relative;
- display: block;
- max-width: 570px;
- width: 100%;
- float: right;
- padding-right: 80px;
+ position: relative;
+ display: block;
+ max-width: 570px;
+ width: 100%;
+ float: right;
+ padding-right: 80px;
}
.banner-style1__content .big-title {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.banner-style1__content .big-title h2 {
- color: #ffffff;
- font-size: 58px;
- line-height: 1.2em;
- font-weight: 900;
- text-transform: capitalize;
- font-family: var(--thm-font-2);
+ color: #ffffff;
+ font-size: 58px;
+ line-height: 1.2em;
+ font-weight: 900;
+ text-transform: capitalize;
+ font-family: var(--thm-font-2);
}
.banner-style1__content .text {
- position: relative;
- display: block;
- padding: 17px 0 43px;
+ position: relative;
+ display: block;
+ padding: 17px 0 43px;
}
.banner-style1__content .text p {
- color: #ffffff;
- font-size: 20px;
- line-height: 30px;
- font-weight: 600;
+ color: #ffffff;
+ font-size: 20px;
+ line-height: 30px;
+ font-weight: 600;
}
.banner-style1__content .btn-box {
- display: block;
+ display: block;
}
/*--------------------------------------------------------------
# Banner Style2 Css
--------------------------------------------------------------*/
.banner-style2 {
- position: relative;
- display: block;
- background-color: #090d30;
- z-index: 10;
+ position: relative;
+ display: block;
+ background-color: #090d30;
+ z-index: 10;
}
.banner-style2__bg {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- background-attachment: scroll;
- background-repeat: no-repeat;
- background-size: cover;
- background-position: top center;
- z-index: -1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background-attachment: scroll;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: top center;
+ z-index: -1;
}
.banner-style2 .container {
- max-width: 1400px;
+ max-width: 1400px;
}
.banner-style2__content {
- position: relative;
- display: block;
- overflow: hidden;
- z-index: 2;
+ position: relative;
+ display: block;
+ overflow: hidden;
+ z-index: 2;
}
.banner-style2__content-inner {
- position: relative;
- display: block;
- max-width: 570px;
- width: 100%;
- padding: 240px 0 230px;
- z-index: 2;
+ position: relative;
+ display: block;
+ max-width: 570px;
+ width: 100%;
+ padding: 240px 0 230px;
+ z-index: 2;
}
.banner-style2__content .sub-title {
- position: relative;
- display: inline-flex;
- align-items: center;
- background-color: rgba(9, 13, 48, 0.5);
- padding: 4px 30px 3px;
- border-radius: 16px;
- margin-bottom: 23px;
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ background-color: rgba(9, 13, 48, 0.5);
+ padding: 4px 30px 3px;
+ border-radius: 16px;
+ margin-bottom: 23px;
}
.banner-style2__content .sub-title h5 {
- color: #ffffff;
- font-size: 15px;
- line-height: 26px;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.1em;
+ color: #ffffff;
+ font-size: 15px;
+ line-height: 26px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
}
.banner-style2__content .big-title {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.banner-style2__content .big-title h2 {
- color: #ffffff;
- font-size: 63px;
- line-height: 1.2em;
- font-weight: 900;
- text-transform: capitalize;
- font-family: var(--thm-font-2);
+ color: #ffffff;
+ font-size: 63px;
+ line-height: 1.2em;
+ font-weight: 900;
+ text-transform: capitalize;
+ font-family: var(--thm-font-2);
}
.banner-style2__content .text {
- position: relative;
- display: block;
- padding: 26px 0 43px;
+ position: relative;
+ display: block;
+ padding: 26px 0 43px;
}
.banner-style2__content .text p {
- color: #ffffff;
- font-size: 20px;
- line-height: 30px;
- font-weight: 600;
+ color: #ffffff;
+ font-size: 20px;
+ line-height: 30px;
+ font-weight: 600;
}
.banner-style2__content .btn-box {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
.banner-style2__content .btn-box .icon {
- position: relative;
- display: block;
- margin-left: 55px;
+ position: relative;
+ display: block;
+ margin-left: 55px;
}
.schedule-appointment-box {
- position: absolute;
- bottom: 30px;
- right: 0;
- display: block;
- max-width: 770px;
- width: 100%;
+ position: absolute;
+ bottom: 30px;
+ right: 0;
+ display: block;
+ max-width: 770px;
+ width: 100%;
}
.schedule-appointment-box .banner-style2__img-box {
- position: absolute;
- left: 0;
- bottom: -40px;
+ position: absolute;
+ left: 0;
+ bottom: -40px;
}
.schedule-appointment-box__form {
- position: relative;
- display: block;
- max-width: 355px;
- width: 100%;
- float: right;
- background-image: -moz-linear-gradient(0deg, rgb(217, 4, 41) 0%, rgb(217, 24, 23) 57%, rgb(217, 44, 4) 100%);
- background-image: -webkit-linear-gradient(0deg, rgb(217, 4, 41) 0%, rgb(217, 24, 23) 57%, rgb(217, 44, 4) 100%);
- background-image: -ms-linear-gradient(0deg, rgb(217, 4, 41) 0%, rgb(217, 24, 23) 57%, rgb(217, 44, 4) 100%);
- border-top-left-radius: 8px;
- border-top-right-radius: 8px;
+ position: relative;
+ display: block;
+ max-width: 355px;
+ width: 100%;
+ float: right;
+ background-image: -moz-linear-gradient(
+ 0deg,
+ rgb(217, 4, 41) 0%,
+ rgb(217, 24, 23) 57%,
+ rgb(217, 44, 4) 100%
+ );
+ background-image: -webkit-linear-gradient(
+ 0deg,
+ rgb(217, 4, 41) 0%,
+ rgb(217, 24, 23) 57%,
+ rgb(217, 44, 4) 100%
+ );
+ background-image: -ms-linear-gradient(
+ 0deg,
+ rgb(217, 4, 41) 0%,
+ rgb(217, 24, 23) 57%,
+ rgb(217, 44, 4) 100%
+ );
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
}
.schedule-appointment-box__form .top-title {
- position: relative;
- display: block;
- text-align: center;
- padding: 31px 0 21px;
- z-index: 1;
+ position: relative;
+ display: block;
+ text-align: center;
+ padding: 31px 0 21px;
+ z-index: 1;
}
.schedule-appointment-box__form .top-title h2 {
- color: #ffffff;
- font-size: 40px;
- line-height: 30px;
- font-weight: 700;
- font-style: italic;
- margin: 0 0 5px;
- font-family: var(--thm-font-4);
+ color: #ffffff;
+ font-size: 40px;
+ line-height: 30px;
+ font-weight: 700;
+ font-style: italic;
+ margin: 0 0 5px;
+ font-family: var(--thm-font-4);
}
.schedule-appointment-box__form .top-title h2 span {
- font-size: 24px;
- font-weight: 500;
- font-style: normal;
- font-family: var(--thm-font);
+ font-size: 24px;
+ font-weight: 500;
+ font-style: normal;
+ font-family: var(--thm-font);
}
.schedule-appointment-box__form .top-title .icon {
- position: relative;
- display: block;
- padding-top: 14px;
+ position: relative;
+ display: block;
+ padding-top: 14px;
}
.schedule-appointment-box__form form {
- position: relative;
- display: block;
- padding: 0px 30px 30px;
+ position: relative;
+ display: block;
+ padding: 0px 30px 30px;
}
.schedule-appointment-box__form form .row {
- --bs-gutter-x: 10px;
+ --bs-gutter-x: 10px;
}
.schedule-appointment-box__form form .form-group {
- position: relative;
- display: block;
- padding-bottom: 10px;
+ position: relative;
+ display: block;
+ padding-bottom: 10px;
}
.schedule-appointment-box__form form .input-box {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.schedule-appointment-box__form form input[type="text"],
.schedule-appointment-box__form form input[type="email"],
.schedule-appointment-box__form form textarea {
- position: relative;
- display: block;
- background: rgba(255, 255, 255, 0.2);
- border: 0px solid #ffffff;
- width: 100%;
- height: 45px;
- color: #ffffff;
- font-size: 16px;
- font-weight: 400;
- font-style: normal;
- padding-left: 20px;
- padding-right: 20px;
- border-radius: 0px;
- transition: all 500ms ease;
- font-family: var(--thm-font);
+ position: relative;
+ display: block;
+ background: rgba(255, 255, 255, 0.2);
+ border: 0px solid #ffffff;
+ width: 100%;
+ height: 45px;
+ color: #ffffff;
+ font-size: 16px;
+ font-weight: 400;
+ font-style: normal;
+ padding-left: 20px;
+ padding-right: 20px;
+ border-radius: 0px;
+ transition: all 500ms ease;
+ font-family: var(--thm-font);
}
.schedule-appointment-box__form form input[type="text"]:focus,
.schedule-appointment-box__form form input[type="email"]:focus,
.schedule-appointment-box__form form textarea:focus {
- outline: none;
+ outline: none;
}
.schedule-appointment-box__form form textarea {
- height: 115px;
- padding-top: 9px;
- padding-left: 20px;
- padding-right: 20px;
- padding-bottom: 10px;
+ height: 115px;
+ padding-top: 9px;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-bottom: 10px;
}
-.schedule-appointment-box__form form input[type="text"]::-webkit-input-placeholder {
- color: #ffffff;
+.schedule-appointment-box__form
+ form
+ input[type="text"]::-webkit-input-placeholder {
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="text"]:-moz-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="text"]::-moz-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="text"]:-ms-input-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
-.schedule-appointment-box__form form input[type="email"]::-webkit-input-placeholder {
- color: #ffffff;
+.schedule-appointment-box__form
+ form
+ input[type="email"]::-webkit-input-placeholder {
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="email"]:-moz-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="email"]::-moz-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
.schedule-appointment-box__form form input[type="email"]:-ms-input-placeholder {
- color: #ffffff;
+ color: #ffffff;
}
.schedule-appointment-box__form form .button-box {
- position: relative;
- display: block;
- padding-top: 10px;
+ position: relative;
+ display: block;
+ padding-top: 10px;
}
.schedule-appointment-box__form form .button-box button {
- width: 100%;
- border-radius: 0;
+ width: 100%;
+ border-radius: 0;
}
.schedule-appointment-box__form form .button-box button:hover {
- color: #0d0c20;
+ color: #0d0c20;
}
.schedule-appointment-box__form form .button-box button:after {
- background-color: #0d0c20;
- background-image: none;
- border-radius: 0;
+ background-color: #0d0c20;
+ background-image: none;
+ border-radius: 0;
}
.schedule-appointment-box__form form .button-box button:before {
- background-color: #ffffff;
+ background-color: #ffffff;
}
/*--------------------------------------------------------------
# Banner Style3 Css
--------------------------------------------------------------*/
.banner-style3 {
- position: relative;
- display: block;
- background-color: #0a1c40;
- z-index: 10;
+ position: relative;
+ display: block;
+ background-color: #0a1c40;
+ z-index: 10;
}
.banner-style3__content {
- position: relative;
- display: block;
- overflow: hidden;
- z-index: 2;
+ position: relative;
+ display: block;
+ overflow: hidden;
+ z-index: 2;
}
.banner-style3__content-inner {
- position: relative;
- display: block;
- max-width: 450px;
- width: 100%;
- padding: 146px 0 220px;
- z-index: 2;
+ position: relative;
+ display: block;
+ max-width: 450px;
+ width: 100%;
+ padding: 146px 0 220px;
+ z-index: 2;
}
.banner-style3__content .big-title {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.banner-style3__content .big-title h2 {
- color: #ffffff;
- font-size: 50px;
- line-height: 0.9em;
- font-weight: 700;
- text-transform: capitalize;
- font-family: var(--thm-font-2);
+ color: #ffffff;
+ font-size: 50px;
+ line-height: 0.9em;
+ font-weight: 700;
+ text-transform: capitalize;
+ font-family: var(--thm-font-2);
}
.banner-style3__content .big-title h2 span {
- font-size: 32px;
- font-weight: 500;
+ font-size: 32px;
+ font-weight: 500;
}
.banner-style3__content .btn-box {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.banner-style3__content .text {
- position: relative;
- display: block;
- padding: 22px 0 43px;
+ position: relative;
+ display: block;
+ padding: 22px 0 43px;
}
.banner-style3__content .text ul {
- position: relative;
- display: block;
- overflow: hidden;
+ position: relative;
+ display: block;
+ overflow: hidden;
}
.banner-style3__content .text ul li {
- position: relative;
- display: block;
- padding-left: 35px;
- color: #ffffff;
- font-size: 20px;
- font-weight: 500;
- font-family: var(--thm-font-2);
+ position: relative;
+ display: block;
+ padding-left: 35px;
+ color: #ffffff;
+ font-size: 20px;
+ font-weight: 500;
+ font-family: var(--thm-font-2);
}
.banner-style3__content .text ul li + li {
- margin-top: 10px;
+ margin-top: 10px;
}
.banner-style3__content .text ul li .icon {
- position: absolute;
- top: 0;
- left: 0;
- color: #feb831;
- font-size: 25px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ color: #feb831;
+ font-size: 25px;
}
.schedule-appointment-box--style2 {
- bottom: 0px;
- right: 0;
- max-width: 750px;
+ bottom: 0px;
+ right: 0;
+ max-width: 750px;
}
.schedule-appointment-box--style2 .shape1 {
- position: absolute;
- top: -170px;
- left: -130px;
+ position: absolute;
+ top: -170px;
+ left: -130px;
}
.schedule-appointment-box--style2 .img-box {
- position: absolute;
- left: -280px;
- bottom: 20px;
- z-index: -1;
+ position: absolute;
+ left: -280px;
+ bottom: 20px;
+ z-index: -1;
}
.schedule-appointment-box--style2 .banner-style2__img-box {
- position: absolute;
- left: 0;
- bottom: 0px;
+ position: absolute;
+ left: 0;
+ bottom: 0px;
}
.schedule-appointment-box--style2 .schedule-appointment-box__form {
- background-image: none;
- background-color: #1776dc;
+ background-image: none;
+ background-color: #1776dc;
}
.schedule-appointment-box--style2 .schedule-appointment-box__form form {
- padding: 0px 30px 40px;
+ padding: 0px 30px 40px;
}
.schedule-appointment-box--style2 .schedule-appointment-box__form .top-title {
- padding: 31px 0 19px;
+ padding: 31px 0 19px;
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form input[type="text"],
-.schedule-appointment-box--style2 .schedule-appointment-box__form form input[type="email"],
-.schedule-appointment-box--style2 .schedule-appointment-box__form form textarea {
- position: relative;
- display: block;
- background: #0569d1;
- border: 1px solid #2f84e0;
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ input[type="text"],
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ input[type="email"],
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ textarea {
+ position: relative;
+ display: block;
+ background: #0569d1;
+ border: 1px solid #2f84e0;
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form .select-box {
- position: relative;
- display: block;
- width: 100%;
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ .select-box {
+ position: relative;
+ display: block;
+ width: 100%;
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form .nice-select {
- position: relative;
- display: block;
- background-color: #0569d1;
- border-radius: 0px;
- border: solid 1px #2f84e0;
- width: 100%;
- height: 45px;
- color: #ffffff;
- font-size: 16px;
- font-weight: 400;
- line-height: 43px;
- outline: none;
- padding-left: 20px;
- padding-right: 20px;
- transition: all 0.2s ease-in-out;
- font-family: var(--thm-font);
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ .nice-select {
+ position: relative;
+ display: block;
+ background-color: #0569d1;
+ border-radius: 0px;
+ border: solid 1px #2f84e0;
+ width: 100%;
+ height: 45px;
+ color: #ffffff;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 43px;
+ outline: none;
+ padding-left: 20px;
+ padding-right: 20px;
+ transition: all 0.2s ease-in-out;
+ font-family: var(--thm-font);
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form .nice-select:after {
- position: absolute;
- content: "\e926";
- font-family: "icomoon" !important;
- color: #2f84e0;
- font-size: 12px;
- top: 0px;
- right: 25px;
- bottom: 0;
- margin: 0px;
- font-weight: 400;
- border: none !important;
- transform: rotate(0deg) !important;
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ .nice-select:after {
+ position: absolute;
+ content: "\e926";
+ font-family: "icomoon" !important;
+ color: #2f84e0;
+ font-size: 12px;
+ top: 0px;
+ right: 25px;
+ bottom: 0;
+ margin: 0px;
+ font-weight: 400;
+ border: none !important;
+ transform: rotate(0deg) !important;
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form .nice-select .list {
- background-color: var(--thm-black);
- border-radius: 0px;
- box-shadow: 0 0 10px rgb(0 0 0 / 10%);
- padding: 0px 0 0px;
- margin-top: 10px;
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ .nice-select
+ .list {
+ background-color: var(--thm-black);
+ border-radius: 0px;
+ box-shadow: 0 0 10px rgb(0 0 0 / 10%);
+ padding: 0px 0 0px;
+ margin-top: 10px;
}
-.schedule-appointment-box--style2 .schedule-appointment-box__form form .nice-select .option {
- padding-left: 20px;
- padding-right: 20px;
- font-size: 15px;
- line-height: 40px;
- min-height: 40px;
+.schedule-appointment-box--style2
+ .schedule-appointment-box__form
+ form
+ .nice-select
+ .option {
+ padding-left: 20px;
+ padding-right: 20px;
+ font-size: 15px;
+ line-height: 40px;
+ min-height: 40px;
}
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
- position: relative;
- display: block;
- z-index: 10;
+ position: relative;
+ display: block;
+ z-index: 10;
}
.main-slider-style1 {
- background-color: #f7f1eb;
+ background-color: #f7f1eb;
}
.main-slider .swiper-slide {
- position: relative;
+ position: relative;
}
.main-slider .container {
- position: relative;
- padding-top: 148px;
- padding-bottom: 170px;
- z-index: 30;
+ position: relative;
+ padding-top: 148px;
+ padding-bottom: 170px;
+ z-index: 30;
}
.main-slider .image-layer {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
- transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
- transition: transform 7000ms ease, opacity 1500ms ease-in;
- transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
- z-index: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
+ transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
+ transition: transform 7000ms ease, opacity 1500ms ease-in;
+ transition: transform 7000ms ease, opacity 1500ms ease-in,
+ -webkit-transform 7000ms ease;
+ z-index: 1;
}
.main-slider .swiper-slide-active .image-layer {
- -webkit-transform: scale(1);
- transform: scale(1);
+ -webkit-transform: scale(1);
+ transform: scale(1);
}
.main-slider .image-layer:before {
- position: absolute;
- top: 0px;
- right: 0;
- bottom: 0;
- width: 100%;
- content: "";
- background-color: #000000;
- opacity: 0.1;
- display: none;
- z-index: -1;
+ position: absolute;
+ top: 0px;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ content: "";
+ background-color: #000000;
+ opacity: 0.1;
+ display: none;
+ z-index: -1;
}
.main-slider .main-slider-content {
- position: relative;
- display: block;
- width: 100%;
+ position: relative;
+ display: block;
+ width: 100%;
}
.main-slider .main-slider-content__inner {
- position: relative;
- display: block;
- overflow: hidden;
+ position: relative;
+ display: block;
+ overflow: hidden;
}
.main-slider .swiper-slide {
- min-height: 750px;
+ min-height: 750px;
}
.main-slider .main-slider-content .big-title {
- position: relative;
- display: block;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -webkit-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: all 1000ms ease;
- -moz-transition: all 1000ms ease;
- -ms-transition: all 1000ms ease;
- -o-transition: all 1000ms ease;
- transition: all 1000ms ease;
- z-index: 10;
+ position: relative;
+ display: block;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ -webkit-transition: all 1000ms ease;
+ -moz-transition: all 1000ms ease;
+ -ms-transition: all 1000ms ease;
+ -o-transition: all 1000ms ease;
+ transition: all 1000ms ease;
+ z-index: 10;
}
.main-slider .swiper-slide-active .main-slider-content .big-title {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
- transform: perspective(400px) rotateY(0deg) translateY(0px);
- -webkit-transition-delay: 1000ms;
- -moz-transition-delay: 1000ms;
- -ms-transition-delay: 1000ms;
- -o-transition-delay: 1000ms;
- transition-delay: 1000ms;
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -webkit-transition-delay: 1000ms;
+ -moz-transition-delay: 1000ms;
+ -ms-transition-delay: 1000ms;
+ -o-transition-delay: 1000ms;
+ transition-delay: 1000ms;
}
.main-slider .main-slider-content .big-title h2 {
- color: #0e2735;
- font-size: 65px;
- line-height: 1.1em;
- font-weight: 900;
- text-transform: capitalize;
+ color: #0e2735;
+ font-size: 65px;
+ line-height: 1.1em;
+ font-weight: 900;
+ text-transform: capitalize;
}
.main-slider .main-slider-content .text {
- position: relative;
- display: block;
- width: 100%;
- margin-top: 19px;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateX(80px);
- transform: perspective(400px) rotateY(0deg) translateX(80px);
- -webkit-transform-origin: bottom;
- -ms-transform-origin: bottom;
- transform-origin: bottom;
- -webkit-transition: all 1000ms ease;
- -moz-transition: all 1000ms ease;
- -ms-transition: all 1000ms ease;
- -o-transition: all 1000ms ease;
- transition: all 1000ms ease;
- z-index: 10;
+ position: relative;
+ display: block;
+ width: 100%;
+ margin-top: 19px;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateX(80px);
+ transform: perspective(400px) rotateY(0deg) translateX(80px);
+ -webkit-transform-origin: bottom;
+ -ms-transform-origin: bottom;
+ transform-origin: bottom;
+ -webkit-transition: all 1000ms ease;
+ -moz-transition: all 1000ms ease;
+ -ms-transition: all 1000ms ease;
+ -o-transition: all 1000ms ease;
+ transition: all 1000ms ease;
+ z-index: 10;
}
.main-slider .swiper-slide-active .main-slider-content .text {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
- transform: perspective(400px) rotateY(0deg) translateX(0px);
- -webkit-transition-delay: 1000ms;
- -moz-transition-delay: 1000ms;
- -ms-transition-delay: 1000ms;
- -o-transition-delay: 1000ms;
- transition-delay: 1000ms;
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
+ transform: perspective(400px) rotateY(0deg) translateX(0px);
+ -webkit-transition-delay: 1000ms;
+ -moz-transition-delay: 1000ms;
+ -ms-transition-delay: 1000ms;
+ -o-transition-delay: 1000ms;
+ transition-delay: 1000ms;
}
.main-slider .main-slider-content .text p {
- color: #ffffff;
- font-size: 20px;
- line-height: 30px;
- font-weight: 600;
+ color: #ffffff;
+ font-size: 20px;
+ line-height: 30px;
+ font-weight: 600;
}
.main-slider .main-slider-content .features-box {
- position: relative;
- display: block;
- padding-top: 35px;
+ position: relative;
+ display: block;
+ padding-top: 35px;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
- transform: perspective(400px) rotateY(0deg) translateY(80px);
- -webkit-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: all 1000ms ease;
- -moz-transition: all 1000ms ease;
- -ms-transition: all 1000ms ease;
- -o-transition: all 1000ms ease;
- transition: all 1000ms ease;
- z-index: 10;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
+ transform: perspective(400px) rotateY(0deg) translateY(80px);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ -webkit-transition: all 1000ms ease;
+ -moz-transition: all 1000ms ease;
+ -ms-transition: all 1000ms ease;
+ -o-transition: all 1000ms ease;
+ transition: all 1000ms ease;
+ z-index: 10;
}
.main-slider .swiper-slide-active .main-slider-content .features-box {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
- transform: perspective(400px) rotateY(0deg) translateY(0px);
- -webkit-transition-delay: 1000ms;
- -moz-transition-delay: 1000ms;
- -ms-transition-delay: 1000ms;
- -o-transition-delay: 1000ms;
- transition-delay: 1000ms;
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -webkit-transition-delay: 1000ms;
+ -moz-transition-delay: 1000ms;
+ -ms-transition-delay: 1000ms;
+ -o-transition-delay: 1000ms;
+ transition-delay: 1000ms;
}
.main-slider .main-slider-content .features-box ul {
- position: relative;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- text-align: center;
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
}
.main-slider .main-slider-content .features-box ul li {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
.main-slider .main-slider-content .features-box ul li + li {
- margin-left: 60px;
+ margin-left: 60px;
}
.main-slider .main-slider-content .features-box ul li .icon {
- position: relative;
- display: block;
- color: var(--thm-base);
- font-size: 50px;
+ position: relative;
+ display: block;
+ color: var(--thm-base);
+ font-size: 50px;
}
.main-slider .main-slider-content .features-box ul li:nth-child(2) .icon {
- font-size: 55px;
+ font-size: 55px;
}
.main-slider .main-slider-content .features-box ul li .icon span {
- font-weight: 500;
+ font-weight: 500;
}
.main-slider .main-slider-content .features-box ul li .inner-text {
- position: relative;
- display: block;
- padding-top: 15px;
+ position: relative;
+ display: block;
+ padding-top: 15px;
}
.main-slider .main-slider-content .features-box ul li .inner-text p {
- color: #0e2735;
- font-size: 17px;
- line-height: 20px;
- font-weight: 500;
+ color: #0e2735;
+ font-size: 17px;
+ line-height: 20px;
+ font-weight: 500;
}
.main-slider .main-slider-content .btn-box {
- position: relative;
- display: block;
- line-height: 0;
- padding-top: 45px;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
- transform: perspective(400px) rotateY(0deg) translateY(80px);
- -webkit-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: all 1000ms ease;
- -moz-transition: all 1000ms ease;
- -ms-transition: all 1000ms ease;
- -o-transition: all 1000ms ease;
- transition: all 1000ms ease;
- z-index: 10;
+ position: relative;
+ display: block;
+ line-height: 0;
+ padding-top: 45px;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
+ transform: perspective(400px) rotateY(0deg) translateY(80px);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ -webkit-transition: all 1000ms ease;
+ -moz-transition: all 1000ms ease;
+ -ms-transition: all 1000ms ease;
+ -o-transition: all 1000ms ease;
+ transition: all 1000ms ease;
+ z-index: 10;
}
.main-slider .swiper-slide-active .main-slider-content .btn-box {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
- transform: perspective(400px) rotateY(0deg) translateY(0px);
- -webkit-transition-delay: 1500ms;
- -moz-transition-delay: 1500ms;
- -ms-transition-delay: 1500ms;
- -o-transition-delay: 1500ms;
- transition-delay: 1500ms;
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -webkit-transition-delay: 1500ms;
+ -moz-transition-delay: 1500ms;
+ -ms-transition-delay: 1500ms;
+ -o-transition-delay: 1500ms;
+ transition-delay: 1500ms;
}
.main-slider .main-slider-content .btns-box a {
}
.main-slider__nav {
- position: absolute;
- top: 0;
- right: 40px;
- bottom: 0px;
- transform: translateY(0%) translateX(0);
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- z-index: 100;
+ position: absolute;
+ top: 0;
+ right: 40px;
+ bottom: 0px;
+ transform: translateY(0%) translateX(0);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ z-index: 100;
}
.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
- position: relative;
- top: auto;
- left: auto;
- right: auto;
- bottom: auto;
- width: 60px;
- height: 60px;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 20px;
- color: rgba(9, 13, 48, 0.5);
- background-color: rgba(255, 255, 255, 0.4);
- border-radius: 0%;
- border-top-left-radius: 15px;
- border-bottom-right-radius: 15px;
- margin: 10px 0;
- text-align: center;
- transition: all 500ms ease;
- z-index: 100;
+ position: relative;
+ top: auto;
+ left: auto;
+ right: auto;
+ bottom: auto;
+ width: 60px;
+ height: 60px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 20px;
+ color: rgba(9, 13, 48, 0.5);
+ background-color: rgba(255, 255, 255, 0.4);
+ border-radius: 0%;
+ border-top-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+ margin: 10px 0;
+ text-align: center;
+ transition: all 500ms ease;
+ z-index: 100;
}
.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
- color: #ffffff;
- background-color: var(--thm-base);
+ color: #ffffff;
+ background-color: var(--thm-base);
}
.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
- display: none;
+ display: none;
}
.main-slider__nav .swiper-button-prev {
- transform: rotate(0deg);
+ transform: rotate(0deg);
}
.main-slider__nav .swiper-button-prev .angle-left {
- position: relative;
- transform: rotate(0deg);
+ position: relative;
+ transform: rotate(0deg);
}
/*--------------------------------------------------------------
# Main Slider Style2
--------------------------------------------------------------*/
.main-slider-style2 {
- position: relative;
+ position: relative;
}
.main-slider-style2 .container {
- margin: auto;
+ margin: auto;
}
.main-slider-style2 .main-slider-content__inner {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: flex-start;
- text-align: left;
- max-width: 800px;
- float: right;
- margin-right: -100px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ max-width: 800px;
+ float: right;
+ margin-right: -100px;
}
.main-slider-style2 .main-slider-content__inner .sub-title-box {
- position: relative;
- display: block;
- padding-bottom: 13px;
+ position: relative;
+ display: block;
+ padding-bottom: 13px;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -webkit-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: all 1500ms ease;
- -moz-transition: all 1500ms ease;
- -ms-transition: all 1500ms ease;
- -o-transition: all 1500ms ease;
- transition: all 1500ms ease;
- z-index: 10;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ -webkit-transition: all 1500ms ease;
+ -moz-transition: all 1500ms ease;
+ -ms-transition: all 1500ms ease;
+ -o-transition: all 1500ms ease;
+ transition: all 1500ms ease;
+ z-index: 10;
}
-.main-slider-style2 .swiper-slide-active .main-slider-content__inner .sub-title-box {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
- transform: perspective(400px) rotateY(0deg) translateY(0px);
- -webkit-transition-delay: 1000ms;
- -moz-transition-delay: 1000ms;
- -ms-transition-delay: 1000ms;
- -o-transition-delay: 1000ms;
- transition-delay: 1000ms;
+.main-slider-style2
+ .swiper-slide-active
+ .main-slider-content__inner
+ .sub-title-box {
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -webkit-transition-delay: 1000ms;
+ -moz-transition-delay: 1000ms;
+ -ms-transition-delay: 1000ms;
+ -o-transition-delay: 1000ms;
+ transition-delay: 1000ms;
}
.main-slider-style2 .main-slider-content__inner .sub-title-box ul {
- position: relative;
- display: block;
- overflow: hidden;
+ position: relative;
+ display: block;
+ overflow: hidden;
}
.main-slider-style2 .main-slider-content__inner .sub-title-box ul li {
- position: relative;
- display: block;
- float: left;
- padding-right: 15px;
- margin-right: 10px;
- line-height: 24px;
+ position: relative;
+ display: block;
+ float: left;
+ padding-right: 15px;
+ margin-right: 10px;
+ line-height: 24px;
}
.main-slider-style2 .main-slider-content__inner .sub-title-box ul li:before {
- content: "";
- position: absolute;
- top: 13px;
- right: 0;
- width: 5px;
- height: 1px;
- background-color: #ae1e1e;
+ content: "";
+ position: absolute;
+ top: 13px;
+ right: 0;
+ width: 5px;
+ height: 1px;
+ background-color: #ae1e1e;
}
-.main-slider-style2 .main-slider-content__inner .sub-title-box ul li:last-child {
- margin-right: 0;
- padding-right: 0;
+.main-slider-style2
+ .main-slider-content__inner
+ .sub-title-box
+ ul
+ li:last-child {
+ margin-right: 0;
+ padding-right: 0;
}
-.main-slider-style2 .main-slider-content__inner .sub-title-box ul li:last-child::before {
- display: none;
+.main-slider-style2
+ .main-slider-content__inner
+ .sub-title-box
+ ul
+ li:last-child::before {
+ display: none;
}
.main-slider-style2 .main-slider-content__inner .sub-title-box ul li a {
- color: #ae1e1e;
- font-size: 14px;
- font-weight: 900;
- text-transform: uppercase;
- font-family: var(--thm-font-2);
+ color: #0b67b4;
+ font-size: 14px;
+ font-weight: 900;
+ text-transform: uppercase;
+ font-family: var(--thm-font-2);
}
.main-slider-style2 .main-slider-content .big-title h2 {
- color: oklch(0.985 0 0);
- font-size: 60px;
- line-height: 1.1em;
- font-weight: 900;
+ color: oklch(0.985 0 0);
+ font-size: 60px;
+ line-height: 1.1em;
+ font-weight: 900;
}
.main-slider-style2 .main-slider-content .btn-box {
- padding-top: 43px;
+ padding-top: 43px;
}
/*--------------------------------------------------------------
# Main Slider Style3
--------------------------------------------------------------*/
.main-slider-style3 {
- position: relative;
+ position: relative;
}
.main-slider-style3 .container {
- padding-top: 280px;
- padding-bottom: 210px;
+ padding-top: 280px;
+ padding-bottom: 210px;
}
.main-slider-style3 .main-slider-content__inner .sub-title-box {
- position: relative;
- display: block;
- padding-bottom: 22px;
- opacity: 0;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
- transform: perspective(400px) rotateY(0deg) translateY(-80px);
- -webkit-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: all 1500ms ease;
- -moz-transition: all 1500ms ease;
- -ms-transition: all 1500ms ease;
- -o-transition: all 1500ms ease;
- transition: all 1500ms ease;
- z-index: 10;
+ position: relative;
+ display: block;
+ padding-bottom: 22px;
+ opacity: 0;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ transform: perspective(400px) rotateY(0deg) translateY(-80px);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ -webkit-transition: all 1500ms ease;
+ -moz-transition: all 1500ms ease;
+ -ms-transition: all 1500ms ease;
+ -o-transition: all 1500ms ease;
+ transition: all 1500ms ease;
+ z-index: 10;
}
-.main-slider-style3 .swiper-slide-active .main-slider-content__inner .sub-title-box {
- opacity: 1;
- -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
- -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
- transform: perspective(400px) rotateY(0deg) translateY(0px);
- -webkit-transition-delay: 1000ms;
- -moz-transition-delay: 1000ms;
- -ms-transition-delay: 1000ms;
- -o-transition-delay: 1000ms;
- transition-delay: 1000ms;
+.main-slider-style3
+ .swiper-slide-active
+ .main-slider-content__inner
+ .sub-title-box {
+ opacity: 1;
+ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
+ transform: perspective(400px) rotateY(0deg) translateY(0px);
+ -webkit-transition-delay: 1000ms;
+ -moz-transition-delay: 1000ms;
+ -ms-transition-delay: 1000ms;
+ -o-transition-delay: 1000ms;
+ transition-delay: 1000ms;
}
.main-slider-style3 .main-slider-content__inner .sub-title-box h3 {
- position: relative;
- display: inline-block;
- background-color: var(--thm-base);
- padding: 10px 35px 9px;
- border-radius: 20px;
- color: #ffffff;
- font-size: 15px;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.1em;
+ position: relative;
+ display: inline-block;
+ background-color: var(--thm-base);
+ padding: 10px 35px 9px;
+ border-radius: 20px;
+ color: #ffffff;
+ font-size: 15px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
}
.main-slider-style3 .main-slider-content .text p {
- color: #ffffff;
- font-size: 20px;
- line-height: 30px;
- font-weight: 400;
+ color: #ffffff;
+ font-size: 20px;
+ line-height: 30px;
+ font-weight: 400;
}
.main-slider-style3 .main-slider-content .big-title h2 {
- color: #ffffff;
- font-size: 70px;
- line-height: 1.05em;
- font-weight: 900;
+ color: #ffffff;
+ font-size: 70px;
+ line-height: 1.05em;
+ font-weight: 900;
}
.main-slider-style3 .main-slider-content .btn-box {
- padding-top: 43px;
+ padding-top: 43px;
}
.main-slider-style3 .main-slider-content .btn-box a:after {
- background-image: none;
- background-color: #1d1d1d;
+ background-image: none;
+ background-color: #1d1d1d;
}
.two-btn {
- position: relative;
- display: flex;
- align-items: center;
- flex-direction: column;
- margin: auto;
-
+ position: relative;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ margin: auto;
}
.schedule-btn {
- border-radius: 5px 5px 0 0 !important;
+ border-radius: 5px 5px 0 0 !important;
}
.schedule-btn::after {
- border-radius: 5px 5px 0 0 !important;
+ border-radius: 5px 5px 0 0 !important;
}
.discount-badge {
- background: rgba(255, 255, 255, 0.95);
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 7px;
- border-radius: 0 0 5px 5px;
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
- border-top: 1px solid rgba(0, 0, 0, 0.05);
+ background: rgba(255, 255, 255, 0.95);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 7px;
+ border-radius: 0 0 5px 5px;
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.original-price {
- color: #7a7a7a;
- text-decoration: line-through;
- margin-right: 10px;
- font-size: 16px;
+ color: #7a7a7a;
+ text-decoration: line-through;
+ margin-right: 10px;
+ font-size: 16px;
}
.sale-price {
- color: #d90429;
- font-weight: bold;
- font-size: 20px;
- margin-right: 10px;
+ color: #d90429;
+ font-weight: bold;
+ font-size: 20px;
+ margin-right: 10px;
}
.discount-tag {
- background: linear-gradient(to right, #e74c3c, #ff6b6b);
- color: white;
- padding: 10px 5px;
- border-radius: 4px;
- font-weight: bold;
- font-size: 14px;
- box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3);
+ background: linear-gradient(to right, #e74c3c, #ff6b6b);
+ color: white;
+ padding: 10px 5px;
+ border-radius: 4px;
+ font-weight: bold;
+ font-size: 14px;
+ box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3);
}
/*** End Css **/
diff --git a/assets/images/logo/air.png b/assets/images/logo/air.png
new file mode 100644
index 0000000..c726518
Binary files /dev/null and b/assets/images/logo/air.png differ
diff --git a/blog-detail.html b/blog-detail.html
index c011902..0e9e639 100644
--- a/blog-detail.html
+++ b/blog-detail.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/blog.html b/blog.html
index 333d18a..e3bc49c 100644
--- a/blog.html
+++ b/blog.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/commercial-hvac.html b/commercial-hvac.html
index cf64022..0c6ddb5 100644
--- a/commercial-hvac.html
+++ b/commercial-hvac.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/commercial-plumbing-service.html b/commercial-plumbing-service.html
index 247d95d..10cafd7 100644
--- a/commercial-plumbing-service.html
+++ b/commercial-plumbing-service.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/contact-us.html b/contact-us.html
index fceb37a..93d1bda 100644
--- a/contact-us.html
+++ b/contact-us.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/ductless-ac.html b/ductless-ac.html
index e353e3e..eb2b170 100644
--- a/ductless-ac.html
+++ b/ductless-ac.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/hydro-jetting.html b/hydro-jetting.html
index bc6a456..36aad24 100644
--- a/hydro-jetting.html
+++ b/hydro-jetting.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/index.html b/index.html
index a09c9f6..cc2517e 100644
--- a/index.html
+++ b/index.html
@@ -9,19 +9,19 @@
@@ -282,7 +282,7 @@
diff --git a/maintenance-program.html b/maintenance-program.html
index 2c60dc7..852bd6f 100644
--- a/maintenance-program.html
+++ b/maintenance-program.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/plumbing-detail.html b/plumbing-detail.html
index ad298af..ad0b43b 100644
--- a/plumbing-detail.html
+++ b/plumbing-detail.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/plumbing-inspection.html b/plumbing-inspection.html
index 5c41c27..2c8558e 100644
--- a/plumbing-inspection.html
+++ b/plumbing-inspection.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/plumbing-repair.html b/plumbing-repair.html
index 34b11a5..610c34a 100644
--- a/plumbing-repair.html
+++ b/plumbing-repair.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/plumbing.html b/plumbing.html
index 3d2b163..ebfc27d 100644
--- a/plumbing.html
+++ b/plumbing.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/service-area.html b/service-area.html
index 257025a..37fae77 100644
--- a/service-area.html
+++ b/service-area.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/service-detail.html b/service-detail.html
index 6c23ccb..24ccc91 100644
--- a/service-detail.html
+++ b/service-detail.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/services.html b/services.html
index dc598f8..01d6c40 100644
--- a/services.html
+++ b/services.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/slab-leak-detection.html b/slab-leak-detection.html
index e478341..53f5e59 100644
--- a/slab-leak-detection.html
+++ b/slab-leak-detection.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/tankless-water-heaters.html b/tankless-water-heaters.html
index 6c94f2d..ae8c069 100644
--- a/tankless-water-heaters.html
+++ b/tankless-water-heaters.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/testimonials.html b/testimonials.html
index 952c744..c3eb6d4 100644
--- a/testimonials.html
+++ b/testimonials.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/under-slab-plumbing.html b/under-slab-plumbing.html
index 8d042e9..3e86e6d 100644
--- a/under-slab-plumbing.html
+++ b/under-slab-plumbing.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
diff --git a/water-heaters.html b/water-heaters.html
index 8fd3a7a..a1f1ca7 100644
--- a/water-heaters.html
+++ b/water-heaters.html
@@ -8,19 +8,19 @@
@@ -163,7 +163,7 @@
+ 