/*
Theme Name: Techie Truck Blog
Theme URI: https://www.techietruck.com/
Author: Rupak
Author URI: https://www.techietruck.com/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i&display=swap');
/*Anchor Link*/
body{
	font-family: "Montserrat",sans-serif !important;
	font-size: 1.1rem !important;
}
.main-center-post-details{
    line-height: 33px;
}
.menu-item-2086 nav-link{color:#e23b4b !important}
img{
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 10px !important;
}
.widget-area img{
	width:100% !important;
	height:auto;
}
.container-fluid {
    max-width: 1300px !important;
}
.bg-dark-blue{
	background-color: #001b4a;
}
.last-modified{
	display: inline-block;
    margin: 0;
}
.di-inline{
	display: inline-block;
    margin: 0;
}
.post-box .author{
    text-transform: uppercase;
    color: #9f9f9f !important;
    font-size: 13px;
    text-decoration: none;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #9f9f9f;
}
.main-read-more{
	text-decoration:underline;
}
.avatar{
	width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.post-box{
    margin-bottom: 4rem;
}
.post-box .main-title{
    font-size: 20px;
    margin-top: 15px;
}
.post-box .user-and-date{
    display: flex;
    align-items: center;
}
.daca {
    text-transform: uppercase;
    color: #9f9f9f;
    font-size: 13px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #9f9f9f;
}
.main-title a{
    color: #4c4c4c !important;
    font-weight: 600 !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-size: 17px !important;
}
.post-box .avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.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*/


/*menu*/
.navbar-light .navbar-nav .nav-link {
	float: right !important;
	font-size: 17px;
	text-decoration: none;
    color: #000 !important;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #ff3d00 !important;
}
#header{
    background: #fff;
}
/*pagination*/
.pagination{
	margin: 15px !important;
}
.page-numbers {
	border: 1px solid #4285F5;
	padding: 5px 10px 5px !important;
	background: linear-gradient(45deg, #00aaec, #283991);
	color: #fff !important;
}
.page-numbers:hover {
	border: 1px solid #4285F5;
	padding: 5px 10px 5px !important;
	background-color: #4285F5;
	color: #fff;
}
/*slider*/
.bg-blog-img {
    position: relative;
    background-image: url(https://www.arysontechnologies.com/dit/img/banner/slider1.png);
    background-size: cover;
}
/*sidebar*/
.content_right_sec1{
	background: #ffefec;
}
.wdiget{
    padding: 10px 0;
}
.widget-title{
    font-size: 1.2em !important;
    color: #000000;
    padding: 5px 10px;
    text-align: left;
    background-color: #ffefec;
    font-weight: 500;
    position: relative;
}
.widget-title:before {
    content: "";
    height: 3px;
    width: 80px;
    background: #ff3d00;
    position: absolute;
    bottom: 0;
}
.widget_recent_entries ul li{
	/*border: 1px solid #3970a787;*/
    margin-top: 8px;
    padding: 5px;
    border-radius: 5px;
	display: inline-flex;
}
.widget_recent_entries ul li a {
    color: #000000 !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}
.widget_recent_entries ul li:before {
    color: #ff3d00;
    content: '\f101';
    font-size: 16px;
    font-family: "fontello";
    margin-right: 10px;
}
.widget_recent_entries ul {
    padding: 0;
    list-style: none;
}
.wdiget ul li{
	padding-top: 10px !important;
    padding-bottom: 10px !important;
	border-bottom: 1px solid #dfe1e6 !important;
}
.widget ul li a{
	color: #000000 !important;
    font-weight: 500;
    font-size: 16px;
}
.widget ul li a:hover{
	color: #ff3d00 !important;
    text-decoration: none;
}
.widget ul {
    padding: 0;
    list-style: none;
}
.widget_categories label{
	display:none !important;
}
.widget_categories select{
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border-color: #30344047;
    background-color: #ffffff;
    color: #303440;
    padding: 10px;
}
#categories-2 ul li{
    border: none;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}
#categories-2 ul li a {
    color: #000000 !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}
#categories-2 ul li:before {
    color: #ff3d00;
    content: '\f101';
    font-size: 16px;
    font-family: "fontello";
    margin-right: 10px;
}
#recent-posts-2 ul{
    margin-top: 20px;
}
#recent-posts-2 ul li{
	border: none;
    margin-top: 0;
    padding: 5px;
}
/*--breadcrumb--*/
.breadcrumb-bg{
	background-color: #fff !important;
	margin-bottom: 3rem;
}
.breadcrumb{
    margin:0 !important;
	padding:0 !important;
	background-color:transparent !important;
	color: #ff3d00 !important;
}
.breadcrumb a {
    color: #ff3d00 !important;
    text-decoration: none;
    background-color: transparent;
    text-decoration: none;
}
.breadcrumb a:hover{
    text-decoration: none;
}
/*footer*/
.site-footer{
		background-color: #3b3b3b;
}
.bg_light_black {
    background-color: #3b3b3b;
}
.ft_hd {
    color: #ecf1f6;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
.ft_st ul {
    padding: 0 !important;
}
.ft_res_first li {
    list-style: none;
}
.ft_res_first li:before {
    color: #b0b0b0;
    content: '\f105';
    font-size: 16px;
    font-family: "fontello";
    margin-right: 5px;
}
.ft_res_first li a {
    list-style: none;
    color: rgba(255,255,255,.9) !important;
}
.ft_fls_first li a {
    list-style: none;
    color: rgba(255,255,255,.9) !important;
}
.ft_fls_first li {
    list-style: none;
}
/*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 #ff3d00;
    padding: 5px 10px 5px !important;
    background-color: #ff3d00;
    color: #fff;
}
/*related-posts*/
.single .related-posts-after-content .related-thumb {	display:inline-block;	width: 32%;	}
/*top*/
#toTop {
    background: #303440;
    border-radius: 5px;
    color: #ffffff;
    position: fixed;
    bottom: 45px;
    right: 5px;
    cursor: pointer;
    padding: 7px 7px;
    font-size: 20px;
    z-index: 99999;
}
/*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;
	margin-top:40px;
}


a {
    color: #4687c2 !important;
    text-decoration: none;
    background-color: transparent;
}
.ab-top-menu a{
	color: #fff !important;
}
/*btn*/
.btn-1 {
    background-color: #15325C;
    border-color: #4f96d4;
    color: #fff !important;
    background-image: linear-gradient(to right, rgb(21, 50, 92), rgb(82, 154, 217));
}
.btn-1:hover {
    background-image: linear-gradient(90deg, #325980, #5297d8);
    border-color: #4f96d4;
    color: #fff !important;
}

.btn-sidwon{
    color: white;
    background-color: #15325c;
    border-color: #4f96d4;
    color: #fff!important;
    background-image: linear-gradient(to right,#15325c,#529ad9);
    padding: 10px !important;
    margin: 0;
    width: 100%;
    font-size: 16px;
    border-radius: 0 !important;
}
.btn-sidwon:hover{
	color: white;
    border-color: #4f96d4;
    color: #fff!important;
    background-image: linear-gradient(90deg,#325980,#5297d8);
    border-color: #4f96d4;
    padding: 10px !important;
    margin: 0;
    width: 100%;
    font-size: 16px;
    border-radius: 0 !important;
}
.btn-sidown2{
	padding: 10px !important;
    margin: 0;
    border-color: #15325c !important;
    color: #15325c!important;
    width: 100%;
    font-size: 16px;
    border-radius: 0 !important;
}
.btn-sidown2:hover{
	padding: 10px !important;
	margin:0;
	background-image: linear-gradient(to right,#15325c,#529ad9);
    border-color: #4f96d4 !important;
    color: #fff!important;
	width: 100%;
    font-size: 16px;
    border-radius: 0 !important;
}
.sidebar-btn{
	border: 1px solid #b6dcff;
    color: #ffffff!important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    padding: 12px 5px;
    border-radius: .25rem;
    text-decoration: none;
    transition: ease 0.3s;
    margin: 5px 5px;
    font-size: 13px;
    background-image: linear-gradient(to right, rgb(21, 50, 92), rgb(82, 154, 217));
}
.sidebar-btn:hover{
    text-decoration: none;
    box-shadow: 0 0 10px #ddd;
}

/*new author section*/
.main_data{
	display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    padding: 10px 0;
    font-weight: 600;
    align-items: center;
}
ul.group_author {
    list-style: none;
    display: flex;
    padding: 0;
    list-style-type: none;
}
ul.group_author li:first-child {
    padding-left: 0;
}
ul.group_author li {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
}
ul.group_author li:before {
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 0rem;
    content: "";
}
ul.group_author li p {
    padding-left: .7rem;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
}
ul.group_author li p i {
    font-style: normal;
    display: block;
    font-weight: 400;
}
.main_data span, .main_data a {
    text-overflow: ellipsis;
	display: inline-block;
}
.main_data span {
    display: inline-block;
    margin-right: 10px;
}
.cel_icon{
    color: #417db6;
    font-size: 20px;
}
.link_icon{
    background-color: #4687c2;
    color: #fff;
    border-radius: 2px;
    font-size: 16px !important;
}
.media-box{
    background-color: #fff;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 20%);
    padding: 10px;
    margin-bottom: 20px;
}
.media-box .p_user_heading{
    font-size: 21px;
    font-weight: 600;
    color: #000;
    position: relative;
}
.media-box .p_user_heading:before {
    content: "";
    height: 3px;
    width: 80px;
    background: #ff3d00;
    position: absolute;
    bottom: 0;
}
.media-box .media img{
    position: relative;
    top: -10px;
}
.media-box .media .media-body a{
    color: #303440 !important;
}

/*--related-posts--*/
.postboxbody{
    border: 1px dashed #2355a2;
    padding: 5px;
    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;
}
.rp-title{
    font-size: 21px;
    font-weight: 600;
    color: #000;
    position: relative;
}
.rp-title:before {
    content: "";
    height: 3px;
    width: 80px;
    background: #ff3d00;
    position: absolute;
    bottom: 0;
}
.rttxt .related-posts .card a{
    color: #000 !important;
    text-decoration: none;
}
.rttxt .related-posts .card a .rel_title{
    font-size: 18px;
    color: #000 !important;
    padding-top: 17px !important;
}
.rttxt .related-posts .card:hover a .rel_title{
    color: #ff3d00 !important;
}
/*--comment area--*/
.comments-area .comment-reply-title{
    font-size: 21px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom: 10px;
}
.comments-area .comment-reply-title:before {
    content: "";
    height: 3px;
    width: 80px;
    background: #ff3d00;
    position: absolute;
    bottom: 0;
}
/*youutbe*/
iframe {
    border: 1px solid #cacaca;
    padding: 5px;
    max-width: 100%;
}
/*post-page*/
.block_sum{
    background-color: #f2f9ff;
    padding: 20px !important;
    border-left: 3px solid #1c4976;
}
.block_btn{
    text-align: center;
    display: inherit;
    padding-top: 20px;
}
.tb_content{border: 1px solid #ababab;
    margin: 5px 0;
    padding: 5px !important;}
.tb_content th{
    text-align: inherit;
    padding: 5px;
    border-right: 1px solid #ddd;
}
.main_heading{
    font-size: 1.5rem;
    font-weight: 700;
    color: #4e4e4e;
}
.ez-toc-title-container {
    display: table;
    width: 100%;
    padding: 5px;
    color: #fff !important;
    background-image: linear-gradient(to right, rgb(21, 50, 92), rgb(82, 154, 217));
}
div#ez-toc-container p.ez-toc-title {
    font-weight: 500;
    color: #fff;
}
#ez-toc-container.ez-toc-white {
    background: #fff;
    padding: 0 !important;
}
.ez-toc-list {
    padding: 10px !important;
}
.list_content li:before{
	content: '\e815';
    font-family: fontello;
    font-size: 16px;
    color: #5297d8;
    margin-left: -19px;
    font-weight: 300;
    position: absolute;
    margin-top: 2px;
}
.list_content {
	list-style:none !important;
}
/*social share*/
.share{
	position: fixed;
    margin-top: 85px;
    left: -20px;
    max-height: 100%;
}
.share ul {
    list-style-type: none;
}
.share li img{
	width:32px;
	height:32px;
	border-radius: 50%;
}
.share li {
    padding-top: 6px;
}
@media (max-width: 991px){
.share {
    position: unset !important;
    margin: 0 !important;
}
.share ul {
    list-style-type: none !important;
    padding: 0 !important;
}
.share li {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
}
.share ul:before{
	content: '\e8f8';
    font-family: fontello;
    font-size: 16px;
    color: #5297d8;
    margin-left: -13px;
    font-weight: 400;
    position: absolute;
}
}

.author_heading {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.author_topinfo {
    text-transform: capitalize;
    font-size: 20px;
    color: #000;
    padding-bottom: 0 !important;
    margin: 0;
}
.author_name {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    padding: 0 !important;
    margin: 0;
}
.authour-bg {
    background-image: url(https://www.cigatisolutions.com/blog/wp-content/uploads/2021/09/author-img.jpg);
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom:25px;
}
.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_bio h3 {
    font-weight: 600;
    padding: 4px;
}
.postblog{
    min-height: 10px !important;
}
.postblog a{
    color: #000 !important;
}
.postblog a:hover{
    color: #ff3d00 !important;
    text-decoration: none;
}
.eb-toc-go-top{
	display:none;
}
/*--Live Chat start--*/
#livechat{
	position: fixed;
    display: block;
    z-index: 999999;
    right: 15px;
    bottom: 0;
    color: #fff;
    background: #ff3d00;
    border-radius: 5px 5px 0 0;
    transition: 0.3s ease;
    height: auto;
    width: auto;
    padding: 0.5rem 1rem;
    font-size: 14px;
    line-height: 1.3rem;
    text-align: center;
}
#livechat .live-hide i{
    font-size: 25px;
}
#livechat .live-hide:before{
    content: '';
    background: #ff3d00;
    height: 10px;
    width: 10px;
    position: absolute;
    left: -5px;
    bottom: -5px;
    transform: rotate(45deg);
}
#livechat .live-hide:after{
    content: '';
   background: #ff3d00;
    height: 10px;
    width: 10px;
    position: absolute;
    right: -5px;
    bottom: -5px;
    transform: rotate(45deg);
}
#livechat:hover{
    box-shadow: 0 1px 2px #fff;
}
/*--Live Chat end--*/
/**
 * 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%}.more-info{padding: 15px 30px !important; background: #FCFEFE; position: relative; border: 2px solid #6ed3ff; margin: 35px 0 20px 0; border-radius: 20px;}

.main-btn .download-btn, .buynow-btn {
    font-size: 18px;
    border: 1px solid #0c82ff;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px;
    margin: 20px 5px 5px 5px;
    font-weight: 700;
    background: #0c82ff;
    float: left;
    text-align: center;
    border-radius: 3px;
    min-width: 210px;
    height: 49px;
    transition: all .3s;
}
.main-btn .download-btn:hover, .buynow-btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 10px 25px rgb(149 180 207 / 43%);
    box-shadow: 0 10px 25px rgb(149 180 207 / 43%);
}
.main-btn .download-btn, .buynow-btn {
    font-size: 18px;
    border: 1px solid #0c82ff;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px;
    margin: 20px 5px 5px 5px;
    font-weight: 700;
    background: #0c82ff;
    float: left;
    text-align: center;
    border-radius: 3px;
    min-width: 210px;
    height: 49px;
    transition: all .3s;
}
.main-btn .buynow-btn {
    color: #062f81;
    background: #fff;
}
/*--footer start--*/
.topfooter {
	background: #001b4a;
	padding: 15px 0;
	color: #c3c3c3;
	border-bottom: 1px solid #dddddd17;
}
.bottomft img {
    float: left;
}
.bottomft span {
    display: block;
    position: relative;
    margin: 0 0 0 70px;
    padding: 5px 0 0 0;
}
.bottomft span strong {
    display: block;
    color: #d2d2d2;
}
footer{
	background-color: #303440;
}
.footer-1{
	background-color: #4a4a4a;
    padding: 1rem;
    border-radius: 10px;
    height: auto;
	text-align: right;
}
.footer-1 .footer-logo{
	border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
	margin-bottom: 1rem;
	text-align: left;
}
.footer-1 .icon img{
	width: 9%;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
}
.footer-2 p{
    color: #fff;
    font-weight: 300;
}
.footer-2 ul{
    list-style: none;
	padding: 0;
}
.footer-2 ul li{
    padding: 0;
	line-height: 30px;
}
.footer-2 ul li a{
    color: #929292 !important;
    font-size: 14px;
}
.footer-2 ul li a:hover{
    color: #fff;
	text-decoration: none;
}
.footer-4 p{
    color: #fff;
    font-weight: 300;
}
.footer-4 ul{
    list-style: none;
	float: left;
	overflow: hidden;
	padding: 0;
}
.footer-4 ul li{
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}
.footer-4 ul li a{
    color: #929292 !important;
    font-size: 14px;
}
.footer-4 ul li a i{
    font-size: 17px;
}
.footer-4 ul li a:hover{
    color: #fff;
	text-decoration: none;
}
.footer-4 .subscribe-form input {
    width: 75%;
    padding: 8px 18px;
    background: #001b4a;
    border: 1px solid #afafaf;
    color: #fff;
}
.footer-4 .subscribe-form input:focus {
   outline: none;
}
.footer-4 .subscribe-form button {
    background: #ff5e14;
    padding: 10px 12px 6px 12px;
    border: 1px solid #ff5e14;
    position: relative;
    top: 2px;
}
.footer-4 .subscribe-form button:focus {
    outline: none;
}
.footer-4 .subscribe-form button i {
    color: #fff;
}
.copyrights{
	background-color: #303440;
    color: #fff;
    padding: 1rem 0;
    border-top: 1px solid #ffffff14;
}
.copyrights a{
    color: #fff !important;
}
@media (min-width: 768px) and (max-width:991px) {
	.footer-2 ul li {
		width: 25%;
		float: left;
	}
}
@media (min-width: 576px) and (max-width:767px) {
	.topfooter .col-sm-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 280px) and (max-width:576px) {
	.topfooter .col-sm-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 280px) and (max-width:767px) {
	.footer-2 ul li {
		width: 50%;
		float: left;
	}
}
/*--footer end--*/
@media screen and (min-device-width: 280px) and (max-device-width: 450px) { 
	.main_data ul.group_author{
		display: block;
    	width: 100%;
	}
}
/*--tabs--*/
.tabset > input[type="radio"] {
    position: absolute;
    left: -200px;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block !important;
  padding: 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  margin: 0;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 10px 0;
  border-top: 1px solid #ccc;
}
/*--custom home--*/
.custom-div{
    padding: 1rem;
    height: 100%;
}
.custom-div .single-article{
    padding: 1rem;
    border: 1px solid #ddd;
    height: 100%;
}

.custom-div .single-article .article-content .main-title{
    min-height: 5rem;
    padding: 0;
}
/*pagination*/
.pagination{
	margin: 15px !important;
}
.page-numbers {
    border: 1px solid #ff3d00;
    padding: 5px 10px 5px !important;
    background: #ff3d00;
    color: #fff !important;
}
.page-numbers:hover {
	border: 1px solid #ff3d00;
	padding: 5px 10px 5px !important;
	background-color: #ff3d00;
	color: #fff;
}
/*author*/
.byline .author .linkedin-link i{
    border-radius: 3px;
    background: #065c90 !important;
    color: #fff !important;
    padding: 5px;
}
/*sidebar recent post*/
.widget_recent_entries ul li {
    border: 1px solid #3034403b;
    padding: 5px !important;
    border-radius: 5px;
    margin: 5px;
}

.download-btn{
    background: #0f4576;
    color: #fff !important;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 5px;
    transition: ease 0.3s;
}
.download-btn:hover{
   text-decoration: none !important;
    box-shadow: 2px 2px 5px #0f4576;
}
.download-btn i{
    color:#fff;
}
.buy-btn{
    background: #151415;
    color: #fff !important;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 5px;
    transition: ease 0.3s;
}
.buy-btn:hover{
    text-decoration: none !important;
    box-shadow: 2px 2px 5px #151415;
}
.buy-btn i{
    color:#fff;
}
/*home page banner*/
.homepage-top{
    background-image: linear-gradient( to left, rgb(232 232 232 / 0%) 0%, rgb(232 232 232) 100%) , url(https://www.techietruck.com/wp-content/uploads/2022/04/home-banner-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 9rem 0;
}
.homepage-top .banner-text .banner-post-cat{
    font-size: 20px;
    font-weight: 500;
}
.homepage-top .banner-text .banner-title{
    font-size: 20px;
    color: #000;
    font-weight: 800;
}
.homepage-top .banner-text .banner-title a{
    color: #000 !important;
    text-decoration: none;
}
.homepage-top .banner-text .banner-title a.title-right-arrow{
    opacity: 0;
    transition: ease 0.3s;
    margin-left: 0;
}
.homepage-top .banner-text .banner-title:hover a.title-right-arrow{
    opacity: 1;
    margin-left: 10px;
}
/*home page cat strip*/
.cat-strip{
    background: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    top: -1px;
}
.cat-strip ul{
    list-style: none;
    position: relative;
    left: -50px;
}
.cat-strip ul li{
   float: left;
   padding:0 10px;
}
.cat-strip ul li a{
    text-decoration: none;
    color: #000 !important;
    font-weight: 500;
}
/*home page cat-strip and search*/
.searchform{
    float: right;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 99;
}
.btn-search{
    background-color: #ffffff !important;
    color: #000;
    border: 0;
    border-bottom: 1px solid #ccc !important;
    margin-left: -5px;
    position: relative;
    bottom: 1px;
    border-radius: 0 5px 5px 0;
}
.tpinput{
	border-bottom: 1px solid #ccc !important;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 10px;
}
.tpinput:focus-visible{
    outline: none;
}
.tpinput:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: -internal-light-dark(black, white) !important;
}
/*--blog-listing--*/
.blog-listing{
    display: inline-block !important;
}
.blog-listing .listbox:first-child{
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.blog-listing .listbox:first-child .main-title a{
    font-size: 21px !important;
}
.blog-listing .listbox {
    float: left;
    height:100%;
}
.post-box .thumbnail-effect {
    overflow: hidden;
    background: #0d3147;
    position: relative;
}
.post-box .thumbnail-effect img {
    transition: all .3s;
    width: 100%;
}
.post-box .thumbnail-effect:hover img {
    transform: scale(1.05);
}
.blog-listing .listbox:first-child .thumbnail-effect:after {
    content: "Latest Blog";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ff3d00;
    color: #fff;
    padding: 10px 30px;
}
.blog-listing .listbox .main-title a.title-right{
    opacity: 0;
    transition: ease 0.3s;
    margin-left: 0;
}
.blog-listing .listbox:hover .main-title a.title-right{
    opacity: 1;
    margin-left: 10px;
}
/*--back-search-strip--*/
.back-search-strip{
    background: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    top: -1px;
}
.back-search-strip .post-back{
    position: relative;
    left: 0;
    top: 0;
    z-index: 99;
    font-size: 20px;
    font-weight: 400;
    transition: ease 0.3s;
    cursor: pointer;
    color: #000 !important;
}
.back-search-strip .post-back:hover{
    color: #ff3d00 !important;
    text-decoration: none;
}
.back-search-strip .post-back .back-icon{
    margin-left: 0;
    transition: ease 0.3s;
}
.back-search-strip .post-back:hover .back-icon{
    margin-left: -10px;
}
/*--post page banner--*/
.post-page-banner .user-and-date a{
    text-transform: uppercase;
    color: #676767 !important;
    font-size: 20px;
}
.post-page-banner .user-and-date a:hover{
    text-decoration: none;
    color: #ff3d00 !important;
}
.post-page-banner .main_data .group_author{
    text-transform: uppercase;
    color: #676767;
    font-weight: 400;
}
.main-center-post-details .post-content-and-images img{
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.main-center-post-details .post-content-and-images a{
    color: #ff3d00 !important;
}