body{font-family: 'PT Sans', sans-serif;}
		header i{color:#fff; margin-right: 10px;}
		.text-red{color:#d20001;}
		.bg-red{background-color: #d20001;}
		.text-red{color:#f70000;}
		.section-padding{padding:30px 0px;}
		.text-blue{color:#001c43;}
		.bg-blue{background-color: #001c43;}
		.postform {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
		 #dl-menu i{vertical-align: text-top!important;}
.btn-theme{ background: #d20001;   
    color: white;
    box-shadow: 1px -1px 5px white;
    border: 1px solid white;
    font-size: 20px;
    padding: 8px 30px;}
    
    .btn-theme:hover{    background: #001c43;    
    color: white;
    box-shadow: 1px -1px 5px white;
    border: 1px solid white;
    font-size: 20px;
    padding: 8px 30px;}

.front-box i{font-size: 72px;  color: white; margin-bottom: 20px;}

header .top-header{padding: 10px 0px;}
header .top-header  .header-btn button{margin-top: 10px; color:white;}
header .top-header button i{color:white;}
.heading {width: 80%;    margin: auto; margin-bottom: 30px;}

#front-form-banner{background-image: url('https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/herobanner.webp'); background-repeat: no-repeat; color:white;padding: 30px 0px;background-size: cover; }

#front-form-banner h5{font-weight: bold}
#front-form-banner img{width: 60%; margin: 10px 0px 50px 0px;}
#front-form-banner .front-text{background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/front_box.png);background-size: 100% 100%;   background-repeat: no-repeat;padding: 15px 0;}
.front-box i{font-size: 72px;    color: white;    margin-bottom: 20px;}
#front-form-banner .box{color:#f70000; font-weight: 700!important; margin-top: 1rem!important;}
#home-about .about-content p {font-size: 16.80px;  line-height: 35px;}
#home-about .about-content img {margin:10px auto 30px auto}
#home-about .about-content .front {background-repeat: no-repeat;    background-size: cover;    padding: 25px;    overflow: hidden;    box-shadow: 0px 0px 8px #B8C0CD, #B8C0CD 5px 0px 8px inset;}
#home-about .about-content h2{color: #093564;font-weight: 600;font-size: 34px;}
#home-about .home-about-banner{margin-top: 10px;background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/about-banner.webp); padding: 50px 0px; background-repeat: no-repeat; background-position: top;}
#home-about .home-about-banner .home-about-box{ width: 60%;}
#home-about .home-about-banner .home-about-box .box{background-color: #e9e9e9; border-radius: 65px 0px 0px 65px; padding: 10px 0px; margin-bottom: 20px;}
#home-about .home-about-banner .home-about-box p{margin-bottom: 0px; text-align: justify; font-size: 14.5px; 
}
#home-about .home-about-banner .home-about-box h5{color:#1e5080; font-weight: bold}

#home-about .home-about-banner img{width: 54px; margin-top: 34px;}
#home-about .home-about-banner i{text-align: center;
    vertical-align: middle;
    font-size: 38px;
    margin-top: 30px;
    color: #1e5080;}

.heading img{width:80%; margin: auto}
#quality-service p{font-size: 16.80px;  line-height: 35px;text-align-last: center}

#finest-services.finest-services-bg{background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/finest_services_bg.webp);overflow:hidden;color:white;background-repeat: no-repeat; background-size: cover;}
#finest-services h4{margin-top: 40px;}
#finest-services ul li{margin-bottom: 10px; display: inline-flex;}
 #finest-services ul li:before{content:url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/star.png);position:relative;z-index:9;padding-right: 10px;top:4px;}





#call_action1{border-top: 1px solid white;background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/call_to_action1.jpg);    background-repeat: no-repeat;  background-size: 60%;   padding: 50px 0px;background-position: left;}
#call_action1 button{background-color: red; width: 49%; border: none; }


.heading h4{font-weight: bold;}
#faq-accordion{background-color: #e3e6ea; padding:30px 0px;}
#faq-accordion .accordion-header{margin-bottom: 10px;transform: skewX(-40deg);background-color: white; padding: 5px 20px;box-shadow: 2px 2px 5px darkslategrey;}
#faq-accordion .accordion-header .fa-minus{display: none}
#faq-accordion .accordion-header .header{transform: skewX(40deg);    }
#faq-accordion .accordion{padding: 0px 25px;}
#faq-accordion .accordion p {text-align: justify;}
#faq-accordion .accordion i{color:#ee0e0f; margin-right: 5px;}
#faq-accordion .accordion-body{padding-left: 20px;}
#faq-accordion img{width: 90%;}
 
#call_action1 button{
width:100%;padding: 8px 10px;
    font-size: 18px;
    font-weight: 700;}
 
#testimonials{background-color:#e3e3e3; padding: 30px 0px}
#testimonials .shadow{margin-bottom: 15px; border-radius: 25px;min-height: 320px;}
#testimonials h3 {font-weight: bold}
#testimonials h5{color:#ee0e0f; font-weight: bold}

#testimonials p{text-align: justify;font-size: 16.80px;height: 140px;
    overflow-y: auto;
    padding: 15px;}
#testimonials i{color:#ff6c00; margin-left: 3px;}
#testimonials .border h6{font-size: 14px;}


#call_action2{border-top: 1px solid white;background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/call_to_action2.jpg);  background-position: right; background-repeat: no-repeat;    background-size: 77% 100%;padding: 50px 0px;}
#call_action2 button{ width: 100%;    padding: 8px 10px;    font-size: 18px;        font-weight: bold;}
footer{background-color:black; padding: 30px 0px}
							footer .rating{background-color: #063465; text-align: center;padding: 22px; font-size: 26px;}
							footer .payment i{color:white;font-size:36px;}
							footer .star i{color:#fac917;}
							footer center{overflow: hidden;}
							footer center a{text-align: center}
							.footer-last{background-color:#063465; font-size: 20px;}
 
.footer-top h5{font-weight:600;}
.footer-top ul li a{color:#fff;text-decoration: none;}
a {
    color: #063465;
    text-decoration: none!important;
}
/* Inner Template*/

#page-template .inner-banner{background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/inner-page-banner.jpg");background-position: center center;padding: 30px 0px;background-repeat: no-repeat;background-size: cover;}

#page-template .inner-banner .banner-text{ padding: 12px;margin-left: 70px;}	
/*#page-template .inner-banner h1 span {    background-color: rgba(255,0,0,.5);}*/	


#blog-template .content h1{font-size:20px; color:#d20001} 
#blog-template .content img{border:1px solid red;width: 100%;margin-top:10px;height: 364px;}
#blog-template .content h2{font-size: 20px; color:red; font-weight: bold; }	
#blog-template .content h3 {
    font-size: 18px;
    color: #001c43;
    font-weight: bold;
}

#blog-template .content  p{text-align: justify;}	

	
/* Blog Template*/

#blog-template .content .box{border:1px solid red; position: relative;}	
#blog-template .content .box .post_detail{ margin-bottom: 5px; }
#blog-template .content .box .post_detail span{background-color: #001c43; color:white;font-size: 15px;padding: 3px 10px;position: absolute; top: -12px;}
#blog-template .content ul li:before {
    content: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/star2.png);
    position: relative;
    z-index: 9;
    padding-right: 10px;
    top: 4px;
}
#blog-template .content ul{margin:0px; padding:0px!important}
#blog-template .content .tags span a{color: #d20001!important;    text-transform: capitalize;}
#blog-template aside .form-control, #blog-template aside .form-control:focus{background-color: #021222; color: white!important; border-radius: 0%;
margin-bottom: 10px;}
 #blog-template aside .form-control::placeholder {  color: white!important;}
 #blog-template aside .form-control, #blog-template aside .form-control:focus{background-color:#021222; margin-bottom:11px}
#blog-template aside .choose-btn{color:#021222; border:1px solid #021222}
 #blog-template aside input[type="file"] {display: none}	
 .choose-btn { border: 1px solid white;    color: white;    padding: 5px 20px;    border-radius: 19px;    cursor: pointer;}
 #blog-template aside .tab-content li{margin-bottom: 10px;} 
 #blog-template aside .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #BE0106;
    color: white;
}
 #blog-template aside .list li{display: flex; margin-bottom: 10px;}
 #blog-template aside .list li::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: 10px; color:#d20001;
  }
 #blog-template  aside .list li a{color:black; text-decoration: none;}
 .size-full{width: 100%}





/* Contact Page*/

#contact-template .contact-banner{background-image: url(https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/contact-banner.jpg); text-align: center; padding:110px 0px}
#contact-template .contact-banner .border-line{width:20%; margin:auto; height:5px; background-color: red}
#contact-template .content-form .form-control{margin-bottom: 15px;}
#contact-template .content-form .card-body{background-color: #e3e6ea}
#contact-template .content-form .choose-btn{background: #ffe3e3;    border: none;    border: 1px solid #212529;    color: #212529;    padding: 5px 20px;    border-radius: 19px;    cursor: pointer;}
#contact-template .content-form input[type="file"] {display: none}		






.input-group-addon{padding: 10px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    
    border: 1px solid #063465;
    border-radius: 4px;
    height: 39px;}


    .glyphicon-arrow-left:before {
    content: "\f30a";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
}

.glyphicon-arrow-right:before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
}	



/*flip-card*/

 

#top-quality-assignment .box{box-shadow: 8px 2px 10px #001c43; padding:20px;height: 100%;border: 1px solid #dee2e6}
#top-quality-assignment .box p{font-size: 17px;}
#top-quality-assignment .thumbnail{padding:141px 20px; background-color: #001c43; text-align: center; margin-bottom: 30px;box-shadow: 8px 2px 10px #001c43;}
#top-quality-assignment .thumbnail img{margin-bottom: 20px;}


.flip-container {
height: 467px;
    margin-bottom: 17px;
	width: 100%;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

	 
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.front-box{height: 467px;
   	 margin-bottom: 17px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	
}
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;  
  	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}



 

.back {
height: 467px;
   	 margin-bottom: 17px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	background: #f8f8f8;
}

.front-box .name {
	font-size: 2em;
	display: inline-block;
	background: rgba(33, 33, 33, 0.9);
	color: #f8f8f8;
	font-family: Courier;
	padding: 5px 10px;
	border-radius: 5px;
	bottom: 60px;
	left: 25%;
	position: absolute;
	text-shadow: 0.1em 0.1em 0.05em #333;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

 

.back-title {
	font-weight: bold;
	color: #00304a;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.05em #acd7e5;
	font-family: Courier;
	font-size: 2em;
}

.back p {
	position: absolute;
	 
	left: 0;
	right: 0;
	 
	padding: 10px;
	 
   
}



#contact-template .content-form .features i {vertical-align: sub;  margin-right: 10px;background: red;    color: white;    border-radius: 50%;    padding: 10px;}
	#contact-template .content-form .features span{font-size:17px}
	#contact-template .content-form .features i:hover{background: #001c43;    color: white;	}
	

.fixed-btn{transform: rotate(90deg); z-index:22;   position: fixed;    top: 35%;    font-weight:bold;    font-size:18px;    right: -67px;}
.hero-banner-subtitle{font-size: 26px; display: block;}
#front-form-banner .front-text{margin-top:-15px}

.page-numbers{border: 1px solid #021222;   padding: 5px 15px;}
span.current{background-color:black; color:white; border:1px solid #d20001}



#testimonials  .testimonial-header{text-align:center;  color:#ee0e0f; }
#testimonials  .testimonial-header span{font-size:16.80px;font-weight:600 }
.testis{ font-size: 18px;}
footer .reviewinner{padding:20px 10px; margin-top:10px; border-radius:10px; border:3px solid #d20001}	
.rating i{color: #ff6c00;}

.important_link {
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.35)!important;
    border: 1px dotted #001C43;
    text-align: center!important;
    margin-top: 10px;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.important_link p{text-align: center!important; margin-bottom: 0px!important;}

.important_link p:before{
font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0a4";
    margin-right: 10px;
    color: #d20001;}

.f-36{font-size:36px}
.f-30{font-size:30px}
.f-24{font-size:24px}

.img-ftrs{position: absolute;
    right: 45px;
    width: 250px;
    height: 250px;
    top: -55px;}
    
    
    
    
    
    
    

/*--------------------thanks page new--------------------*/
#thanks-top-banner{background-image:url('../images/bgthanks-sg-translaotrs.png');background-size:cover;
     background-repeat:no-repeat; background-position: bottom;
 }   
 
.thanks-page-title{padding:96px 0px;text-align: center;}    
.thanks-page-title .title{margin: 10px auto;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    width: 55%;
    text-align: center;}
.thanks-page-title .sub-title{ 
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-align: center;}
#thanks-page-template{margin:40px 0px;} 
#thanks-page-template p span{color:#ff0000;font-weight: 600;}
#thanks-page-template p{ 
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 30px;
    font-weight: 300;
}    
#thanks-page-template .order-title-first{ font-weight: 400;
    color: inherit;font-size:30px }   
#thanks-page-template .submit-order{color: #0ba706;}    
#thanks-page-template .submit-order:before{font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 10px;
    margin-right: 10px;
    color: #0ba706;}   
    
#thanks-page-template .customer-stisfication-part{background-color:#cce1f3;margin:0 auto; padding:15px 0px; border: 1px solid #ff0000;}    
#thanks-page-template .customer-stisfication-part .customer-rating-head{text-align: center;
    font-weight: 600;
    margin-bottom: 0px;padding:0px 15px;} 
    
#thanks-page-template .customer-stisfication-part .customer-rating-subhead{font-size: 18px;
    text-align: center;
    padding: 0px 15px; }  
    
#thanks-page-template .customer-stisfication-part .customer-rating-img-part{    
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border-top: 2px solid #d7eaf9;
    border-bottom: 2px solid #d7eaf9;
    height: 54px;
} 
 

#thanks-page-template .customer-stisfication-part .customer-rating-count{
    color: #001c43;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;}
#thanks-page-template .customer-stisfication-part .customer-rating-count-detail{
    font-size: 14px;
    font-weight: 500;
    color: inherit;}
#thanks-page-template .customer-stisfication-part .features-part{
border-left: 3px solid #000;
padding-left: 8px;
}

#thanks-page-template .customer-stisfication-part .features-part-box{
background-color: #fff;
     
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #edf6fd;
}

#thanks-page-template .customer-stisfication-part .customer-rating-box-detail{
padding: 5px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

#thanks-page-template .customer-stisfication-part .customer-rating-box-detail img{width:35px;height:35px;margin-right: 5px;}
#offer-templte .offer-card{border: 1px solid #f27b00!important;}
#offer-templte .offer-card img {
    height: 100%;
}


#offer-templte .offer-card .discount-title {
    font-size: 15px!important;
    text-align: center;
    color: #2a7bba;
    line-height: normal!important;
}


#offer-templte .offer-card .dis-code {
    color: #f27b00;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

#offer-templte .offer-heading{font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 300;}




@media only screen and (max-width: 767px){
    
    
#thanks-top-banner {height: 180px;
    padding-top: 60px;}    
    
.thanks-page-title .title {
   margin: 0px auto;
    font-size: 18px!important;
    padding-bottom: 0px;
    width: 100%;
}

#thanks-page-template .order-title-first{text-align:center;}

.thanks-page-title .sub-title {
    font-size: 18px;
    margin-top: 5px;
}
.thanks-page-title{padding:0px;}
#thanks-page-template {
    margin: 20px 0;
}

#thanks-page-template p {
    font-size: 16px;
    text-align: center;
}
#thanks-page-template .customer-stisfication-part .customer-rating-subhead{font-size:16px;}
#thanks-page-template .customer-stisfication-part .features-part {
    border-bottom: 3px solid #000;
    padding-top: 10px;
    border-left: none;
    padding-left: 0px;
}
#thanks-page-template .customer-stisfication-part .customer-rating-box-detail{display:block;}
#offer-templte .offer-heading {
    font-size: 22px;
    margin-bottom: 15px;
 
}
}

/*--------------------thanks page new--------------------*/

/*--------------------payment01--------------------*/
      

#pay-page-template .pay-template-main-part{background-color:#fff;box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15)!important;border-radius: 7px;} 
#pay-page-template .pay-template-main-part .pay-page-title{text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #001c43;
    border-radius: 7px 7px 0px 0px;
    padding: 10px 0px;
    font-size: 28px;}
    
#pay-page-template .pay-template-main-part .form-template-part{    
   padding: 30px 50px; }
#pay-page-template .pay-template-main-part .form-template-part form label{ font-size: 1.2rem;font-weight: 400;}   
#pay-page-template .pay-template-main-part .form-template-part form input, #pay-page-template .pay-template-main-part .form-template-part form select {
    background-color: transparent;
    border: none;
    border-bottom:2px solid #dad7d7;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1.2rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
    font-weight: 500;
}

#pay-page-template .pay-template-main-part .form-template-part form  .mandatory-sign{color: red;
    font-size: 7px;
    vertical-align: text-top;}  
    
#pay-page-template .pay-template-main-part .form-template-part form .tax-info{color: #9e9e9e;} 
#pay-page-template .pay-template-main-part .form-template-part form .total-payment{
    color: #001c43;
    font-weight: 600;} 
#pay-page-template .pay-template-main-part .form-template-part form .total-paylable{font-size: 1rem;
    font-weight: 400;
    color: #9e9e9e;}   
#pay-page-template .pay-template-main-part .form-template-part form .btn-pay{font-size: 20px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;margin: 30px auto 0;}   
.border-paytotal{border-bottom:2px solid #dad7d7}    
.color-orange{color: #ef800c;}    
.bg-light-green{ background-color: #ecf6ff;} 
#pay-page-template .pay-template-main-part .trusted-panel .trust-txt{font-size:18px;font-weight:500;}
#pay-page-template .pay-template-main-part .trusted-panel .trust-star{letter-spacing: 4px;color: #f27b00;}


#pay-page-template .pay-template-main-part .trusted-panel .trust-rating{text-align: center;
    font-size: 28px;
    font-weight: 600;}
#pay-page-template .pay-template-main-part .trusted-panel .trust-rating span{color:#001c43;}
#pay-page-template .pay-template-main-part .trusted-panel .trust-rating span.red{color:#ff0000;font-size:32px;}

#pay-page-template .pay-template-main-part .policy-part .policy-title{font-size: 22px;
    margin-bottom: 10px;
    font-weight: 400;}


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

#pay-page-template .pay-template-main-part{margin-top:0px}


  #pay-page-template{  margin-top: 0px;
    padding: 20px 0;}

#pay-page-template .pay-template-main-part .form-template-part {
    padding: 10px 20px;
}
#pay-page-template .pay-template-main-part .form-template-part form .total-paylable{font-size:.8rem;}
#pay-page-template .pay-template-main-part .form-template-part form input, #pay-page-template .pay-template-main-part .form-template-part form select{font-size:1rem;}
#pay-page-template .pay-template-main-part .form-template-part form .btn-pay{width:100%!important;}
#pay-page-template .pay-template-main-part .pay-page-title {
    text-align: center;
    font-weight: 400;
    text-transform: uppercase; 
    border-radius: 7px 7px 0 0;
    padding: 5px 0;
    color: #fff;
}
} 
/*--------------------payment01--------------------*/    

/*--------------------payment02--------------------*/

#pay-page-template
    { background-image:url('https://www.singaporetranslators.com/wp-content/themes/sgtranslators/assets/images/backgroundp02-sg-translator.jpg');background-size:cover;
      background-repeat:no-repeat;padding:70px 0px;
    }       

#pay-page-template .pay-template-main-part{background-color:#fff;box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15)!important;border-radius: 7px;} 

.pay-form{box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15)!important;border-radius: 7px;}

 
    
 
#pay-page-template .pay-template-main-part .form-template-part form label{ font-size: 1.2rem;font-weight: 400;} 

#pay-page-template .pay-template-main-part .pay-form input, #pay-page-template .pay-template-main-part .pay-form select {
    background-color: transparent;
    border: none;
    border-bottom:2px solid #dad7d7;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 10px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
    color: #495057!important;
}

 
 
#pay-page-template .pay-template-main-part .former-detail .label-detail{
   background-color: transparent;
    border: none;
    border-bottom: 2px solid #dad7d7;
    border-radius: 0;
    outline: none;
    height: 2rem;
    width: 100%;
    font-size: 1rem;
    margin: 15px 0 10px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
    color: #495057!important;
}


#pay-page-template .pay-template-main-part .total-payment{
    color: #001c43;
    font-weight: 600!important;} 
#pay-page-template .pay-template-main-part .total-paylable{font-size: 1rem;
    font-weight: 400;
    color: #9e9e9e;}   

.border-paytotal{border-bottom:2px solid #dad7d7} 
#pay-page-template .pay-template-main-part .pay-form label, #pay-page-template .pay-template-main-part .pay-form .paymt_head{font-size: 18px; margin-bottom: 0px;font-weight: 600;}
.bg-light-brown{ background-color: #f7f7f7;border-radius: 7px 0px 0px 7px;} 
#pay-page-template .pay-template-main-part .former-detail label {
    font-size: 1rem;
    font-weight: 500;
}
 
.color-red{color: #ff0000;font-weight:600;}

#pay-page-template .pay-template-main-part .satisfication-detail .satisfication-detail-title{ 
    text-align: center;
    font-size: 24px;
    font-weight: 500;}
    
#pay-page-template .pay-template-main-part .satisfication-detail .satisfication-detail-subtitle{
    font-weight: 500;
    text-align: center;
    font-size: 18px;}


#pay-page-template .pay-template-main-part .satisfication-detail .satisfication-detail-img-part{background-color:#fff;border-top: 2px solid #dad7d7;
    border-bottom: 2px solid #dad7d7;}

#pay-page-template .pay-template-main-part .satisfication-detail .satisfication-detail-img-part img{height:40px!important}


.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid #001c43;
  margin-left: 100%;
}

.process-details{background-color: #001c43;
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;}
    
.pt-9{padding-top: 9rem!important;}
.form-title{text-align: center;
    padding: 34px;
    font-size: 36px; margin-top: 20px;}
  
.border-white{    
    width: 60%;
    border-top: 8px solid #fff;
    top: 56px;
    position: absolute;
    left: 20%;}   
 
.process-step-1{ 
 font-size: 18px;
    color: #fff;
    position: absolute;
    top: 46px;
    left: 13%; }
    
.process-step-1:before{margin: 0 auto;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f00c";
    font-size: 18px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: green;
    width: 28px;}       

.process-step-2{ 
 font-size: 18px;
    color: #fff;
    position: absolute;
    top: 46px;
    left: 38.5%; }
    
.process-step-2:before{margin: 0 auto;
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f111";
    font-size: 18px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #fff;
    width: 28px;}
     
    
.process-step-3{ 
 font-size: 18px;
    color: #fff;
    position: absolute;
    top: 46px;
    left: 74%; } 
    
 .process-step-3:before{margin: 0 auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f111";
    font-size: 18px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius:50%;
    color: fff;
    width: 28px;} 
    
    
.border-dash{border-top: 2px dashed #dcd8d8;
    width: 24%;
    position: absolute;
    top: 59px;
    left: 23%;}    
.boxshadow-none{box-shadow:none!important;}

@media only screen and (max-width: 767px){
    #pay-page-template .pay-template-main-part{margin-top:0px}
    #pay-page-template{margin-top: 0px; padding: 30px 0}
    .process-details{top:0;}
    .arrow-right{border-left: 0px solid #2a7bba;}
    .form-title {padding: 15px;font-size: 24px;} 
    .border-white{width:80%;left:10%;}
    .process-step-1 {font-size: 16px;left: 3%;}
    .process-step-2 {font-size: 16px;left: 34%;}
    .process-step-3 {font-size: 16px;left: 82%;}
    .border-dash{left:19%;}
    #pay-page-template .pay-template-main-part .total-paylable{font-size:.8rem!important;}
     
}
/*--------------------payment02--------------------*/    
    .overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

 .mandatory-sign {
    color: red;
    font-size: 7px;
    vertical-align: text-top;
}