/*
Theme Name: Para Digital Marketing
Theme URI: https://www.radicalthemes.com/free-wordpress-themes/free-digital-marketing-wordpress-theme/
Author: LogicalThemes
Author URI: https://www.logicalthemes.com/
Description: Digital Marketing WordPress Theme is a platform that will save you time and energy and doesn’t expect you to be tech savvy or learn some special skill to be able to manage your online presence. Changing images, updating content, sharing information mission, vision, contact details, social media integration, services, etc. can happen quickly. You can make changes and people will be able to see updated content in real time. This makes Digital Marketing WordPress Theme a very convenient option. Plus the theme is totally secure. It’s responsive, meaning be it any screen size that your visitor arrives on your site s/he gets to have a flawless view of your page and images.  All you have to do is visualize well to use all the sections and panels well to optimize returns and response. Digital Marketing WordPress Themes are in great demand for their ease, convenience, and safety. Since they are drafted with this particular niche in mind, the performance shows in the form of better and higher conversion. To own and use the theme you have to have domain name registered and book hosting space. And high you soar! Demo: https://www.radicaldemo.com/para/home-1/
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.1.2
license: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: para-digital-marketing
Template: para
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

Para Digital Marketing WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Para Digital Marketing WordPress Theme is released under the terms of GNU GPL
*/

/*genrel*/
body{ font-family: "Manrope", Sans-serif;}
h1,h2,h3,h4,h5,h6{ font-family: "Inter", Sans-serif;}


a:focus, input:focus, textarea:focus, button:focus,.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
    outline: 2px solid #fa84da;
    border-bottom: 1px solid #fa84da;
}
.mid-header .sign-link a:focus, .mid-header span.cart_no a:focus, span.entry-date a:focus, #sidebar input[type="submit"]:focus {
    outline-color: #000;
    border-color: #000;
}
.footersec input[type="submit"]:focus, .copyright a:focus {
    outline-color: #fff;
    border-color: #fff;
}
  
/* Header */

.logo h1 a, .logo p.site-title a,.logo p.site-description {
    color: #000;
}

#header .top-head {
    background: #fff;
}

.adminbox {
    background: #794aff;
}

.continue-read a {
    background: #794aff;
    color: #fff;
}

.adminbox span a, .adminbox i {
    color: #fff;
}

.page-template-home-custom #header {position: absolute;}
.header-box{
	position: relative;
    background: #fff;
    border: 1px solid #E7E8E9;
    padding: 0 0px;
}
.top-head {
	position: relative;
	background-image: linear-gradient(270deg, #794AFF 16%, #794AFF00 60%);
	padding: 10px 24px 10px !important;
	border-bottom: 1px solid #E7E8E9 !important;
}
.top-head p{
	color: #6D6D6D;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.top-head .tp-rhs { text-align: right;}

.top-head .email{width: 40%;}
.top-head .email a{font-size: 16px;color: #fff;font-weight: 600;transition: all 0.6s;}
.top-head .email a:hover{color: #000;transition: all 0.6s;}
.top-head .email a i{margin-right:6px ;transition: all 0.6s;}

.top-head .phonenum{width: 30%; padding: 0;}
.top-head .phonenum a{font-size: 16px;color: #fff;font-weight: 600;transition: all 0.6s;}
.top-head .phonenum a:hover{color: #000;transition: all 0.6s;}
.top-head .phonenum a i{margin-right:6px;transition: all 0.6s; }

.top-head .socialicons{width: 30%;}
.top-head .socialicons a{margin: 1px 10px;transition: all 0.6s;}
.top-head .socialicons a:hover i{transition: all 0.6s;color: #000;}
.top-head .socialicons i{color: #BCA4FF; font-size: 18px;font-weight: 600;transition: all 0.6s;}

#header .logobx { position: relative;  margin-top: 4px;}
/*nav Menu*/
#header nav{position: relative;margin-top: 8px;}
.btm-head { position: relative; padding: 24px 20px;}
#primary-site-navigation { text-align: left;}
.primary-navigation a{  color: #6D6D6D ;font-size: 16px; font-weight: 600; padding: 2px 8px;}
.sf-arrows .sf-with-ul:after{color: #6D6D6D ;}
.primary-navigation .current_page_item a { color: #794aff;}

.btm-head .shp{position: relative;}
.btm-head .shp a{
	position: relative;
	font-size: 16px;
    font-weight: 700;
    color: #101828;
    top: 10px;
    transition: all 0.3s;
}
.btm-head .shp a:hover{transition: all 0.3s;color: #794aff;}
.btm-head .shp a i{    
	margin-right: 6px;
    position: relative;
    transition: all 0.3s;
}
.btm-head .txtbtn a{
	position: relative;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #794aff;
    padding: 10px 24px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    transition: all 0.6s;
}
.btm-head .txtbtn a:hover{color: #000;transition: all 0.6s;}
.btm-head .txtbtn a i{    
	margin-left: 10px;
    font-size: 21px;
    position: relative;
    top: 3px;
    transition: all 0.3s;
}
/*end*/

.allsections{position: relative;top: 0 ;}

/*****************/
/** Main slider **/
/*****************/
#slider{
	position: relative;
	background-image: url(assets/images/Hero-Area.png);
	padding: 0 0 0em 0;
}
#slider .sliderbx{position: relative;margin-top:13em;}
#slider .bx1 {
    padding: 0 100px 0 0;
}
#slider .slider-content{
	position: relative !important;
	width: 100% ;
    left: auto;
    margin-top: 10em;
    top:0em;
}
#slider .slider-content p {    
	color: #794aff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #d6d7d8;
    padding: 8px 26px;
}
#slider .slider-content p:after{background: #fff; opacity: 1;}
#slider .slider-content p i{
	color: #FEC461;
    font-size: 18px;
    position: relative;
    margin-right: 4px;
    top: 2px;
}
#slider .slider-content h2{
	color: #101828;
	font-size: 55px;
	line-height: 1.2;
}
#slider .text{
	position: relative;
    border-left: 3px solid #4A7DFF;
    background: #fff;
    color: #6D6D6D;
    margin: 1.4em 0 1em 0;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 2;
}
#slider .sbttn { margin-top: 2em;}
#slider .read-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #794aff;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 14px 34px;
    border-radius: 50px 50px;
    transition: all 0.5s;
    margin: 1px 0;
}
#slider .read-btn:hover{background: #000;transition: all 0.5s;}

#slider .v-btn {
	font-size: 16px;
    color: #794aff;
    font-weight: 700;
    transition: all 0.5s;
    top: -1.2em;
    margin: 1px 0;
}
#slider .v-btn span{color: #794aff;border-bottom: 1px solid #794aff;transition: all 0.5s;}
#slider .v-btn:hover span{color: #794aff;letter-spacing: 1px;transition: all 0.5s;}

#slider .sliderimg {   text-align: center;}

#slider .carousel-control-prev,#slider .carousel-control-next{display: none;}

/*********/
/*About Section*/
/*********/
#aboutus-section {position: relative;overflow: hidden;}
#aboutus-section .imgheading {
    position: relative;
    right: 0;
    text-align: right;
    top: 11em;
}
#aboutus-section .imgheading h3 {
	display: inline-block;
    background: #794aff;
    font-size: 16px;
    padding: 13px 25px;
    border-radius: 59px 50px 50px 0;
    color: #fff;
}
#aboutus-section .abt_subtitle{
	background: #f3f4f9;
	border:1px solid #E7E8E9;
	padding: 10px 18px;
}
#aboutus-section .abt_subtitle h6{color: #794aff;}
#aboutus-section .aboutus-content h4 {font-size: 44px;}
#aboutus-section .description {
    font-size: 16px;
    color: #6d6d6d;
    margin: 0 0 30px 0;
}
#aboutus-section .trustedclient {
    position: relative;
    background: #fff;
    border-radius: 50px 50px;
    /* border: 1px solid #000; */
    padding: 6px 6px;
    float: right;
    top: -8em;
    right: 44px;
    width: 53%;
    margin: 0;
    box-shadow: 1px 0 48px -10px #8d69f3;
}
#aboutus-section .trustedclient h3 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    width: 46%;
    top: 11px;
    color: #000;
}
#aboutus-section .abtimgbx {
    position: relative;
    width: 54%;
    padding: 0;
}
#aboutus-section .abtimgbx li {
    list-style: none;
    display: inline-block;
    margin: 0 -10px 0 0;
}
#aboutus-section .abtimgbx li img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
#aboutus-section .aboutus-content li{
	font-size: 16px;
    border: 1px solid #E7E8E9;
    padding: 10px 12px 10px 18px;
    border-radius: 50px;
    background: #f3f4f9;
    font-weight: 600;
}
#aboutus-section .aboutus-content li:before{
	content: "\f00c";
	color :#794aff ;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    font-size: 16px;
	
}
#aboutus-section .aboutus-btn a{
	color: #fff;
	background: #794aff;
}
#aboutus-section .aboutus-btn a:hover{color: #000;}


/*********/
/*features Section*/
/*********/
#features-section{position: relative;overflow: hidden;padding: 4em 0em;}
#features-section .feabx{
	position: relative;
    margin: 0;
    background: #f1f2f7;
    border-radius: 20px;
    padding: 5em 3em;
}
#features-section .heading{text-align: center; margin: 0 0 3em 0;}
#features-section .heading h6 {
	display: inline-block;
    font-size: 16px;
    color: #7b4afd;
    background: #fefefe;
    border: 1px solid #e7e8e9;
    padding: 10px 20px;
    border-radius: 50px;
}
#features-section .heading h3{
	color: #101828;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin: 26px auto 1.6em;
    width: 57%;
}
#features-section .serbx { padding: 0 10px; margin-bottom: 2em;}
#features-section .features-box{text-align: center;}
#features-section .fea-icn{margin: 0 auto; background: #f1ecfe;}
#features-section .fea-icn i{font-size: 30px; color: #794aff;}
#features-section .features-content .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 24px 0 14px 0;
}

/*********/
/*footer*/
/*********/
#footer-section{position: relative;overflow: hidden;background: #fff;}
#footer-section h3.widget-title{color:#101828;}
#footer-section .textwidget p { font-size: 18px; color: #6D6D6D;}
.footersec .widget li::before,
#footer-section a, #footer-section .logo a, #footer-section .logo p {color: #6D6D6D;}
#footer-section .current-menu-item a,#footer-section .menu-item a:hover,
#footer-section .current-menu-item:before{color: #794aff;}
#footer-section .copyright {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: auto;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(90deg, #794AFF 0%, #F3F4F9 63.23%);
    padding: 15px 0;
    margin-top: 20px;
}
/*********/
/*media*/
/*********/

@media screen and (max-width: 1399px) {
#features-section .heading h3 { width: 84%;}

}

@media screen and (max-width: 1299px) {
#slider .bx1 {padding: 0 15px 0 0;}
.btm-head .txtbtn a { padding: 8px 10px;font-size: 14px; margin-top: 5px;}
.btm-head .shp a {  font-size: 14px;}
.btm-head .shp a i { margin-right: 2px;}
.btm-head .txtbtn a i {margin-left: 5px;font-size: 14px; top: 1px;}
}

@media screen and (max-width: 1199px) {
#features-section .heading h3 { width: 100%;}

}

@media screen and (max-width: 1000px) {
.page-template-home-custom #header { position: relative;}
#slider .sliderbx {margin-top: 1em;}
.top-head .email span,.top-head .phonenum span,
.btm-head .shp a span{display: none;}
.btm-head .shp a { font-size: 18px;}
.btm-head { padding: 2px 1px;}
.page-template-home-custom #header .top-head{ padding: 6px 4px 6px !important;}
.top-head .phonenum,
.top-head .email { width: 20%;}
.top-head .socialicons {  width: 60%;}
.toggle-menu i{color: #794aff;}
}

@media screen and (max-width: 991px) {
#slider .bx1 { order: 2;}
#slider .slider-content {  margin-top: 5px;}
#slider .slider-content h2 { font-size: 30px;}
#slider .v-btn {  top: 0; margin: 1em 0;}
#aboutus-section .aboutus-content h4 { font-size: 30px;}
#features-section { padding: 1em 0em;}
#features-section .feabx { padding: 2em 1em 1em 1em;}
#features-section .heading h3 { font-size: 30px;}
}

@media screen and (max-width: 767px) {
.top-head .tp-rhs { text-align: center; margin: 10px 0 4px 0;}
.top-head .socialicons a { margin: 1px 5px;}
#aboutus-section .aboutus-content h4 { font-size: 22px;}
#aboutus-section .trustedclient {
    top: -5em;
    right: 0;
    width: 71%;
}
#features-section .features-content .title { margin: 5px 0 5px 0;}

.top-head .email a i,.top-head .phonenum a i {
    color: #000;
}
}

@media screen and (max-width: 600px) {
#aboutus-section .aboutus-content li:before,
#aboutus-section .aboutus-content li { font-size: 14px;}
#aboutus-section .aboutus-btn {  margin: 2px 0;}
}

@media screen and (max-width: 500px) {
#aboutus-section .trustedclient {width: 100%;}
#features-section .heading h3 { font-size: 24px;}
#features-section .heading h3 {font-size: 24px;margin: 10px auto 10px;}
#features-section .heading { margin: 0 0 1.5em 0;}
}

@media screen and (max-width: 375px) {
#aboutus-section .trustedclient h3{width: 100%;text-align: center;top: 0;margin: 6px 0;}
#aboutus-section .abtimgbx{width: 100%;text-align: center;}

}