/*
Theme Name: MacSonik.
Theme URI: https://www.macsonik.com/
Author: MacSonik.
Author URI: https://www.macsonik.com/
Version: 1.0.
*/
@import url('https://fonts.googleapis.com/css?family=Muli:400,500,600,600i,700,700i&display=swap');
/*Anchor Link*/
body{
	font-family: 'Muli', sans-serif !important;
}
img{
    max-width: 100%;
    height: auto;
}
.widget-area img{
	width:100% !important;
	height:auto;
}
.container-fluid {
    max-width: 1240px !important;
}
p a{
	color: #00acee !important;
}
body a{
	color: #00acee ;
}
.last-modified{
	display: inline-block;
    margin: 0;
}
.di-inline{
	display: inline-block;
    margin: 0;
}
.post-box a{
    color: #355b82 !important;
	font-weight:400 !important;
}
.main-read-more{
	text-decoration:underline;
}
.avatar{
	width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.post-box{
	margin-top: 10px;
}
.tag_btn a {
    color: #3598DB !important;
    font-size: 20px;
}
.post-box h4, p{
	padding:5px !important;
}
.no-margin{
	margin:0 !important;
}
/*font-size*/
.fts-1{font-size: 1.3rem !important;}
/*font-weight*/
.ft-4{
	font-weight:400 !important;
}
.ft-3{
	font-weight:300 !important;
}
/*maintop*/
.at-topbar {
    background-color:#1E4258;
}
/*.searchform{*/
/*	border: 1px solid #424343;*/
/*}*/
.postform option:hover{
	background-color:#424343;
}
.tag_btn a{
	color: #3598DB !important;
}
.btn-search{
    background-color: #6d6d6d;
    color: #fff;
    border: none;
    /*float: right;*/
}
.wp-block-search__button{
    background: linear-gradient(286deg, #09BAEC -25%, #1F71EF 89%), linear-gradient(106deg, #09BAEC 10%, #1F71EF 97%) !important;
    color: #fff !important;
}
.tpinput{
	border: none !important;
	background: #dbdbdb;
}
/*menu*/
.navbar-light .navbar-nav .nav-link {
    color: #15325c !important;
	float: right !important;
	font-size: 17px;
}
#header{
    border-bottom: 1px solid #ddd;
}
/*pagination*/
.pagination{
	margin: 15px !important;
}
.page-numbers {
   	padding: 7px 13px 7px !important;
    color: #fff;
    background: linear-gradient(286deg, #09BAEC -25%, #1F71EF 89%), linear-gradient(106deg, #09BAEC 10%, #1F71EF 97%);
}
.page-numbers:hover {
	padding: 7px 13px 7px !important;
    background-color: #000000;
    color: #fff;
}
/*slider*/
.bg-blog-img {
    position: relative;
    background-image: url(https://www.macsonik.com/blog/wp-content/uploads/2021/06/author.png);
    background-size: cover;
}
/*sidebar*/
.widget {
    margin: 0 0 20px;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
}
.content_right_sec1{
	margin-top:1.5rem;
}
.widget-title{
	font-size: 1.8em !important;
    color: #ffffff;
    padding: 5px;
    margin-top: 10px;
    background: linear-gradient(286deg, #09BAEC -25%, #1F71EF 89%), linear-gradient(106deg, #09BAEC 10%, #1F71EF 97%);
    text-align: center;
}
.widget ul li a{
	color: #696969 !important;
}
.widget ul {
    padding-left: 0 !important;
    list-style: none;
}

.widget_categories label{
	display:none !important;
}
.widget_categories select{
	width: 100%;
    padding: 5px;
    border: 1px solid #4848487d;
    border-radius: 5px;
}
.widget_recent_entries ul li{
    border: 1px solid #42434366;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}
.logged-in-as a{
	color: #355b82 !important;
}
/*social share*/

.social-share { 
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 50%;
  left: 0;
  transition: left 300ms ease-out;
}
.social-share.hidden {
  left: -58px;
}
.social-share.hidden li.hide-button a {
  margin-left: 28px;
  border-radius: 5px 0 0 5px;
  text-align: left;
  transform: scale(-1, 1);
}

.social-share li {
  list-style-type: none;
}
.social-share li a {
  display: block;
  width: 38px;
  height: 38px;
  background: #222;
  font: normal 16px/21px "FontAwesome", "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #fff !important;
  -webkit-font-smoothing: antialiased;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  transition: width 300ms ease-out, background 300ms ease-out;
}
.social-share li a span {
  display: block;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
}
.social-share li a:hover {
  width: 42px;
}
.social-share li:first-child a {
  border-radius: 0 5px 0 0;
}
.social-share li:last-child a {
  border-radius: 0 0 5px 0;
}

.social-share li.facebook a {
  background: #3b5998;
}
.social-share li.facebook a:hover, .social-share li.facebook a:focus {
  background: #344e86;
}

.social-share li.twitter a {
  background: #d3d3d3;
}
.social-share li.twitter a:hover, .social-share li.twitter a:focus {
  background: #c3c1c1;
}

.social-share li.pinterest a {
  background: #cc2127;
}
.social-share li.pinterest a:hover, .social-share li.pinterest a:focus {
  background: #b61d23;
}

.social-share li.google-plus a {
  background: #dd4b39;
}
.social-share li.google-plus a:hover, .social-share li.google-plus a:focus {
  background: #d73925;
}

.social-share li.linkedin a {
  background: #0077b5;
}
.social-share li.linkedin a:hover, .social-share li.linkedin a:focus {
  background: #00669c;
}

.social-share li.buffer a {
  background: #323b43;
}
.social-share li.buffer a:hover, .social-share li.buffer a:focus {
  background: #272e34;
}

.social-share li.hide-button a {
  height: 24px;
  padding: 0 10px;
  background: #dedede;
  font-size: 13px;
  line-height: 24px;
  color: #888;
  transition: width 300ms ease-out, background 300ms ease-out, color 300ms ease-out, transform 300ms ease-out;
}
.social-share li.hide-button a:hover {
  background: #d1d1d1;
  color: #666;
}
/**/
.breadcrumb a {
    color: #355b82 !important;
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb-bg .breadcrumb{
    margin:0 !important;
	padding:0 !important;
	background-color: transparent !important;
}
.breadcrumb-bg{
	background-color: #e9ecef !important;
}
/*footer*/
.bg-ft-col {
    background-color: #35a0e6;
}
/*footer*/
.bg_gray_oth {
    background-color: #F5F5F7;
}
.ft_title{
    font-weight: 700;
    text-transform: uppercase;
}
.ft_list{
	margin: 0;
    padding: 0 0 15px;
}
.ft_list li{
	list-style: none outside none;
    padding-left: 0;
    line-height: 1.87;
    margin-bottom: 0;
    background: none;
}
.ft_list li a{
	color: #000 !important;
    font-size: 16px !important;
	text-decoration: none !important;
}
.oth_list{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.oth_list li {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
    min-height: 50px;
    vertical-align: middle;
    text-align: center;
}
.oth_list li a {
    color: #a2a2a2 !important;
}
.ft-para {
    font-size: 12px;
}
.bg_light_black {
    background-color: #3b3b3b !important;
}
.comments-area{
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}
.page-item{
    padding: 11px;
}
/*comment*/
label {
    display: block !important;
    margin-bottom: .5rem;
}
textarea {
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    resize: vertical;
    vertical-align: top;
    width: 98%;
}
#submit{
    border: 1px solid #4285F5;
    padding: 5px 10px 5px !important;
    background-color: #4285F5;
    color: #fff;
}
/*related-posts*/
.single .related-posts-after-content .related-thumb {	display:inline-block;	width: 32%;	}
/*top*/
#toTop {
    position: fixed;
    bottom: 70px;
    right: 25px;
    z-index: 99;
    font-size: 21px;
    border: none;
    outline: none;
    background: linear-gradient(286deg, #09BAEC -25%, #1F71EF 89%), linear-gradient(106deg, #09BAEC 10%, #1F71EF 97%);
    color: white;
    cursor: pointer;
    padding: 6px 7px 7px 8px;
    border-radius: 7px;

}
/*text-color*/
.col_b1{
    color: #4687c2 !important;
}
/*ads-banner*/
.my-img img{
	margin-top: 1rem;
    margin-bottom: 0.5rem;
    height: auto;
    max-width: 100%;
}
/*tableofcontent*/
.table-of-content{
	padding:10px;
    background-color: #fbfbfba8;
    border: 1px solid #ddd;
}
.td-btn{
    padding: 0 !important;
    margin-top: 12px !important;
    height: 32px !important;
    background-color: #777 !important;
    margin-left: 20px !important;
    width: 39px !important;
    font-size: 20px !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
	color:#fff;
}
.text-white{
	color:#fff !important;
}
.anc-link li a{
	color:#4687C2 !important;
}
.anc-link ul li a{
	color:#4687C2 !important;
}
/*sidebar*/
.widget-area img{
	text-align:center !important;
}
.postboxbody{
    border: 2px dotted #2355a2;
    padding: 20px;
    overflow: hidden;
    margin: 10px 0 30px 0;
}
.postboxbody img {
    float: left;
    margin: 0 20px 0 0;
    box-shadow: none!important;
    width: auto!important;
    padding: 10px 0;
}
.postboxbody p {
    clear: inherit;
    display: inline;
}
.postboxbody h3 {
    margin: 0 0 10px 0;
}
@media (max-width: 990px){
.postboxbody img {
    float: none;
}
}
@media (max-width: 480px){
	.postboxbody img {
    float: none;
}
}
.rt-post {
    list-style: none;
    padding: 0;
    padding: 20px;
    padding-bottom: 0;
    padding-top: 10px;
}
.rttxt{
    border: 1px solid #ddd;
	margin-bottom: 10px;
}
.rt-post li:before {
    content: '\f101';
    font-family: fontello;
    font-size: 16px;
    color: #5297d8;
    margin-left: -13px;
    font-weight: 400;
    /* position: absolute; */
}
.rt-post li a{color: #4687c2;}
.related-posts-list{
	list-style:none !important;
	margin:0 !important;
	padding: 7px !important;
}
.rel_title{
    color: #4687c2;
    font-size: 1rem;
}
.rp-title{
    background: linear-gradient(286deg, #09BAEC -25%, #1F71EF 89%), linear-gradient(106deg, #09BAEC 10%, #1F71EF 97%);
    margin: 0 !important;
    color: #fff;
}

a {
    /*color: #fff !important;*/
    text-decoration: none;
    background-color: transparent;
}
.ab-top-menu a{
	color: #fff !important;
}
/*slider*/
.bg-gray{
	background-color:#EDF3F9;
}
.latest-tool-box{
	text-align: center;
    border: 1px solid #ddd;
	background-color:#fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1)!important;
    margin: 15px;
}
.bg-img-slider {
    background: url(img/banner.png) no-repeat scroll #000;
    background-size: cover;
    min-height: 500px;
    background-position: center;
    padding: 0px 0px 10px;
    border-radius: 40px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.2);
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-menu{
	top: 90% !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.dropdown-menu a{
	color:#000 !important;
}
.carousel-text-min-height{
	min-height:300px;
}
.carousel-indicators li{
      text-indent: 0;
      margin: 0 2px;
      border: none;
      line-height: 30px;
      color: #fff;
      background-color: #999;
      transition: all 0.25s ease;
    }
/*autho*/
.author_heading{
	font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.authour-bg{
	background-image: url(https://www.macsonik.com/blog/wp-content/uploads/2021/06/author.png);
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.author_name{
    color: #26c3ff;
    font-size: 40px;
    padding: 0 !important;
    margin: 0;
}
.author_bio h3{font-weight: 600;padding: 4px;}
.author_post_heading{
    background-color: #dddddd36;
    padding: 10px !important;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 20%);
    margin-top: 10px !important;
	margin-bottom:10px;
}
.author_topinfo{
	text-transform: capitalize;
    font-size: 20px;
    color: #fff;
    padding-bottom: 0 !important;
    margin: 0;
}
.post-bg{
    background-color: #f5f5f733;
    padding: 0;
    margin: 5px;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.post_details {
    display: flex;
    align-items: center;
    gap: 15px;
}
.lkin_url {
    display: flex;
    align-items: center;
    gap: 11px;
}

hr.post_hr_line {
    margin: 0;
    padding: 0;
    border-left: 2px solid #ddd;
    height: 36px;
}
.blog-faq {
    background: #ffd94f0d;
    border-radius: 20px;
    padding: 39px 32px 21px;
    width: 100%;
    margin-top: 40px;
    border: 1px solid #ffc906;
    margin-bottom: 22px;
}
.blog-faq .main_heading {
    margin-bottom: 30px;
    color: #e1b000;
    font-weight: bold;
    border-bottom: 1px solid #e1b000;
    display: inline-block;
    padding-bottom: 4px;
}
.faq-content {
    margin-bottom: 13px;
}
.faq-content p {
    margin-bottom: 0;
    padding: 3px 3px!important;
}
.user-query {
    border: 2px solid #1eafdf;
    border-radius: 13px;
    padding: 28px !important;
    line-height: 1.6;
    font-size: 17px;
    width: 100%;
    background: #e6f2ff;
}

.faq_heading {
    background-color: #e9f5ff;
    padding: 10px 25px;
    /* border-left: 3px solid #000000; */
    margin-bottom: 28px;
    border: dotted;
    border-color: #0088e7;
    border-radius: 18px;
}
.schema-faq {
    background-color: #e9f5ff;
    padding: 10px 25px;
    border-left: 3px solid #000000;
    margin-bottom: 28px;
}
.media-box{
    background-color: #e9f5ff;
    /* box-shadow: 0 1px 2px 1px rgb(0 0 0 / 20%); */
    padding: 10px;
    margin-bottom: 46px;
    border: 2px solid #00a4e9;
    border-radius: 20px;
}
.p_user_heading {
    font-size: 21px;
    font-weight: 700;
    color: red;
}

/*16-04-2026*/
.ez-toc-list-level-1 .ez-toc-heading-level-2 a{
    font-size: 17px !important;
    color: #0251a3 !important;
}
.ez-toc-title-container{
    background: #068cc5;
    color: #ffff !important;
    padding: 5px 10px;
}
#ez-toc-container.ez-toc-light-blue {
    border: 2px solid #00a2e9;
    padding: 15px !important;
    border-radius: 20px !important;
}
.ez-toc-icon-toggle-span {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #ddd;
}
.ez-toc-btn:focus{
    outline:none !important;
}
.ez-toc-title-container {
    margin: 8px;
}
#ez-toc-container.ez-toc-light-blue {
     background: #ffff !important; 
}
.query-section-n{
    background: #e9fff1;
    border: 2px solid #008b3f;
    margin-bottom: 22px;
    padding: 14px;
    border-radius: 12px;
}
.user-heading-n{
    font-size: 17px;
    color: red;
    margin: 0px;
}
.user-paragraph{
    font-size: 17px;
    line-height: 1.6;
    margin: 0px;
    text-align: left;
}
.wp-block-heading{
  font-size: 2rem !important;
}