/*
Theme Name: Expert Digital Agency Pro
Theme URI: https://www.seothemesexpert.com/wordpress/business-consultant-website-template/
Author: Seothemesexpert
Author URI: https://www.seothemesexpert.com/
Description: The Digital Agency Website Template is a cutting-edge website template meticulously crafted for businesses in the realm of digital marketing, internet marketing, and online advertising. Designed to serve as the virtual storefront for agencies and firms engaged in a plethora of services ranging from SEO consultancy to PPC management, this template encompasses a comprehensive suite of features and aesthetics to elevate your online presence and captivate your audience. Primarily, this template serves as the cornerstone of your digital marketing strategy, acting as the central hub for showcasing your services, expertise, and success stories. Whether you specialize in search engine optimization (SEO), search engine marketing (SEM), pay-per-click (PPC) advertising such as Google Ads and Facebook Ads, or an array of other digital marketing disciplines, this template offers a sophisticated platform to communicate your value proposition effectively. One of the key benefits of opting for this premium template is its meticulously designed layout and aesthetic appeal. With a sleek and modern design, coupled with intuitive navigation, your website exudes professionalism and credibility, instilling trust in your potential clients from the moment they land on your page. The layout is optimized for both desktop and mobile devices, ensuring a seamless user experience across all platforms.
Version: 1.2
Tested up to: 6.8
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expert-digital-agency-pro
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, e-commerce, portfolio

Expert Digital Agency Pro WordPress Theme, Copyright 2024 Seothemesexpert
Expert Digital Agency Pro is distributed under the terms of the GNU GPL
*/



.owl-nav button i{
  color :#9a46ec;
}
body{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #757575;
}
a {
  text-decoration: none;
}
p{
  font-size: 14px;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Bebas Neue', cursive;
}
h2{
  font-size: 42px;
  font-weight: 400;
}
.sub-heading{
  margin: 10px 35% 20px 35%;
  font-size: 15px;
  font-weight: 500;
}
/*------------------------Topbar-----------------*/

#topbar .content {
  padding: 5px 10px;
}
#topbar .email p i {
  font-size: 14px;
  color: #9a46ec;
}
#topbar .email p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 400;
  font-family: "KoHo";
}
#topbar .phone p i {
  font-size: 20px;
  color: #fff;
}
#topbar .phone p {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
  font-family: "KoHo";
}

/*------------------------Header-----------------*/

.home.page-template .site-header {
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 50px;
  background: transparent!important;
}
header#masthead {
  background: #222222;
}
#header .bg {
  background: #fff;
  padding: 12px;
}
#header h1{
  line-height: 1;
  font-size: 40px;
}
#header h1 a {
  color: #9a46ec;
  text-decoration: none;
}
#header .logo p {
  margin-bottom: 0;
}
#header .email_icon {
  font-size: 40px;
  color: #9a46ec;
}
#header p.email_title {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #3d4043;
  font-weight: 700;
  font-family: "KoHo";
}
#header p.email_text {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 15px;
  color: #3d4043;
  font-weight: 400;
  font-family: "KoHo";
}
#header .button a {
  font-size: 15px;
  letter-spacing: 1px;
  color: #4b4f55;
  font-weight: 700;
  font-family: "KoHo";
  text-align: center;
  text-decoration: none;
}
#header .social-icons a {
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 40px;
  border-right: 1px solid #e6b981;
}

/*------------------------ Menu -----------------*/
.main-navigation ul{
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
.main-navigation ul li{
  display: inline-block;
}
.main-navigation ul ul{
  display: none;
}
.main-navigation ul li a{
  font-size: 14px;
  padding: 20px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0 20px;
  font-weight: 600;
  font-family: "KoHo";
}

/*------------------------ Responsive Menu -----------------*/
.toggle-nav.mobile-menu,a.closebtn.mobile-menu{
  display: none;
}
.toggleMenu{
  display:none;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #757575;
  font-weight: 700;
  font-family: "Overpass";
}
.socialbox i{
  color: #A2A2A2;
}
.socialbox i:hover{
  color: #E43315 !important;
}
.main-navigation a:hover{
  color: #9a46ec;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  top: 100% ;
  background: #F6F6F6;
  min-width: 200px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul a:hover{
  color: #9a46ec ;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #fff !important;
  border-bottom: 2px solid #9a46ec;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #9a46ec;
}
h1 a{
  font-size: 30px;
}
h1{
  padding: 0;
}
.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;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.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, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: left;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #151515;
}
ul.sub-menu li {
  padding: 5px 15px;
}

/*------------------------Search Popup-----------------*/
#header .close-btn{
  position: absolute;
  top: 30px;
  right: 30px;
}
.popup {
  display: none;
  position: fixed;
  padding: 10px;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  background: rgb(0,0,0,.3);
  border: 3px solid #F04A49;
  z-index: 20;
}
#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -2;
}
#popup form.search-form.serach-page{
  position: relative;
  top: 50%;
}
#popup input[type=search]{
  padding: 11px 20px;
  width: 100%;
  text-indent: 8px;
  border: 1px solid #9a46ec;
}
#popup input[type="submit"]{
  position: relative;
  right: 5px;
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #9a46ec;
  background-color: #9a46ec;
}
#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
.header-search {
  font-size: 15px;
  background: #9a46ec;
  font-weight: 500;
  color: #fff;
  padding: 15px;
  border-radius: 2px;
}
#popup i.far.fa-window-close{
  color: white;
  font-size: 20px;
}

/*------------------------Slider-----------------*/

#slider .slider-img img{
  width: 100%;
  height: 100%;
}
#slider {
  position: relative;
}
#slider .owl-carousel{
  display: block;
}
#slider .slider-text{
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-30%);
  width: 40%;
}
#slider h4{
  font-size: 16px;
  letter-spacing: 1px;
  color: #9a46ec;
  font-weight: 700;
  font-family: "KoHo";
}
#slider h1{
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
  font-family: "KoHo";
  margin-bottom: 15px;
}
#slider p {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 100;
  font-family: "Roboto";
}
#slider .button a {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
  font-family: "KoHo";
  text-align: center;
}
#slider a.btn-1 {
  margin-right: 25px;
  background: #9a46ec;
  padding: 10px;
  border-radius: 2px;
}
#slider .owl-prev {
  background: #9a46ec;
  border: none;
  padding: 20px 15px;
  position: absolute;
  bottom: 40%;
  left: 0;
  clip-path: polygon(100% 50%, 0 0%, 0 100%);
  text-align: center;
}
#slider .owl-prev i {
  color: #fff;
  position: relative;
  right: 8px;
  font-size: 12px;
}
#slider .owl-next {
  position: absolute;
  bottom: 40%;
  background: #fff;
  border: none;
  padding: 20px 15px;
  right: 0;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
#slider .owl-next i {
  color: #9a46ec;
  position: relative;
  left: 8px;
  font-size: 12px;
}

/*------------------------ About -----------------*/

  #about .abt_bg {
    background: #fff;
    position: relative;
    bottom: 60px;
    padding: 45px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  }
  #about .about-content img {
    width: 100%;
  }
  #about .heading img {
    float: left;
    margin-right:15px;
    margin-bottom: 10px;
  }
  #about .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
    padding-top: 10px;
  }
  #about .main_title {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 32px;
    color: #3d4043;
    font-weight: 600;
    font-family: "KoHo";
    clear: both;
  }
  #about .main_text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #about .about-content h6 {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
    color: #4d4f52;
    font-weight: 700;
    font-family: "KoHo";
  }
  #about .button a {
    font-size: 15px;
    letter-spacing: 1px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #about .left_img {
    position: relative;
    text-align: center;
  }
  #about .exp-box {
    position: absolute;
    bottom: -15px;
    left: 0px;
    padding: 25px 15px;
    display: block;
    background: #9145db;
    border: 5px solid #ccc;
  }
  #about .exp-box h5 {
    font-size: 54px;
    letter-spacing: 1px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: left;
  }
  #about .exp-box p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 500;
    font-family: "KoHo";
    text-align: left;
  }

/*------------------------Services-----------------*/
  
  section#services {
    padding-bottom: 60px;
  }
  #services .heading img {
    float: left;
    margin-right:15px;
  }
  #services .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #services .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #services .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
  }
  #services .box{
    background: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #services .box:hover { 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 
  }
  #services .box img{
    height: auto;
    transition: all 0.5s ease-out;
  }
  #services .box:hover .post-img img{
    opacity: 0.3;
    transform: scale(1.15);
  }
  #services .box .box-content{
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
  }   
  #services .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #services .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 32px;
    font-weight: 700;
    text-align: left;
  }
  #services .box .title {
    color: #ffffff;
    font-family: "KoHo";
  }
  #services .box .title:after {
    content: "";
    border-bottom: 2px solid #9a46ec;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #services .box .post{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #services .box .button{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 400;
    font-family: "KoHo";
  }
  #services .box .button i {
    position: relative;
    top: 2px;
    left: 5px;
    color: #fff;
  }

/*------------------------ Feature -----------------*/

  #feature {
    padding: 60px 0;
  }
  #feature .text {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    opacity: 0.9;
  }
  #feature .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
    background: #9a46ec;
    padding: 10px 25px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
  }
  #feature h6.title {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 34px;
    color: #9a46ec;
    font-weight: 700;
    font-family: "KoHo";
  }
  #feature span.text {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    font-family: "KoHo";
  }
  #feature .days {
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
  }
  #feature hr {
    margin: 25px 0;
  }
  section#feature_slider {
    background: #f7f7f7;
    padding-bottom: 60px;
  }
  #feature_slider .feature-content {
    background: #9a46ec;
    padding: 40px;
  }
  #feature_slider .feature_box .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    font-family: "KoHo";
  }
  #feature_slider .feature_box .title:after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #feature_slider .feature_box .text{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #feature span.phone {
    background-color:#9a46ec;
    width: 40px;
    height: 35px;
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    position: relative;
    clip-path: polygon(0% 0%, 65% 0, 100% 50%, 65% 100%, 0% 100%);
    display: inline-block;
  }
  #feature span.phone i {
   transform: rotate(85deg);
   position: relative;
   letter-spacing: 7px;
  }
/*---------------------- Practice -----------------*/
  
  section#practice {
    padding: 60px 0;
    background: #f7f7f7;
  }
  #practice .heading img {
    float: left;
    margin-right:15px;
  }
  #practice .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #practice .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #practice .button a {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
    writing-mode: tb-rl;
  }
  #practice .nav-tabs .nav-link.active {
    color: #000!important;
  }
  #practice .nav-tabs .nav-link.active:after {
    content: "";
    border-bottom: 1px solid #9a46ec;
    display: block;
    width: 100%;
    top: 18px;
    position: relative;
  }
  #practice .tab-head {
    background: #ffffff;
    padding: 25px 0px;
  }
  #practice .tab-head .nav-tabs {
    display: block;
    border-bottom: none;
  }
  #practice li.nav-item {
    border-bottom: 1px solid #eee;
    padding: 11px 10px;
  }
  #practice li:last-child.nav-item {
    border-bottom: none;
  }
  #practice .tab-head .nav-tabs .nav-link {
    border-color: unset;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #898a8b;
    border: unset;
    font-weight: 700;
    font-family: "KoHo";
  }
  #practice .box {
    background: #000;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #practice .box:hover { 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 
  }
  #practice .box .post-img img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-out;
  }
  #practice .box:hover .post-img img{
    opacity: 0.3;
    transform: scale(1.15);
  }
  #practice .box .box-content{
    width: 80%;
    padding: 40px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 1;
    transition: all 0.5s ease-out;
    background: #9a46ec;
  }   
  #practice .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #practice .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
  }
  #practice .box .title:after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #practice .box .post{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }

/*------------------------ Counter -----------------*/

  section#counter {
    background: #f7f7f7;
    padding-bottom: 60px;
  }
  #counter .counter-content {
    background: #9a46ec;
    padding: 40px;
  }
  #counter .counter_box .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    font-family: "KoHo";
  }
  #counter .counter_box h6::after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #counter .counter_box h6 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: left;
  }

/*------------------------ Cases -----------------*/
  
  #testimonials {
    padding: 60px 0;
    position: relative;
  }
  #testimonials .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
    background: #9a46ec;
    padding: 10px 25px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
  } 
  #testimonials .text {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #testimonials .content img {
    width: 90px!important;
    height: 100%;
  }
  #testimonials .name {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #9a46ec;
    font-weight: 700;
    font-family: "KoHo";
    display: inline-block;
  }
  #testimonials .bar span {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 400;
    font-family: "KoHo";
    color: #fff;
    margin-right: 10px;
  }
  #testimonials .bar i {
    font-size: 40px;
    color: #9a46ec; 
    margin-right: 10px;
  }
  #testimonials .owl-dots {
    position: absolute;
    right: 10px;
    bottom: 8px;
  }
  #testimonials button.owl-dot {
    width: 5px;
    height: 12px;
    margin-right: 5px;
    background-color: #9a46ec;
    border: 1px solid #9a46ec;
  }
  #testimonials button.owl-dot.active {
    border-color: white;
  }

/*------------------------ Home Contact -----------------*/
  
  #home_contact .left_img img{
    width: 100%;
  }
  #home_contact .bg {
    background: #000;
  }
  #home_contact .main_heading {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
  }
  #home_contact .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #home_contact .overlap {
    position: relative;
    right: 15%;
    background: #000;
    top: 15%;
  }
  #home_contact input::placeholder , #home_contact textarea::placeholder {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #home_contact .button {
    width: 100%;
    text-align: left;
  }
  #home_contact input[type="submit"] {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
    background: #9a46ec;
    border: 1px solid #9a46ec;
    margin-top: 10px;
  }
  #home_contact div.wpcf7 .ajax-loader {
    display: none;
  }
  #home_contact input {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Roboto';
    font-size: 14px;
    padding: 15px 10px;
    line-height: 15px;
    margin: 7px 0;
    max-width: 100%;
  }
  #home_contact textarea {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Roboto';
    width: 100%;
    padding: 15px 10px;
    line-height: 15px;
    margin: 7px 0;
  }
  #home_contact span.pencil-icon {
    position: absolute;
    top: -13%;
    left: 10px;
  }
  #home_contact span.pencil-icon img {
    width: 70%;
  }
  #home_contact .flid {
    padding-left: 0!important;
  }

/*------------------------ Cases -----------------*/
  
  #cases {
    padding: 60px 0;
  }
  #cases .heading h3 {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #cases .heading h4 {
    font-size: 14px;
    line-height: 21px;
    color: #888888;
    font-weight: 500;
    font-family: "Roboto";
  }
  #cases .heading p {
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    font-family: "Roboto";
  }
  #cases .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
    background: #9a46ec;
    padding: 10px 25px;
    border-radius: 2px;
  }
  #cases .our-case{
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: hidden;
  }
  #cases .our-case img{
    width: 100%;
    height: auto;
  }
  #cases .our-case .case-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 45px 18px;
    background: rgba(0,0,0,0.7);
    transform: translateX(-100%);
    transition: all 0.20s ease 0s;
  }
  #cases .our-case:hover .case-content{
    transform: translateX(0);
  }
  #cases .our-case .case-content .post-title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: left;
  }
  #cases .our-case .case-content .post-title:after {
    content: "";
    border-bottom: 2px solid #9a46ec;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #cases .our-case .case-content .description{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #cases .our-case .case-content a {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
  }
  #cases .our-case .case-content a i {
    position: relative;
    top: 2px;
    left: 5px;
    color: #9a46ec;
  }
  #cases .our-case .case-prof{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: right;
    padding: 20px 16px;
    background: rgba(0,0,0,0.7);
    transform: translateX(0);
    transition: all 0.20s ease 0s;
  }
  #cases .our-case:hover .case-prof{
    transform: translateX(100%);
  }
  #cases .our-case .case-prof .post-title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
  }

/*------------------------ Our-Blog -----------------*/
  
  section#our-blog {
    padding: 60px 0;
  }
  #our-blog .heading img {
    float: left;
    margin-right:15px;
  }
  #our-blog .icon:after {
    content: "";
    border-bottom: 3px solid #9a46ec;
    display: block;
    width: 40px;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
  }
  #our-blog .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #our-blog .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #our-blog .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
  }
  #our-blog .box {
    background: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #our-blog .box:hover { 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 
  }
  #our-blog .box img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-out;
  }
  #our-blog .box:hover .post-img img {
    opacity: 0.3;
    transform: scale(1.15);
  }
  #our-blog .box .box-content {
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
  }   
  #our-blog .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #our-blog .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    font-family: "KoHo";
  }
  #our-blog .box .meta {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #our-blog .box .post{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #our-blog .box .button{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 400;
    font-family: "KoHo";
  }
  #our-blog .box .button i {
    position: relative;
    top: 2px;
    left: 5px;
  }

/*---------------------- Team ------------------------------*/
  
  section#team {
    padding: 60px 0;
  }
  #team .heading img {
    float: left;
    margin-right:15px;
  }
  #team .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
  }
  #team .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #team .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
  }

  #team .our-team {
    background: #000;
    color: #9a46ec;
    overflow: hidden;
    transition: all 0.3s ease 0s;
  }
  #team .our-team:hover{
    background: #9a46ec;
    color: #fff;
  }
  #team .our-team .pic {
   position: relative; 
  }
  #team .our-team .pic img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
  }
  #team .our-team:hover .pic img { 
    transform: translateY(-20px); 
  }
  #team .our-team .social{
    width: 20%;
    height: 100%;
    background: #9a46ec;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: -50%;
    transition: all 0.5s ease 0s;
  }
  #team .our-team:hover .social { 
    right: 0; 
  }
  #team .our-team .social li { 
    display: block; 
  }
  #team .our-team .social li a{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s ease 0s;
    text-align: center;
  }
  #team .our-team .social li a:hover { 
    color: #000; 
  }
  #team .our-team .team-content { 
    padding: 15px 0; 
  }
  #team .our-team .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: "KoHo";
    text-align: center;
  }
  #team .our-team .post{
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    font-family: "KoHo";
    text-align: center;
  }

/*------------------------ Partner -----------------*/
  section#partner {
    padding: 60px 0;
  }
  .partner-img {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin: 10px;
  }
/*------------------------ Our Blog -----------------*/
.page-template-home-page #our-blog{
  padding: 80px 0;
}
#our-blog h2{
  color: #222222;
}
#our-blog p{
  color: #757575;
}
.blog-img img{
  width: 100%;
}
#our-blog h3{
  font-size: 26px;
  color: black;
}
#our-blog h3 a{
  color: black;
}
.blog-social i{
  color: black;
  font-size: 16px;
  letter-spacing: 20px;
}
.blog-social i:hover{
  color: #9a46ec;
}
.blog-meta i{
  color: #9a46ec;
  font-size: 14px;
  letter-spacing: 15px;
}

.blog-meta span,.blog-meta span a{
  font-weight: bold;
  font-size: 14px;
  color: #757575;
}
.blog-date{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #9a46ec;
  color: white;
  padding: 10px;
  font-weight: 600;
  z-index: 5;
}
.blog-card:hover .blog-date{
  background: white;
  color: #9a46ec;
}
#our-blog .blog-card:hover h3 a{
  color: #9a46ec;
}
.archive-inner .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
.search-post .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
#full-width-blog .blog-date,#blog-left-sidebar .blog-date,#blog-right-sidebar .blog-date{
  position: absolute;
  top: 30px;
  right: 40px;
}
.blog-date-number{
  line-height: 1;
  font-size: 30px;
}
#our-blog a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #9a46ec;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#our-blog a.btn::after {
    content: '';
    border-bottom: 2px solid white;
    width: 20px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    bottom: 5px;
    left: 10px;
}



/*------------------------ Instagram Post -----------------*/
#instagram-post{
  padding: 80px 0;
  color: white;
}

/*------------------------ Footer -----------------*/

#footer_box{
  padding: 60px 0 60px 0 ;
}
#footer_box h3.widget-title,#footer_box h2,#footer_box h1,#footer_box h5,#footer_box h6{
  font-size: 28px;
  letter-spacing: 1px;
  color: #9a46ec;
  font-weight: 700;
  font-family: "KoHo";
  padding-bottom: 35px;
}
#footer_box ul li{
  margin: 18px 0;
}
#footer .contact-widget i {
  color: #9a46ec;
}
#footer input[type="email"] {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
  letter-spacing: 2px;
  border-radius: 4px;
  border: 1px solid #b9b8b8;
  background: #fff;
}
#footer input[type="submit"] {
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  font-family: "Roboto";
  background: #9a46ec;
  width: 100%;
  border-radius: 4px;
}
#footer p {
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Roboto";
} 
#footer input[type="email"]::placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #888888;
  font-weight: 400;
  font-family: 'Roboto';
  text-align: left;
  padding-left: 15px;
}
#footer_box ul li a{
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 500;
  font-family: "KoHo";
}
#footer .social-icons a {
  display: inline-block;
  line-height: 10px;
}
#footer .social-icons i {
  font-size: 12px;
  color: #9a46ec;
}
#footer_box ul li:hover a{
  color: #9a46ec;
}
#footer_box ul{
  list-style-type: none;
  padding-inline-start: 0px;
}
#footer_box ul li .recent-post-box a{
  color: white;
}
#footer_box .widget_recent_entries ul li::before{
  content: "";
}
#footer_box .recent-post-box img{
  width: 100%;
  height: 100%;
}
#footer_box img {
  width: 50%;
  padding-bottom: 20px;
}
.widget_media_image{
  margin-bottom: 20px;
}
#footer input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  width: 100%;
  border: none;
  height: 45px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  display: inline-block;

}
.wpcf7-form br{
  display: none;
}
/*------------------------ Copyright -----------------*/
#copyright{
  padding: 20px 0;
}
#copyright p{
  color: #a3a3a3;
  margin-bottom: 0;
}
#copyright span.theme-name{
  color: #9a46ec;
}


/*------------------------ Sidebar -----------------*/
#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6,label.wp-block-search__label{
  font-size: 18px;
  font-weight: 500;
  color: white;
  letter-spacing: 2px;
}
#sidebar{
  margin-top: 0;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 50px;
  color: white;
}
#sidebar ul{
  padding-left: 20px;;
}
#sidebar strong, #our-blog #sidebar p{
  color: white;
}
#sidebar a{
  color: white;
}
#sidebar .widget{
  padding: 20px;
  background-color: #9a46ec;
  margin-bottom: 30px;
}

#sidebar select{
  width: 100%;
  border: none;
  padding: 10px;
  background: white;
}
#sidebar select{
  padding: 10px;
  background: white;
}
#sidebar img{width: 100%;height: 100%;}
#sidebar .wp-block-search .wp-block-search__button,#sidebar input.search-submit{
  background: white;
  border: none;
  font-family: 'Bebas Neue', cursive;
  font-size: 15px;
  padding: 10px;
  height: 45px;
}
#sidebar input.search-field{
  height: 45px;
  border: none;
  padding: 10px;
}
#sidebar .about_me .widget{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: none;;
  padding-bottom: 0;
}
#sidebar .social_widget i{
  color: white;
  font-size: 16px;
  letter-spacing: 20px;
}
img.rss-widget-icon{
  width: auto!important;
  height: auto!important;
}
.blog-card {
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
  margin: 10px 0;
}
.blog-content{
  padding:0 20px 20px 20px;
}
.page-template-home-page .blog-card{
  box-shadow: none;
}
/*-------------------------- Calendar widget --------------------------*/
li.woocommerce-MyAccount-navigation-link{
  list-style-type: none;
  background-color: #9a46ec;
  height: 50px;
  width: 200px;
  padding: 10px;
  margin: 10px;
}
li.woocommerce-MyAccount-navigation-link a{
  color: white;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.45em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
  color: white;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0em;
}






/*---------------- Inner Pages -------------------*/
.navigation a.page-numbers{
  padding: 10px 20px;
  background: rgb(233,33,27);
  color: white;
  margin: 5px;
  font-size: 15px;
}
.navigation span.page-numbers.current{
  background: rgb(233,33,27);
  padding: 10px 20px;
  color: black;
  margin: 5px;
  font-size: 15px;
}
.nav-links{
  margin: 50px 0;
}
.nav-links span{
  background: #9a46ec;
  color: white;
  padding: 10px;
}
.metabox{
  font-size: 14px;
  color: black;
}
.metabox i{
  color: #9a46ec;
  font-size: 14px;
  letter-spacing: 15px;
}
.metabox a{
  font-size: 14px;
  color: black;
}
.metabox span{
  margin-right: 20px;
}
.socila_share i{
  text-align: center;
  padding: 10px 0;
  width: 35px;
  height: 35px;
  background-color: rgb(33,33,33);
  border-radius: 50%;
  margin: 0 5px;
  font-size: 13px;
  color: white;
}
.content_page a{
  color: black;
}
.content_page .nav-previous,.content_page .nav-next{
  display: inline;
}
.content_page textarea#comment{
  display: block;
}
.content_page h1,.content_page h2,.content_page h3,.content_page h4,.content_page h5,.content_page h6{
  font-size: 30px;
  font-weight: 500;
  color: black;
  letter-spacing: 2px;
}
.content_page input#submit{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #9a46ec;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
  border: none;
}
div#comments{
  padding: 20px;
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
img.avatar.avatar-100.photo{
  width: 50px;
  height: 50px;
}
.comment-author.vcard{
  margin: 20px 0;
}
div#comments p{
  background: lightgrey;
  padding: 20px;
}
.comment-respond p{
  background: white!important;
  padding: 0!important;
}
.comment-meta.commentmetadata{
  background: rgb(233,33,27,0.2);
  padding: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #9a46ec;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  border: none
}
span.wpcf7-form-control-wrap.your-message textarea{
  height: 120px;
}
.main_title{
  color: black;
}
.team-image.box img,.actor-image img,.textimonial-img img{
  width: 100%;
}
.team_wrap{
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
  text-align: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.team_name{
  padding: 10px 0;

}
.team-box p{
  color: #9a46ec;
}
.team-box{
  padding: 10px 0;
  background: #efefef;
}
.team_name a{
  color: black;
}
.about-socialbox i {
    text-align: center;
    padding: 10px 0;
    width: 35px;
    height: 35px;
    background-color: rgb(33,33,33);
    border-radius: 50%;
    margin: 0 5px;
    font-size: 13px;
    color: white;
}
.testimonial_box{
  padding: 40px 30px 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.testimonial_box a,.actor-box a{
  color: black;
}
.outer_dpage {
  margin: 50px 0;
}
.actor-box{
  background-color: #efefef;
  padding: 30px;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.actor-box p{
  font-weight: bold;
  margin-bottom: 0;
  color: #9a46ec;
}
form#commentform label,form#commentform input,.comment-form-comment textarea{
  padding: 10px;
  width: 100%;
}
form#commentform label{
  margin-bottom: 0;
}
input#wp-comment-cookies-consent,.comment-form-cookies-consent label{
  width: auto!important;
}
.testimonial-desig strong,.about-socialbox strong{
  color: #9a46ec;
}
.team-designation ,.testimonial-desig, .actor-designation{
  font-weight: normal;
  color: black;
  font-size: 16px;
}
.team-designation strong,.about-socialbox p,p.testimonial_desig ,.actor-designation strong{
    color: #9a46ec;
}
.page-content-404{
  margin: 100px 0;
}
.page-content-404 h3{
  font-size: 50px;
}
.page-content-404 a{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #9a46ec;
    border-radius: 0;
    padding: 20px 30px 20px 20px;
    margin: 50px 0;
}
.archive-inner h1,.archive-inner h2,.archive-inner h3,.archive-inner h4,.archive-inner h5,h1.entry-title{
  color: black;
}
.archive-inner{
  margin: 50px auto;
}
form.search-form.serach-page input[type=search]{
  flex-grow: 1;
  min-width: 3em;
  border: 1px solid #9a46ec;
}
input.search-submit{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #9a46ec;
    border-radius: 0;
    padding: 10px 10px 10px 10px;
    border: none;
}
.wp-block-search .wp-block-search__input{
  padding: 10px;
}

/*------------------ Contact Page -----------------*/

.c_icon {
  display: table;
  margin: 0 auto;
  padding: 12px 8px;
  border: 2px solid #9a46ec;
  border-radius: 50%;
  background: #9a46ec;
}
.contact-box h3 {
  color: #9a46ec;
  margin: 20px 0;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #9a46ec;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: 2px solid #fff;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.shorthcode {
  background: #f2f2f2;
  padding: 30px 40px;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 25px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 38px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.contact-address:hover i, .contact-email:hover i, .contact-phone:hover i{
  color: #151515;
}
.contact-address:hover .c_icon, .contact-email:hover .c_icon, .contact-phone:hover .c_icon {
  border-color: #151515;
  background: #fff;
}



/*-------------- media section ---------------*/
  
  @media only screen and (min-width: 310px) and (max-width: 1024px){
  
    .toggle-nav.mobile-menu{
      display: block;
    }
    a.closebtn.mobile-menu{
      display: block;
    }
    .postbtn a{
      padding-left: 10px;
    }
    .main-navigation ul ul{
      background-color: transparent;
      position: relative;
    }
    .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
      text-align: left;
      border-bottom: none;
    }
    .toggle-nav {
      display: none;
      position: relative;
      float: left;
      cursor: pointer;
      margin-right: 0;
    }
    .toggle-nav i {
      font-size: 29px;
      color: #000000;
    }
    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      right: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    .sidenav a:hover {
      color: #9a46ec;
    }
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
      display: block;
      color: #ffffff;
    }
    .sidenav #site-navigation {
      width: 100%;
    }
    .toggle-nav span{
      font-size:30px;
      cursor:pointer;
      text-align: right;
    }
    iframe {
      width: 100%;
      height: auto;
    }
    .main-navigation ul li{
      display: block;
    }
    .toggle-nav{
      display: block;
    }
    .innermenubox {
      position: static;
    }
    .main-navigation .menu{
      float: none;
      text-align: center;
    }
    .main-navigation ul:hover ul{
      display: block;
    }
    .main-navigation ul ul{
      display: none;
    }
    .main-navigation .menu > ul > li.highlight{
      background: transparent !important;
    }
    .menu > ul > li:hover:before,
    .menu > ul > li.current_page_item:before,
    .menu > ul > li.current-menu-item:before{
      display: none;
    }
    .sf-arrows .sf-with-ul:after{
      border-top-color: #a2a2a2;
    }
    .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
      float: right;
      color: black;
    }
    .menubar .nav ul{
      width:100%;
      margin-top:0;
    }
    .menubar .nav ul li,
    .menubar.scrolled .main-navigation li{
      border-top:1px #303030 solid;
      display:block;
      text-align:left;
      float:none;
      width: 100%;
    }
    .nav ul li a{
      padding:10px 10px;
      display:block;
      color:#ffffff;
      text-align: left;
    }
    .nav ul li a:hover{
      color:#9a46ec;
    }
    .nav ul li ul,
    .nav ul li ul ul{
      display:block !important;
    }
    section {
      padding: 30px 0!important;
    }
  }


@media screen and (max-width:575px) {
  
  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #9a46ec;
    padding: 0;
  }
  #topbar .content {
    text-align: center;
  }
  #topbar .email p i {
    color: #fff;
  }
  #header .social-icons a {
    color: #000;
  }
  .logo , #footer { 
    text-align: center!important;
  }
  .logo {
    margin-bottom: 20px;
  }
  #header .button {
    text-align: center;
    margin: 20px 0;
  }
  #slider {
    padding: 30px 0;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 100%;
    left: 6%;
    right: 0;
    top: 35%;
  }
  #slider a.btn-1 {
    margin-right: 5px;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #slider .owl-nav button { 
    display: none;
  }
  #slider p , #practice .box .post {
    display: none;
  }
  #about .heading , #services .heading ,
  #team .heading , #our-blog .heading ,
  #practice .heading {
    text-align: center;
  }
  #about .heading img , 
  #services .heading img , 
  #team .heading img , 
  #our-blog .heading img,
  #practice .heading img  {
    float: unset;
    margin-right: unset;
    margin-bottom: unset;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: unset;    
  }
  #about .about-content img {
    width: 100%;
    margin: 10px 0;
  }
  #about .button , #services .button , 
  #team .button , #our-blog .button ,
  #practice .button {
    text-align: center;
    margin: 20px 0;
  }
  #feature .text , #feature h6.title ,#feature .days {
    text-align: center;
  }
  #feature_slider .feature-content .icon img , #counter .icon img {
    width: 100%!important;
  }
  #testimonials .content img {
    margin: 0 auto;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #counter .counter_box .title , #testimonials .text {
    text-align: center;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact .heading {
    text-align: center;
  }
  #home_contact input , #home_contact textarea {
    text-align: center;
    max-width: unset;
    width: 100%;
  }
  #cases .heading {
    text-align: center;
  }
  
}
@media screen and (min-width: 576px) and (max-width:767px) {

  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #9a46ec;
    padding: 0;
  }
  #topbar .email p i {
    color: #fff;
  }
  #header .social-icons a {
    color: #000;
  }
  .logo {
    margin-bottom: 20px;
  }
  #slider {
    padding: 30px 0;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 75%;
    left: 10%;
    top: 35%;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: unset;    
  }
  #about .about-content img {
    width: 100%;
    margin: 10px 0;
  }
  #about .button , #services .button , 
  #team .button , #our-blog .button ,
  #practice .button {
    text-align: center;
    margin: 20px 0;
  }
  #feature h6.title ,#feature .days {
    text-align: center;
  }
  #feature_slider .feature-content .icon img , #counter .icon img {
    width: 100%!important;
  }
  #testimonials .content img {
    margin: 0 auto;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #testimonials .text {
    text-align: center;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact .heading {
    text-align: center;
  }
  #home_contact input , #home_contact textarea {
    text-align: center;
    max-width: unset;
    width: 100%;
  }
  #cases .heading {
    text-align: center;
  }

}
@media screen and (min-width: 768px) and (max-width:991px) {
  
  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #9a46ec;
    padding: 0;
  }
  #topbar .email p i {
    color: #fff;
  }
  #topbar .email p {
    text-align: left;
  }
  #topbar .phone p {
    text-align: right;
  }
  #header .social-icons a {
    color: #000;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 75%;
    left: 10%;
    top: 35%;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: 0;
  }
  #about .left_img img {
    width: 100%;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact input[type="text"] ,#home_contact input[type="email"] ,#home_contact input[type="tel"] {
    width: 100%;
  }
  #practice .button , #about .button {
    text-align: center;
    margin-top: 20px;
  }
  #feature h6.title , #feature .days {
    text-align: center;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #testimonials .test_btn {
    align-self: center;
  }
}
@media screen and (min-width: 992px) and (max-width:1200px) {
  section#topbar , section#slider {
    padding: 0;
  }
  .home.page-template .site-header {
    top: 0;
  }
  #home_contact .overlap {
    top: 2%;
  }
  #practice li.nav-item {
    padding: 5px 5px;
  }
  .toggle-nav i {
    color: #fff;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
}


/*-----------------Animation----------------*/

@keyframes outer-left {
  from {
    transform: translateX(50%);
  }
  to {
    transform: none;
  }
}
@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: none;
  }
}

#slider{
  animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both;
}
#slider h1{
  animation: outer-left 1s 1s ease both;
}
#slider h4{
  animation: outer-left 2s 2s ease both;
}
#slider a.btn{
  animation: outer-left 2s 2s ease both;
}
@media only screen and (min-width: 1700px) and (max-width: 1920px) {
  .container {
    max-width: 1450px;
  }
}