Changeset 2371812

Timestamp:

08/30/2020 08:00:15 AM (5 years ago)

Author:

kitbug

Message:

option added

Location:

kahaf-kit

Files:

• tags/1.0/assets/css/kahaf-kit-design.css (modified) (136 diffs)
• tags/1.0/e-addons/addons-list/about.php (modified) (2 diffs)
• tags/1.0/e-addons/addons-list/banner.php (modified) (3 diffs)
• tags/1.0/e-addons/addons-list/map-form.php (modified) (1 diff)
• tags/1.0/e-addons/addons-list/newsletters.php (modified) (2 diffs)
• tags/1.0/e-addons/addons-list/services.php (modified) (2 diffs)
• tags/1.0/e-addons/addons-list/sponsors.php (modified) (1 diff)
• tags/1.0/e-addons/addons-list/why-us.php (modified) (3 diffs)
• tags/1.0/e-addons/assets/js/layout-script.js (modified) (1 diff)
• trunk/assets (deleted)
• trunk/e-addons (deleted)
• trunk/function (deleted)
• trunk/kahaf-kit (added)
• trunk/kahaf-kit/assets (added)
• trunk/kahaf-kit/assets/css (added)
• trunk/kahaf-kit/assets/css/animate.css (added)
• trunk/kahaf-kit/assets/css/bootstrap.css (added)
• trunk/kahaf-kit/assets/css/kahaf-kit-design.css (added)
• trunk/kahaf-kit/assets/css/lity.css (added)
• trunk/kahaf-kit/assets/css/owl-carousel.css (added)
• trunk/kahaf-kit/assets/css/owl-theme.css (added)
• trunk/kahaf-kit/assets/js (added)
• trunk/kahaf-kit/assets/js/bootstrap.js (added)
• trunk/kahaf-kit/assets/js/counterup.js (added)
• trunk/kahaf-kit/assets/js/kahaf-kit-design-js.js (added)
• trunk/kahaf-kit/assets/js/lity.js (added)
• trunk/kahaf-kit/assets/js/owl-carousel.js (added)
• trunk/kahaf-kit/assets/js/popper.js (added)
• trunk/kahaf-kit/assets/js/waypoints.js (added)
• trunk/kahaf-kit/assets/js/wow.js (added)
• trunk/kahaf-kit/e-addons (added)
• trunk/kahaf-kit/e-addons/addons-cat (added)
• trunk/kahaf-kit/e-addons/addons-cat/addons-cat.php (added)
• trunk/kahaf-kit/e-addons/addons-class (added)
• trunk/kahaf-kit/e-addons/addons-class/addons-class.php (added)
• trunk/kahaf-kit/e-addons/addons-element (added)
• trunk/kahaf-kit/e-addons/addons-element/addons-element.php (added)
• trunk/kahaf-kit/e-addons/addons-icon (added)
• trunk/kahaf-kit/e-addons/addons-icon/addons-icon.php (added)
• trunk/kahaf-kit/e-addons/addons-list (added)
• trunk/kahaf-kit/e-addons/addons-list/about.php (added)
• trunk/kahaf-kit/e-addons/addons-list/banner.php (added)
• trunk/kahaf-kit/e-addons/addons-list/blog.php (added)
• trunk/kahaf-kit/e-addons/addons-list/contact-info.php (added)
• trunk/kahaf-kit/e-addons/addons-list/faq.php (added)
• trunk/kahaf-kit/e-addons/addons-list/footer-menu.php (added)
• trunk/kahaf-kit/e-addons/addons-list/gallery.php (added)
• trunk/kahaf-kit/e-addons/addons-list/header-settings.php (added)
• trunk/kahaf-kit/e-addons/addons-list/info.php (added)
• trunk/kahaf-kit/e-addons/addons-list/map-form.php (added)
• trunk/kahaf-kit/e-addons/addons-list/newsletters.php (added)
• trunk/kahaf-kit/e-addons/addons-list/review.php (added)
• trunk/kahaf-kit/e-addons/addons-list/service-active.php (added)
• trunk/kahaf-kit/e-addons/addons-list/services-header.php (added)
• trunk/kahaf-kit/e-addons/addons-list/services.php (added)
• trunk/kahaf-kit/e-addons/addons-list/sidebar-action.php (added)
• trunk/kahaf-kit/e-addons/addons-list/sponsors.php (added)
• trunk/kahaf-kit/e-addons/addons-list/stat-testominials.php (added)
• trunk/kahaf-kit/e-addons/addons-list/statistic.php (added)
• trunk/kahaf-kit/e-addons/addons-list/team.php (added)
• trunk/kahaf-kit/e-addons/addons-list/why-us.php (added)
• trunk/kahaf-kit/e-addons/addons-template (added)
• trunk/kahaf-kit/e-addons/addons-template/kahaf-kit-elementor-lib.php (added)
• trunk/kahaf-kit/e-addons/assets (added)
• trunk/kahaf-kit/e-addons/assets/icon (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts/Flaticon.eot (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts/Flaticon.svg (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts/Flaticon.ttf (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts/Flaticon.woff (added)
• trunk/kahaf-kit/e-addons/assets/icon/fonts/Flaticon.woff2 (added)
• trunk/kahaf-kit/e-addons/assets/icon/kahafkit-icon.css (added)
• trunk/kahaf-kit/e-addons/assets/icon/kahafkit-icon.js (added)
• trunk/kahaf-kit/e-addons/assets/js (added)
• trunk/kahaf-kit/e-addons/assets/js/e-editor-script.js (added)
• trunk/kahaf-kit/e-addons/assets/js/layout-script.js (added)
• trunk/kahaf-kit/e-addons/kahafkit-addons.php (added)
• trunk/kahaf-kit/function (added)
• trunk/kahaf-kit/function/kahafkit-post-function.php (added)
• trunk/kahaf-kit/function/kahafkit-scripts.php (added)
• trunk/kahaf-kit/kahaf-kit.php (moved) (moved from kahaf-kit/trunk/kahaf-kit.php)
• trunk/kahaf-kit/readme.txt (moved) (moved from kahaf-kit/trunk/readme.txt)

kahaf-kit/tags/1.0/assets/css/kahaf-kit-design.css

@@ -17 +17 @@
 */
 /* :: Body */
+:root {
+    --title-font: 'Poppins', sans-serif;
+    --content-font: 'Roboto', sans-serif;
+    --color-white: #fdf8f4;
+    --color-dark: #223645;
+    --color-high-dark: #000257;
+    --color-light: #666666;
+    --color-light-two: #ffcfa8;
+    --color-light-three: #fbf0e6;
+    --color-light-five: #ffefe2;
+    --color-shado-color: #ff7b0012;
+    --color-dark-two: #000257;
+    --color-light-four: #ffefe2; }
+  
 body {
     position: relative;
@@ -23 +37 @@
     font-family: 'Roboto', sans-serif;
     line-height: 22px;
-    background-color: #FFFFFF;
+    background-color: var(--color-white);
     font-size: 13px;
     font-weight: 400;
-    color: #7A8A9E;
+    color: var(--color-dark);
 }
 ul {
@@ -34 +48 @@
 }
 ::-moz-selection {
-    background-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
     text-shadow: none;
 }
 ::selection {
-    background-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
     text-shadow: none;
 }
@@ -48 +62 @@
 button:focus {
     text-decoration: none;
-    color: #FFF;
+    color: var(--color-white);
 }
 
@@ -63 +77 @@
 }
 p {
-    color: #7A8A9E;
+    color: var(--color-light);
     font-size: 14px;
     font-weight: 400;
@@ -120 +134 @@
     position: relative;
     z-index: 0;
-    color: #3156A3;
+    color: var(--color-dark-two);
     font-size: 15px;
     font-weight: 600;
     line-height: 1.1;
     letter-spacing: 2px;
-    margin-left: 35px;
-}
-.sec-title h2:after{
-    content: '';
-    position: absolute;
-    background-color: #3156A3;
-    width: 30px;
-    height: 2px;
-    left: -35px;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-        -ms-transform: translateY(-50%);
-            transform: translateY(-50%);
-}
+}
+
 .sec-title h3{
     color: #223645;
@@ -145 +147 @@
     text-transform: capitalize;
     margin-bottom: 10px;
-    margin-top: 20px;
+    margin-top: 5px;
     line-height: 45px;
 }
 .sec-title h3 span{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .sec-title ul{
@@ -158 +160 @@
 .sec-title ul li{
     width: 30px;
-    background-color: #3156A3;
+    background-color: var(--color-dark-two);
     height: 2px;
     display: inline-block;
@@ -167 +169 @@
 }
 .sec-title p{
-    color: #7A8A9E;
+    color: var(--color-light);
     font-size: 16px;
     font-weight: 400;
@@ -175 +177 @@
 }
 .btn-1 {
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-size: 14px;
-    color: #fff;
+    color: var(--color-white);
     text-transform: capitalize;
     padding: 0 40px;
@@ -188 +190 @@
     text-align: center;
     font-weight: 600;
-    border: 2px solid #42B3E5;
+    border: 2px solid var(--color-high-dark);
     border-radius: 5px;
 }
@@ -196 +198 @@
 }
 .btn-2 {
-    background-color: #3156A3;
-    font-size: 14px;
-    color: #fff;
-    text-transform: capitalize;
-    padding: 0 15px;
+    background-color: transparent;
+    font-size: 16px;
+    color: var(--color-dark);
+    text-transform: capitalize;
+    padding: 5px 20px;
     line-height: 40px;
     border-radius: 0;
@@ -209 +211 @@
     text-align: center;
     font-weight: 600;
-    border: 2px solid #3156A3;
-    border-radius: 5px;
+    border: 1px solid var(--color-light-two);
+    border-radius: 15px;
 }
 .btn-2:hover{
-    background-color: #42B3E5;
-    border: 2px solid #42B3E5;
-    color: #ffffff !important
+    background-color:  var(--color-light-three);
+    color: var(--color-dark) !important
 }
 
@@ -224 +225 @@
     width: 100%;
     height: 100%;
-    background-color: #FFF;
+    background-color: var(--color-white);
     left: 0;
     top: 0;
@@ -247 +248 @@
         -ms-flex-align: center;
             align-items: center;
-    background-color: #FFF;
+    background-color: var(--color-white);
 }
 .loading .loading-box .loader {
@@ -288 +289 @@
     width: 100%;
     height: 100%;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     border-radius: 50%;
 }
 .top-wave > div::before {
-    background-color: #3156A3;
+    background-color: var(--color-dark-two);
 }
 .top-wave > div {
@@ -475 +476 @@
 /* :: Top Bar */
 .top-bar{
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     position: relative;
     z-index: 1;
-    padding: 12px 0;
+    padding: 12px 45px;
 }
 .top-bar .contact-top-bar a{
     color: #223645;
-    font-weight: 600;
+    font-weight: 400;
     border-right: 2px solid #EAEAEA;
     padding-right: 12px;
@@ -517 +518 @@
     text-align: center;
     color: #223645;
-    border-radius: 2px;
-    background-color: #FFF;
+    border-radius: 50%;
     font-size: 14px;
     width: 35px;
     height: 35px;
     line-height: 35px;
-    border: 1px solid #EAEAEA;
 }
 .top-bar .social-media-top-bar li:hover a{
-    background-color: #42B3E5;
-    border-color: #42B3E5;
+    background-color: var(--color-high-dark);
+    border-color: var(--color-high-dark);
 }
 .top-bar .social-media-top-bar li:hover a i {
@@ -535 +534 @@
 /* :: Navbar */
 .nav-bar{
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-bottom: 1px solid #EAEAEA;
 }
 .nav-bar .nav-brand a.brand{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     font-weight: 700;
     font-size: 28px;
@@ -547 +546 @@
 }
 .nav-bar .nav-brand a.brand span{
-    color: #3156A3;
+    color: var(--color-dark-two);
 }
 .nav-bar .nav-brand .nav-bar-toggler{
@@ -585 +584 @@
 .nav-bar .nav-menu-links .menu-links .item:hover .item-link,
 .nav-bar .nav-menu-links .menu-links .item.active .item-link{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .nav-bar .nav-menu-links .menu-links .item:last-of-type .item-link{
@@ -605 +604 @@
     left: 0;
     width: 220px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
     border: 0;
-    border-top: 4px solid #42B3E5;
+    border-top: 4px solid var(--color-high-dark);
     border-radius: 0;
     padding: 0;
@@ -655 +654 @@
 .header.header-2{
     height: 795px;
-    color: #FFF;
+    color: var(--color-white);
     position: relative;
     background-position: center;
@@ -676 +675 @@
 .header .cover-background{
     height: 795px;
-    color: #FFF;
+    color: var(--color-white);
     position: relative;
     background-position: center;
@@ -697 +696 @@
 }
 .header .cover-background .banner .head-info .handline{
-    color: #FFF;
+    color: var(--color-white);
     text-transform: uppercase;
     font-weight: 800;
@@ -705 +704 @@
 }
 .header.header-2 .header-hero .head-info .handline{
-    color: #FFF;
+    color: var(--color-white);
     text-transform: uppercase;
     font-weight: 800;
@@ -745 +744 @@
     width: 45px;
     height: 45px;
-    color: #FFF;
+    color: var(--color-white);
     text-align: center;
     line-height: 45px;
@@ -761 +760 @@
     width: 45px;
     height: 45px;
-    color: #FFF;
+    color: var(--color-white);
     text-align: center;
     line-height: 45px;
@@ -777 +776 @@
 .header.header-2 .header-hero.owl-carousel .owl-nav button.owl-prev:hover,
 .header.header-2 .header-hero.owl-carousel .owl-nav button.owl-next:hover{
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     opacity: 1;
 }
@@ -795 +794 @@
     width: 20px;
     height: 10px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 2px;
     margin: 0 5px;
@@ -801 +800 @@
 .header .header-hero.owl-theme .owl-dots .owl-dot.active span,
 .header.header-2 .header-hero.owl-theme .owl-dots .owl-dot.active span{
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     width: 40px;
 }
@@ -817 +816 @@
     bottom: -50px;
     right: -50px;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     padding: 30px;
-    color: #FFF;
+    color: var(--color-white);
     border-radius: 8px;
     width: 300px;
@@ -827 +826 @@
     margin-bottom: 25px;
     text-transform: capitalize;
-    color: #FFF;
+    color: var(--color-white);
     font-size: 18px;
 }
@@ -865 +864 @@
 /* :: Services */
 .services{
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
 }
 .services .item-services{
     padding: 50px 50px 30px 50px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 5px;
 }
 .services .item-services:hover{
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
 }
 .services .item-services i{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     font-size: 50px;
     line-height: 1;
@@ -895 +894 @@
 .services .item-services p{
     margin-bottom: 0;
-    color: #7A8A9E;
+    color: var(--color-light);
     font-size: 15px;
     font-weight: 400;
@@ -940 +939 @@
 .services .services-box.owl-carousel .owl-nav button.owl-next i,
 .services .services-box.owl-carousel .owl-nav button.owl-prev i{
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-size: 14px;
-    color: #fff;
+    color: var(--color-white);
     text-transform: capitalize;
     width: 44px;
@@ -964 +963 @@
     margin-bottom: 12px;
 }
-.features .features-one .sec-title h3{
-    margin-bottom: 0;
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 1.5;
-}
 .features .features-one p:last-of-type{
     margin-bottom: 0;
@@ -985 +978 @@
     position: relative;
 }
-.features .features-watch .about-img::after{
-    content: '';
-    position: absolute;
-    background-color: #42B3E5;
-    width: 50px;
-    height: 95%;
-    left: -30px;
-    bottom: -60px;
-    z-index: -1;
-    border-radius: 5px;
-}
+
 .features .features-watch .about-img img{
     border-radius: 5px;
@@ -1004 +987 @@
 }
 .features .features-watch .watch a{
-    background-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
     height: 60px;
     display: block;
@@ -1026 +1009 @@
     float: left;
     font-size: 10px;
-    color: #42B3E5;
+    color: var(--color-high-dark);
     background-color: rgba(66, 179, 229, 0.1);
     padding: 8px;
@@ -1074 +1057 @@
 }
 .statistic .statistic-item i{
-    color: #FFF;
+    color: var(--color-white);
     font-size: 50px;
     line-height: 1;
@@ -1084 +1067 @@
     font-weight: 600;
     line-height: 0.9;
-    color: #FFF;
+    color: var(--color-white);
     display: inline-block;
     position: relative;
 }
 .statistic .statistic-item .box-count .name-count{
-    color: #FFF;
+    color: var(--color-white);
     position: relative;
     font-size: 14px;
@@ -1102 +1085 @@
     margin-bottom: 0;
     margin-top: 10px;
-    color: #FFF;
+    color: var(--color-white);
 }
 .statistic.owl-carousel .owl-dots{
@@ -1117 +1100 @@
 .statistic.owl-theme .owl-dots .owl-dot span{
     background-color: transparent;
-    border: 3px solid #FFF;
+    border: 3px solid var(--color-white);
     width: 15px;
     height: 15px;
@@ -1156 +1139 @@
 }
 .testimonials-text-box .sec-title h2{
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-text-box .sec-title h2:after{
-    background-color: #FFF;
+    background-color: var(--color-white);
 }
 .testimonials-carousel{
@@ -1168 +1151 @@
     line-height: 1.5;
     font-weight: 500;
-    color: #FFF;
+    color: var(--color-white);
     font-size: 28px;
     margin-bottom: 40px;
@@ -1174 +1157 @@
 }
 .testimonials-text-box .box-item-testimonials .item-talk{
-    border-left: 4px solid #FFF;
+    border-left: 4px solid var(--color-white);
     padding-left: 20px;
 }
 .testimonials-text-box .box-item-testimonials .item-talk .img-box img{
-    border: 2px solid #3156A3;
+    border: 2px solid var(--color-dark-two);
     padding: 4px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 50%;
     width: 100px;
@@ -1186 +1169 @@
 }
 .testimonials-text-box .box-item-testimonials .item-talk .info h5{
-    color: #FFF;
+    color: var(--color-white);
     padding-top: 8px;
     font-weight: 600;
@@ -1202 +1185 @@
     text-transform: capitalize;
     margin-top: 10px;
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-carousel.owl-theme .owl-dots{
@@ -1225 +1208 @@
 .testimonials-carousel.owl-carousel .owl-nav button.owl-next i,
 .testimonials-carousel.owl-carousel .owl-nav button.owl-prev i{
-    background-color: #FFF;
+    background-color: var(--color-white);
     font-size: 14px;
-    color: #42B3E5;
+    color: var(--color-high-dark);
     text-transform: capitalize;
     width: 44px;
@@ -1240 +1223 @@
 .testimonials-carousel.owl-carousel .owl-nav button.owl-prev:hover i{
     background-color: #223645;
-    color: #FFF;
+    color: var(--color-white);
 }
 
@@ -1272 +1255 @@
     -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
             box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
-    background-color: #FFF;
+    background-color: var(--color-white);
     font-size: 14px;
-    color: #42B3E5;
+    color: var(--color-high-dark);
     text-transform: capitalize;
     width: 44px;
@@ -1285 +1268 @@
 }
 .doctors .doctors-box .img-box ul li:hover a{
-    color: #FFF;
-    background-color: #42B3E5;
+    color: var(--color-white);
+    background-color: var(--color-high-dark);
     -webkit-box-shadow: 0px 0px 10px 0px rgba(66, 179, 229, 0.5);
             box-shadow: 0px 0px 10px 0px rgba(66, 179, 229, 0.5);
@@ -1297 +1280 @@
 }
 .doctors .doctors-box .img-box ul li:hover a i {
-    color: #ffffff !important;
+    color: var(--color-white) !important;
 }
 
@@ -1316 +1299 @@
     line-height: 1.4;
     font-weight: 600;
-    color: #3156A3;
+    color: var(--color-dark-two);
     margin: 14px 0 10px 0;
     text-transform: uppercase;
@@ -1333 +1316 @@
 }
 .newsletters .newsletters-box .newsletters-text-box{
-    background-color: #42B3E5;
+    background-color: var(--color-light-four);
     height: 100%;
     display: -webkit-box;
@@ -1350 +1333 @@
 }
 .newsletters .newsletters-box .newsletters-text-box .sec-title h2{
-    color: #FFF;
+    color: var(--color-white);
 }
 .newsletters .newsletters-box .newsletters-text-box .sec-title h2:after{
-    background-color: #FFF;
+    background-color: var(--color-white);
 }
 .newsletters .newsletters-box .newsletters-text-box .sec-title h3{
     margin-bottom: 0;
     font-size: 32px;
-    color: #FFF;
 }
 .newsletters .newsletters-box .newsletters-text-box p{
-    color: #FFF;
+    color: var(--color-white);
     margin-bottom: 0;
     margin-top: 10px;
@@ -1369 +1351 @@
     width: 100%;
 }
+span.wpcf7-form-control-wrap.email-584 {width: 100%;float: left;}
 .newsletters .newsletters-box .newsletters-text-box .email-newsletter input{
     width: 100%;
-    color: #7A8A9E;
-    background-color: #FFF;
-    font-size: 13px;
+    background-color: transparent;
+    font-size: 15px;
     text-transform: capitalize;
     padding: 0 15px;
-    line-height: 44px;
-    border-radius: 5px;
+    line-height: 54px;
+    border-radius: 3px;
     font-family: 'Lato', sans-serif;
     letter-spacing: 0.25px;
     position: relative;
-    border: 0px solid #FFF;
+    max-width: 250px;
+    border: 1px solid #000257;
+    color: #000257;
 }
 .newsletters .newsletters-box .newsletters-text-box .email-newsletter button.click{
@@ -1393 +1377 @@
     line-height: 38px;
     outline: none;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-size: 14px;
-    color: #FFF;
+    color: var(--color-white);
     text-transform: capitalize;
     text-align: center;
@@ -1411 +1395 @@
 }
 .newsletters .newsletters-box .newsletters-img-box .img-box{
-    height: 400px;
+    height: 276px;
     position: relative;
 }
@@ -1425 +1409 @@
 }
 .background-section{
-    background-color: #F4F9FC;
+    background-color: #fff6ef;
     position: absolute;
     width: 100%;
@@ -1440 +1424 @@
 .map-and-contact .map .map-box iframe{
     border: 0;
-    background-color: #FFF;
+    background-color: var(--color-white);
     width: 100%;
     height: 600px;
@@ -1455 +1439 @@
 }
 .map-and-contact .contact-us .contact{
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 5px;
     padding: 30px;
@@ -1475 +1459 @@
 .message-box select{
     width: 100%;
-    color: #7A8A9E;
-    background-color: rgba(66, 179, 229, 0.1);
+    color: var(--color-light);
+    background-color: rgb(255 239 226);
     font-size: 13px;
     text-transform: capitalize;
@@ -1520 +1504 @@
     left: 25px;
     z-index: 1;
-    color: #FFF;
+    color: var(--color-white);
     font-size: 24px;
     cursor: pointer;
 }
 .blog .blog-item .img-blog i.like:hover{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .blog .blog-item .text-blog{
     overflow: hidden;
-    background-color: #FFF;
+    background-color: var(--color-white);
     padding: 30px;
     position: relative;
     border: 1px solid transparent;
-    width: 90%;
+    width: 100%;
     margin: 0 auto;
-    margin-top: -20px;
+    margin-top: -10px;
     -webkit-box-shadow: 0 0 30px 0 rgba(34, 54, 69, 0.09);
-            box-shadow: 0 0 30px 0 rgba(34, 54, 69, 0.09);
-    border-radius: 5px;
+    box-shadow: 0 0 30px 0 rgba(34, 54, 69, 0.09);
+    border-radius: 0;
 }
 .blog .blog-item:hover .text-blog{
@@ -1552 +1536 @@
 }
 .blog .blog-item .text-blog .time-and-tag a.tag{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     float: left;
     font-weight: 700;
@@ -1568 +1552 @@
 
 .blog .blog-item .text-blog .time-and-tag a {
-    color: #42b3e5;
+    color: var(--color-high-dark);
 }
 .elementor-widget-blog_area__o .blog .blog-item .text-blog p {
@@ -1592 +1576 @@
 .blog .blog-item .text-blog h5.title-blog:hover,
 .blog .blog-item .text-blog h5.title-blog:hover a{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .blog .blog-item .text-blog p{
@@ -1610 +1594 @@
 }
 .blog .blog-item .text-blog .blog-open:hover{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .blog .blog-item .text-blog .blog-open i{
@@ -1633 +1617 @@
 }
 .blog .pagination-blog-area .pagination li.active{
-    background-color: #42B3E5;
-    color: #FFF;
-    border-color: #42B3E5;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
+    border-color: var(--color-high-dark);
 }
 
@@ -1659 +1643 @@
 }
 .footer .logo h2{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     font-weight: 700;
     font-size: 28px;
@@ -1665 +1649 @@
 }
 .footer .logo h2 span{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .footer .contact-info .info-box{
@@ -1674 +1658 @@
 }
 .footer .contact-info .info-box i{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     font-size: 40px;
     line-height: 1;
@@ -1688 +1672 @@
 }
 .footer .footer-title h4{
-    color: #FFF;
+    color: var(--color-white);
     margin-bottom: 30px;
     position: relative;
@@ -1705 +1689 @@
     display: block;
     position: relative;
-    color: #F4F9FC;
+    color: var(--color-light-four);
     font-size: 14px;
     line-height: 35px;
 }
 .footer .links li:hover a{
-    color: #3156A3;
+    color: var(--color-dark-two);
 }
 .footer .box-articles .blog-box-articles{
@@ -1732 +1716 @@
     margin-left: 10px;
     font-weight: 600;
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .footer .box-articles .blog-box-articles .articles h5{
@@ -1742 +1726 @@
 }
 .footer .box-articles .blog-box-articles .articles h5:hover a{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .footer .reserved{
@@ -1776 +1760 @@
 .scroll-up a {
     display: inline-block;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-size: 14px;
-    color: #FFF;
+    color: var(--color-white);
     text-transform: capitalize;
     width: 44px;
@@ -1790 +1774 @@
 .scroll-up:hover a{
     background-color: #223645;
-    color: #FFF;
+    color: var(--color-white);
 }
 
@@ -1807 +1791 @@
 }
 .about.two .services-two i{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     font-size: 50px;
     line-height: 1;
@@ -1835 +1819 @@
 }
 .testimonials-2 .sec-title h2{
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-2 .sec-title h2:after{
-    background-color: #FFF;
+    background-color: var(--color-white);
 }
 .testimonials-2 .sec-title h3{
-    color: #FFF;
+    color: var(--color-white);
     margin-bottom: 0;
 }
 .testimonials-2 .sec-title h3 span{
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-2 .testimonials-item .box-item{
-    background-color: rgb(29, 77, 110);
+    background-color: transparent;
     padding: 30px 40px;
     position: relative;
     border-radius: 5px;
+    border: 1px solid #fff;
 }
 .testimonials-2 .testimonials-item .box-item:after {
@@ -1857 +1842 @@
     position: absolute;
     border: 8px solid;
-    border-color: rgb(29, 77, 110) #1d4d6e00 #ffffff00;
+    border-color: rgb(255 255 255) #da171700 transparent;
     top: 100%;
     left: 20px;
 }
 .testimonials-2 .testimonials-item .box-item i{
-    color: #FFF;
+    color: var(--color-white);
     font-size: 26px;
 }
 .testimonials-2 .testimonials-item .box-item .text-item{
     margin: 25px 0;
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-2 .testimonials-item .box-item .rate-star{
@@ -1881 +1866 @@
 .testimonials-2 .testimonials-item .box-item .rate-star li i{
     font-size: 16px;
-    color: #FFF;;
+    color: var(--color-white);;
 }
 .testimonials-2 .testimonials-item .box-item .rate-star li i.active{
-    color: #42B3E5;
+    color: #ffcba2;
 }
 .testimonials-2 .testimonials-item .item-talk{
@@ -1899 +1884 @@
 }
 .testimonials-2 .testimonials-item .item-talk .img-box img{
-    border: 2px solid #3156A3;
+    border: 2px solid var(--color-dark-two);
     padding: 4px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     margin: auto;
     border-radius: 50%;
@@ -1909 +1894 @@
 }
 .testimonials-2 .testimonials-item .item-talk .info h5{
-    color: #FFF;
+    color: var(--color-white);
     padding-top: 8px;
     font-weight: 600;
@@ -1925 +1910 @@
     text-transform: capitalize;
     margin-top: 10px;
-    color: #FFF;
+    color: var(--color-white);
 }
 .testimonials-2 .owl-theme .owl-nav{
@@ -1940 +1925 @@
     width: 20px;
     height: 10px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 2px;
     margin: 0 5px;
 }
 .testimonials-2 .owl-theme .owl-dots .owl-dot.active span{
-    background-color: #3156A3;
+    background-color: #ffefe2;
     width: 40px;
 }
 .head-info a {
-    color: #fff;
+    color: var(--color-white);
 }
 .head-info a:hover {
-    color: #ffffff !important;
+    color: var(--color-white) !important;
 }
 
@@ -1973 +1958 @@
 .breadcrumb-header{
     padding: 120px 0;
-    color: #FFF;
+    color: var(--color-white);
     position: relative;
     background-position: center;
@@ -1981 +1966 @@
 }
 .banner .head-info h1{
-    color: #FFF;
+    color: var(--color-white);
     font-size: 50px;
     font-weight: 600;
@@ -2003 +1988 @@
 .banner .head-info ul.list-breadcrumb li:hover,
 .banner .head-info ul.list-breadcrumb li:hover a{
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 
@@ -2015 +2000 @@
 .calender h2.month{
     background-color: #223645;
-    color: #FFF;
+    color: var(--color-white);
     padding: 25px;
     font-weight: 700;
@@ -2058 +2043 @@
 }
 .calendar header .btn:hover{
-    border: 2px solid #FFF;
-    color: #FFF;
+    border: 2px solid var(--color-white);
+    color: var(--color-white);
     background-color: transparent;
 }
@@ -2069 +2054 @@
 }
 .calendar thead{
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
 }
 .calendar td{
@@ -2081 +2066 @@
 }
 .calendar .day.today{
-    border-color: #42B3E5;
-    background-color: #42B3E5;
+    border-color: var(--color-high-dark);
+    background-color: var(--color-high-dark);
     width: 44px;
     height: 44px;
@@ -2095 +2080 @@
 .box-appointment-doctors .table thead tr th,
 .box-appointment-doctors .table tbody tr th{
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     vertical-align: bottom;
     padding: 20px 0px;
@@ -2111 +2096 @@
 }
 .box-appointment-doctors .table tbody tr td.active-1{
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
 }
 .box-appointment-doctors .table tbody tr td.active-2{
-    background-color: #3156A3;
+    background-color: var(--color-dark-two);
 }
 .box-appointment-doctors .table tbody tr td .appointment-doctors{
@@ -2124 +2109 @@
     line-height: 1;
     margin-bottom: 5px;
-    color: #FFF;
+    color: var(--color-white);
 }
 .box-appointment-doctors .table tbody tr td .appointment-doctors span{
     font-size: 14px;
     font-weight: 600;
-    color: #FFF;
+    color: var(--color-white);
     line-height: 1;
 }
@@ -2144 +2129 @@
 }
 .book-an-appointment .box-book-an-appointment{
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-radius: 5px;
     padding: 30px;
@@ -2192 +2177 @@
     text-transform: capitalize;
     font-family: 'Roboto', sans-serif;
-    color: #3156A3;
+    color: var(--color-dark-two);
 }
 
 /* :: FAQ */
 .faq .faq-box{
-    background-color: #FFF;
+    background-color: var(--color-white);
     padding: 25px;
     margin-bottom: 30px;
@@ -2223 +2208 @@
 }
 .faq .faq-box .question-header .click i{
-    color: #FFF;
+    color: var(--color-white);
     border-radius: 2px;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-weight: 600;
     font-size: 13px;
@@ -2262 +2247 @@
 }
 .widget .widget-profile{
-    background-color: #FFF;
+    background-color: var(--color-white);
     padding: 30px;
     border: 1px solid #EAEAEA;
@@ -2276 +2261 @@
     line-height: 20px;
     text-transform: uppercase;
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .widget .widget-profile h3 span{
@@ -2284 +2269 @@
     line-height: 20px;
     text-transform: uppercase;
-    color: #3156A3;
+    color: var(--color-dark-two);
 }
 .widget .widget-profile span{
@@ -2312 +2297 @@
     border: 1px solid #EAEAEA;
     border-bottom: none;
-    background-color: #FFF;
+    background-color: var(--color-white);
     -webkit-box-shadow: 0 0 30px 0 rgba(34, 54, 69, 0.09);
             box-shadow: 0 0 30px 0 rgba(34, 54, 69, 0.09);
@@ -2327 +2312 @@
 }
 .widget .widget-body{
-    background-color: #FFF;
+    background-color: var(--color-white);
     padding: 30px;
     border: 1px solid #EAEAEA;
@@ -2338 +2323 @@
 .widget .widget-body .newsletter input{
     width: 100%;
-    color: #7A8A9E;
+    color: var(--color-light);
     background-color: rgba(66, 179, 229, 0.1);
     font-size: 13px;
@@ -2348 +2333 @@
     letter-spacing: 0.25px;
     position: relative;
-    border: 0px solid #FFF;
+    border: 0px solid var(--color-white);
 }
 .widget .widget-body .newsletter button.click{
@@ -2360 +2345 @@
     line-height: 40px;
     outline: none;
-    background-color: #42B3E5;
+    background-color: var(--color-high-dark);
     font-size: 14px;
-    color: #FFF;
+    color: var(--color-white);
     text-transform: capitalize;
     text-align: center;
@@ -2381 +2366 @@
 }
 .widget .widget-body .instagram ul li a{
-    background-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
     font-size: 14px;
     line-height: 58px;
@@ -2408 +2393 @@
     text-align: center;
     color: #223645;
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     font-size: 16px;
     width: 40px;
@@ -2417 +2402 @@
 }
 .widget .widget-body .follow .icon li:hover a{
-    background-color: #42B3E5;
-    border-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    border-color: var(--color-high-dark);
+    color: var(--color-white);
 }
 .widget .categories ul{
     padding: 0 30px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border: 1px solid #EAEAEA;
 }
@@ -2448 +2433 @@
 }
 .widget .categories ul li:hover a{
-    color: #42B3E5;
+    color: var(--color-high-dark);
     padding-left: 10px;
 }
@@ -2459 +2444 @@
     margin: 0 5px 5px 0;
     border: 1px solid #EAEAEA;
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     font-size: 13px;
     font-weight: 600;
-    color: #7A8A9E;
+    color: var(--color-light);
     border-radius: 5px;
 }
 .widget .widget-body .tags ul li:hover a{
-    background-color: #42B3E5;
-    color: #FFF;
-    border: 1px solid #42B3E5;
+    background-color: var(--color-high-dark);
+    color: var(--color-white);
+    border: 1px solid var(--color-high-dark);
 }
 
 /* :: Single Blog */
 .blog.area{
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
 }
 .blog.area .blog-item .img-blog img{
@@ -2510 +2495 @@
     color: #223645;
     border-radius: 2px;
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     font-size: 12px;
     width: 30px;
@@ -2518 +2503 @@
 }
 .blog.area .blog-item .text-blog .share-post ul li:hover a{
-    background-color: #42B3E5;
-    border-color: #42B3E5;
-    color: #FFF;
+    background-color: var(--color-high-dark);
+    border-color: var(--color-high-dark);
+    color: var(--color-white);
 }
 .blog.area .item-comments{
@@ -2532 +2517 @@
     border: 1px solid #EAEAEA;
     border-bottom: none;
-    background-color: #FFF;
+    background-color: var(--color-white);
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
@@ -2547 +2532 @@
 .blog.area .item-comments .inner-comments,
 .blog.area .add-comments .inner-add-comments{
-    background-color: #FFF;
+    background-color: var(--color-white);
     padding: 30px;
     border: 1px solid #EAEAEA;
@@ -2575 +2560 @@
 }
 .blog.area .item-comments .inner-comments .comments-box .img-box img{
-    border: 2px solid #42B3E5;
+    border: 2px solid var(--color-high-dark);
     padding: 5px;
-    background-color: #FFF;
+    background-color: var(--color-white);
     margin: auto;
     border-radius: 50%;
@@ -2601 +2586 @@
     text-transform: uppercase;
     font-family: 'Roboto', sans-serif;
-    color: #42B3E5;
+    color: var(--color-high-dark);
 }
 .blog.area .item-comments .inner-comments .comments-box .text-box p{
@@ -2610 +2595 @@
     padding: 4px 10px;
     border: 1px solid #EAEAEA;
-    background-color: #F4F9FC;
+    background-color: var(--color-light-four);
     font-size: 13px;
     font-weight: 600;
-    color: #7A8A9E;
+    color: var(--color-light);
 }
 .blog.area .item-comments .inner-comments .comments-box .text-box a:hover{
-    color: #FFF;
-    border: 1px solid #42B3E5;
-    background-color: #42B3E5;
+    color: var(--color-white);
+    border: 1px solid var(--color-high-dark);
+    background-color: var(--color-high-dark);
 }
 .blog.area .add-comments{
@@ -2627 +2612 @@
 .blog.area .add-comments .inner-add-comments-box textarea{
     width: 100%;
-    color: #7A8A9E;
+    color: var(--color-light);
     background-color: rgba(66, 179, 229, 0.1);
     font-size: 13px;
@@ -2650 +2635 @@
 
 .about .img-box .open-hours ul li {
-    color: #fff;
+    color: var(--color-white);
     width: 100%;
     overflow: hidden;
@@ -2664 +2649 @@
     opacity: 0;
 }
+.newsletters .newsletters-box .newsletters-text-box .email-newsletter input::placeholder {
+    color: #000257;
+}
 
 .email-newsletter p {
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    background: #42B3E5;
-    width: 42px;
-    height: 42px;
-    border-radius: 4px;
-    text-align: center;
-    line-height: 42px;
-    margin: 0 !important;
+    border: 1px solid #000257;
+    float: left;
+    padding: 10px 50px;
+    border-radius: 3px;
 }
 
 .email-newsletter p i {
-    color: #223645;
+    color: #000257;
 }
 
@@ -2686 +2668 @@
     margin-top: 12px;
 }
-
+.map-and-contact .contact-us .contact {
+    position: relative;
+    top: 130px;
+}
 .map-and-contact .btn-1 {
     margin-bottom: 0;
-    background-color: #42B3E5;
+    background-color: #ffefe2;
     float: left;
     width: 196px;
-    color: #fff;
+    color: #000000;
     border: 0;
     font-size: 14px;
@@ -2711 +2696 @@
 .main-footer .text p {
     font-size: 17px;
-    color: #fff;
+    color: var(--color-dark);
     line-height: 30px;
 }
 
 .main-footer .footer-top .widget-title h3 {
-    color: #fff;
+    color: var(--color-dark);
     font-size: 22px;
     margin-top: 5px;
@@ -2727 +2712 @@
 
 .main-footer .footer-top ul li a {
-    color: #fff;
+    color: var(--color-dark);
     width: 100%;
     margin-bottom: 5px;
@@ -2737 +2722 @@
 
 .contact-widget .widget-content ul li {
-    color: #fff;
+    color: var(--color-dark);
 }
 
@@ -2750 +2735 @@
 .main-footer .footer-top ul.social-links li a {
     color: #223645;
-    background: #fff;
+    background: var(--color-white);
     width: 50px;
     height: 50px;
@@ -2756 +2741 @@
     text-align: center;
     line-height: 50px;
+    border: 1px solid #223645;
 }
 
@@ -2778 +2764 @@
     font-size: 17px;
     z-index: 99;
-    color: #ffffff;
+    color: var(--color-white);
     text-align: center;
     cursor: pointer;
     transition: 1s ease;
     transform: scale(0);
-    background: #42B3E5;
-    border: 0;
+    background: transparent;
+    border: 1px solid #000257;
     border-radius: 5px;
+    color: #000257;
   }
   .scroll-top:hover{
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-    background-color: #223645;
+    background-color: #000257;
+    color: #ffffff;
   }
   .scroll-top.open {
@@ -2800 +2788 @@
 .features .features-watch .watch:focus a,
 .features .features-watch .watch:hover a {
-    color: #ffffff !important;
+    color: var(--color-white) !important;
 }
 .features .features-watch .watch:focus i, 
 .features .features-watch .watch:hover i {
-    color: #3156A3 !important;
+    color: var(--color-dark-two) !important;
 }
 .testimonials-2 .testimonials-item .box-item .rate-star {
@@ -2816 +2804 @@
     border: 0;
 }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 /* Responsive */
@@ -2868 +2879 @@
     }
     .nav-bar .nav-brand .nav-bar-toggler:hover i{
-        color: #42B3E5;
+        color: var(--color-high-dark);
     }
     .nav-bar .nav-menu-links{
@@ -2878 +2889 @@
         height: 100%;
         z-index: 20;
-        background-color: #FFF;
+        background-color: var(--color-white);
         display: block;
         opacity: 0;
@@ -2971 +2982 @@
 
 .header-info-button .btn-2:hover {
-    color: #ffffff !important;
+    color: var(--color-dark) !important;
 }
 
@@ -3100 +3111 @@
     
 }
+
+
+
+
+
+.header-2 .owl-item .item {
+    position: relative;
+}
+
+.header-2 .owl-item .item:before {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #00000073;}
+
+.header-2 .header-hero .buttons a:hover {
+    background: #ffefe2;
+    color: #222 !important;
+}
+.about.two {
+    position: relative;
+}
+
+.about.two .about-img {
+    position: absolute;
+    top: 0;
+    left: -60%;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+}
+
+.about.two .services-two .services-two-box {
+    background: #fff2e8;
+    padding: 23px 25px;
+    border-radius: 10px;
+    width: calc( 100% - 130px );
+}
+
+.about.two .services-two {
+    display: flex;
+}
+.about.two .services-two i {
+    background: #fdede1;
+    width: 130px;
+    height: 130px;
+    margin-right: 30px;
+    text-align: center;
+    line-height: 120px;
+    border-radius: 20px;
+}
+
+
+
+
+.services.two .item-services {
+    position: relative;
+}
+
+.services.two .item-services .services-content {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 40px;
+    background: #000257;
+    z-index: 1;
+    border-radius: 10px;
+    transform: translate(30px, 30px);
+    opacity: 0;
+}
+
+.services.two .item-services .services-content p {
+    color: #fff;
+}
+
+.services.two .item-services:hover a {
+    position: relative;
+    z-index: 1;
+    color: #fff;
+}
+
+.services.two .item-services:hover .services-content {
+    opacity: 1;
+    transform: translate(0px);
+}
+
+.services.two .item-services:hover .services-content p {
+    padding-bottom: 30px;
+}
+.features .features-two {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-left: -15px;
+    margin-right: -15px;
+}
+
+.features .features-two .item-features {
+    background: #ffefe2;
+    padding: 30px;
+    border-radius: 10px;
+    margin-left: 15px;
+    margin-right: 15px;
+}
+
+.features .features-two .item-features i.icon-item {
+    position: relative;
+    top: 5px;
+}
+.features  .features-one {
+    padding-top: 50px;
+}
+
+.features .features-watch {
+    padding-top: 50px;
+}
+
+.doctors .doctors-box {
+    position: relative;
+}
+
+.doctors .doctors-box .text-box {
+    position: absolute;
+    bottom: -20px;
+    background: #fdf8f4;
+    padding: 20px;
+    left: 13px;
+    border-radius: 20px;
+}
+.elementor-widget-blog_area__o .blog .blog-item .text-blog p {display: none;}
+
+
+
+@media only screen and (min-width: 300px) and (max-width: 991px) {
+    .about.two .about-img {
+        display: none;
+    }
+}
+
+@media only screen and (min-width: 300px) and (max-width: 575px) {
+    .about.two .services-two {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .about.two .services-two .services-two-box {
+        width: 100%;
+    }
+    .about.two .services-two .services-two-box {
+        margin-top: 15px;
+    }
+    .about .text-box .sec-title h3 {
+        font-size: 23px;
+    }
+}

kahaf-kit/tags/1.0/e-addons/addons-list/about.php

@@ -209 +209 @@
     ?>
         <section class="about <?php echo esc_attr( $about_us_left_deign ); ?> py-100" id="about">
+            <div class="about-img" style="background-image:url('<?php echo esc_url($about_us_left_images); ?>')">
+            </div>
             <div class="container">
                 <div class="row">
-                    <div class="col-lg-6">
+                    <div class="col-lg-5">
                         <div class="img-box">
-                            <div class="about-img">
-                                <img class="img-fluid" src="<?php echo esc_url($about_us_left_images); ?>" alt="01 About">
-                            </div>
+                            
                             <?php if($about_us_left_title || $about_us_left_content) : ?>
                                 <div class="open-hours">
@@ -222 +222 @@
                                 </div>
                             <?php endif; ?>
-
                         </div>
                     </div>
-                    <div class="col-lg-6">
+                    <div class="col-lg-7">
                         <div class="text-box">
-                            <?php KAHAFKIT_Header::getHeaderInfo($settings); ?>
+                            <?php headerSettings::getHeaderInfo($settings); ?>
                             <?php if($about_us_right_img) : ?>
                                 <img class="img-fluid signature" src="<?php echo esc_url($about_us_right_img); ?>" alt="01 Signature">

kahaf-kit/tags/1.0/e-addons/addons-list/banner.php

@@ -323 +323 @@
     ?>
 
-        <?php if( $main_select_layout == 'layout_1' ) : ?>
+        
+<?php if( $main_select_layout == 'layout_1' ) : ?>
             <?php if( $banner_slider_items ) : ?>
                 <section class="header" id="page">
@@ -358 +359 @@
                                                     <p><?php echo wp_kses_post($banner_slider_big_content); ?></p>
                                                     <div class="buttons">
-                                                        <a href="<?php echo esc_url($button_link_url); ?>" class="move-section btn-1"><?php echo wp_kses_post($button_text); ?></a>
+                                                        <?php if($button_text != '' ) : ?>
+                                                            <a href="<?php echo esc_url($button_link_url); ?>" class="move-section btn-1"><?php echo wp_kses_post($button_text); ?></a>
+                                                        <?php endif; ?>
+
                                                         <a href="<?php echo esc_url($button_link_url2); ?>" class="btn-2"><?php echo wp_kses_post($button_text2); ?></a>
                                                     </div>
@@ -407 +411 @@
                                             <h1 class="handline"><?php echo wp_kses_post($banner_slider_content); ?></h1>
                                             <div class="buttons">
-                                                <a href="<?php echo esc_url($button_link_url); ?>" class="move-section btn-1"><?php echo wp_kses_post($button_text); ?></a>
+                                                <?php if($button_text != '' ) : ?>
+                                                    <a href="<?php echo esc_url($button_link_url); ?>" class="move-section btn-1"><?php echo wp_kses_post($button_text); ?></a>
+                                                <?php endif; ?>
                                                 <a href="<?php echo esc_url($button_link_url2); ?>" class="btn-2"><?php echo wp_kses_post($button_text2); ?></a>
                                             </div>

kahaf-kit/tags/1.0/e-addons/addons-list/map-form.php

@@ -57 +57 @@
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-8 col-lg-6 ml-auto">
+                        <div class="col-md-12">
                             <div class="contact">
                                 <?php KAHAFKIT_Header::getHeaderInfo($settings); ?>

kahaf-kit/tags/1.0/e-addons/addons-list/newsletters.php

@@ -66 +66 @@
             <div class="newsletters-box container-fluid">
                 <div class="row">
-                    <div class="col-md-6 col-lg-4 p-0">
+                    <div class="col-md-6 col-lg-8 p-0">
                         <div class="newsletters-text-box">
                             <?php KAHAFKIT_Header::getHeaderInfo($settings); ?>
@@ -72 +72 @@
                         </div>
                     </div>
-                    <div class="col-md-6 col-lg-8 p-0">
+                    <div class="col-md-6 col-lg-4 p-0">
                         <div class="newsletters-img-box">
                             <div class="img-box"></div>

kahaf-kit/tags/1.0/e-addons/addons-list/services.php

@@ -74 +74 @@
                 'options' => [
                     'layout_3'  => esc_html__( 'layout one', 'kahaf-kit' ),
+                ],
+            ]
+        );
+        $repeater->add_control(
+            'service_layout_col',
+            [
+                'label' => esc_html__( 'Service layout Col', 'plugin-domain' ),
+                'type' => \Elementor\Controls_Manager::SELECT,
+                'default' => 'col-lg-6',
+                'options' => [
+                    'col-lg-1'  => esc_html__( '1', 'plugin-domain' ),
+                    'col-lg-2'  => esc_html__( '2', 'plugin-domain' ),
+                    'col-lg-3'  => esc_html__( '3', 'plugin-domain' ),
+                    'col-lg-4'  => esc_html__( '4', 'plugin-domain' ),
+                    'col-lg-5'  => esc_html__( '5', 'plugin-domain' ),
+                    'col-lg-6'  => esc_html__( '6', 'plugin-domain' ),
+                    'col-lg-7'  => esc_html__( '7', 'plugin-domain' ),
+                    'col-lg-8'  => esc_html__( '8', 'plugin-domain' ),
+                    'col-lg-9'  => esc_html__( '9', 'plugin-domain' ),
+                    'col-lg-10'  => esc_html__( '10', 'plugin-domain' ),
+                    'col-lg-11'  => esc_html__( '11', 'plugin-domain' ),
+                    'col-lg-12'  => esc_html__( '12', 'plugin-domain' ),
                 ],
             ]
@@ -243 +265 @@
                                 $service_link_rel = $item['service_link']['nofollow'] ? ' rel=nofollow' : '';
 
+                                $service_layout_col = $item['service_layout_col'];
+
                             ?>
-                                <div class="col-md-6 col-lg-4">
+                                <div class="col-md-6 <?php echo $service_layout_col; ?>">
                                     <div class="item-services">
                                         <?php \Elementor\Icons_Manager::render_icon( $service_icon, [ 'aria-hidden' => 'true' ] ); ?>

kahaf-kit/tags/1.0/e-addons/addons-list/sponsors.php

@@ -50 +50 @@
         ?>
             <div class="sponsors">
-                <div class="container">
+                <div class="container-fluid">
                     <div class="sponsors-box owl-carousel owl-theme">
                         <?php if( $sponsors_list ) : ?>

kahaf-kit/tags/1.0/e-addons/addons-list/why-us.php

@@ -163 +163 @@
         $why_us_list = $settings['why_us_list'];
 
+
         
     ?>
@@ -168 +169 @@
             <div class="container">
                 <div class="row">
-                    <div class="col-lg-4">
-                        <div class="features-one">
-                            <div class="sec-title">
-                                <h2><?php echo wp_kses_post($section_title); ?></h2>
-                                <h3><?php echo wp_kses_post($section_cotent); ?></h3>
-                            </div>
-                            <p><?php echo wp_kses_post($mega_cotent); ?></p>
-                            <img class="img-fluid signature" src="<?php echo esc_url($logo_md); ?>" alt="<?php echo  esc_attr( $logo_md_alt ); ?>">
-                        </div>
-                    </div>
-                    <div class="col-lg-4">
-                        <div class="features-watch">
-                            <div class="about-img">
-                                <img class="img-fluid" src="<?php echo esc_url($center_img); ?>" alt="<?php echo  esc_attr( $center_img_alt ); ?>">
-                            </div>
-                            <div class="watch">
-                                <a href="<?php echo esc_url($center_video_url); ?>" data-lity><i class="fas fa-play"></i> <?php echo wp_kses_post($center_video_text); ?></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4">
+                    <div class="col-lg-12">
                         <div class="features-two">
                             <?php if( $why_us_list ) : ?>
@@ -206 +187 @@
                         </div>
                     </div>
+                    <div class="col-lg-6">
+                        <div class="features-one">
+                            <div class="sec-title">
+                                <h2><?php echo wp_kses_post($section_title); ?></h2>
+                                <h3><?php echo wp_kses_post($section_cotent); ?></h3>
+                            </div>
+                            <p><?php echo wp_kses_post($mega_cotent); ?></p>
+                            <img class="img-fluid signature" src="<?php echo esc_url($logo_md); ?>" alt="<?php echo  esc_attr( $logo_md_alt ); ?>">
+                        </div>
+                    </div>
+                    <div class="col-lg-6">
+                        <div class="features-watch">
+                            <div class="about-img">
+                                <img class="img-fluid" src="<?php echo esc_url($center_img); ?>" alt="<?php echo  esc_attr( $center_img_alt ); ?>">
+                            </div>
+                            <div class="watch">
+                                <a href="<?php echo esc_url($center_video_url); ?>" data-lity><i class="fas fa-play"></i> <?php echo wp_kses_post($center_video_text); ?></a>
+                            </div>
+                        </div>`
+                    </div>
                 </div>
             </div>

kahaf-kit/tags/1.0/e-addons/assets/js/layout-script.js

@@ -94 +94 @@
                         },
                         991: {
-                            items: 3
+                            items: 2
                         }
                     }