/*
Theme Name: Web Designer Portfolio Pro
Theme URI: https://www.ovationthemes.com/products/solar-energy-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Theme Description: Web Designer Portfolio Pro WordPress Theme is a feature-rich theme with a gorgeous layout. It is specifically designed for repairing services, manufacturing plants, road building, company, constructor, corporate, industry, plumber, electrician, carpenter, painter, handyman, mills, small contractors to big corporates, heavy vehicle and rent websites. This premium theme is compatible with all famous WordPress plugins like WooCommerce, Contact Form 7 etc. It uses theme options using customizer API. The responsive design will fit in all devices. Also, it is translation-ready and has RTL layout support. You have a lot of customization options like simple menu option, Favicon, Logo, Title and Tagline Customization, support to add CSS/JS, pagination option, enable-disable options on all sections.
Version: 0.0.1
Requires at least: 5.0
Requires PHP: 7.2.14
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: web-designer-portfolio-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Web Designer Portfolio Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2021.
Web Designer Portfolio Pro WordPress Theme is released under the terms of GNU GPL
*/

/*----------------all Pages-------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  background-color:#ffffff;
  font-size: 15px;
  color: #2a2a34;
  font-family: 'Poppins';
  overflow-x: hidden;
  padding: 0 !important;
}
html {
    overflow-x: hidden;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3{
  font-size: 36px;
  font-family: 'Poppins';
  margin:0;
  padding:10px 0;
  color:#2a2a34;
  font-weight: 800;
}
h4,h5,h6{
  font-size: 22px;
  font-family: 'Poppins';
  margin:0;
  padding:10px 0;
  color:#00535E;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #707070;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#2a2a34;
  font-weight: 400;
}
a:hover{
  color: #00535E;
}
a:focus,a:hover{
  text-decoration:none !important;
}
/* SITE LOADER */
/*--------- Site Loader --------------*/
.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.loader {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100px;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}

@keyframes slide-in {
  from {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes leap {
  0% {
    transform: translateY(0);
  }

  7% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1);
    opacity: 0.5;
  }

  75% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}
.dot {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.dot:nth-child(1) {
  background-color: #FECC47;
  animation: leap 1s ease-in-out alternate 0.4s infinite;
}
.dot:nth-child(2) {
  background-color: #FECC47;
  animation: leap 1s ease-in-out alternate 0.6s infinite;
}
.dot:nth-child(3) {
  background-color: #FECC47;
  animation: leap 1s ease-in-out alternate 0.8s infinite;
}
/* SEARCH POPUP */
.search-box i{
  cursor: pointer;
}
span.search-close-icon {
    display: none;
    transition: 3s;
}
.header-search {
    width: 60px;
}
div#search-box{
  padding: 4px 0;
}
.search-icon i,.search-close-icon i {
  padding: 16px 20px 16px 0;
  font-size: 20px;
  color: #FECC47;
}
.search-slidein span.search-close-icon{
  display: block;
  transition: 3s;
}
.search-slidein .search-icon{
  display: none;
  transition: 3s;
}
.serach_outer {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #00000029;
    padding: 15px;
    top: 55px;
    right: 0;
    display: none;
    z-index: 99;
    width: max-content;
}
.closepop {
    position: absolute;
    right: 23px;
    top: 1px;
    font-size: 17px;
}
.serach_outer input[type=search] {
    border-radius: 10px;
    background: #f7f7f7;
    width: 95%;
    height: 43px;
    padding: 10px;
}
form.search-form.serach-page {
    display: flex;
}
.header-search .serach_outer .search-form.serach-page input[type=submit] {
  background: #00535E !important;
  color: #ffffff !important;
  font: 500 15px/20px 'Poppins';
  letter-spacing: 0.1em;
  border-radius: 10px;
  padding: 11px 25px;
  height: 43px;
}
/*----------------------add to cart---------*/
#cart {
  background: #000;
  width: 400px;
  right: 0px;
  top: 50px;
  margin: 0px auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
  -webkit-animation: bounceIn 2s ease-in-out;
  animation: bounceIn 2s ease-in-out;
}
.cart_box:hover #cart{
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove {
    right: 0px;
    left: auto !important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  float: left;
  margin-right: 24px;
}
.woocommerce a.remove{
  color: #fff !important;
  background-color: #00535E;
  width: 25px;
  height: 27px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
  padding-left: 0em;
}
.woocommerce.widget_shopping_cart .buttons a{
  width: 100%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .total{
  padding: 4px 0 0;
  margin: 10px 0 !important;
}
.woocommerce-mini-cart__total.total strong {
    padding: 8px 0;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
.woocommerce .products li {
    width: 100% !important;
    margin: 10px 0 !important;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #2a2a34;
  color:#ffffff;
  font-weight:normal;
}
.title-box{
  background:#dcedff ;
}
.main_title {
    background: #dcedff ;
}
/* MENU BAR */

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.main-navigation li{
  position: relative;
  display: inline-block;
}
.main-navigation ul.sub-menu li:after{
  display: none;
}
.main-navigation a{
  color: #000000;
  font: 400 20px / 20px 'Poppins';
  padding: 0 17px;
}
.main-navigation li:last-child a::before,.main-navigation li.current-menu-item.current_page_item a::before{
  display: none;
}
.main-navigation ul ul{
  /* display: none; */
  position: absolute;
  left: 0;
  top: 100% ;
  background: #2a2a34;
  min-width: 215px;
  z-index: 9999;
  border: 1px solid #eee;
  border-radius: 10px;
  padding-left: 15px;
  opacity: 0;
  transform: rotateX(-75deg);
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e9eaea;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  /* display: block; */
  transition: .3s;
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateX(0deg);
}
.main-navigation .menu > ul > li.highlight{
  background-color: #000000;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
ul#menu-ot_main_primary-menu {
    margin-bottom: 0;
    padding-left: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-next, .posts-navigation .nav-next{
  float: right;
  text-align: right;
  width: auto;
}
.main-navigation a:hover,.main-navigation li.current-menu-item.current_page_item a{
  color: #00535E;
}
ul.children li a {
    padding: 10px;
}
a.closebtn.mobile-menu:hover,.main-navigation ul ul li a:hover {
    background: unset;
}
.main-navigation ul ul li a:hover{
  color: #FECC47;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #92a8ac;
  position: relative;
  top: 13px;
  font-size: 19px;
  padding: 3px 18px;
  box-shadow:none;
  transition: all 0.40s ease;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow: 0 0 10px 0 #FECC47 inset, 0 0 10px 4px #FECC47;
}
#return-to-top:hover i {
  top: 5px;
  color: #FECC47 !important;
}
div#mySidenav {
    display: block;
}
/*--------sidebar------------*/
div#sidebar {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 14px;
}
div#sidebar .wp-block-group {
    margin: 20px 0px;
}
div#sidebar .wp-block-group__inner-container h2 {
    background: #dcedff ;
    font-size: 24px;
    text-align: center;
    font-style: italic;
}
#sidebar li.wp-block-latest-comments__comment {
  margin-top: 15px;
}
/*sidebar*/
#sidebar .postbox.smallpostimage{
  padding: 10px;
}
#sidebar td#prev a {
  color: #1fb125;
}
#sidebar caption {
  font-weight: bold;
  color: #00535E;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #00535E;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #00535E;
  background: transparent;
  width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  padding: 4% 0;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 17px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #666c6e;
  border: solid 1px #e5eaec;
  width: 100%;
}
#sidebar .search-form .search-submit{
    bottom: 4px;
    padding: 12px 10px !important;
    position: absolute;
    left: 20px;
    width: 40%;
    margin: 2% 0px
}
#sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  background:#1fb125;
  color:#fff;
  padding:10px 0;
  font-size:12px;
  width: 30%;
  font-weight: bold;
}
#sidebar .widget {
  margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    padding: 10px 20px 10px;
}
#sidebar aside#monster-widget-placeholder-9 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
aside#monster-widget-placeholder-10 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
}
#sidebar ul li a:before{
  font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    font-size: 10px;
    font-weight: 100;
    margin-left: -15px;
    margin-right: 10px;
    top: -1px;
    display: inline-block;
    position: relative;
}
#sidebar ul li:last-child{
  border: none;
}
#sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #2a2a34;
}
#sidebar .tagcloud a,
.site-footer .tagcloud a{
  background:#eeeeee;
  color:#2c2c2c;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover{
  background:#1fb125;
  color: #fff;
}
.menu-ot_main_primary-menu-container {
    margin-bottom: 50px !important;
}
.textwidget img {
    border-radius: 10px;
}
span.rss-date {
    font-style: italic;
    font-weight: bold;
}
.rssSummary {
    margin: 10px 0px;
}
aside#monster-widget-placeholder-4 ul,aside#monster-widget-placeholder-6 ul,aside#monster-widget-placeholder-7 ul,.menu-ot_main_primary-menu-container ul{
    background: #dcedff ;
}
ul#menu-ot_main_primary-menu-1 {
    margin-bottom: 20% !important;
}
td#today a {
    background: #00535E;
    border-radius: 50px;
    padding: 8px 10px;
}
/*--------- Woocommerce Section--------- */

.woocommerce ul.products li.product a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto .5em;
  color: #f4bc16;
}
.woocommerce .products li {
    text-align: center;
    border: solid 1px #e6e6e7;
    border-radius: 10px;
    padding: 10px 10px 10px 10px !important;
}
.woocommerce .products li:hover{
  box-shadow: 0px 0px 10px 2px #ededed;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
  color: #00535E;
}
.woocommerce-message {
  border-top-color: #00535E;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    background: #00535E;
    color: #fff;
    padding: 0;
    border-radius: 5px;
    margin: 0 !important;
    min-height: 5px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce ul.products li.product .onsale{
    top: 10px !important;
    right: 10px !important;
}
h2.woocommerce-loop-product__title{
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2a2a34 !important;
    font-size: 22px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    background: #213545;
    border-radius: 50px !important;
    position: relative;
    padding: 14px 20px;
    opacity: 1 !important;
    cursor: pointer !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #00535E !important;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px 5px;
  border-radius: 0;
  border: solid 1px #2a2a34;
  color: #2a2a34;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #00535E;
  padding: 12px!important;
  margin-bottom: 10px;
  border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward{
  color: #fff !important;
  font-style: none;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover{
  text-decoration: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: auto;
    margin: auto;
}
.woocommerce-product-gallery__image img.wp-post-image {
    width: auto !important;
    margin: inherit;
}
nav.woocommerce-breadcrumb {
    margin: 17px 0px !important;
    font-size: 16px !important;
    color: #00535E !important;
}
.summary.entry-summary form.cart .quantity {
    margin: 4px 15px 0px 0px !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 15px 30px;
}
.comment-form-rating label, p.stars {
    padding: 10px 0px;
}
textarea#comment {
    width: auto !important;
}
input#coupon_code {
    width: 104px;
    margin: 6px 15px 0px 0px;
}
ul.woocommerce-error {
    border-top-color: #00535E;
}
.woocommerce-error::before {
    color: #00535E;
}
/*--------post------------*/
.single-post .post_share_icon a {
    padding: 10px 13px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    width: auto;
    margin: 5px 3px;
}
.single-post a.post-facebook {
    background: #3b5998;
}
.single-post a.post-pinterest {
    background: #c92228;
}
.single-post a.post-linkedin {
    background: #0976b4;
}
.single-post a.post-twitter {
    background: #1B95E0;
}
.single-post b.share-txt {
    font-size: 18px;
}
p.comment-form-comment{
position: relative;
}
p.comment-form-comment label {
    position: absolute;
    bottom: 100%;
    font-weight: 700;
}
div#comments p.logged-in-as {
    margin-bottom: 35px;
}
.single-post .feature-box img {
    width: 50%;
}
.single-post-content p {
    margin-right: 10%;
    text-align: justify;
}
a.page-numbers{
  padding: 10px !important;
  background-color: #00535E;
  color: #ffffff !important;
  border: 1px solid #00535E;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #00535E;
  color: #000000 !important;
  padding: 10px !important;
}
p.form-submit input#submit {
    border: none;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}
button.wp-block-search__button,form.search-form.serach-page input.search-submit {
    background: #00535E !important;
    padding: 5px 20px !important;
    border-radius: 5px;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li{
  margin: 15px 0px;
}
div#single_post .news-box.my-4 {
    box-shadow: 0px 0px 40px 12px #ededed;
    border-radius: 15px;
}
.content_boxes .feature-box img {
    border-radius: 10px;
    width: 100%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
div#single_post .news-datebox {
    right: 35px;
    bottom: 29%;
  }
  div#blog-left-sidebar .news-datebox,div#blog-right-sidebar .news-datebox {
    bottom: 42%;
}
div#full-width-blog .lower-new-box,div#blog-left-sidebar .lower-new-box,div#blog-right-sidebar .lower-new-box{
    position: static;
    width: 100%;
  }
  .single-post .feature-box {
    width: 20%;
}
/*---------Contat Us--------------*/
input.contactp-name,input.contactp-email,input.contactp-call,input.contact-date {
    font-size: 15px;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    width: 100%;
}
textarea.contactp-msg{
    height: 80px;
    border-radius: 10px;
    width: 100%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #d8e5ee;
}
input.contactp-sumbit{
    padding: 10px 20px;
    border-radius: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    display: inline-block;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
}
.contact-section-form {
    border-radius: 20px;
    background: #00535E;
}
.call0 h6 a,.contact-info h6 a{
  color: #3d3c3c ;
  font-weight: 700;
}
.call0 h6 a:hover, .contact-info h6 a:hover{
  color: #00535E;
}
.contact-info span {
    padding-left: 38px;
}
div#contact-box i{
  color: #00535E;
}
textarea.contactp-msg::placeholder,input.contactp-name::placeholder,input.contactp-email::placeholder,input.contactp-call::placeholder,input.contact-date{
   color: #8899a6;
}
.contact-info h3{
  position: relative;
}
div#contact-box h6 {
    font-size: 16px;
}
/* STICKY HEADER */

.stickynavbar {
  /*background-color: #fff !important;*/
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  /*position: fixed!important;*/
  top: 0;
  width: 100%;
  padding-bottom: 0 !important;
}
/*-------------------------- Calendar widget --------------------------*/
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*---------------common css-------------*/
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
    width: 100%;
}
/* -----Header Contact-------------------- */
.header-contact-box {
    padding: 35px 0 75px;
}
.header-contat-detail a:hover{
  color: #00535E;
}
/*-----------Header---------*/
#nav-box {
    padding: 15px 0;
}
.main-navigation ul ul li a{
  color: #ffffff;
  padding: 0;
  font: 500 15px / 26px 'Poppins';
}
.header-contact-icon {
  height: 60px;
  width: 60px;
  background: #FECC47;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.header-contact-icon i {
  font-size: 24px;
  color: #00535E;
}
.header-main-box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-box .header-contat-detail h4{
  color: #626B7D;
  font: 400 16px / 22px 'Poppins';
  padding: 0 0 5px;
}
.header-box .header-contat-detail a{
  color: #161617;
  font: 800 18px/21px 'Poppins';
}
.header-box .header-contat-detail a:hover{
  color: #FECC47;
}
.header-box .header-main-box{
  justify-content: end;
}
/*-------Banner--------*/
h1.headtwo {
    color: #000000;
    font: 800 104px / 135px 'Poppins';
    display: block;
}
span.first_banner_head {
    color: #FECC47;
    font-weight: 400;
}
p.banner-text {
    color: #626B7D;
    font: 400 28px / 47px 'Poppins';
    width: 80%;
}
.banner-butn-box a{
  color: #00535E;
  font: 600 22px / 22px 'Poppins';
  background: #FECC47;
  display: inline-block;
  padding: 25px 30px;
}
.banner-butn-box a:hover{
  background: #00535E;
  color: #FECC47;
}
.banner-butn-box i {
    margin-left: 12px;
}
a.video-btn {
  color: #00535E;
  background: #FECC47;
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#banner .modal{
  z-index: 99999;
}
#banner .modal{
  position: fixed;
  top: 0%;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  z-index: 9999999;
  visibility: visible;
  background: #00000080;
}
.modal-backdrop{
  position: unset;
}
#banner .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
}
.banner-image-box {
    position: relative;
    z-index: 1;
}
/* ------Counter------------------- */
#counter {
    padding: 12em 0 8em;
    margin-top: -65px;
}
.counter-image {
    background: #E8FCFF;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 30px;
}
.counter-contant.text-center {
    border: 1px solid #FFFFFF66;
    padding: 45px 25px;
}
.owl-carousel .owl-item .counter-image img {
    width: auto;
    padding: 25px 25px;
}
.counter-contant span{
  color: #FFFFFF;
  font: 800 48px / 48px 'Poppins';
}
.counter-contant h3{
  color: #ffffff;
  font: 400 24px/40px 'Poppins';
}
/*-----------About------------*/
#about {
    margin: 50px 0;
}
h3.abt-main-head{
  color: #000000;
  font: 700 54px/54px 'Poppins';
  padding-top: 20px;
  position: relative;
  padding-left: 90px;
}
h3.abt-main-head::before{
  content: '';
  background: #FECC47;
  width: 58px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 47px;
}
.about-home-image {
    margin-right: 30px;
}
span.about_last_head {
    font-weight: 400;
}
p.abt-text{
  font: 400 24px/40px 'Poppins';
  color: #5C6371;
  padding: 10px 0;
}
.progress-bar-data {
    padding-top: 40px;
}
.progress-bar{
  position: relative;
  background: #FECC47;
  height: 20px;
  overflow: visible;
}
.skill-wrapper  span.progress_percentage {
  position: absolute;
  color: #000000;
  right: -21px;
  top: -44px;
  font: 400 18px / 18px 'Poppins';
}
.progress-bar:before {
  content: '';
  position: absolute;
  background: #FECC47;
  top: -10px;
  right: 0;
  transform: translateX(50%);
  z-index: 99999;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
span.progressbar-title {
    color: #1A1A1A;
    font: 400 18px / 27px 'Poppins';
    margin-bottom: 10px;
}
.progress{
  width: 100%;
  height: 20px;
  background: #EFEFEF;
  border-radius: 0px;
  overflow: visible;
}
.skill-wrapper {
    margin-bottom: 50px;
}
.progressbar-active{
	animation-name: progress;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
}
@keyframes progress{
	0%{
		width:0;
	}
	100%{
		width:100%;
	}
}
/*-------Section Heading---------*/
.section-heading-box h2{
  color: #000000;
  font: 700 54px/54px 'Poppins';
  position: relative;
  padding-left: 90px;
  width: max-content;
  margin: 0 auto;
}
.section-heading-box h2::before{
  content: '';
  background: #FECC47;
  width: 58px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 40px;
}
.section-heading-box span.last_slide_head{
  font-weight: 400;
}
/* -----------OUR SERVICES------------ */
#our_services{
  position: relative;
}
#our_services::after{
  content: '';
  background: #F1EBE4;
  height: 994px;
  width: 520px;
  position: absolute;
  right: 0;
  top: 80px;
  z-index: -1;
}
.container.section-bg {
    background: #F9F5F1;
    padding: 80px 0;
    box-shadow: -280px 0px 0px 0px #F9F5F1;
}
.service-main-box {
    padding-right: 7em;
}
.service-box {
  background: #ffffff;
  box-shadow: 0px 4px 34px 0px #00000012;
  margin-bottom: 25px;
  transition: all .5s ease-in-out;
  padding: 60px 35px;
}
.service-box:hover {
    transform: translateY(-10px);
}
.service-box:hover img.service-show-img {
  transform: scaleX(-1);
  transition: transform 0.8s;
}
.service-title a{
  color: #030303;
  font: 700 32px/32px 'Poppins';
}
.service-info p{
  color: #626B7D;
  font: 400 18px/30px 'Poppins';
}
.service-title a:hover{
  color: #00535E;
}
.service-img {
    padding-bottom: 15px;
}
/* -----Latest Section-------------------------------- */
#latest_news {
    margin: 60px 0 0;
}
.blog-twr .blog-main-box:nth-child(2) .our-blogs-box .row {
    flex-direction: row-reverse;
}
.our-blogs-box {
  margin-bottom: 85px;
}
.latest-post-image-box:before {
  content: '';
  border: 1px solid #00535E;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: -1;
}
.blog-twr .blog-main-box:nth-child(2) .latest-post-image-box:before{
  left: auto;
  right: 40px;
}
.blog-twr .blog-main-box:nth-child(2) .left-blog-content{
  text-align: right;
}
.blog-twr .blog-main-box:nth-child(2) .left-meta-data{
  justify-content: flex-end;
}
.blog-twr .blog-main-box:nth-child(2) .left-blog-content h5 a{
  padding-left: 4em;
  width: 100%;
}
.left-meta-data span.blog-date,.left-meta-data .entry-author,.left-meta-data .entry-author a,.left-meta-data span.entry-comments {
    color: #626B7D;
    font: 400 16px / 16px 'Poppins';
}
.left-meta-data img {
    margin-right: 8px;
    position: relative;
    top: -2px;
}
.left-meta-data {
    display: flex;
    gap: 35px;
}
.left-blog-content h5 a{
  color: #000000;
  font: 700 36px/54px 'Poppins';
  display: block;
  padding: 12px 0;
  width: 95%;
}
.left-blog-content .blog_text{
  color: #626B7D;
  font: 400 20px/34px 'Poppins';
}
/*-------Pricing Plan Section--------*/
#pricing_plan {
    padding: 90px 0 120px;
}
.plan-box {
  box-shadow: 0px 4px 44px 0px #0000001C;
  background: #ffffff;
  padding: 15px 0 50px;
}
.plan-box h3{
  color: #202020;
  font: 700 24px/24px 'Poppins';
}
p.plan-text {
  color: #626B7D;
  font: 400 18px / 18px 'Poppins';
  margin: 6px 0 20px;
}
.plan-title-box {
  background: #00535E;
  padding: 40px 30px;
  text-align: center;
}
.plan-title-box span{
  color: #FDFDFD;
  font: 500 24px/24px 'Poppins';
}
.price-box p{
  color: #ffffff;
  font: 700 44px/44px 'Poppins';
}
.plan-list-box {
    padding: 3em 5em 1em;
}
.plan-list-box ul {
    list-style: none;
    margin-bottom: 0;
}
.plan-list-box ul li{
  color: #626B7D;
  font: 400 18px/18px 'Poppins';
  margin-bottom: 35px;
  display: flex;
  align-items: center;
}
.plan-list-box li i {
    background: #00535E;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    font-size: 13px;
    color: #ffffff;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing-btn {
    text-align: center;
    background: #00535E;
    padding: 20px 20px;
    margin: 0 50px;
}
.pricing-btn a{
  color: #ffffff;
  font: 400 18px/18px 'Poppins';
}
.pricing-btn i {
    margin-left: 12px;
}
.plan-box:hover .plan-title-box,.plan-box:hover .pricing-btn,.plan-box:hover .plan-list-box li i{
  background: #FECC47;
}
.plan-box:hover .price-box p,.plan-box:hover .plan-title-box span,.plan-box:hover .pricing-btn a{
  color: #000000;
}
/* ----------Testimonial------------- */
#testimonials {
    margin: 60px 0;
}
.testimonial-main-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7%, rgba(0, 83, 94, 1) 7%);
    padding: 0 40px 45px;
    position: relative;
    margin-top: 150px;
}
.testimonial-box img{
  width: auto !important;
}
.testimonial-text p{
  color: #FFFFFF;
  font: 400 24px / 40px 'Poppins';
  margin-bottom: 10px;
  padding-top: 80px;
}
h3.testimonial-title a{
  color: #FECC47;
  font: 700 32px/32px 'Poppins';
}
.testimonial-data p.testimonial-desig{
  color: #FFFFFF;
  font: 500 20px/30px 'Poppins';
  margin: 0;
}
.quote-image {
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial-main-box .owl-dots {
    position: absolute;
    bottom: 0px;
    right: 0;
}
#testimonials .owl-carousel button.owl-dot {
    width: 15px;
    height: 15px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    margin: 0px 5px 0;
}
#testimonials .owl-carousel button.owl-dot.active{
  background: #FECC47;
  border-color: #FECC47;
  border-radius: 99px;
}
.testimonial-border-box {
    margin: 0 60px;
    position: relative;
}
.testimonial-border-box::before {
  content: '';
  border: 1px solid #00535E;
  height: 629px;
  width: 1030px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
/* -----------Project Section-------------- */
#project {
    padding: 4em 0px;
    margin: 50px 0;
}
.project-heading-box.active {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#project .section-heading-box h2{
  margin: 0;
  width: auto;
}
#project .section-heading-box p{
  color: #626B7D;
  font: 400 24px/40px 'Poppins';
  margin-bottom: 0;
  width: 49%;
  text-align: left;
}
.project-box {
  padding: 8px 25px;
  transition: 0.5s;
}
.project-title a{
  color: #000000;
  font: 700 32px/48px 'Poppins';
  display: block;
}
.project-text p{
  color: #626B7D;
  font: 400 18px/30px 'Poppins';
}
.project-button a{
  color: #FECC47;
  font: 600 18px/18px 'Poppins';
}
.project-button a:hover{
  color: #00535E;
}
.project-button i {
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.project-tags {
    position: absolute;
    bottom: 30px;
    left: 25px;
}
span.post-tag-text {
    color: #00535E;
    font: 600 16px / 16px 'Poppins';
    background: #FECC47;
    padding: 7px 15px;
    margin-right: 5px;
}
#project .owl-carousel button.owl-dot {
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    border-radius: 50%;
    margin: 60px 5px 0;
}
#project .owl-carousel button.owl-dot.active{
  background: #FECC47;
  border-color: #FECC47;
}
#project .owl-dots {
    text-align: center;
}
/* -------Get In Touch------------------------ */
#get_in_touch .section-heading-box p{
  color: #626B7D;
  font: 400 24px/40px 'Poppins';
  margin-bottom: 0;
  width: 49%;
  text-align: left;
}
#get_in_touch .section-heading-box h2{
  width: auto;
  margin: 0;
}
.get-in-touch-box {
    background: #F9F5F1;
    padding: 60px 50px;
    box-shadow: 350px 0px 0px 0px #F9F5F1;
}
.get-in-touch-image-box {
    position: absolute;
    right: 0;
    bottom: 60px;
}
.form-information input[type="text"],.form-information input[type="email"],.form-information input[type="tel"],.form-information textarea{
  border: 1px solid #626B7D4D;
  background: #ffffff;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
}
.form-information input[type="text"],.form-information input[type="email"],.form-information input[type="tel"]{
  height: 70px;
}
.form-information textarea{
  height: 161px;
}
.form-information label{
  width: 100%;
  color: #000000;
  font: 400 16px/24px 'Poppins';
}
.form-information input[type="text"]::placeholder,.form-information input[type="email"]::placeholder,.form-information input[type="tel"]::placeholder,.form-information textarea::placeholder{
  color: #626B7D;
  font: 400 16px/24px 'Poppins';
}
.form-information input[type="submit"]{
  color: #00535E;
  font: 600 22px/22px 'Poppins';
  background: #FECC47;
  height: 70px;
  border: 1px solid #FECC47;
  padding: 0 50px 0 45px;
}
.form-information input[type="submit"]:hover,.subscribe-button input[type="submit"]:hover{
  color: #FECC47;
  background: #00535E;
  border-color: #00535E;
}
.form-information:hover .form-btn p::before,.subscribe-button:hover p::before{
  color: #FECC47;
}
.form-btn p{
  position: relative;
  width: max-content;
}
.form-information .form-btn p::before {
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 31px;
  top: 22px;
  font-weight: 900;
  color: #00535E;
  font-size: 18px;
}
.form-btn .wpcf7-spinner{
  display: none;
}
.form-information p {
    margin-bottom: 30px;
}
.form-information .form-btn p{
  margin-bottom: 0;
}
/* -----Portfolio Section----------------------- */
#portfolio {
    margin: 100px 0 60px;
    overflow: hidden;
}
.grid-box .portfolio-image-box:nth-child(5) {
    margin-top: -82px;
}
.grid-box {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 30px;
}
.portfolio-image-box:before, .portfolio-image-box:after {
    content: '';
    background: #00535EE5;
    height: 50%;
    width: 100%;
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 1;
    transition: all 0.3s ease-in 0s;
}
.portfolio-image-box {
    overflow: hidden;
}
.portfolio-image-box:after {
    top: auto;
    bottom: -50%;
}
.hover-data {
    text-align: center;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 43% !important;
    left: 0;
    z-index: 2;
    transition: all 0.3s ease-out 0.1s;
}
.portfolio-image-box:hover:before {
    top: 0;
}
.portfolio-image-box:hover:after {
    bottom: 0;
}
.grid-box .portfolio-image-box:nth-child(2) {
    height: 331px;
}
.portfolio-image-box:hover .hover-data {
    opacity: 1;
}
#portfolio-modal .modal-header img {
    width: 100%;
}
#portfolio-modal .modal{
  z-index: 99999;
}
#portfolio-modal .modal{
  position: fixed;
  top: 0%;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  outline: 0;
  z-index: 9999999;
  visibility: visible;
  background: #00000080;
}
#portfolio-modal .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
}
#portfolio-modal .modal-footer{
  padding: 0;
}
#portfolio-modal .modal-header{
  padding: 0.5rem 0.5rem;
}
.gallery-margin-box .nav-link{
  color: #626B7D;
  font: 500 18px/18px 'Poppins';
  background: #F9F5F1;
  padding: 28px 39px;
  margin: 0 10px;
  border: unset;
}
.gallery-margin-box .nav-tabs{
  border: unset;
}
.gallery-margin-box .nav-tabs .nav-link.active{
  background: #FECC47;
  color: #00535E;
  font-weight: 600;
}
/* ------Footer Newsletter---------------- */
.footer3 input[type="email"] {
    background: #ffffff;
    border: 1px solid #ffffff;
    height: 60px;
    padding: 15px;
    width: 100%;
}
.footer3 input[type="email"]::placeholder{
  color: #626B7D;
  font: 400 16px/16px 'Poppins';
}
.subscribe-button input[type="submit"] {
    background: #FECC47;
    padding: 12px 45px 12px 30px;
    color: #00535E;
    font: 700 20px/20px 'Poppins';
    border: 1px solid #FECC47;
    height: 60px;
}
.footer3 .wpcf7 form .wpcf7-response-output{
  color: #ffffff;
}
.subscribe-button p{
  position: relative;
  width: max-content;
}
.subscribe-button p::before{
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 28px;
  top: 18px;
  font-weight: 900;
  color: #00535E;
  font-size: 16px;
}
.subscribe-button span.wpcf7-spinner {
    display: none;
}
/*-------------FOOTER--------*/
.footer-cols h2,.footer-cols h3 {
  color: #ffffff;
  font: 700 24px / 36px 'Poppins';
  margin-bottom: 30px;
  padding-top: 0;
}
.footer3 {
    position: relative;
}
.footer-cols ul{
  padding-left: 23px;
}
.footer-cols ul li a {
    color: #FFFFFF;
    font: 500 18px / 50px 'Poppins';
    position: relative;
    display: block;
}
.footer-cols ul li a:hover,.footer-cols .footer2 ul li a:hover{
    color: #FECC47;
}
.footer1 .textwidget p{
  color: #FFFFFF;
  font: 400 18px / 30px 'Poppins';
  padding-top: 35px;
  width: 85%;
}
.footer-social-icon {
    padding-top: 15px;
}
.footer-social-icon a {
    color: #ffffff;
    font-size: 22px;
    margin-right: 15px;
}
.footer-social-icon a:hover{
  color: #FECC47;
}
h4.contact-title {
    color: #ffffff;
    font: 700 18px / 27px 'Poppins';
    padding: 0;
}
.contact-text a {
    color: #ffffff;
    font: 400 18px / 27px 'Poppins';
}
.about_me i {
  color: #FECC47;
  font-size: 22px;
  position: relative;
  top: -9px;
}
p.location-text {
    width: 80%;
}
p.contact-text {
    margin-bottom: 0;
}
.footer-cols ul li{
  list-style: disc;
  font-size: 20px;
  color: #fff;
}
.ftr-copy {
    border-top: 1px solid #FFFFFF4D;
}
.copy-text span{
  color: #FFFFFF;
  font: 500 18px / 30px 'Poppins';
}
.copy-text span a{
  color: #FFFFFF;
  font-weight: 500;
}
p.copy-text {
    padding: 30px 0;
}
.outer-footer {
    padding-top: 60px;
}

/*ANIMATION*/
@keyframes zoomInDown {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInRight {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInUp {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fadeInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.active.zoom-In-up {
  animation: zoom-In-up 1s ease-in-out both;
}
.active.slide-in-left {
  animation: slide-in-left 1s ease-in-out both;
}
.active.slide-in-right {
  animation: slide-in-right 1s ease-in-out both;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-up {
  animation: fade-up 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.inner-plan-box{
   animation: fadeInLeft 3s ease-out 1;
   box-shadow: 0px 0px 10px 2px #ededed;
}
.serv-head{
    animation: zoomInLeft 3s ease-out 1;
  }
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.shrink {
transition: 1s ease;
}

.shrink :hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
/*buton effects*/
.btn:hover{
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
  background: #001642;
  border-color: #001642;
  color: #ffffff;
}
.btn{
  background: #00535E;
  border-color: #00535E;
  color: #ffffff;
}
a.quote-btn:hover,a.plan-btn:hover {
    background: #fff !important;
}
input.appoin-button:hover {
    color: #fff !important;
}
/*----Image Effects*/
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}
.circle img {
transition: 1s ease;
}

.circle img:hover {
border-radius:50%;
transition: 1s ease;
}
.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
/* -----Service Shortcode------------ */
.service-info {
    color: #ffffff;
}
.testimonial-shortcode .testimonial-data {
    box-shadow: 0px 4px 34px 0px #00000012;
    padding: 50px;
}
.testimonial-shortcode .testimonial-title a{
  color: #030303;
  font: 700 22px / 32px 'Poppins';
}
.testimonial-shortcode .testimonial-title a:hover{
  color: #00535E;
}
.testimonial-shortcode .testimonials-info{
  color: #626B7D;
  font: 400 18px / 30px 'Poppins';
  padding: 31px 0 10px;
}
p.testimonial-designati {
    color: #000;
    font: 500 16px / 20px 'Poppins';
}
/* MEDIA SECTION */
@media screen and (max-width: 1700px) and (min-width: 1400px){
  .get-in-touch-image-box{
    right: -65px;
    bottom: 60px;
    width: 45%;
  }
  .form-information input[type="text"], .form-information input[type="email"], .form-information input[type="tel"]{
    height: 60px;
  }
  .form-information textarea {
    height: 135px;
  }
  .form-information p {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1300px){
  .main-navigation a{
    padding: 20px 10px;
    font: 400 18px / 21px 'Poppins';
  }
  h1.headtwo{
    font: 800 80px / 104px 'Poppins';
  }
  p.banner-text{
    font: 400 23px / 37px 'Poppins';
  }
  .counter-contant span{
    font: 800 40px / 40px 'Poppins';
  }
  .counter-contant.text-center{
    padding: 20px 15px;
  }
  #counter{
    padding: 9em 0 8em;
  }
  .blog-twr .blog-main-box:nth-child(2) .left-blog-content{
    margin-right: -35px;
  }
  .blog-twr .blog-main-box:nth-child(2) .left-blog-content h5 a {
    padding-left: 10em;
    width: 100%;
  }
  p.abt-text{
    font: 400 19px / 35px 'Poppins';
  }
  .progress-bar-data {
    padding-top: 10px;
  }
  .skill-wrapper {
    margin-bottom: 35px;
  }
  .progress-bar,.progress{
    height: 15px;
  }
  .progress-bar:before{
    height: 28px;
    width: 28px;
    top: -6px;
    right: 12px;
  }
  h3.abt-main-head,.section-heading-box h2{
    font: 700 46px / 46px 'Poppins';
    padding-left: 75px;
  }
  .section-heading-box h2::before{
    top: 35px;
  }
  .service-title a{
    font: 700 25px / 25px 'Poppins';
  }
  .service-box{
    padding: 50px 25px;
  }
  .service-info p{
    font: 400 16px / 30px 'Poppins';
  }
  .left-blog-content h5 a{
    font: 700 28px / 44px 'Poppins';
  }
  .left-blog-content .blog_text{
    font: 400 16px / 30px 'Poppins';
  }
  .left-blog-content.mb-3 {
    padding-top: 40px;
    margin-left: -35px;
  }
  .latest-post-image-box:before{
    top: 32px;
    left: 32px;
  }
  .blog-twr .blog-main-box:nth-child(2) .latest-post-image-box:before{
    right: 32px;
  }
  .plan-list-box ul li{
    font: 400 16px / 16px 'Poppins';
  }
  .plan-list-box {
    padding: 3em 3em 1em;
  }
  .testimonial-text p{
    font: 400 18px / 35px 'Poppins';
  }
  h3.testimonial-title a{
    font: 700 27px / 27px 'Poppins';
  }
  .testimonial-border-box::before{
    height: 510px;
    width: 861px;
  }
  .project-title a{
    font: 700 27px / 35px 'Poppins';
  }
  span.post-tag-text{
    font: 600 14px / 16px 'Poppins';
    padding: 5px 12px;
  }
  .get-in-touch-box{
    padding: 50px 40px;
  }
  .form-information input[type="text"], .form-information input[type="email"], .form-information input[type="tel"] {
    height: 55px;
  }
  .form-information p {
    margin-bottom: 25px;
  }
  .form-information textarea {
    height: 130px;
  }
  .form-information input[type="submit"]{
    font: 600 19px / 22px 'Poppins';
    height: 55px;
  }
  .form-btn p::before{
    top: 15px;
    font-size: 16px;
  }
  .get-in-touch-image-box {
    right: -55px;
    width: 45%;
  }
  .gallery-margin-box .nav-link{
    font: 500 16px / 18px 'Poppins';
    padding: 20px 30px;
  }
  .grid-box{
    grid-gap: 25px;
  }
  .grid-box .portfolio-image-box:nth-child(2) {
    height: 284px;
  }
  .grid-box .portfolio-image-box:nth-child(5) {
    margin-top: -71px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1200px){
  h1.headtwo{
    font: 800 80px / 100px 'Poppins';
  }
  p.banner-text{
    font: 400 25px / 40px 'Poppins';
  }
  p.abt-text{
    font: 400 21px / 38px 'Poppins';
  }
  .progress-bar-data {
    padding-top: 10px;
  }
  .skill-wrapper {
    margin-bottom: 35px;
  }
  .progress-bar,.progress{
    height: 15px;
  }
  .progress-bar:before{
    height: 30px;
    width: 30px;
    top: -7px;
  }
  .service-main-box {
    padding-right: 5em;
  }
  .service-box{
    padding: 50px 30px;
  }
  .service-title a{
    font: 700 23px / 30px 'Poppins';
  }
  .service-info p{
    font: 400 17px / 30px 'Poppins';
  }
  .plan-list-box {
    padding: 3em 3em 1em;
  }
  .testimonial-text p{
    font: 400 21px / 35px 'Poppins';
  }
  .testimonial-border-box::before{
    height: 550px;
    width: 863px;
  }
  .project-title a{
    font: 700 26px / 40px 'Poppins';
  }
  span.post-tag-text{
    font: 600 14px / 16px 'Poppins';
    padding: 7px 11px;
  }
  .get-in-touch-image-box{
    right: -78px;
    width: 50%;
  }
  .form-information input[type="text"], .form-information input[type="email"], .form-information input[type="tel"]{
    height: 55px;
  }
  .form-information textarea {
    height: 115px;
  }
  .grid-box .portfolio-image-box:nth-child(2) {
    height: 284px;
  }
  .grid-box .portfolio-image-box:nth-child(5) {
    margin-top: -70px;
  }
  .portfolio-image-box:hover:after {
    bottom: 1px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px){
  .header-box .header-contat-detail a{
    font: 800 15px / 21px 'Poppins';
  }
  h1.headtwo{
    font: 800 78px / 89px 'Poppins';
  }
  p.banner-text{
    font: 400 23px / 35px 'Poppins';
  }
  p.abt-text{
    font: 400 19px / 35px 'Poppins';
  }
  .progress-bar-data {
    padding-top: 10px;
  }
  .skill-wrapper {
    margin-bottom: 35px;
  }
  .progress-bar,.progress{
    height: 15px;
  }
  .progress-bar:before{
    height: 30px;
    width: 30px;
    top: -7px;
  }
  .service-main-box {
    padding-right: 5em;
  }
  .service-box{
    padding: 50px 30px;
  }
  .service-title a{
    font: 700 23px / 30px 'Poppins';
  }
  .service-info p{
    font: 400 17px / 30px 'Poppins';
  }
  .left-blog-content h5 a{
    font: 700 27px / 40px 'Poppins';
  }
  .left-blog-content .blog_text{
    font: 400 18px / 31px 'Poppins';
  }
  .plan-list-box {
    padding: 3em 1em 1em;
  }
  .plan-box{
    padding: 15px 0 35px;
  }
  .testimonial-border-box::before{
    height: 460px;
    width: 688px;
  }
  .testimonial-main-box{
    margin-top: 110px;
  }
  .testimonial-text p{
    font: 400 18px / 32px 'Poppins';
  }
  .testimonial-main-box{
    margin-top: 20px;
  }
  #project .section-heading-box p,#get_in_touch .section-heading-box p{
    font: 400 20px / 35px 'Poppins';
    width: 44%;
  }
  .project-box{
    padding: 8px 18px;
  }
  .project-text p{
    font: 400 16px / 30px 'Poppins';
  }
  .get-in-touch-image-box{
    right: -45px;
    width: 47%;
  }
  .get-in-touch-box{
    padding: 50px 40px;
  }
  .form-information input[type="text"], .form-information input[type="email"], .form-information input[type="tel"]{
    height: 50px;
  }
  .form-information textarea {
    height: 110px;
  }
  .grid-box .portfolio-image-box:nth-child(2) {
    height: 234px;
  }
  .grid-box .portfolio-image-box:nth-child(5) {
    margin-top: -58px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1025px){
  .main-navigation a{
    font: 400 18px / 26px 'Poppins';
    padding: 27px 9px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  h1.headtwo{
    font: 800 49px / 58px 'Poppins';
  }
  p.banner-text{
    font: 400 20px / 30px 'Poppins';
    width: 95%;
  }
  .banner-butn-box a{
    font: 600 19px / 22px 'Poppins';
    padding: 20px 23px;
  }
  #counter{
    padding: 9em 0 8em;
    margin-top: -48px;
  }
  .service-main-box {
    padding-right: 3em;
  }
  .service-title a{
    font: 700 26px / 32px 'Poppins';
  }
  .latest-post-image-box {
    margin: 0 25px 25px 0;
  }
  .blog-twr .blog-main-box:nth-child(2) .latest-post-image-box{
    margin: 0 0 25px 25px;
  }
  .left-meta-data{
    padding-top: 40px;
  }
  .plan-list-box {
    padding: 3em 1em 1em;
  }
  .plan-box{
    margin-bottom: 30px;
  }
  .testimonial-main-box{
    margin-top: 63px;
  }
  .testimonial-border-box::before{
    width: 100%;
  }
  .section-heading-box h2{
    font: 700 37px / 54px 'Poppins';
    padding-left: 70px;
  }
  #project .section-heading-box p,#get_in_touch .section-heading-box p{
    font: 400 16px / 32px 'Poppins';
    width: 48%;
  }
  .get-in-touch-image-box{
    position: static;
    padding-top: 30px;
  }
  .gallery-margin-box .nav-link{
    font: 500 15px / 18px 'Poppins';
    padding: 24px 20px;
  }
  .grid-box{
    grid-gap: 18px;
  }
  .grid-box .portfolio-image-box:nth-child(2) {
    height: 177px;
  }
  .grid-box .portfolio-image-box:nth-child(5) {
    margin-top: -43px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px){
  h1.headtwo{
    font: 800 58px / 73px 'Poppins';
  }
  .service-main-box{
    padding-right: 1em;
  }
  .service-box{
    padding: 40px 20px;
  }
  .service-title a{
    font: 700 21px / 25px 'Poppins';
  }
  .gallery-margin-box .nav-link{
    margin: 10px 10px;
  }
  .grid-box{
    grid-template-columns: repeat(2, auto);
    grid-gap: 15px;
  }
  .portfolio-image-box img.wow{
    height: 100%;
    object-fit: cover;
  }
  .footer-cols h2, .footer-cols h3{
    font: 700 20px / 36px 'Poppins';
  }
  .footer1 .textwidget p{
    font: 400 16px / 30px 'Poppins';
  }
  .contact-text a,h4.contact-title{
    font-size: 16px;
  }
  p.location-text {
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .header-contact-icon i{
    font-size: 18px;
  }
  .header-contact-icon{
    height: 50px;
    width: 50px;
  }
  .header-box .header-contat-detail a{
    font: 800 16px / 21px 'Poppins';
  }
  p.banner-text{
    font: 400 20px / 33px 'Poppins';
    width: 100%;
  }
  .about-home-image {
    margin-right: 0;
  }
  h3.abt-main-head,.section-heading-box h2,#project .section-heading-box h2,#get_in_touch .section-heading-box h2{
    width: max-content;
    margin: 0 auto;
    font: 700 32px / 45px 'Poppins';
    padding-left: 55px;
  }
  h3.abt-main-head::before{
    width: 42px;
    top: 42px;
  }
  .section-heading-box h2::before{
    width: 42px;
    top: 32px;
  }
  p.abt-text{
    font: 400 20px / 33px 'Poppins';
    text-align: center;
  }
  .progress-bar,.progress{
    height: 15px;
  }
  .progress-bar:before{
    top: -8px;
    height: 30px;
    width: 30px;
  }
  .progress-bar-data{
    padding: 10px;
  }
  .container.section-bg{
    padding: 40px 0;
  }
  #latest_news {
    margin: 25px 0 0;
  }
  .latest-post-image-box {
    margin: 0 25px 25px 0;
  }
  .latest-post-image-box:before{
    top: 25px;
    left: 25px;
  }
  .blog-twr .blog-main-box:nth-child(2) .latest-post-image-box{
    margin: 0 0 25px 25px;
  }
  .blog-twr .blog-main-box:nth-child(2) .latest-post-image-box:before{
    right: 25px;
  }
  .left-meta-data,.blog-twr .blog-main-box:nth-child(2) .left-meta-data{
    gap: 15px;
    justify-content: center;
    padding-top: 30px;
  }
  .left-meta-data img{
    margin-right: 3px;
  }
  .left-meta-data span.blog-date, .left-meta-data .entry-author, .left-meta-data .entry-author a, .left-meta-data span.entry-comments{
    font: 400 14px / 13px 'Poppins';
  }
  .left-blog-content h5 a{
    font: 700 30px / 45px 'Poppins';
    text-align: center;
  }
  .left-blog-content .blog_text{
    text-align: center;
  }
  .our-blogs-box {
    margin-bottom: 40px;
  }
  .blog-twr .blog-main-box:nth-child(2) .left-blog-content h5 a{
    padding-left: 0;
  }
  #pricing_plan {
    padding: 45px 0 75px;
  }
  .plan-list-box {
    padding: 3em 2em 1em;
  }
  .plan-box{
    margin-bottom: 30px;
  }
  #testimonials {
    margin: 30px 0;
  }
  .testimonial-border-box{
    margin: 0 10px;
  }
  .testimonial-main-box{
    margin-top: 45px;
    padding: 0 25px 45px;
  }
  .testimonial-border-box::before{
    height: 100%;
    width: 100%;
  }
  .testimonial-text p{
    font: 400 18px / 32px 'Poppins';
  }
  h3.testimonial-title a{
    font: 700 26px / 25px 'Poppins';
  }
  .grid-box .portfolio-image-box:nth-child(2) {
    height: auto;
  }
  .grid-box .portfolio-image-box:nth-child(5) {
    margin-top: 0;
  }
  .portfolio-image-box img.wow {
    width: 100%;
  }
  #project{
    padding: 0em 0px;
  }
  .project-heading-box.active{
    display: block;
  }
  #project .section-heading-box p,#get_in_touch .section-heading-box p{
    font: 400 18px / 31px 'Poppins';
    width: 100%;
    text-align: center;
  }
  .get-in-touch-box{
    padding: 40px 30px;
  }
  .form-information input[type="text"], .form-information input[type="email"], .form-information input[type="tel"]{
    height: 55px;
  }
  .get-in-touch-image-box{
    position: static;
    margin-top: 20px;
  }
  .form-information textarea {
    height: 122px;
  }
  #portfolio{
    margin: 45px 0 40px;
  }
}
@media screen and (max-width: 575px){
  h1.headtwo{
    font: 800 50px / 75px 'Poppins';
  }
  .banner-butn-box a{
    font: 600 18px / 22px 'Poppins';
    padding: 19px 25px;
  }
  .service-main-box{
    padding: 20px;
  }
  .gallery-margin-box .nav-tabs{
    display: block;
    text-align: center;
  }
  .gallery-margin-box .nav-link{
    font: 500 15px / 18px 'Poppins';
    padding: 15px 14px;
    margin: 7px 7px;
  }
  .grid-box{
    grid-template-columns: auto;
  }
  .left-meta-data span {
    display: inline-block;
    margin-bottom: 10px;
  }
  .left-meta-data{
    display: block;
  }
  h3.abt-main-head, .section-heading-box h2, #project .section-heading-box h2, #get_in_touch .section-heading-box h2{
    font: 700 27px / 45px 'Poppins';
  }
  .plan-list-box {
        padding: 3em 1em 1em;
  }
  .footer1 .textwidget p,p.location-text{
    width: 100%;
  }
  h4.contact-title,p.contact-text{
    text-align: left;
  }
  .subscribe-button p{
    margin: 0 auto;
  }

  /* Notification bar */
	.mtsnb .mtsnb-container{
		padding: 10px 35px;
	}
}