/*
Theme Name: Classic Corporate
Theme URI: https://www.theclassictemplates.com/products/free-corporate-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Classic Corporate is a meticulously crafted digital template tailored to the distinct needs of corporations and enterprises in the digital landscape. Much like selecting a finely tailored suit for a formal occasion, this theme ensures that your website exudes professionalism and sophistication. This theme functions as a structured blueprint for the design and layout of your website, affording a seamless integration of textual content, images, and multimedia elements in a manner that is ideally suited to corporate entities. It provides a preconfigured framework that is both visually appealing and user-friendly, addressing the demands of businesses seeking a robust online presence. Business such as Corporate, Business, Professional, Finance, Consulting, Enterprise, Management, Legal, Startup, Agency, Investment, Marketing, Real Estate, Tech, Development can benefit from this corporate theme. Among its salient features, the Classic Corporate theme encompasses an elegantly designed homepage, complete with a prominent banner or image carousel for showcasing key facets of your business, including services and products. Moreover, a streamlined navigation menu is incorporated to facilitate seamless user access to pertinent information. Furthermore, this theme is engineered for responsiveness, ensuring optimal viewing experiences on a diverse array of devices, encompassing both desktops and mobile platforms. Customization of this theme is facilitated with ease, permitting the infusion of corporate branding elements such as logos, color schemes, and tailored content. It is structured to be intuitively operable, even for individuals without an extensive technical background, offering a user-friendly experience.
Version: 1.3.3
Tested up to: 6.7
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: classic-corporate
Tags: blog, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, portfolio, theme-options

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.

Classic Corporate WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Classic Corporate WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
:root {
  --first-theme-color: #3AAFA9;
  --second-theme-color: #3c3c3c;
}
body{
  margin:0;
  padding:0;
  font-size:15px;
  color: var(--second-theme-color);
  font-family: 'Poppins', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  color:var(--first-theme-color);
  text-decoration:none;
  word-wrap: break-word;
}
a:hover{
  color:var(--first-theme-color);
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
.entry-content a, .contentsecwrap a{
  text-decoration: underline;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:var(--second-theme-color);
  line-height:1.2;
  font-weight:600;
  word-wrap: break-word;
  font-family: 'Poppins', sans-serif;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
h2#reply-title {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
p{
  color:var(--second-theme-color);
}
.boxlayout{
  width: 1140px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  box-shadow: 0 -8px 8px #8e8e8e;
}
/*post formate*/
.format-gallery .wp-block-gallery, .format-video figure{
  margin-bottom: 15px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul a:focus,.main-nav a:focus{
  border:2px solid var(--first-theme-color);
  outline: none;
}
.main-nav ul.sub-menu li a:focus{
  border:2px solid var(--first-theme-color);
  outline: none;
}
input:focus{
  border:2px solid var(--second-theme-color);
}
.textwidget p a,.entry-content p a,.entry-summary a{
  text-decoration: underline !important;
}
.comment-content p a, .description p a {
  text-decoration: underline !important;
}
/* = wide block css
-------------------------------------- */
/*.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}*/
.single-post .alignfull, .single-post .alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*block css*/
.site-main .alignfull, .site-main .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
.site-main .alignfull img{
  width: 100% !important
}
.site-main .alignnone, .site-main .aligncenter{
  width: auto !important;
}
.site-main .alignleft{
  margin-right: 10px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover,
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: var(--second-theme-color) ;
  color: #fff !important;
}
.postsec-list .wp-block-button.is-style-squared a, .site-main .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
  background: var(--first-theme-color);
  color:#fff !important;
  border-radius: 30px;
  font-weight: 500 !important;
}
.postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--first-theme-color) !important;
  color: var(--first-theme-color) !important;
}
.site-main .wp-block-button.is-style-outline a{
  background:  var(--first-theme-color);
  color: #fff !important;
  outline: none !important;
  border:none !important;
}
.site-main img.alignleft, .site-main .alignleft, .site-main img.alignright, .site-main .alignright,
.postsec-list img.alignleft, .postsec-list .alignleft, .postsec-list img.alignright, .postsec-list .alignright{
  border:none;
}
.tags a {
  text-decoration: none!important;
  font-weight: 400;
  color: #fff !important;
  background: var(--first-theme-color);
  box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  border-radius: 5px;
  font-size: 15px;
}
.tags a:hover{
  background-color: var(--second-theme-color);
  color: #fff !important;
}
/*scroll to top*/
#button{
  background: var(--first-theme-color);
  color: #fff;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 60px;
  padding-top: 22px;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}
/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/*sticky header*/
.page-template-template-home-page .header.main.sticky-head,.main.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 99999;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  background-color: #fff;
  padding: 10px 30px;
}
.admin-bar .page-template-template-home-page .header.main.sticky-head,.admin-bar .main.sticky-head{
  top: 24px;
  background-color: #fff;
}
.sticky-head .toggle-nav{
  text-align: center !important;
}
.toggle-navis-sticky-on.mobile.sticky-head{
  position: static;
}
.page-template-template-home-page .header.main.sticky-head p.site-title a, 
.page-template-template-home-page .header.main.sticky-head span.site-description, 
.page-template-template-home-page .header.main.sticky-head .main-nav a{
  color:var(--second-theme-color);
}
/* = top header css
-------------------------------------- */
.catwrapslider .owl-carousel .owl-stage-outer {
  background: var(--second-theme-color);
}
.social-icons {
  margin-left: 5em;
}
.social-icons i {
  color: var(--second-theme-color);
  font-size: 16px;
  padding: 5px;
}
.social-icons i:hover,.page-template-template-home-page .site-title a:hover, .page-template-template-home-page p.site-title a:hover, h1.site-title a:hover, p.site-title a:hover{
  color:var(--first-theme-color);
}
.info-box {
  background: var(--first-theme-color);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
  text-align: center;
  padding: 5px;
}
.header-top span {
  color: var(--second-theme-color);
  font-size: 15px;
  padding: 8px 0;
  display: inline-block;
}
.info-box a{
  color: #fff;
  font-size: 14px;
  display: inline-block;
  padding: 5px;
  font-weight: 600;
  margin-left: 20px;
}
.header-top .info-box a.phn {
    margin-right: 55px;
    margin-left: 35px;
}
.info-box i{
  margin-right: 5px;
}
.header-top .info-box a:hover{
  color:var(--second-theme-color);
}
.page-template-template-home-page p.site-title a,
.page-template-template-home-page span.site-description,
.page-template-template-home-page .main-nav a{
  color: #fff;
}
h1.site-title, p.site-title{
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
h1.site-title a {
  color: var(--second-theme-color);
}
h1.site-title a:hover {
  text-decoration: unset;
}
.page-template-template-home-page .header{
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 999;
}
/* = menus css */
.main-navigation{
  background-color: #faf8f4;
  padding: 10px 0;
}
#mySidenav {
  display: inline;
}
.main-nav ul {
  margin: 0;
  padding: 0;
}
.main-nav li {
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: var(--second-theme-color);
  padding: 10px 24px;
  font-size: 14px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
}
.main-nav .sub-menu a{
  color:#141414;
}
.main-nav .menu-item-has-children > a::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
  transform: translateY(-50%) rotate(0deg);
}
.main-nav ul ul a:hover {
  color: var(--first-theme-color);
}
.main-nav a:hover {
  color: var(--first-theme-color);
}
.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
}
.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}
.main-nav ul ul a {
  color: var(--second-theme-color);
  border: none;
  padding: 10px;
  margin-top: 5px;
}
.main-nav ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #f1f1f1;
}
.main-nav li ul {
  border-top: 3px solid var(--first-theme-color) !important;
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
  background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  opacity: 1;
}
.main-nav ul li:hover > ul {
  opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
ul.sub-menu ul.sub-menu {
  left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu {
  left: -9999px;
}
.toggle-nav,
a.close-button {
  display: none;
}
/*page css*/
.page-header {
  margin-bottom: 20px;
}
.page-header h1{
  color: var(--second-theme-color);
  margin-bottom: 10px;
  font-size: 35px;
  word-wrap: break-word;
}
.page-header span, .page-header span a {
  font-size: 18px;
  word-wrap: break-word;
  display: inline;
}
/* = slider section css
-------------------------------------- */
.slidesection img{
  object-fit: cover;
  height: 700px;
}
#slider .content{
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #efebe5;
}
#slider .title-slider{
  font-size: 48px;
}
#slider .overlayer{
  height: 100%;
  width: 100%;
  opacity: 0.6;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.sliderbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 50%;
  z-index: 9999;
}
.sliderbox h1 a{
  color: #fff;
}
.sliderbox p{
  color:#fff;
}
#slider p.text-slider{
  line-height: 1.8;
}
.sliderbox h1 a{
  text-transform: capitalize;
  color:#fff;
}
.redmor:hover{
  background-color:var(--first-theme-color);
  color: #fff !important;
}
.redmor, .abt-btn a{
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  padding: 10px 22px;
  color: var(--second-theme-color);
  background-color: #fff;
}
#slider .owl-controls{
  position: absolute;
  top: 50%;
  right:auto;
  left:auto;
  width:100%;
}
#slider .owl-prev,
#slider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  top: 45%;
  font-size:40px;
  right:auto;
  background: transparent;
  color: #fff;
}
#slider .owl-prev:hover,
#slider .owl-next:hover{
  color: #ff9a51;
}
#slider .owl-prev{
  left:3%;
  right: auto;
}
#slider .owl-next{
  right:6%;
  left:auto;
}
button.owl-next span, button.owl-prev span{
  position: absolute;
  background: #fff;
  font-weight: 600;
  color: var(--second-theme-color);
  border-radius: 50%;
  font-size: 32px;
  width: 50px;
  height: auto;
}
button.owl-prev span:hover, button.owl-next span:hover{
  background:var(--first-theme-color);
  color: #fff;
}
.owl-prev,
.owl-next {
  padding: 18px;
  border:none !important;
}
.owl-carousel .owl-nav.disabled{
  display: block !important;
}
.sliderbtn{
  text-align: center;
}
/* = about css
-------------------------------------- */
#about_section .thumbbx img, #about_section .thumbbx.no-thumbnail{
  width: 500px;
  height: 500px;
  object-fit: cover;
}
#about_section .thumbbx.no-thumbnail{
  background-color: var(--first-theme-color);
  width: 450px;
}
.about-img{
  height: 500px;
}
#about_section hr{
  width: 30%;
  color: var(--first-theme-color);
  border:1px solid;
}
#about_section .about-img {
  position: relative;
}
#about_section .about-img img {
  border-radius: 50%;
  border: 12px solid #fff;
}
#about_section .about-img .image-outerbox {
  background: var(--first-theme-color);
  padding: 15px;
  display: inline-block;
  position: absolute;
  left: 55%;
  top: 40%;
  z-index: 99;
}
#about_section .about-img .image-text {
  width: 80px;
  height: 80px;
  position: relative;
}
.abtimg{
  position: relative;
}
#about_section .about-img .image-text span {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inherit;
  font-size: 25px;
  text-align: center;
  font-weight: 600;
}
.abt-text{
  font-size: 14px;
}
.thumbbx{
  margin-bottom: 20px;
}
.abt-btn a{
  background-color: var(--second-theme-color);
  color: #fff;
}
.abt-btn a:hover{
  background-color: var(--first-theme-color);
}
#about_section .abt-title {
  background: var(--first-theme-color);
  clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 99%, 0 100%, 10% 50%);
  text-align: left;
  padding: 3px 45px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
#about_section .abt-head{
  font-size: 24px;
  font-weight: 600;
}
#about_section h3 a{
  font-size: 28px;
  font-weight: 500;
  color:var(--second-theme-color);
}
#about_section h3 a:hover, .sliderbox h1 a:hover{
  color:var(--first-theme-color);
}
#about_section .vertical-line {
  transform: rotate(90deg);
  height: 1px;
  width: 0.8cm;
  background-color: var(--first-theme-color);
  display: inline-block;
  margin: 10px;
}
#about_section p{
  line-height: 2;
}
/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.postsec-list .search-form input.search-submit{
  background-color: var(--first-theme-color);
  color: #fff;
  border: 2px solid var(--first-theme-color);
}
.contentsecwrap{
  padding:35px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
#sidebar aside.widget{
  padding: 20px;
  border-radius: 5px;
}
.listarticle{
  border-radius: 5px;
}
.listarticle h2 a{
  color: var(--second-theme-color);
  font-size: 28px;
  text-decoration: none;
  word-wrap: break-word;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:15px 0;
}
.nav-links .page-numbers{
  background-color: var(--second-theme-color);
  color: #fff !important;
  padding:10px 15px;
  text-decoration: none;
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}

/* label css
---------------------------------------------- */
label{
  margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
  width: 100%;
}
aside.widget ul, .entry-summary li{
  list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
  margin-left: 0;
  margin-right: 0;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
nav.navigation.pagination {
    margin: 30px auto;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px var(--first-theme-color);
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input[type="search"]{
  margin-bottom: 0px;
}  
#sidebar .wp-block-search__button{
  background-color: var(--first-theme-color);
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: var(--first-theme-color) !important;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
input.search-submit{
  background-color: var(--first-theme-color);
  color: #fff;
  border:none;
  padding: 16px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
#sidebar .widget-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
#sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
  color: var(--second-theme-color);
}
#sidebar ul li::before {
  color: var(--first-theme-color) !important;
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  margin-left: 2px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
  color: var(--second-theme-color);
  text-decoration: none;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
  color: var(--first-theme-color);
}
#sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid var(--first-theme-color);
    margin-bottom: 30px;
}
#sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
  padding: 3px 15px 5px 13px;
}
#sidebar .widget_nav_menu ul li a{ 
  line-height: 2.5;
}
#sidebar .wp-block-search__label{
  font-size:30px;
  font-weight: 600;
}
/*Clearing floats css*/
.page-links {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin:20px auto;
}
.page-links a, .page-links span{
  padding: 10px 15px;
  background-color: var(--first-theme-color);
  color: #fff;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: var(--second-theme-color);
  color:#fff;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar  h3{
  text-align: left;
}
.widget_calendar caption {
    background: var(--first-theme-color) none repeat scroll 0 0;
    color: #fff;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: var(--first-theme-color) none repeat scroll 0 0;
    color: #fff;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid var(--first-theme-color);
    color: var(--first-theme-color);
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
  border: 1px solid #ddd;
  padding: 5px;
  color:#252525;
}
#footer td, #footer th{
  color: #fff;
}
select {
    width: 100%;
    padding: 5px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff;
  padding: 5px;
  font-weight: 500;
}
.tagcloud a:hover{
  background-color: var(--first-theme-color);
  border-color: var(--first-theme-color) !important;
  color: #fff !important;
}
/*footer*/
#footer {
  background: #121212 none repeat scroll 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}
#footer ul li::before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}
#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}
#footer a,
#footer p {
  color:#fff;
}
#footer a:hover, #footer h6 {
  color:var(--first-theme-color);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 30px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 30px;
}
.postsec-list article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
/* = Footer css
------------------------------------------- */
#footer input.search-submit{
  background: #0b648e;
  color: #fff;
}
#footer{
  background-color: var(--second-theme-color);
  color: #ffffff;
}
#footer h1, #footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {
  color: #fff !important;
}
.ftr-4-box{
  width:21%;
  float:left;
  margin:0 4% 2% 0;
  box-sizing:border-box;
  padding:20px;
}
.widget-column-4 {
  margin-right:0px !important;
}
.ftr-4-box h5{
  font-size:25px;
  color:#fff;
  margin-bottom:0;
  border-bottom:1px solid #303030;
  padding-bottom:15px;
}
.ftr-4-box h5 span{
  font-weight:300;
  color: #3dd4e5;
}
.ftr-4-box ul{
  margin:0;
  padding:0;
  list-style:inside disc;
}
.ftr-4-box ul li {
  display:block;
  padding:6px 0;
  border-bottom:1px solid #303030;
}
.ftr-4-box ul li a,.ftr-4-box a.readmore span {
  color:#ffffff;
}
.ftr-4-box p{
  margin-bottom:15px;
}
#footer select{
  height: auto;
}
.copywrap {
  font-size: 18px;
  padding: 14px 10px !important;
  background-color: var(--first-theme-color);
}
.copywrap p, .copywrap p a{
  color:#fff !important;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
}
#footer .copywrap a:hover{
  color: var(--second-theme-color) !important;
}
.entry-content .tags a{
  color:#fff !important;
}
/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
  .page-template-template-home-page .header{
    position: static !important;
  }
  .social-icons{
    text-align: center;
  }
  .slider-box h3 {
    font-size: 20px;
  }
  .slider-box {
    right: 10%;
    left: 10%;
    text-align: center;
  }
  h1.site-title{
    font-size: 28px;
  }
}

/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100%;
  }
  #slider p.text-slider{
    display: none;
  }
  #slider h1.title-slider{
    font-size: 18px;
  }
  .page-header h1, .sliderbtn{
    text-align: center !important;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top:0;
  }
  .logo, .toggle-nav{
   text-align: center;
  }
  #slider .content{
    height: 250px;
  }
  .redmor, .cont-us{
    padding: 10px 24px;
  }
  .sliderbox{
    left: 18%;
    right: 18%;
  }
  .sidenav .close-button{
    margin-bottom: 20px !important; 
  }
  .page-template-template-home-page.admin-bar .sidenav{
    margin-top: 44px;
  }
  .slider-img-color, .slidesection img{
    height: 300px !important;
  }
  .header-top .info-box a.phn, .info-box span, .info-box, .social-icons{
    margin: 0;
    text-align: center;
  }
  .info-box{
    clip-path: none;
  }
  #slider .owl-prev{
    left: 1%;
  }
  #slider .owl-next{
    right: 14%;
  }
  .social-icons{
    padding: 10px;
  }
  .page-template-template-home-page p.site-title a, .page-template-template-home-page span.site-description{
    color:var(--second-theme-color);
  }
  .page-template-template-home-page p.site-title{
    margin-bottom: 0;
  }
  .page-template-template-home-page .header.main.sticky-head, .main.sticky-head{
    position: fixed !important;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top: 0;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
    padding-left: 0px !important;
  }
  li.wc-block-grid__product{
    max-width:100% !important;
    float:none;
  }
  .ftr-4-box{
    width: 100%;
  }
  #about_section .thumbbx.no-thumbnail{
    width: 220px;
  }
  .boxlayout{
      width: 270px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #slider .title-slider {
    font-size: 35px;
  }
  .is-sticky-on.mobile.sticky-head{
    top: 40px;
  }
  .slider-box {
    left: 10%;
    right: 35%;
  }
  .admin-bar #mySidenav{
    margin-top: 42px;
  }
  .sliderbox{
    right: 30%;
    left: 15%;
  }
  #slider .content{
    height: 600px;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 47px;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top:42px;
  }
  .header-top .info-box a.phn{
    margin-right: 5px;
    margin-left: 25px;
  }
  #slider .owl-next{
    right: 8%;
  }
  #slider .owl-prev{
    left: 2%;
  }
  .social-icons {
    margin-left: 1em;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
    max-width: 48% !important;
    float: left;
    clear: both;
    margin: 0 1% 2.992em;
    flex: 1 0 48% !important;
  }
  #about_section .thumbbx.no-thumbnail{
    width: 275px;
  }
  .boxlayout{
      width: 650px;
  }
}
@media screen and (min-width: 783px) and (max-width: 1023px) {
  .admin-bar .main.sticky-head{
    top: 0px;
  }
}
@media screen and (max-width: 1000px){
  .main-nav ul ul, .main-nav .sub-menu{
    opacity: 1;
  }
  .main-nav .sub-menu a, .page-template-template-home-page .header.main.sticky-head .main-nav a, .page-template-template-home-page .main-nav a{
    color: #fff !important;
  }
  .main-nav .sub-menu{
      margin-left: 25px;
  }
  .main-nav li ul{
    border:none;
    box-shadow: none;
    border-top: none !important;
  }
  .main-nav .sub-menu li{
    border-bottom: none;
  }
  .slider-box { right: 10%;text-align: center;}
  .toggle-nav button {
    font-weight: 600;
    border: none;
    background: var(--first-theme-color);
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    margin:10px 0;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999; 
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    transition: 0.5s top ease-in-out;
    overflow-y: scroll;
    background: var(--first-theme-color);
    visibility: hidden; 
    opacity: 0.9;
  }
  .main-nav ul li a:hover{
    color: #fff;
  }
  .main-nav li {
    padding: 0 15px;
    display: block;
    border-bottom: solid 1px #fff;
  }
  body.show-main-menu .sidenav{visibility: visible;top: 0;transition: 0.5s top ease-in-out;}
  .sidenav .close-button {margin-bottom:30px !important;font-size: 36px; display: block !important;color: #fff; padding: 10px !important;}
  .sidenav #site-navigation {width: 100%; }
  .toggle-nav span{font-size:30px; cursor:pointer; text-align: right;}
  .main-nav ul ul li,.menubar .nav ul li,.toggle-nav{display: block;}
  .main-nav ul li a{padding: 8px;text-decoration: none;font-size: 15px;color: #fff;display: block;float: none;margin: 5px 0;border-right: none; }
  .main-nav ul li ul li a:before{content:"\00BB \00a0";}
  .main-nav ul.sub-menu a:hover{color:var(--second-theme-color);}
  .main-nav ul ul{position: static; width: 100%; background: transparent;border-top-width: 0px; border-bottom-width: 0px;box-shadow: none; }
  .main-nav ul ul a{border-bottom: none; padding-left: 40px;}
  .main-nav ul ul ul.sub-menu a{padding-left: 40px;}
  .main-header-box{padding-bottom: 15px;}
  #mySidenav {text-align: left; display: inline;}
  .main-menu {padding: 0em;}
  .main-nav ul.sub-menu>li>a:before {content: unset;}
  .main-nav ul.sub-menu>li>a:hover:before {opacity: 0;left: 0px;width: 0px;}
  #about_section .about-img .image-outerbox{
    left: 5%;
  }
  .breadcrumb a{
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .slider-box {
    right: 30%;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 32px;
  }
  .time-text, .location-text, .email-text{
    padding-left: 25px;
  }
  .social-icon a{
    margin-right: 10px !important;
  }
  .header-search form{
    display: inline-flex;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top: 30px;
  }
  .header-top .info-box a.phn{
    margin-left: 14px;
  }
  .social-icons {
    margin-left: 2em;
  }
  tr.wc-block-cart-items__row {
  gap: 1em;
  }
  #about_section .thumbbx.no-thumbnail{
    width: 350px;
  }
  .boxlayout{
      width: 870px;
  }
}
@media screen and (max-width: 320px){
  .woocommerce ul.products li{
    width: 100% !important;
  }
}
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
}