/*!
Theme Name: BestTransAppTheme Version 2
Theme URI: https://besttransapp.com/
Author: Best Trans App
Author URI: https://besttransapp.com/
Description: Description
Version: 2.0.0
Requires PHP: 
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: besttransapptheme


*/
@font-face {
    font-family: 'Buloy';
    src: url('src/fonts/Gilroy-Heavy.eot');
    src: url('src/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('src/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('src/fonts/Gilroy-Heavy.woff') format('woff'),
        url('src/fonts/Gilroy-Heavy.ttf') format('truetype'),
        url('src/fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Buloy';
    src: url('src/fonts/Gilroy-ExtraBold.eot');
    src: url('src/fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('src/fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('src/fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('src/fonts/Gilroy-ExtraBold.ttf') format('truetype'),
        url('src/fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BuloyBlack';
    src: url('src/fonts/Gilroy-Black.eot');
    src: url('src/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('src/fonts/Gilroy-Black.woff2') format('woff2'),
        url('src/fonts/Gilroy-Black.woff') format('woff'),
        url('src/fonts/Gilroy-Black.ttf') format('truetype'),
        url('src/fonts/Gilroy-Black.svg#Gilroy-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}






body {
	margin: 0;
	background-color:#ffeef4 !important;
}


.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.titillium-web-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.titillium-web-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.titillium-web-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}

img{max-width:100%;height:auto;}
body{ background:#fdf5f5;font-size:16px;    font-family: "Titillium Web", sans-serif; font-weight: 400; font-style: normal;}	 
b,strong{font-weight:700;}

.boxdiv{width:100%;margin:0 auto;max-width:1000px;}
.wrapper{width:100%;max-width:1140px;margin:0 auto;}
#pagesingle{max-width:720px;margin:0 auto;padding-top:25px;}
.banner{background-size:cover;position:relative; background-position:bottom center;}

.logo{max-width:218px;}
.logo a{display:block;}
.top-section{position:absolute;z-index:2;width:100%;}
.bannerbg{position:relative;z-index:1;}
.purple u,.dp u{text-decoration-color: #008aff;  text-underline-offset: 9px;  text-decoration-thickness: 5px;}
.ht{  font-family: "Buloy","League Spartan", sans-serif;}
.header-text1{ padding-top:38px;color:#363636;}
.header-text2{ padding-top:0px;padding-left:25px;}
.header-text1 h1{font-size:40px;color:#363636;font-weight:700;}
.header-text2 h1{font-size:40px;}
.header-text1 p.subheader {font-size:20px;}
.centered{text-align:center;}
.pgtitle{color:#353535;padding-top:30px;}
.pgtitle h2{font-weight:700;font-size: 30px;}
.ratemob img{vertical-align:top;margin-top:3px;}
.ratemob{font-weight: 900; font-family: "Buloy","League Spartan", sans-serif;
  margin: 0 auto;
    margin-top: 0px;
  display: table;
  margin-top: 10px;
  font-size:18px;
  color:#04b378;
}
.singlepage{padding:20px 15px;}
.ht{margin-top:0px;}
.lastupdate{color:#636363;text-align:center;margin:0 auto;font-size:16px;font-weight:500;}
.sitelogo{text-align: center;
  vertical-align: middle;
  max-width: 165px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;}

footer{padding-top:20px;}
.sitewraps{padding-top:15px;padding-bottom:0px;}
.sitecon{padding:0px 20px;margin-top: -25px;border-radius: 20px;}
.sodd{background:#fff6d9;}
.seve{background:#ffffff;}
.num1{border:5px solid #fec629;}
.ratenum{padding-left:20px;}
.ratenum span{font-size:16px; color:#363636;}
.ratenum span.subdesc{font-size:16px; color:#353535;padding-left:27px;font-weight:900;}
.sidebutton .btn:hover{color:#fff;}
.rtnum{position: absolute; z-index: 2; padding-left: 23px;

  font-weight: 700;
  padding-top: 8px; }
.ratenum img {position:relative;z-index:1;}
.sitedesc{display:flex;color:#363636;font-size:18px;font-weight:700;}
.sitedesc ul{list-style:none;margin:0 0 0 0;padding:20px 0 10px 10px;}
.ratedesc{display:flex;padding-top:10px;text-align:center;padding-left:15px;}
.imgban img{max-width:350px;float:right;width:100%;}
.imban2 img{width:120%;max-width:400px;}
.imban3 img{width:120%;max-width:525px;}
.rating{font-size: 50px;
  font-weight: 900;}
  .ratedet{margin-right:15px;}
.sitedesc ul li{background:url(src/images/check.webp) top left no-repeat;padding-left:25px;background-size:26px auto;font-family: "Titillium Web", sans-serif;
  font-weight: normal;
  font-size: 15px;}
.sidebutton{padding-top:42px;}
.sidebutton .btn{font-size:15px;background:#c70739; border-radius:20px;padding:8px 15px 5px 15px;color:#fff; font-weight:700;text-transform:uppercase;}

.header-text3 p.subheader {color:#363636;font-size:16px;}
.header-text3 h1 {color:#363636;font-size:20px;}

.footer-con{padding:20px 0px;}
.flogo{text-align:center;}
.ftext{color:#363636;padding-top:10px;}
.hbar{vertical-align:top;}
.mobtext .header-text1 h1{color:#363636;font-size: calc(1.325rem + .9vw);}
.mobtext .header-text1{
	color:#363636;
	width:95%;margin:0 auto;
}
.mobtext .header-text1 p.subheader {
  font-size: 16px;
}
.sd1{display:inline-block;}
.sd2{display:none;}
.rmnum{margin-left: -20px;
  background: #fec629;
  padding: 4px;
  border-radius: 11px 0 0 0px;
  width: 200px;

}
  
/* for main page */
 .imgindexmain{margin-top:50px;}
 .imgindexmain2{margin-top:0px;}
 .imgindexmain .header-text1{margin-top:0px;padding-top:0px;}
 .imgindexmain .header-text1 .ht{font-family: "BuloyBlack","League Spartan", sans-serif; font-size:34px;}
.pttimg{position:absolute;bottom:0;}
.pbtimg{position:absolute;bottom:-10px;}
.whitebanner{background:#fff;}
.whitecon{padding:90px 0px;}
.imgindexmain .subheader{margin-top:15px;}
.imgindexmain  .header-text1 p.subheader{font-size:16px;}
.whitebanner img{margin:0 auto;display:table;}
.pghead{padding:40px 0px;font-family: "BuloyBlack","League Spartan", sans-serif; font-size:36px;text-align:center;}
div#arts .artdesc{ font-family: "Titillium Web", sans-serif;font-size:16px;padding:20px;}
div#arts article img{ border-top-left-radius: 20px;  /* Rounds only top-left */
  border-top-right-radius: 20px;}
div#arts .artdesc span{font-size:14px;color:#636363;}
div#arts .artdesc h2, div#arts .artdesc h2 a{text-decoration:none;color:#353535;}
div#arts .artdesc .rmore a{font-size:14px;font-weight:bold; color:#2d7dcd;text-decoration:underline;}
 div#arts .row article{background:#fff;border-radius:20px;}
 div#arts .row h2{font-family: "BuloyBlack","League Spartan", sans-serif; font-size:26px;}
 img.arbot{vertical-align:top;margin:0 auto;display:table;}
 .col-arg-4{padding-bottom:20px;}
 .clkspan{margin-top:-3px;}
 #pgbg{background:url(src/images/pgbg.webp) top left repeat-x #fff;}
@media only screen and (min-width: 400px) and (min-width: 600px){}  








@media only screen and (min-width: 970px) {
	.pbtimg{bottom:-20px;}
}
@media only screen and (min-width: 993px) and (max-width: 1080px) {
	.header-text2 h1{font-size:28px;}
	.header-text3 h1{font-size: 28px;}
	.wrapper{padding:0px 15px;}
}
@media only screen and (max-width: 992px) {
	.sidebutton{position:relative;margin:0 auto;display:table;margin-bottom:15px;}
	.header-text1 h1{font-size:28px;}
	.header-text2 h1{font-size:28px;}
	.header-text3{width:100%;padding-left:15px;}
	.header-text3 h1{padding-left:15px;}
	.header-text1{padding-left:0px;}
	.num1{border:3px solid #fec629}
	.header-text2 h1{padding-left:15px;}
	.imban2 img{width:100%;}
.imban3 img{width:100%;}
.mobtext .header-text3,.mobtext .header-text1 h1,.mobtext .header-text3{padding-top:10px;padding-left:0px;}
.ftext{text-align:center;}
.wrapper{padding:0px 15px;}
.imban2 img,.imgban3 img{margin:0 auto;display:table;}
.sidebutton{width:100%;}
.sidebutton .btn{width:100%;}
.sitecon {margin-top:5px;position:relative;z-index:100;}
.purple u, .dp u {
  text-decoration-color: #008aff;
  text-underline-offset: 5px;
  text-decoration-thickness: 3px;
}
  .sitewraps {
    padding: 0px 0px;
  }section {margin-top:-25px;}
  
  .whitecon{padding:20px 0px;}
  .pghead{padding:20px 0px;}
  
}
@media only screen and (min-width: 801px) and (max-width: 992px) {
	.header-text2{padding-top:10px;padding-left:0px;}
	.header-text2 p.subheader{font-size:20px;}
	
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
		.header-text2{padding-top:10px;padding-left:0px;}
	.header-text2 p.subheader{font-size:18px;}
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
	.header-text1{padding-top:20px;}
}
@media only screen and (max-width: 767px) {
	.imban2 img{width:100%;}
.imban3 img{width:100%;}
	.header-text1 h1{font-size:28px;}
	.logo{padding-left:15px;}
	.header-text1{padding-left:0px;}
	.header-text3{width:100%;padding-left:15px;padding-right:15px;}
	
	.header-text3 h1{padding-left:0px;}
	.sitelogo{max-width:300px;margin:0 auto;padding-top:0px;}
	.ratedesc{display:table;padding-left:0px;margin:0 auto;}
	.sitecon {	padding: 0px 20px 20px 20px;}
	.sitedesc{padding-top:0px;}
	section {margin-top:-25px;}
	 .imgindexmain .header-text1 .ht{font-size:22px;}
	 .pghead {
   font-size:22px;
  }
.imgindexmain {
  margin-top: 15px;
}
.pttimg{display:none;}
#pagesingle{padding-top:15px;}
#pagesingle .pgtitle h2 {font-size:22px;margin-bottom:0px;}

}
@media only screen and (min-width: 767px) and (max-width: 850px) {
	div#arts .row h2{font-size:26px;}
}
@media only screen and (min-width: 676px) and (max-width: 767px) {
	.header-text2 p.subheader{font-size:16px;}
	.header-text2 h1{font-size:22px;}
	.header-text3{padding-top: 40px;}
	.header-text3 h1{font-size: 38px;}
	div#arts .row h2{font-size:24px;}
}
@media only screen and (min-width: 577px) and (max-width: 675px) {
	.header-text2 p.subheader{font-size:14px;}
	.header-text2 h1{font-size:20px;}
	.header-text3{padding-top: 30px;}
	.header-text3 h1{font-size: 36px;}
	.pgtitle{padding-top:20px;padding-bottom:10px;}
	.pgtitle h2{font-size:2em;}
}
@media only screen and (min-width: 401px) and (max-width: 576px) {
	.header-text1 h1{font-size:22px;}

	.ratenum{padding-left:0px;}
	
	.ratenum img{max-width:360px;}
	
	.header-text2{padding-top:10px;}
	.header-text2 p.subheader{font-size:14px;}
	.header-text3{padding-top: 20px;}
	.header-text3 h1{font-size: 26px;}
.header-text2 h1{font-size:34px;padding-top:20px;}
.pgtitle h2{font-size:2em;}
	.pgtitle{padding-top:20px;padding-bottom:10px;}
}
@media only screen and (max-width: 576px) {
.sd1{display:none;}
.sd2{display:inline-block;}
#moblogo .logo{padding-left:0px;max-width:150px;}
section {margin-top:-25px;}
	.boxdiv{width:95%;}
	.header-text1{padding-top:0px;}
}

@media only screen and (max-width: 400px) {
	.logo{max-width:250px;}
	.ratenum span.subdesc{font-size:14px;padding-left:16px;}
	.rtnum{padding-top: 2px;padding-left: 15px;}
	.ratenum{padding-left:5px;}
	.header-text1{padding-top:0px;}
	.header-text1 h1{font-size:18px;padding-top:0px;}
	.header-text2 h1{font-size:34px;padding-top:20px;}
	.header-text3 h1{font-size:24px;}
	.pgtitle h2{font-size:24px;}
	
}
#moblogo .logo,.logo2{padding-left:0px;}
.lmobupdate  {font-size:11px;}


@media only screen and (min-width: 767px){
	 div#arts .row article{height:360px;}
}
@media only screen and (min-width: 700px) and (max-width: 766px) {
  #arts .row {
    flex-direction: row; /* Switch to side-by-side */
  }

  .col-arg-4 {
    flex: 1; /* Forces all columns to be exactly equal */
  }
}