/* Theme Name: twentytwenty-child Text Domain: twentytwenty Version: 2.7 Tested up to: 6.6 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template:twentytwenty All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ html{overflow-x:hidden;} html, body {height: 100%; } body{font-size: 16px; /*font-family: "Inter", sans-serif;*/ font-family: "Montserrat", sans-serif; color: #636363;} a{color:#2d5b50; text-decoration:none;} a:hover, a:focus{color:#ffe04a; text-decoration:none;} img{max-width:100%; vertical-align:middle;} p{line-height:24px; margin:0 0 15px; } h1, h2, h3, h4, h5, h6{font-weight: 700; margin:0 0 10px;} h2{color:#2d5b50; } h3{color:#ffe04a; } h4{color:#2d5b50;} .pad-t0{padding-top:0 !important;} .pad-t10{padding-top:10px !important;} .pad-t15{padding-top:15px !important;} .pad-t20{padding-top:20px !important;} .pad-t25{padding-top:25px !important;} .pad-t30{padding-top:30px !important;} .pad-t35{padding-top:35px !important;} .pad-t40{padding-top:40px !important;} .pad-t45{padding-top:45px !important;} .pad-t50{padding-top:50px !important;} .pad-0{padding:0 !important;} .pad-b0{padding-bottom:0 !important;} .pad-b5{padding-bottom:5px !important;} .pad-b10{padding-bottom:10px !important;} .pad-b15{padding-bottom:15px !important;} .pad-b20{padding-bottom:20px !important;} .pad-b25{padding-bottom:25px !important;} .pad-b30{padding-bottom:30px !important;} .pad-b35{padding-bottom:35px !important;} .pad-b40{padding-bottom:40px !important;} .pad-b45{padding-bottom:45px !important;} .pad-b50{padding-bottom:50px !important;} .mrg-0{margin:0px !important;} .mrb-0{margin-bottom:0px !important;} .mrb-10{margin-bottom:10px !important;} .mrb-15{margin-bottom:15px !important;} .mrb-20{margin-bottom:20px !important;} .mrb-25{margin-bottom:25px !important;} .mrb-30{margin-bottom:30px !important;} .mrb-35{margin-bottom:35px !important;} .mrb-40{margin-bottom:40px !important;} .mrb-45{margin-bottom:45px !important;} .mrb-50{margin-bottom:50px !important;} .mrb-60{margin-bottom:60px !important;} .mrb-70{margin-bottom:70px !important;} .mrb-80{margin-bottom:80px !important;} .mrb-90{margin-bottom:90px !important;} .mrb-100{margin-bottom:100px !important;} @media (min-width: 1200px) { .header.sticky{background: #2d5b50;z-index: 10;} .header.sticky .navbar .logo img{max-width: 130px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .header.sticky .head-top{height: 0; opacity: 0;} } .header nav .navbar .links li .sub-menu li.current-menu-item a {background-color: #ffe04a !important; color:#000; !important} .header  .links .current-menu-parent > a {color: #ffe04a !important;} .container{position:relative; z-index:3; padding: 0 15px;} .row{margin:0 -15px;} .row > *{padding-left:15px; padding-right:15px;} .hidden{display:none !important;} .header{position: fixed; margin: 0; z-index:99; top: 0; left: 0; right: 0;} .head-top{font-size: 14px; position:relative; color: #fff; z-index: 2;} .head-top .head-right{text-align:right;} .head-top a{color: #fff;} .head-top a:hover{color: #ffe04a;} .head-top ul{margin:0; padding:10px 0 7px;} .head-top ul li{display:inline-block; list-style:none; margin:0 25px 0 0;  position:relative;} .head-top ul li i{margin:0 5px 0 0; position: relative; top: 0; display: inline-block; vertical-align: middle; font-size: 17px; position:relative; top:-1px;} .head-top ul li a{display: block; padding: 0; position: relative; z-index: 2;} .icon-top{padding: 0; position:relative;} .icon-top i{color: #fff; border:0; display:inline-block; font-size: 18px; line-height: 36px; margin: 3px 0 3px 2px; height: 34px; width: 34px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .icon-top .facebook:hover{background:#3a5896;} .icon-top .twitter:hover{background:#00aced;} .icon-top .youtube:hover{background:#b00;} .icon-top .linkedin:hover{background:#007ab5;} .icon-top .instagram:hover{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );} .icon-top i:hover{transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} .header nav{position: relative; font-weight: 600; font-size: 16px; top: 0; left: 0; width: 100%; height: auto; background: none;} .header nav .navbar{display: flex; align-items: center; justify-content: space-between; position: relative; max-width: 100%; margin: 0 auto 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} .header .navbar .logo a{display: block; padding: 15px 0;} .header .navbar .logo img{max-width: 180px;} .header nav .navbar .nav-links{height: 100%; margin: 0 0 0 auto;} .header nav .navbar .links{display: flex; padding: 0; margin: 0;} .header nav .navbar .links li{position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; text-transform: lowercase; margin: 0 20px 0 0;} .header nav .navbar .links li a{padding: 15px 0; display: block; text-decoration: none; white-space: nowrap; color: #fff;       text-transform: math-auto;} .header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #ffe04a;} @media (min-width: 1200px) { .header nav .navbar .links > li:last-child > a{background: #ffe04a; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: block; text-align: center; color: #000; margin: 0; padding: 10px 25px; overflow: hidden; text-shadow: none; letter-spacing: 0;} .header nav .navbar .links > li:last-child > a:after{content: ''; position: absolute; height: 100%; right: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #3d6b60; z-index:-1;} .header nav .navbar .links > li:last-child > a:hover:after{left: 0%; right: auto; width: 100%;} .header nav .navbar .links > li:last-child > a:hover{background: #2d5b50; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;} } .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(180deg);} .header nav .navbar .links li .arrow{width: 16px; line-height: 52px; text-align: center; display: inline-block; color: #fff; transition: all 0.3s ease; margin: 2px 0 0 5px;} .header nav .navbar .links li .sub-menu{width: 220px; border: 1px solid #dddddd6b; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); position: absolute; top: 100%; left: 0; background: #fff; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; z-index: 2; padding: 0; overflow: hidden;} .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{ display: block; } .header .navbar .links li .sub-menu li{padding: 0; margin:0; border-bottom: 1px solid #d5d5d5;} .header .navbar .links li .sub-menu a{color: #4f4f4f; padding: 8px 15px; display: block; width: 100%;} .header .navbar .links li .sub-menu a:hover{color: #fff; background: #2d5b50;} .header .navbar .links li .sub-menu .more-arrow{line-height: 40px; } .header .navbar .links li .htmlCss-more-sub-menu{/* line-height: 40px; */ } .header .navbar .links li .sub-menu .more-sub-menu{position: absolute; top: 0; left: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1; display: none;} .header .links li .sub-menu .more:hover .more-sub-menu{display: block;} .header .navbar .search-box{position: relative; height: 40px; width: 40px;} .header .navbar .search-box i{position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .header .navbar .search-box .input-box{position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; transition: all 0.4s ease;} .header .navbar.showInput .search-box .input-box{top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;} .header .search-box .input-box::before{content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);} .header .search-box .input-box input{position: absolute; top: 50%; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px; border: none;} .header .navbar .nav-links .sidebar-logo{display: none;} .header .navbar .bx-menu{display: none;} @media (max-width:1100px) { .header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse;} .header nav .navbar .logo a{font-size: 27px; padding: 15px 5px;} .header nav .navbar .links > li:first-child{border-top: 1px solid #ccc;} .header nav .navbar .links > li{padding: 0; border-bottom: 1px solid #ccc; white-space: nowrap;} .header nav .navbar .links > li a:hover, .header nav .navbar .links > li.active > a{color: #ffe04a;} .navbar .links li .sub-menu a{padding:10px;} .header .navbar .links li .sub-menu a:hover, .header nav .navbar .sub-menu > li.active > a{color: #ffe04a; background: none;} .header nav{ /* position: relative; */} .header .navbar .bx-menu{ display: block;} .header nav .navbar .nav-links{position: fixed; top: 0; left: -100%; display: block; max-width: 100%; width: 100%; background: #2e5d5a; line-height: normal; padding: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; overflow-x: scroll; } .header .navbar .nav-links .sidebar-logo{display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0;} .header .sidebar-logo .logo-name{} .header .sidebar-logo .logo-name img{max-width: 230px;} .header .sidebar-logo  i{font-size: 25px; color: #ffe04a; cursor: pointer;} .header .navbar .bx-menu{font-size: 25px; color: #ffe04a; cursor: pointer; margin: 0 15px 0 0;} .header.header-position  .sidebar-logo i{color: #fff;} .header.header-position  .navbar .bx-menu{color: #000;} .header.header-position nav .navbar .links > li > a{color: #fff;} .header.header-position nav .navbar .links li .arrow{color: #fff;} .header.header-position nav .navbar .links > li a:hover, .header.header-position nav .navbar .links > li.active > a{color: #ffe04a;} .header nav .navbar .links{display: block; margin-top: 20px; padding: 0;} .header nav .navbar .links li .arrow{line-height: 40px; position: absolute; border-left: 1px solid #ccc; width: 52px; top: 7px; bottom: 7px; right: 0; cursor: pointer; color: #fff;} .header nav .navbar .links li{display: block; margin: 0;} .header nav .navbar .links li a{padding: 15px; color: #fff;} .header .navbar .links li .sub-menu a{padding:8px 75px 8px 15px; white-space: break-spaces;} .header nav .navbar .links li .sub-menu{border: 0; position: relative; top: 0; box-shadow: none; display: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} .header nav .navbar .links li .sub-menu li{border-bottom: none;} .header .navbar .links li .sub-menu .more-sub-menu{display: none; position: relative; left: 0;} .header .navbar .links li .sub-menu .more-sub-menu li{display: flex; align-items: center; justify-content: space-between;} .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(0deg);} .header .navbar .links li .sub-menu .more-sub-menu{display: none;} .header .navbar .links li .sub-menu .more span{/* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */} .header .links li .sub-menu .more:hover .more-sub-menu{display: none;} .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{display: none;} .header .navbar .nav-links.show1 .links .htmlCss-sub-menu, .header .navbar .nav-links.show3 .links .js-sub-menu, .header .navbar .nav-links.show2 .links .more .more-sub-menu{display: block;} .header .navbar .nav-links.show1 .links .htmlcss-arrow, .header .navbar .nav-links.show3 .links .js-arrow{transform: rotate(180deg);} .header .navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg);} } @media (max-width:370px){ .header nav .navbar .nav-links{max-width: 100%;} } .call-us{color: #fff; position: relative; border-left: 1px solid rgba(250, 250, 250, 0.3); padding: 0 0 0 30px; text-transform: uppercase; margin: 0;} .call-us a{display:block; color: #ffe04a; position: relative; font-size: 16px; letter-spacing: 2px;} .call-us a i{padding:0 10px 0 0;} .call-us a:hover{color:#fff;} .call-us:hover{color:#ffe04a;} .banner{position:relative; z-index:1; margin: 0; padding: 15px 0 0;} .banner{padding:0; overflow: hidden; position:relative; z-index:1;} .banner .video{width: 100%; height: auto; object-fit:cover; object-position:center center;} .banner .slide-image{width: 100%; height: 100vh; object-fit:cover; object-position:center center;} .banner figure{position: relative; margin:0;} .banner::before{content: ''; background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 30%;} .banner .slide button{top: 47%; opacity: 0; width: 55px; height: 55px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .banner .slide:hover button{opacity: 1;} .banner .slide button.left{} .banner .slide button.right{left: inherit; right: 20px;} .banner .slide button.left{right: 80px;} .banner .slide button.left:hover, .banner .slide button.right:hover{color: #fff; background: #ffe04a; border: 0px transparent;} .banner .slide button .fa{margin: 0; background: none; line-height: 35px;} .banner .slide button.left>span:nth-child(1){left: 45%;} .banner .slide button.right>span:nth-child(1){right: 45%;} .banner .container{position:static;} .breadcrumb span { text-transform: none !important;} .slide-text{position: absolute; left: 0; display: flex; bottom: 0; top: 0; padding: 70px 0 50px; z-index: 3; right: 0; align-items: end;} .slide-text .inner{width: 100%;} .slide-text h1{padding: 0; color: #fff; font-size: 44px; margin: 0 0 30px; text-transform: capitalize;} .slide-text h1 span{color: #ffe04a;} .slide-text h1 .span{display: block; color: #fff; font-size: 20px; font-weight: 500; margin: 15px 0 0;} .slide-text .btn{border: 1px solid transparent;} .slide-text .btn:hover{border-color: #2d5b50;} .slide-text .btn-border{background: none; color: #fff; border-color: #fff; margin-left: 20px;} .slide-text .btn-border:hover{background: none; color: #2d5b50; border-color: #ffe04a;} .slide-text .btn-border:after{background: #ffe04a;} .btn{background: #ffe04a; border: 0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size: 16px; font-weight: 600; color: #2d5b50; margin: 0; padding: 13px 25px 12px; min-width: 170px; overflow: hidden; text-shadow: none;  /*-webkit-box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); box-shadow: 0 0px 10px 5px rgba(0,0,0,.1);*/} .btn i{margin: 0 0 0 7px;} .btn:after{content: ''; position: absolute; height: 100%; right: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #2d5b50; z-index:-1;} .btn:hover:after{left: 0%; right: auto; width: 100%;} .btn:hover{background: #ffe04a;  color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;} .zoomBig{animation: zoomBig 3s linear infinite;} @keyframes zoomBig { 0% { transform: scale(1, 1); } 50% { transform: scale(0.8, 0.8); } 100% { transform: scale(1, 1); } } .mobweb:after{position: absolute; top: -6px; left: 30px; width: 42px; height: 42px; background-color: #2ea3f2; opacity: 0.2; border-radius: 50%; content: ""; -webkit-transition: all 500ms linear; transition: all 500ms linear; transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: scale(1); transform: scale(1); z-index: -1; animation: mobweb 1.5s linear infinite;} @keyframes mobweb{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}} .row-flex{flex-direction: row-reverse;} .img-hover{overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .img-hover:hover img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);} .img-hover img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .title-flex{display: flex; align-items: center; gap: 30px; margin: 0 0 35px;} .title-flex .text-pad{border-left: 2px solid #ddd8d6; padding: 0 0 0 30px;} .title-flex h2, .title-flex .text-pad{width: 50%;} .our-project .project-box { position: relative; overflow: hidden;} .our-project { margin: 60px 0 0;} .our-project .project-box .content { position: absolute; top: 150%; color: #fff; padding:25px; right: 0; left: 0; background: #000000c2; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; bottom: 0; display: flex; align-items: center; text-align: center; justify-content: center;} .our-project .project-box:hover .content { top: 0;} .our-project .pw-col{margin: 0 0 30px; position:relative;} .our-project .project-box p{margin: 0 0 10px;} .our-project .project-box figure{margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; position: relative;} .our-project h2 { color: #2d5b50; font-size: 54px; text-align: center; line-height: 90px; position: relative; text-transform: initial !important; margin: 0 0 40px;} .our-project h3 { color: #ffe04a; font-size: 25px; margin: 0; text-transform: math-auto; font-weight: 400; line-height: px;} .our-project h3 .btn{padding: 0; font-weight: 700; font-size: 20px;} .our-project h3 .btn{background: none; border-radius: 0; color: #fff; padding: 0px 0; min-width: inherit;} .our-project h3 .btn:hover{color: #ffe04a;} .our-project h3 .btn:after{background: #447CAB; height: 0; top: inherit; bottom: 0;} .our-project h3 .btn i { padding: 20px 0 0px; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-size: 40px; font-weight: 100;} .our-project .item { padding: 0 5px 0;} .our-project .owl-dots { display: none;} .our-project .owl-theme .owl-nav button{display: block !important; background: #ebebeb !important; -webkit-border-radius:0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; color: #000; position: absolute; right: 85px; top: -100px; margin: 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 1px solid #ccc !important; border-radius: 50% !important;} .our-project .owl-theme .owl-nav button:hover { background: #2d5b50 !important; border-color: #2d5b50 !important;} .our-project .owl-theme .owl-nav button.owl-next{right:20px; left:inherit;} .our-project .owl-theme .owl-nav button.owl-prev:hover:before{background-image: url(images/arrow-left-white.png);} .our-project .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .our-project .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .our-project .owl-theme .owl-nav button.owl-next:hover:before{background-image: url(images/arrow-right-white.png);} .our-project .project-box img {height: 360px; width: 100%;object-fit: cover;object-position: center center;} .our-project .col-sm-3 { padding: 0 3px 6px} .our-products{margin: 80px 0 350px; position:relative; z-index:2;} .our-products.products-page{margin: 0;} .our-products.products-page h2{font-size: 40px; line-height: normal; margin: 0 0 10px;} .our-products .title-flex h2{width: 45%;} .our-products .title-flex .text-pad{width: 55%; color: #636363; border-left: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 0 45px;} .our-products h2{color:#2d5b50;font-size: 54px; text-align: center;  position: relative; text-transform: initial !important; margin: -30px 0 50px;} .our-products h2 span{color:#ffe04a; display: block; font-size: 18px; text-transform: capitalize; margin: 0 0 10px;} .our-products h5{color:#000; line-height: 26px; font-style:italic; font-size: 20px; margin: 0 0 15px;} .our-products .os-grid-col{margin: 0 0 30px; position:relative;} .our-products .pw-col{margin: 0 0 30px; position:relative;} .our-products .products-box{position: relative;} .our-products .products-box p{margin: 0 0 10px;} .our-products .products-text{margin: 0; position: relative; padding: 0 0 0;} .our-products .products-box figure{margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; position: relative;} .our-products .products-box figure img{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 450px; width: 100%; object-fit: cover; object-position: center center;} .our-products .products-box .content{position: absolute; bottom: 0; color: #fff; padding: 60px 25px 15px; right: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);} .our-products h3{color: #fff; font-size: 22px; margin: 0; text-transform: capitalize;} .our-products h3 .btn{padding: 0; font-weight: 700; font-size: 20px;} .our-products h3 .btn{background: none; border-radius: 0; color: #fff; padding: 4px 0; min-width: inherit;text-transform: initial !important;} .our-products h3 .btn:hover{color: #ffe04a;} .our-products h3 .btn:after{background: #447CAB; height: 0; top: inherit; bottom: 0;} .our-products h3 .btn i{padding: 0 5px; right: -100px; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;} .our-products h3 .btn:hover i{right: 0;} .our-service{padding: 0 0 30px; position:relative; z-index:2; background: #2d5b50; color: #fff;} .our-service .offcanvas.offcanvas-end.show{z-index: 999999 !important;} .our-service .offcanvas.offcanvas-end{min-width: 45%;} .our-service .offcanvas .video-box video {width: 100%;border: 1px solid #dbdbdb;height: 365px;} .our-service .offcanvas h2 {color: #2d5b50;font-size: 40px;line-height: 44px;margin-bottom: 0px;} .our-service .offcanvas h3{color: #2d5b50;font-size: 40px;} .our-service .offcanvas h3 small{display: block;font-size: 20px;font-weight: 500;color: #2d5b50;margin-top: 12px;} .our-service .offcanvas p{color: #000;} .our-service .offcanvas-header{padding: 0;position: relative;} .our-service .offcanvas-header .btn-close:hover {box-shadow: 0 0 10px #b0b0b0;border: 1px solid #ccc;transition: all 0.3s ease;} .our-service .offcanvas-header .btn-close {border-radius: 0;box-shadow: 0 0 10px #cbcbcb;padding: 12px;position: absolute;left: 16px;top: 23px;background-color: #fff;z-index: 999;opacity: 1;border: 1px solid transparent;transition: all 0.3s ease;} .our-service .offcanvas-body{padding: 25px;} .our-service .offcanvas-body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #2d5b50;} .our-service .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;} .our-service .offcanvas-body::-webkit-scrollbar {width: 12px;background-color: #F5F5F5;} .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: inherit;border: inherit;} .our-service.solar-installers .title-flex h2{width: 45%;} .our-service.solar-installers .title-flex .text-pad{width: 55%; color: #636363; border-left: 2px solid rgba(0, 0, 0, 0.1);} .our-service.solar-installers h2{color:#2d5b50;} .our-service.solar-installers h5{color:#000;} .our-service.solar-installers:before{display: none;} .our-service.solar-installers:after{display: none;} .our-service.solar-installers .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png);} .our-service.solar-installers .owl-theme .owl-nav button.owl-prev:hover:before{background-image: url(images/arrow-left-white.png);} .our-service.solar-installers  .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png);} .our-service.solar-installers  .owl-theme .owl-nav button.owl-next:hover:before{background-image: url(images/arrow-right-white.png);} .our-service .os-top{margin-top: -300px;} .our-service .title-flex h2{width: 50%;} .our-service .title-flex .text-pad{width: 50%; color: #fff; border-left: 2px solid rgba(250, 250, 250, 0.5); padding: 0 0 0 45px;} .our-service h2{color:#2d5b50; font-size: 54px; text-align: center; position: relative; text-transform: initial !important; margin:-25px 0 50px;} .our-service h2 span{color:#ffe04a; display: block; font-size: 18px; text-transform: capitalize; margin: 0 0 10px;} .our-service h5{color:#fff; line-height: 26px; font-style:italic; font-size: 20px; margin: 0 0 15px;} .our-service .os-grid-col{margin: 0; position:relative;} .our-service .service-box{position: relative; margin: 0 0 30px;} .our-service .service-box p{margin: 0 0 10px;} .our-service .service-text{margin: 0; position: relative; padding: 0 0 0;} .our-service .service-box figure{margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;  overflow: hidden; position: relative; background: #000;} .our-service .service-box figure img{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 400px; width: 100%; object-fit: cover; object-position: center center; opacity: 0.6;} .our-service .os-top .service-box figure img{height: 550px;} .service-box .content{position: absolute; bottom: 0; color: #fff; padding: 15px 25px; right: 0; left: 0; /*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);*/} .service-box h3{color: #fff; font-size: 22px; margin: 0; text-transform: capitalize;} .service-box h3 .btn{padding: 0; font-weight: 700; font-size: 20px;} .service-box h3 .btn{background: none; border-radius: 0; color: #fff; padding: 4px 0; min-width: inherit;text-transform: initial !important;} .service-box h3 .btn:hover{color: #ffe04a;} .service-box h3 .btn:after{background: #447CAB; height: 0; top: inherit; bottom: 0;} .service-box h3 .btn i{padding: 0 5px; right: -100px; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;} .service-box h3 .btn:hover i{right: 0;} .our-service .item{margin: 15px;} .our-service .owl-dots{display: none; text-align: center; margin: 40px 0 0;} .our-service .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .our-service .owl-theme .owl-dots .owl-dot.active span, .our-service .owl-theme .owl-dots .owl-dot:hover span{background: #14133b;} .our-service .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;} .our-service .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #ffe04a;} .our-service .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; color: #000; position: absolute; left: -40px; top: 47%; margin: -100px 0 0; height: 50px; width: 50px; opacity: 1; text-indent: -99999px; border: 0;} .our-service .owl-theme .owl-nav button:hover{background: #ffe04a !important;} .our-service .owl-theme .owl-nav button.owl-next{right: -40px; left: inherit;} .our-service .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left-white.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .our-service .owl-theme .owl-nav button.owl-prev:hover:before{background-image: url(images/arrow-left.png);} .our-service .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right-white.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .our-service .owl-theme .owl-nav button.owl-next:hover:before{background-image: url(images/arrow-right.png);} .overlay-right-bar { position: absolute;  z-index: 10;} .overlay-right-bar .sidenav { height: 100%; width: 0; position: fixed; z-index: 5; top: 0; right: 0;background-color:#111111b5;overflow-x: hidden;transition: 0.5s;padding-top: 0px !important;} .overlay-right-bar #mySidenav { margin: 0; padding: 0;} .overlay-right-bar #Sidenavmy { width: 42%; margin: 0 0 0 auto;background: #fff;position: relative;padding: 23px;} .overlay-right-bar .video-box video { width: 100% !important; height: 100% !important;} .overlay-right-bar .sidenav .closebtn {border-radius: 0; box-shadow: 0 0 10px #cbcbcb;  padding: 12px;  position: absolute;  left: 26px;  top: 26px;  background-color: #fff;  z-index: 999; opacity: 1; border: 1px solid transparent; transition: all 0.3s ease;} .overlay-right-bar #Sidenavmy p { color: #000;} .overlay-right-bar #Sidenavmy h3 small { display: block;font-size: 20px;font-weight: 500;color: #2d5b50; margin-top: 12px;} .overlay-right-bar #Sidenavmy h3 { color: #2d5b50; font-size: 40px;} @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .about-brightex{background: #2d5b50; padding: 40px 0 50px; color: #fff; position:relative; z-index:2;} .about-brightex h2{color:#fff; font-size: 80px; line-height: 90px; position: relative; text-transform: initial !important; margin: 0 0 30px;} .about-brightex h2 span{display:block; font-size: 54px; line-height: 0px;} .about-brightex h3{text-transform: initial !important; font-size: 40px; margin: 0 0 25px;} .about-brightex h5{color:#fff; line-height: 26px; font-size:16px; margin:0 0 25px;text-transform: initial !important;} .counter-sec{position: relative; margin: 0; padding: 0; z-index:3;} .counter-sec .row-bg{margin: 0; padding: 52px 30px 30px; text-align:center; position:relative;} .counter-sec .row-bg:before{content: ""; background-image: url(images/bg-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; background-size: cover;  position:absolute; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity:0.2; z-index: 1;} .counter-sec .row-bg:after{content: ""; background: #ffe04a; position:absolute; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .counter-sec h2{font-size: 36px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 15px;} .counter-sec h2 span{color: #fff; font-size: 18px; margin:0 0 10px; display:block; line-height:normal;} .counter-sec p{color: #fff; text-align:center; font-size: 16px; margin:0 0 10px;} .counter-sec .counter-Txt{position: relative;} .counter-sec .counter-Txt p{} .counter-sec .counter-box{position: relative; margin: 0 0 30px; z-index: 3;} .counter-sec span{color:#2d5b50; font-weight: 700; font-size: 45px; line-height: normal; margin:0; display: inline-block;vertical-align: middle;} .counter-sec span:last-child{font-size: 14px;color: #fff;padding: 0 0 0 5px;} .counter-sec h4{color: #000; text-transform: initial !important; position: relative; text-align: center; right: 0; left: 0; top: 8px; bottom: 0; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; margin: 0;} .counter-sec figure{width: 50px; height: 50px; min-width: 50px; line-height: 50px; padding: 8px; border-radius: 3px;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); text-align: center; background: #3c64ff; float:left; margin:0 15px 0 0;} .appointment-wrap{position: relative; z-index: 5; padding: 90px 0 40px; margin: 0;} .appointment-wrap .left .btn{margin: 30px 0 0;} .appointment-wrap .right{margin: 0; position: relative; z-index: 2;} .appointment-wrap h2{color:#2d5b50; font-size: 80px; line-height: 90px; position: relative; text-transform: capitalize; margin: 0 0 30px;} .appointment-wrap h2 span{display:block; font-size: 60px; line-height: 70px;} .appointment-wrap .info{} .appointment-wrap form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;} .appointment-wrap form > *{padding-left:20px; padding-right:20px;} .appointment-wrap form .form-control{background: #fff; border: 1px solid #000; box-shadow:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 50px;} .appointment-wrap form .form-control::-webkit-input-placeholder {color: #000; opacity: 0.7;} .appointment-wrap form .form-control::-moz-placeholder {color: #000; opacity: 0.7;} .appointment-wrap form .form-control:-ms-input-placeholder {color: #000; opacity: 0.7;} .appointment-wrap form .form-control:-moz-placeholder {color: #000; opacity: 0.7;} .appointment-wrap form textarea{height: 180px !important;} .appointment-wrap form .form-group{margin-bottom: 0px;} .appointment-wrap form .btn{background:#ffe04a; color: #000;} .appointment-wrap form .btn:hover, .appointment-wrap form .btn:active{color: #fff; background:#000; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;} .why-choose-us{position:relative; background: rgba(45, 91, 80, 0.1); text-align:center; padding: 30px 0 50px; z-index:1;} .why-choose-us:after{content: ''; background-image: url(images/map-bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 60%; left: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%;} .why-choose-us h2{color:#2d5b50; font-size: 54px; line-height: 90px; position: relative; text-transform: initial !important; margin: 0 0 30px;} .why-choose-us h4{font-size: 18px; text-transform: initial !important;} .why-choose-us .process-block{margin: 0 0 30px;} .why-choose-us .process-block .inner-box{position: relative; text-align: center;} .why-choose-us .process-block .inner-box:hover .count{background: #ffe04a; color: #000; -webkit-transform: scale(-1) rotate(-180deg); transform: scale(-1) rotate(-180deg);} .why-choose-us .process-block .inner-box:hover .icon-box .icon{background-color: #2d5b50; color: #ffffff; -webkit-transform: scaleX(-1); transform: scaleX(-1);} .why-choose-us .process-block .inner-box:hover .icon-box .icon img{filter: brightness(0) invert(1);} .why-choose-us .process-block .inner-box:hover .icon-box .icon:after{opacity: 0;} .why-choose-us .process-block .icon-box{position: relative; height: 154px; width: 154px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 50px; border-radius:50%; border: 1px solid #B0B0B0;} .why-choose-us .process-block .icon-box .icon{background-color: #ffe04a; margin:0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 130px; width: 130px; font-size: 62px; border-radius:50%; color: #000; -webkit-transition: all 300ms linear; transition: all 300ms linear;} .why-choose-us .process-block .icon-box .icon:before{position: relative; z-index: 2;} /*.why-choose-us .process-block .icon-box .icon::after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#ebeef5), color-stop(transparent), to(transparent)); background: linear-gradient(to top, #ebeef5, transparent, transparent); content: ""; border-radius: 0; -webkit-transition: all 100ms ease; transition: all 100ms ease;}*/ .why-choose-us .process-block .icon-box .icon img{position: relative; z-index: 3; padding: 30px;} .why-choose-us .process-block .icon-box .count{position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; height: 48px; width: 48px; background: #2d5b50; font-size: 16px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius:50%; z-index: 2; -webkit-transition: all 300ms linear; transition: all 300ms linear;} .why-choose-us .process-block .info-box{position: relative;} .why-choose-us .process-block .info-box .inner{position: relative;} .why-choose-us .process-block .info-box .title{position: relative; z-index: 2; color:#000; font-size: 20px; margin-bottom: 8px;} .why-choose-us .process-block .info-box .text{position: relative; z-index: 2; margin:0; -webkit-transition: all 300ms ease; transition: all 300ms ease; line-height: 20px;text-transform: initial !important;} .back-to-top{position: fixed; z-index: 20; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; bottom: -10%; right: 20px; border: none;} .back-to-top a{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 8px; color: #fff !important; font-size: 22px; background: #000; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center; border: 1px solid #fdf8f6; -webkit-transition: all .3s linear; transition: all .3s linear;} .back-to-top a::after{position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);} .lte-image{position: absolute; z-index: 1; right: 0; left: 0; bottom: 0; text-align: center; opacity: 0.3;} .lte-image-vane img{width: 110px;} .lte-image-vane-blades{position: absolute; left: 0; right: 0; top: -85px; margin: 0 auto;} .lte-image-vane-blades img{pointer-events: auto; width: 300px; pointer-events: none; max-width: initial !important; -webkit-animation: vane 40000ms infinite linear; -moz-animation: vane 40000ms infinite linear; -o-animation: vane 40000ms infinite linear; animation: vane 40000ms infinite linear;} @keyframes vane { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .footer{position:relative; background: #f5efe8; color: #fff; padding: 80px 0 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;} /*.footer:after{content: ''; background-image: url(images/bg-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; background-size: cover; left: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.1; }*/ .footer .wg-1 ul li a:hover { color: #2d5b50; text-decoration: underline;} .footer .ft-logo a:hover {color: #2d5b50; text-decoration: underline;} .footer a{color:#000000;} .footer a:hover { color: #fff;} .footer .container{position: relative; z-index:1;} .footer .container > *{position: relative; z-index:2;} .footer .footer-left{padding: 0 50px 0 15px;} .footer .footer-left p { color: #000000;text-transform: initial !important;} .footer .footer-left a.btn.btn-primary {margin: 20px 0 0;} .footer .footer-right .row > :last-child{width: 40%;} .footer .footer-right .row > *{width: 30%;} .footer .left-p{font-size: 16px; line-height: 18px;} .footer .footer-left .btn { color: #000;} .footer .footer-left .btn:after { background: #2d5b50; color: #fff !important;} .footer .footer-left .btn:hover { color: #fff;} .wg-1{margin:0 0 30px;} .wg-1 ul a{text-transform: initial !important;} .wg-1 ul{margin:0; padding:0;} .wg-1 ul li{list-style:none; position:relative; padding: 0 0 10px;} .ft-logo{margin: 0 0 10px; display: flex; gap: 50px;} .ft-logo img{max-width: 250px;} .ft-logo span{display: block;text-decoration: underline;color: #fff;letter-spacing: 4px;text-transform: uppercase;font-size: 18px;margin: 30px 0 0;} .ft-logo address >p { text-transform: initial;} .text-up-box strong { text-transform: none;} .wg-1 address{margin: 0 0 20px; border-left: 2px solid #000; padding:0 0 0 30px;} .icon-ft{margin: 0;} .icon-ft i { font-size: 22px; color: #2d5b50; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 5px 7px 0; background: #ffe04a; } .icon-ft i:hover{color: #fff; background:#2d5b50; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} .footer-center{background: #fff; position: relative; text-align: center; padding: 30px 50px; margin: 20px 0 0px; z-index: 3;} .footer-center ul{padding: 0; margin: 0; display: flex; justify-content: space-between; gap: 20px;} .footer-center ul li{margin:0; padding: 0; list-style: none;} .ft-bottom{font-size: 16px; background:#2d5b50; color: #fff; margin: 0; position: relative; z-index: 2; padding: 20px 0 10px;} .ft-bottom .row{align-items: center;} .ft-bottom .copyright{margin: 0 0 10px;text-transform: inherit !important;} .ft-bottom a{color: #000;} .ft-bottom a:hover{color: #000;} .book-btn .elementor-widget-container { text-align: center !important; } .banner-inner{padding:0 0 0; background-image:url(/wp-content/uploads/2024/07/Mercedes-Benz-1-600x600-1.jpg); background-attachment:scroll; background-position:center; background-repeat:no-repeat; background-size:cover; overflow: hidden; position:relative; z-index:1;} .banner-inner::before{content: ""; position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; z-index: 1; right: 0; margin: 0 auto; background: #000; opacity: 0.6;} .banner-inner::after{content: ""; position: absolute; height: 100px; width: 120%; left: 0; bottom: 0; z-index: 1; right: 0; margin: 0 auto; background: url(images/slider-shape.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: 100% 100%;} .banner-inner .textblock{height: 400px; position: relative; z-index:2; text-transform:uppercase;} .banner-inner .block{top: 175px; left: 0; position: absolute; width: 100%; z-index: 1;} .banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;} .banner-inner h1{color: #fff; margin: 0 0 10px; font-size: 32px; font-weight:700; text-align:center;    text-transform: none;} .breadcrumb{line-height: 22px; position: relative; z-index: 5; margin:140px 0 0; padding:0; background: none; border-radius: 0; color: #fff; justify-content:start;} .breadcrumb > li {font-family: 'Poppins', sans-serif; font-weight:400; font-size:18px; margin: 0 0 5px;padding: 0 0 0 10px;} .breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;} .breadcrumb > li .fa-home{margin: 0 10px 0 0;} .breadcrumb li a{color: #ffe04a;} .breadcrumb li a:hover{color: #fff;} .align-left{float: left; width: 50%; margin: 7px 20px 10px 0;} .align-right{float: right; width: 50%; margin: 7px 0 10px 20px;} .mid-wrap{padding: 70px 0 40px;} /*.mid-inner h3{position: relative; margin: 0 0 20px; font-size: 24px; padding: 0 0 0 20px; color: #ffe04a; text-transform: capitalize;} .mid-inner h3 span{display: block; font-size: 18px; font-weight: 500; color: #fff;} .mid-inner h3::before{content: ""; background: #fff; width: 5px; height: 100%; position: absolute; left: 0; top: 0;} .mid-inner .right-sidebar h3::before, .mid-inner .right-sidebar h4::after{display:none;} .mid-inner h4{position: relative; text-transform:capitalize; color: #fff; margin: 0 0 15px; padding: 0 0 10px;} .mid-inner h4::after{content: ""; background: #ffe04a; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;} .mid-inner h5{font-size: 20px; text-transform: capitalize; margin: 20px 0 10px; color: #d71f27;}*/ /*.mid-wrap ul{margin: 0; padding: 0 0 5px;} .mid-wrap ul li{list-style: none; margin: 0 0 15px; padding: 0 0 0 30px; position: relative;} .mid-wrap ul li::before{content: "\f192"; font-family: FontAwesome; position: absolute; left: 0; top: 1px;} .mid-wrap ol{margin: 0; padding: 0 0 5px; counter-reset: section;} .mid-wrap ol li{margin: 0; padding: 0 0 15px; list-style: none;} .mid-wrap ol li::before{content: counters(section, ".") " - "; counter-increment: section;}*/ .contact-page{padding:0 0 30px; position:relative; text-align:center;} .contact-page h3{font-size: 24px; margin: 0 0 20px; color: #01023b; text-transform: capitalize;} .contact-page .contact-col{background: #2d5b50; -webkit-border-radius:0px; -moz-border-radius:15px 0 0 15px; border-radius: 0px;  color: #fff; padding: 30px 32px 80px; position:relative;} .contact-page .contact-col::after{content: "\f2b7"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -15px; position: absolute; font-size: 220px; opacity: 0.1;} .contact-page .contact-col h4{color:#fff; font-size: 34px; position: relative; text-transform: capitalize; margin: 0 0 55px;font-family: 'Montserrat';} .contact-page .contact-col h4 span{color: #92210f;} .contact-page .contact-col .contact-box:last-child{/*margin-bottom:0;*/} .contact-box{margin: 0 0 25px; position: relative; cursor: pointer; text-align: left; display: flex;font-family: 'Montserrat';} .contact-box .icon{font-size: 24px; display: inline-block; margin: 0 20px 0 0; text-align: center; width: 30px;} .contact-box .icon i{color: #fff;} .contact-box .content p{margin: 0;} .contact-box .content a{color:#fff;    text-decoration: none;} .contact-box a:hover { color: #ffe04a !important;; text-decoration: none !important;} .contact-box .content a:hover{text-decoration:underline;} .contact-page .contact-form{padding: 30px 50px 30px;} .contact-page .contact-form h3{color:#000; font-size:34px; position: relative; text-transform: capitalize; margin:0 0 30px -18px;font-family: 'Montserrat';} .contact-page .contact-form h3 span{color: #e0202a;    font-family: 'Montserrat';} .contact-page form{/*background: #fff; padding: 20px 20px 17px; position: relative; cursor: pointer;text-align: center; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.035); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: 0.3s ease-in; */ overflow:hidden; margin:0 -15px;     text-align: left;} .contact-page .wpcf7-not-valid-tip { text-align: left;} .contact-page form .form-control{background:#eff1ed; box-shadow:none; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 0px; color: #000; height:44px;font-family: 'Montserrat';} .contact-page form .form-control::-webkit-input-placeholder {color: #6c757d;} .contact-page form .form-control::-moz-placeholder {color: #6c757d;} .contact-page form .form-control:-ms-input-placeholder {color: #6c757d;} .contact-page form .form-control:-moz-placeholder {color: #6c757d;} .contact-page form textarea{height:120px !important;} .contact-page form .form-group{margin:0 0 20px;} .contact-page .text-left {text-align: left;} .contact-page form .btn { font-size: 16px;background: #ffe04a; color: #000; font-weight: 700; text-transform:capitalize; padding: 0px 20px; border: 0; position: relative; text-shadow: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0;    font-family: 'Montserrat';} .contact-page form .btn:hover, .contact-page form form .btn:active{background: #000; color: #fff;    font-family: 'Montserrat';} .contact-page .map-padd{border: 10px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);} .contact-page-innr { background: #fff;border-radius: 0px;margin: 0 0 70px; padding: 0 !important; position: relative; text-align: left; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);} .contact-page .btn input { width: 100%; border: none; background: no-repeat; outline: none; display: block; margin: 0; padding: 14px 10px 0; font-weight: 600;} .contact-page .btn{padding:0px; position:relative; overflow:visible !important:} .contact-page .btn:hover input{color:#fff;} .contact-page span.wpcf7-spinner { position: absolute;  bottom: 0; right: -60px;} /* inner pages css */ .single-portfolio .info-box {background: #f5efe8;} .single-portfolio .banner-inner .block br { display: none;} .info-box span.elementor-icon { width: 70px; height: 70px; position: relative; background: #ffe04a; border-radius: 100%; padding: 13px;} .info-box path { fill: #fff;} .solar-design-wrap .col-sm-6 {  padding: 0;} .solar-design-wrap .sidebar .info { padding: 25px 25px 22px;} .solar-design-wrap .design-box, .solar-installation-wrap .design-box { padding: 0 30px 0px 30px;} .about-wrap a {color: #2d5b50;} .about-wrap a:hover { color: #fff;} .about-wrap h3 a { text-decoration: none !important; color: #ffe04a !important;} .solar-installation-wrap .col-sm-6 {  padding: 0;} .solar-installation-wrap h3 a { text-decoration: none; font-size: 22px;} .solar-installation-wrap a.btn.btn-primary {color: #fff;} .sidebar .info h6 { color: #2d5b50; } .sidebar .info {background: #f5f5f5; padding:40px 30px 30px;} .sidebar .info .btn input { width: 100%; border: none; background: no-repeat; outline: none; display: block; margin: 0; padding: 14px 10px 0; font-weight: 600;} .sidebar .info .btn{padding:0px; position:relative; overflow:visible !important:} .sidebar .info .btn:hover input{color:#fff;} .sidebar .info span.wpcf7-spinner { position: absolute; bottom: 0;  right: -60px;} .sidebar{position: relative; z-index: 5; margin: 0;} .sidebar .left .btn{margin: 30px 0 0;} .sidebar .right{margin: 0; position: relative; z-index: 2;} .sidebar h2{color:#2d5b50; font-size: 80px; line-height: 90px; position: relative; text-transform: capitalize; margin: 0 0 30px;} .sidebar h2 span{display:block; font-size: 60px; line-height: 70px;} .sidebar form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;} .sidebar form > *{padding-left:20px; padding-right:20px;} .sidebar form .form-control { background: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 40px; border: none; border-bottom: 1px solid #000; padding: 5px 0 5px;} .sidebar  .form-select {background-color: transparent; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 40px; border: none; border-bottom: 1px solid #000; padding: 5px 0 5px;color: #8a8a8a !important;} .sidebar form .form-control::-webkit-input-placeholder {color: #000; opacity: 0.7;} .sidebar form .form-control::-moz-placeholder {color: #000; opacity: 0.7;} .sidebar form .form-control:-ms-input-placeholder {color: #000; opacity: 0.7;} .sidebar form .form-control:-moz-placeholder {color: #000; opacity: 0.7;} .sidebar form textarea { height: 120px !important;} .sidebar form .form-group{margin-bottom: 20px;} .sidebar form .btn{background:#ffe04a; color: #000;} .sidebar form .btn:hover, .sidebar form .btn:active{color: #fff; background:#000; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;} .about-inverter-wrap .content, .solar-batteries-wrap .content, .about-panels-wrap .content { display: flex; align-items: center; justify-content: center; text-align: center;} .about-inverter-wrap .content .col, .solar-batteries-wrap .content .col, .about-panels-wrap .content .col {border: 1px solid #eee; padding: 15px; box-shadow: 0px 10px 11px #dedede47;} .about-inverter-wrap .content span, .solar-batteries-wrap .content span, .about-panels-wrap .content span {font-weight: 800;text-transform: uppercase;} .project-section .oxi-image-hover-style { width: 33.333% !important;} .project-section .oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-figure-caption .oxi-image-hover-heading { font-size: 28px !important;} .project-section .oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-button a.oxi-image-btn { font-size: 16px; color: #ffffff !important; background: rgb(45 91 80);} .project-section .oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-caption-tab .oxi-image-hover-button a.oxi-image-btn:hover { background: rgb(45 91 80); border-radius: 30px;} .project-section .oxi-image-hover-content.iheu-fade-down { margin: 12px 0 12px;} .project-form .info { padding: 30px 30px 20px;} .footer-left a.btn.btn-primary {margin: 20px 0 0;} .page-id-30 .our-products, .page-id-46 .our-products { margin: 0px 0 0px;} .blog ul.post-meta {list-style: none; padding: 0;} .blog li.post-date.meta-wrapper { display: flex; justify-content: space-between;     flex-direction: row-reverse;} .blog .entry-categories-inner, li.post-author.meta-wrapper, li.post-comment-link.meta-wrapper { display: none;} .blog h2.entry-title.heading-size-1 {text-align: left; font-size: 18px; color: #2d5b50; font-weight: 600;} .blog li.post-date.meta-wrapper span.meta-text a { color: #2d5b50; font-weight: 700;} .blog .featured-media img { height: 350px;object-fit: cover;width: 100%; object-position: center center;} .blog .entry-title.heading-size-1 a:hover { color: #ffe04a; transition: 0.8s ease-in-out;} .blog article .entry-header.has-text-align-center { padding: 10px 15px 0;} .blog article .post-inner.thin { padding: 0 15px 30px;} .blog .blog-col{margin:0 0 30px;} .blog .blog-col article path { fill: #ffe04a;} .blog .blog-col .entry-header.has-text-align-center { box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); margin: -50px auto 0; background: #fff; position: relative; padding: 20px 20px 10px !important; width: calc(100% - 40px); } .single-post .entry-categories {display: none;} .single-post ul.post-meta {display: none;} .single-post .single-col img { width: 100%; height: 400px; object-fit: cover; object-position: center center; } .single-post .entry-title {text-align: start;font-size: 26px;} .single-post .entry-content h3 { font-size: 20px; color: #2d5b50; font-weight: 600; } .page-id-1643 h3 {color: #2d5b50; font-size: 22px;} /** Smartphones **/ @media (min-width: 320px) and (max-width: 767px) { .menu-head .container-fluid{padding:0 15px;} .menu-head .navbar-brand img{} .menu-head .navbar-toggler{display: none;} .header.sticky { background:#2d5b50;  z-index: 6;} .header .sidebar-logo .logo-name img {background: #2e5d5a; padding:10px 26px 10px 0; border-radius: 10px; width: 310px;} .sidebar-wrapper .sidebar-menu{display: block !important;} .page-wrapper.chiller-theme.toggled #close-sidebar span{width: 40px; height: 40px; line-height: 40px; margin: 15px;} .sidebar-wrapper .sidebar-menu ul li a{padding: 10px 30px 10px 15px;} .page-wrapper.chiller-theme.toggled #close-sidebar span::before, .page-wrapper.chiller-theme.toggled #close-sidebar span::after{top: 19px; left: 12px; width: 18px; height: 2px;} .page-wrapper.chiller-theme.toggled #close-sidebar span::after{top: 17px;} .sidebar-info{padding: 20px 15px; } .offer-top .layout{color: #fff; font-size: 12px;} .offer-top .layout p{line-height: 18px;} .offer-top .layout .link a{font-size: 12px; margin-left: 10px;} .header{padding: 0; left: 0px; right: 0px;} .header .head-top .container-fluid{padding: 0 15px;} .header .head-center{display: none;} .header .logo{} .header .navbar .logo img{margin: 0; max-width: 140px;} .slide-text h1{font-size: 36px; line-height: 46px;} .slide-text h1 span{font-size: 16px; letter-spacing: 1px;} .banner{margin: 0;} .banner .slide-image{height: 100vh;} .banner .banner-left{} .banner .banner-right{} .banner .carousel-button{top: 15px;} .banner .slide button{width: 40px; height: 40px;} .text-sec .row{padding: 50px 25px 0;} .text-sec h2, .our-service .title-flex h2, .process-sec h2, .why-choose-us h2, .contact-sec h2{font-size: 30px;} .text-sec .text-col{padding: 0;} .text-sec .btn{min-width: inherit; margin: 0 0 10px; width: 100%;} .title-flex{display: block;} .our-project .col-sm-3 { padding: 0 12px 6px;} .our-service .title-flex h2{width: 100%;} .our-service .title-flex .text-pad{width: 100%;} .our-service .title.mrb-40.aos-init.aos-animate {  margin: -10px 0 -25px !important;} .title-flex .text-pad{padding: 0; border-left: 0;} .appointment-wrap h2, .about-brightex h2 span, .about-brightex h2 { font-size: 46px; line-height:          50px;margin:-50px 0 40px; color: #fff;} .valued-clients .owl-carousel .owl-stage-outer{background: #fff;} .our-service h2{ font-size: 46px; line-height: 50px; margin: -50px 0 55px;} .about-padd { margin: -50px 0 0;} section.about-brightex h2 span { margin: 30px 0 0;} .our-service .owl-theme .owl-nav button{background: #fff !important; left: 30px; top: -25px; margin: 0;} .our-service .owl-theme .owl-nav button.owl-next{right: inherit; left: 90px;} .overlay-right-bar #Sidenavmy {width: 100%;} .about-brightex { background: #2d5b50; padding: 10px 0 70px;} .process-sec .tabs-grid{display: block;} .project-section .oxi-image-hover-style.oxi-bt-col-lg-4.oxi-bt-col-md-12.oxi-bt-col-sm-12 { width: 100% !important;} .tabs-grid .nav-tabs{width: 100%;} .tabs-grid .tab-content{width: 100%; padding: 20px 0 0;} .tabs-grid .nav-tabs .nav-item .nav-link{font-size: 20px; padding: 5px 0;} .process-sec .process-info{padding: 20px 20px 15px; border-left: 15px solid #ffe04a !important; min-height: inherit;} .contact-sec .contact-info form .form-group{width: 100%;} .contact-sec .right-grid{padding: 30px 15px 0;} .wg-1 h4{margin: 0 0 15px;} .footer .footer-left .ft-col{width: 100% !important;} .footer .footer-left .ft-col:last-child .wg-1 ul li{width: 100%; display: block;} .footer .footer-right{padding: 0 15px;} .ft-bottom{padding: 20px 0 10px;} .ft-logo {display: block;} .footer .footer-right .row > * {width: 50%;} .footer-center ul { display: grid; justify-content: center;} .footer-center ul li { padding: 6px 0 10px;} .footer .footer-right .row > :last-child { width: 60%;} .breadcrumb > li {line-height: 36px;} .our-project .owl-theme .owl-nav button { top: 0; left: 0; position: relative; display: inline-block !important; margin: 0 10px; } .our-project .owl-theme .owl-nav { position: absolute; left: 0; right: 0; } .our-project { overflow-x: hidden;} .farm-food-wrap{overflow: hidden;} #zoomImage { background-size: cover !important;} .rc-pages .info {display: block !important;} section#selector-sec { background-size: cover !important;} #landing-page-cta .wpcf7-list-item { display: block !important;} .happy-client .owl-prev { left: -20px !important;} .happy-client .owl-next {right: -20px !important;} #landing-page-cta select.wpcf7-form-control { padding: 0 40px 0px 10px !important;} .wpcf7-not-valid-tip { margin: 0px 0 0;} } /* Smartphones to Tablets */ @media (min-width: 481px) and (max-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /* Tablets */ @media (min-width: 768px) and (max-width: 1190px) { .home-project{overflow:hidden;} .header { background: #2d5b50; top: 0; z-index: 99;} .container{width: auto; max-width:850px !important; padding:0 30px;} .header{top: 0px;} .head-top{display:none;} .menu-head .container-fluid{padding:0 15px;} .menu-head .navbar-brand img{} .menu-head .navbar-toggler{display: none;} .sidebar-wrapper .sidebar-menu{display: block !important;} .page-wrapper.chiller-theme.toggled #close-sidebar span{width: 40px; height: 40px; line-height: 40px; margin: 15px;} .sidebar-wrapper .sidebar-menu ul li a{padding: 10px 30px 10px 15px;} .page-wrapper.chiller-theme.toggled #close-sidebar span::before, .page-wrapper.chiller-theme.toggled #close-sidebar span::after{top: 19px; left: 12px; width: 18px; height: 2px;} .page-wrapper.chiller-theme.toggled #close-sidebar span::after{top: 17px;} .sidebar-info{padding: 20px 15px;} .header .sidebar-logo .logo-name {background: #2d5b50; padding: 18px;} .banner{min-height: inherit;} .slide-text{padding: 100px 0 0; margin: 0; left: 20px; right: 20px;} .slide-text h1{font-size: 38px; line-height: 44px;} .slide-text p{font-size: 14px; line-height: 22px;} .banner .slide button{width: 40px; height: 40px; font-size: 24px;} .banner .slide button .fa{margin: 5px 0 0;} .btn{font-size: 14px;} .tag-sec .row{margin: 50px 0 0; padding: 35px 15px 35px;} .tag-sec .info-content::after{right: -15px; width: 1px;} .tag-sec .info-content h3{font-size: 36px;} .our-process h2, .services-area h2, .our-partners h2, .trip-wrap h2, .why-sec h2, .client-speak h2{font-size:26px;} .our-process h2 span, .services-area h2 span, .our-partners h2 span, .trip-wrap h2 span, .why-sec h2 span, .client-speak h2 span{font-size:16px;} .our-process .op-fluid::before{display:none;} .our-process .process-title{margin-bottom: 0 !important;} .our-process .item{min-height: inherit;} .our-process .item figure, .our-process .active figure{opacity: 1; visibility: visible; -moz-transform: scaleX(1); -webkit-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); position: relative; margin-top:0;} .our-process .item .info{position: relative; top: 0 !important;} .our-process .item .step{position: absolute; top: 80px; left: 0;} .our-process .item .step::after{bottom: -20px;} .services-area .titlew{display: block;} .services-area .titlew h2, .services-area .titlew p{width: 100%; padding:0; border:0;} .services-box h3{font-size: 18px; margin: 3px 0 10px;} .services-area .sa-col{width: 50%;} .counter-sec span {font-size: 30px;} .trip-wrap .bf-coll{padding: 0 15px;} .client-speak h2{margin: 0 0 40px;} .client-speak .owl-theme .owl-nav button{left: inherit; top: -45px; right: 50px; height: 30px; width: 30px;} .client-speak .owl-theme .owl-nav button.owl-next{right: 15px;} .client-speak .owl-theme .owl-nav button::before{background-size: 18px 18px !important;} .wg-1{margin: 0 0 40px;} .wg-1 h4{padding:0;} .footer-left{width: 100%;} .footer-left .col-sm-3{width: 50%;} .footer-right{width: 100%;} .service-box h3 .btn {text-align: left;} .banner .video { height: auto;} .our-service h2 { margin: -25px 0 50px;;} .page-id-57 .banner-inner .block {margin: 0 0 0 -23px;} .page-id-57 .header .navbar .bx-menu { margin: 0 35px 0 0;} .our-project .col-sm-3 { width: 50%;} .about-brightex h2 span { line-height: 70px;} .breadcrumb { margin: 120px 0 0;} .banner-inner .block {top: 190px;} .our-project h2 { text-align: left;line-height: 60px;} .footer .footer-left { padding: 0 50px 0 10px;} .header nav .navbar .links li .sub-menu {width: 300px;} .farm-food-wrap{ overflow: hidden; } section#selector-sec { background-size: cover !important; } } /* Desktop */ @media (min-width: 960px) and (max-width: 1190px) { .container{width:auto; max-width:1030px!important; padding:0 30px;} } @media (min-width: 768px) and (max-width: 1024px) { .our-project h2 {text-align: left !important; line-height: 60px !important;} #zoomImage { background-size: cover !important;} } /* Desktop */ @media (min-width: 1191px) and (max-width: 1367px) { .header nav .navbar .links li{margin: 0 4px 0 15px; letter-spacing: -0.5px;} .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px !important; } } @media (min-width: 1450px) { .container{max-width: 1350px;} } .e-font-icon-svg.e-far-dot-circle { margin: 5px 0 0 0 !important; } .basketball-stadium img { height: 420px !important; } .problem-box .elementor-widget-wrap.elementor-element-populated { box-shadow: 0 0 10px #eeeeee73; padding: 50px 40px 50px !important; } .problem-box .elementor-widget-wrap.elementor-element-populated:hover { background-color: #2d5b50 !important; } .problem-box .elementor-widget-wrap.elementor-element-populated:hover .elementor-widget-container { color: #fff; } .page-id-4679 .mid-wrap { padding: 40px 0 40px; } @keyframes zoomBg { 0% { background-size: 100%; } 100% { background-size: 110%; } } .selector { background-size: cover; background-position: center; animation: zoomBg 4s ease-in-out infinite alternate; } /* rc-pages */ .rc-pages .info .form-group {padding: 5px 10px 0 0;} .rc-pages .info .btn input {padding: 18px 10px 0;} #selector-sec{    background-size: cover;} .page-id-1643 .privacy{margin: 10px 0;} .page-id-5914 .banner-inner { display: none;} .page-id-5914 .electrification-sec {position:relative;} /*.page-id-5914 .electrification-sec:before { background: radial-gradient(circle at top right, #ffe04a59, transparent); position: absolute; width: 100%; height: 100%; top: 0; content: "";}*/ .page-id-5914 .mid-wrap { padding: 0px 0 40px;} .process-item::before { background:#eee; color: #000; font-weight: bold; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 20px;} .process-item {padding: 10px 15px 10px; background: radial-gradient(circle at top right, #ffe04a, #0000007d); color: #fff; } .process-item span { background: #fff; color: #000; font-weight: 800; font-size: 20px; height: 40px; width: 40px; border-radius: 60%; text-align: center; line-height: 40px; margin-right: 20px;display: inline-block;} .can-help {position:relative;} .can-help:before { background: radial-gradient(circle at top left, #ffe04a59, transparent); position: absolute; width: 100%; height: 100%; top: 0; content: "";} .help-inn img { width: 50px; margin: auto;} .help-inn h3.elementor-image-box-title { font-size: 20px !important;} .help-inn .elementor-image-box-wrapper { box-shadow: 0px 0px 10px #ffe04a5e;min-height: 160px; padding: 15px 15px 15px;margin: 0 15px 20px;} .page-id-5914 .package-box{justify-content: center; display: flex;} .happy-client .owl-carousel { display: block;} .happy-client .project-card{ border-radius:18px; overflow:hidden; background:#f6f8f4;    min-height: 200px; } .happy-client .project-card img{ width:100%; height:260px; object-fit:cover; } .happy-client .card-content { padding: 20px; position: relative; min-height: 230px; } .happy-client .owl-carousel.owl-loading { opacity: 1; } .happy-client .card-content h3 { font-size: 22px; font-weight: 700; margin-bottom: 8px; color: #2d5b50; } .happy-client .card-content p{ font-size:14px; line-height:1.6; color:#444; } #landing-page-cta input.form-control { background: #eff1ed; box-shadow: none; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; color: #000; height: 50px; font-family: 'Montserrat'; margin: 0 0 15px; } #landing-page-cta textarea {padding: 10px 10px 0;background: #eff1ed; box-shadow: none; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; color: #000; height: 90px; font-family: 'Montserrat'; margin: 0 0 15px; width:100%} #landing-page-cta select.wpcf7-form-control { background: #eff1ed; box-shadow: none; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; color: #000; height: 50px; font-family: 'Montserrat'; margin: 0 0 0; width: 100%; padding: 0 10px 0; color: #788188;} #landing-page-cta .wpcf7-checkbox {border: none; padding: 0;top: 2px; position: relative;} #landing-page-cta .wpcf7-list-item { display: inline-block; margin: 0 18px 0px 0em;} #landing-page-cta .form-group.col-md-6, #landing-page-cta .form-group.col-md-12 { padding: 0 15px 0px 0px;} #landing-page-cta {margin: 0;} .inquiry span.wpcf7-form-control-wrap::after { content: "▼"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #70777d; font-size: 14px; } :focus-visible { outline: -webkit-focus-ring-color auto 0px;} .wpcf7-response-output { margin: 0 0 0px -15px !important;} .horsham-wrap img { height: 400px !important; width: 100%; object-fit: cover; }