@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;}
footer#colophon{ max-width: none; margin: 0; padding: 0; }
a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;}


/*@font-face {
    font-family: 'mulishregular';
    src: url('fonts/mulishregular.eot');
    src: url('fonts/mulishregular.eot') format('embedded-opentype'),
         url('fonts/mulishregular.woff') format('woff'),
         url('fonts/mulishregular.ttf') format('truetype'),
         url('fonts/mulishregular.svg#mulishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'rubiksemibold';
    src: url('fonts/rubiksemibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

/*--------- Footer Start --------*/
.newsletter form input[type="text"] {width: 100%; padding: 23px 18px; background: transparent; border: 1px solid #fff; font: 300 15px/25px 'Roboto'; color: #d2d2d2; border-radius: 0; }
.newsletter form input[type="text"]::placeholder {font: 300 15px/25px 'Roboto'; color: #d2d2d2; }
.newsletter form input[type="submit"] {padding: 20px 30px; color: #fff; background: #3bc8ed; font: 700 24px/25px 'Roboto'; text-transform: uppercase; border-radius: 0; border: 1px solid #3bc8ed; transition: all .5s ease-in-out; }
.newsletter form input[type="submit"]:hover {color: #3bc8ed; background: #fff; }
.newsletter .formError .formErrorContent {display: none;}
/*--------- Footer End --------*/

/*--------- Compare section Start -------*/
/*------ Top 3 smpare Start ------*/
.topCompare > div {justify-content: center;}
.topCompare .leftCircle {margin-right: -90px;}
.topCompare .rightCircle {margin-left: -90px;}
/*------ Top 3 smpare Start ------*/
/*--------- Compare section End -------*/



/*----------- Blog page Start ----------*/
.blogs {}
.blogs .row > .col-md-6 {padding: 0 22px;}
.blogs .blogBox {margin-bottom: 55px;}

.blogs .blogBox .blogImg {margin-bottom: 25px;}
.blogs .blogBox .blogImg img {width: 100%;}

.blogs .blogBox .DateComment {margin-bottom: 11px;}
.blogs .blogBox .DateComment .DClist {display: inline-flex; gap: 12px;}
.blogs .blogBox .DateComment .DClist > li:first-child {padding-right: 10px; border-right: 1px solid #929191;}
.blogs .blogBox .DateComment .DClist > li {color: #929191; font: 400 15px/15px 'roboto';}

.blogs .blogBox .blogDetails h2 { font: 900 20px/26px 'roboto'; color: #3b3b3b; text-transform: uppercase; margin-bottom: 15px;}

.blogs .blogBox .blogCon p {font: 400 15px/26px 'roboto'; color: #707070; margin-bottom: 30px; text-align: justify;}

.blogs .blogBox .readMore-btn a {font: 700 16px/26px 'roboto'; color: #fff; text-transform: uppercase; padding: 9px 24px; background: #2325c0; display: inline-block; border: 2px solid #2325c0; border-radius: 50px; transition: all .5s ease-in-out;}
.blogs .blogBox .readMore-btn:hover a {color: #2325c0; background: transparent;}
/*----------- Blog page End ----------*/


/*--------- Recent Post start -------*/
.recentPost .row > .col-md-4, .recentPost .row > .col-md-8 {padding: 0 9px 10px;}
.recentPost .recentpostImg img { width: 100%; border: 5px solid #6263f7;}

.recentPost .recentpostDetails .recentpostTitle h2 {font: 500 17px/20px 'roboto'; color: #d2d2d2; margin-bottom: 8px;}
.recentpostDetails .recentpostCon, .recentPost .recentpostDetails .recentpostCon p, .recentPost .recentpostDetails .recentpostDate {font: 500 15px/20px 'roboto'; color: #d2d2d2; margin-bottom: 8px;}
/*--------- Recent Post End -------*/

/*------------ Merchant Start -------*/
.merchantBox {align-items: center;  row-gap: 35px;}
.merchantBox .row { justify-content: center;
    align-items: center;
    margin-bottom: 29px;
    margin-right: 0;
    margin-left: 0;
    /*border: 1px solid #eee;
    padding: 18px;
    border-radius: 135px;*/
}
.merchantBox .merchantImg {display: flex; justify-content: center; align-items: center; width: 280px; height: 280px; border: 1px solid #d8d8d8; border-radius: 50%; box-shadow: 0px 0px 21px 6px #f7f7f7; }
.merchantBox .merchantDetails {padding: 10px 20px 10px 95px;}
.merchantBox .merchantDetails .merchantTitle { font: 700 22px/28px 'roboto'; color: #414141; margin-bottom: 18px;}
.merchantBox .merchantDetails .merchantExcerpt ul li {font: 400 15px/26px 'roboto'; color: #414141;}
.merchantBox .merchantDetails .merchantExcerpt ul li i { color: #008ed2;}

.merchantBox .merchantrating { background: #eee; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 27px; border-radius: 6px; }
.merchantBox .merchantrating h2 {color: #323232; font-size: 50px; font-family: 'Bebas Neue', cursive; }
.merchantBox .merchantrating h3 {font: 400 16px/22px 'roboto'; color: #323232; margin: -10px 0 9px;}
.merchantBox .merchantrating .fivestar ul {margin-bottom: 10px;}
.merchantBox .merchantrating .fivestar ul li i {color: #f5c42b;}

.merchantBox .merchantrating .readreviews a {font: 400 15px/22px 'roboto'; color: #008ed2;}

.merchantBox .merchantbtncon {text-align: center;}
.merchantBox .merchantbtncon .merchantbtn {background: #1214ac; color: #fff; padding: 13px 30px; display: inline-block; margin-bottom: 25px; border: 2px solid #1214ac; transition: all .5s ease-in-out; border-radius: 50px;}
.merchantBox .merchantbtncon .merchantbtn a {color: #fff; font: 700 18px/21px 'roboto'; text-transform: uppercase;}
.merchantBox .merchantbtncon h3 {font: 700 16px/22px 'roboto'; color: #565656; text-transform: uppercase;display:none;}
/*------------ Merchant End -------*/


/*--------- Reviews Details page Start ---------*/

/*------ Review header Start -------*/
.marchent_details {}

.marchent_details .row > .col-sm-4 {text-align: center;}
.marchent_details .row > .col-sm-4 h4 {font: 700 25px/30px 'roboto'; color: #282828; margin-bottom: 8px;}
.marchent_details .row > .col-sm-4 h5 {font: 400 16px/16px 'roboto'; color: #7e7e7e; margin-bottom: 13px;}

.ReviewRating > span {font: 700 25px/10px 'roboto'; color: #282828;}
.ReviewRating .fivestar .fivestar-list {gap: 3px;}
.ReviewRating {display: flex; justify-content: center; gap: 6px;}
.ReviewRating .fa-star:before { font-family: "fontawesome"; font-weight: 400; color: #d09126;}
.ReviewRating .fa-star-o:before { font-family: "fontawesome"; font-weight: 400; }

.visitBtn {font: 700 16px/26px 'roboto'; color: #fff; text-transform: uppercase; padding: 5px 24px 3px; background: #2325c0; display: inline-block; border: 2px solid #2325c0; border-radius: 50px; transition: all .5s ease-in-out; margin-bottom: 15px; }
.visitBtn:hover {color: #2325c0; background: transparent;}
/*------ Review header End -------*/


/*-------- Feature list Start ------*/
.iconList .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item { justify-content: space-between;}
.iconList .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {order: 2;}
/*-------- Feature list Start ------*/


/*-------- progress bar Start -----*/

/* .marchent_top{ max-width: 685px; padding: 30px 0 10px 150px;} */
.marchent_top {  max-width: 525px; padding: 30px 0 10px 10px;}

.marchent_top .progressTitle h3 {color: #363636; font-size: 30px; font-family: 'rubiksemibold'; text-transform: uppercase; margin-bottom: 30px;}

.circle {width: 128px;margin: 0 auto;display: inline-block;position: relative;text-align: center;line-height: 1.2;}
.circle canvas {vertical-align: top;}
.circle strong {position: absolute;letter-spacing: normal;top: 50%;left: 0;width: 100%;text-align: center;font:600 18px/22px 'Poppins'; color:#000 !important;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.circle span {position: absolute;left: 0;width: 100%; top:100%;display: block;margin-top: 3px;font:600 16px/22px 'Poppins';color: #323232; text-transform: uppercase; letter-spacing: normal;}


.single-progressbar.htmlblock{ display: flex; column-gap: 10px;justify-content: space-between;align-items: center; }
.single-progressbar.htmlblock > h4{flex: 0 0 25%; margin: 0; text-align: right;font:400 14px/22px 'Poppins'; color:#000 !important;}
.single-progressbar.htmlblock > div{flex: 0 0 calc(75% - 10px);}

.single-progressbar.htmlblock .progressbar{ margin:0; position: relative;}
.single-progressbar.htmlblock .progressbar > .percentCount{margin: 0; position: absolute; left: auto;right: -30px; top: -5px;font:400 14px/22px 'Poppins'; color:#000 !important;}}

/*-------- progress bar End -----*/

/* Blog Details Page
--------------------------------------------*/
.blog-single.container { margin: 0 auto; max-width: 1070px !important; padding-top: 66px; padding-bottom: 40px; }
.blog-single .post_title{font:900 28px/35px 'roboto';color: #3b3b3b; margin: 10px 0 0;}
.blog-single .post_img{ margin-top: 60px; }
.blog-single .post_img img{width: 100%; max-width: none; display: block;}
.blog-single .post_info{ margin-bottom: 34px; }
.blog-single .blog-prof{ display: flex; align-items: center; justify-content: flex-start; column-gap:5px; margin-bottom: 26px;}
.blog-single .col-sm-8 ul li{font:400 15px/22px 'Roboto'; color: #434141;}
.blog-single .post_info p{font:400 15px/22px 'Roboto'; color: #414141;margin: 0 0 15px; padding: 0; text-align: justify;}
.blog-single .post_info blockquote{ display: block; padding-left: 15px; border-left: 5px solid #1a1aac;}
.blog-single .post_info blockquote p{ color: #919191; line-height: 18px; font-style: italic;}
.blog-single #comments{ display: none; }

.blog-single h1 {font:900 28px/35px 'roboto';color: #3b3b3b; margin: 10px 0;}
.blog-single h2 {font:900 25px/30px 'roboto';color: #3b3b3b; margin: 10px 0;}
.blog-single h3 {font:900 20px/25px 'roboto';color: #3b3b3b; margin: 10px 0;}
.blog-single h4 {font:900 15px/20px 'roboto';color: #3b3b3b; margin: 10px 0;}
.blog-single h5 {font:900 13px/15px 'roboto';color: #3b3b3b; margin: 10px 0;}

.blog-single ul li {font: 400 15px/26px 'roboto';  color: #414141;}


.blog-single.container > .row > .col-sm-8::after{ content: ''; display: inline-block; width: 1px; background-color: #dedede;top: 0; position: absolute; left: auto; right: 0px; height: 100%; }

.blog_sidebar{ padding-top: 60px; }

.blog-single .blog_sidebar .textwidget {padding-top: 7px;}
.blog-single .blog_sidebar .textwidget > .row { row-gap: 20px;}
.blog-single .blog_sidebar .textwidget > .row .col-md-4,
.blog-single .blog_sidebar .textwidget > .row .col-md-8 {padding: 0 10px;}
.blog-single .blog_sidebar .recentpostDetails .recentpostTitle h2 {font: 900 16px/16px 'roboto'; margin: 0 0 8px;}
.blog-single .blog_sidebar .recentpostDetails .recentpostCon {display: none;}

.blog-single .blog_sidebar .widget_categories {padding: 25px 0;}
.blog-single .blog_sidebar .widget_categories ul li {font: 500 16px/26px 'roboto';}
/* .blog-single .col-sm-8 ul{display: inherit;} */

/*--------- Reviews Details page End ---------*/



/* responsive */

@media screen and (max-width: 1299px){

}
@media screen and (min-width: 1200px){
	.blog-single.container { max-width: 1070px !important;}
	.blog-single.container > .row{ margin-left: -50px; margin-right: -50px; }
	.blog-single.container > .row > div{ padding-left: 50px; padding-right: 50px; }
}
@media screen and (max-width: 1199px){
	/* 	------- Merchent Start ----- */
	.merchantBox .merchantrating {padding: 12px;}
	.merchantBox .merchantDetails { padding: 10px 20px 10px 60px;}
}
@media screen and (max-width: 1299px){
/* 	------ Top 3 ---- */
	.topCompare .leftCircle { margin-right: -55px;}
	.topCompare .rightCircle { margin-left: -55px;}
}

@media screen and (max-width: 1024px){
/* 	------ Top 3 ---- */
	.topCompare .leftCircle { margin-right: -30px;}
	.topCompare .rightCircle { margin-left: -30px;}
}

@media screen and (max-width: 991px){
/* 	----- Top 3 Start ---- */
	.topCompare .leftCircle { margin-right: -35px;}
	.topCompare .rightCircle {  margin-left: -30px;}
/* 	----- Top 3 End ---- */
	
/* 	------ Merchent Start ---- */
	.merchantBox .merchantImg {border: 0; border-radius:0; height: auto; box-shadow: none;}
	.merchantBox .merchantbtncon .merchantbtn {padding: 10px 20px;}
}

@media (min-width: 768px) {
    .marchent_top .row .col-sm-4{flex: 0 0 29.333333%;max-width: 29.333333%;}
    .marchent_top .row .col-sm-8{flex: 0 0 70.666667%;max-width: 70.666667%;}
}

@media screen and (max-width: 767px){
/* 	----- Top 3 Start ---- */
	.topCompare .leftCircle { margin-right: 0;}
	.topCompare .rightCircle { margin-left: 0;}
/* 	----- Top 3 End ---- */
	
/* ---- Footer Recent post Start ------ */
	.recentPost .row {row-gap: 12px;}
	.recentPost .recentpostDetails {padding: 3px 0 0;}
	.recentPost .recentpostDetails .recentpostCon {display: none;}
/* ---- Footer Recent post Start ------ */
	
/* ------ Newsletter start ---- */
	.newsletter form input[type="submit"] { padding: 18px 27px; font: 700 20px/20px 'Roboto';}
	.newsletter form input[type="text"] { padding: 19px 15px;}
/* ------ Newsletter End ---- */
	
/* 	----- Blog page Start ----- */
	.blogs .blogBox { margin-bottom: 40px; text-align: center;}
	.blogs .blogBox .blogDetails h2 {margin-bottom: 7px; }
	.blogs .blogBox .blogCon p {font: 400 15px/24px 'Roboto'; margin-bottom: 20px; text-align: center;}
	
	.blog-single .content { padding: 50px 0 50px;}
	.blog-single .content .post_info p {font: 400 16px/24px 'Roboto'; text-align: center;}
	
	.blog-single .content .nav-single .nav-previous, 
	.blog-single .content .nav-single .nav-next {width: 100%; text-align: center; margin-bottom: 15px;}
	.blog-single .content .nav-single > span > a,
	.blog-single .content .nav-single > span > a:hover, 
	.blog-single .content .nav-single > span > a:active, 
	.blog-single .content .nav-single > span > a:focus {font: 500 16px 'Roboto';}
	
	.blog-single .post_title {font: 900 20px/26px 'roboto'; margin-bottom: 7px;}
	.blog-single .col-sm-8 ul {margin-bottom: 16px;}
	
	.blog-single .blog_sidebar .recentpostDetails .recentpostTitle h2 { font: 900 16px/20px 'roboto';  margin: 5px 0 8px;}
/* 	----- Blog page End ----- */
	
/* 	------- Merchant ------ */
	.merchantBox .row {margin-bottom: 50px;}
	.merchantBox .merchantDetails {padding: 20px 20px 25px; text-align: center;}
	.merchantBox .merchantrating { max-width: 155px; margin: 0 auto;}
	.merchantBox .merchantbtncon { padding: 25px 0 0;}
	.merchantBox .merchantbtncon .merchantbtn {margin-bottom: 20px;}
	.merchantBox .merchantbtncon .merchantbtn a {font: 700 17px/19px 'roboto';}

}

@media screen and (max-width: 575px){
/* 	---- Progress Bar ---- */
	.marchent_top > .row .col-sm-8{padding-right: 45px;}
	.marchent_top > .row  {gap: 25px; text-align: center;}
}

@media screen and (max-width: 400px){
}