@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

/* Header css*/
	.demo-1{background-color: white}
  	.dl-menu{padding: 0px}
  	.child-mega-menu li ul{background-color: rgba(0,51,102,1)}
  	.child-mega-menu li ul li:hover{background-color: #000; color:white;}
  	.child-mega-menu{background-color: #b40639!important}
  	/*#panel{padding: 15px 10px;  z-index:999;  display:none;  text-align: center;  background-color: #e5eecc;  border: solid 1px #c3c3c3;  position: fixed;    bottom: 45px;    width: 100%;}*/
/*.menu-search-icon{position: fixed; bottom: 6px; right: 10px;  color: white;  z-index: 99; font-size: 20px;}*/

.menu-search-icon {
    position: absolute;
    right: 0;
    color: #1c3971;
    z-index: 99;
    padding: 9px 14px;
    border-radius: 50%;
    font-size: 18px;
    background-color: #fff;
    margin: 5px;
}

.post a {color:#b40639;}
.section-padding a {color:#b40639;}
#panel {
    padding: 15px 10px;
    z-index: 999;
    display: none;
    text-align: center;
    background-color: #ecf4ff;
    border: solid 1px #c3c3c3;
    position: fixed;
    top: 55px;
    width: 100%;
}


.menu-search-icon-new {
    background-color: #051f47;
    padding: 8px 14px;
    margin-top: 12px;
    position: absolute;
    margin-left: 5px;
    color: #fff;
    border-radius: 4px;
}
  
#panel-new {
    padding: 33px 127px;
    z-index: 999;
    display: none;
    text-align: center;
    background-color: #00000073;
    position: fixed;
    top: 70px;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 0;
}  

.menu-fs-icon-1{color:#b40639;margin-right:5px;} 
.menu-fs-icon-2{color:#001c43;margin-right:5px;} 
 
.sahmenu > .sahmenu-list > li > .sahmegamenu .link-list li a {
    padding: 10px 0 10px 10px!important;
}
.sahmenu > .sahmenu-list > li > .sahmegamenu.halfmenu {
    padding: 10px 10px;
}    

  .input_fields_wrap{margin-bottom:10px;}
	/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	background-color: red;
    padding: 10px 40px;
    color: white!important;
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0,51,102,1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
	/* Float Shadow */
	
	.btn{background-color: #b40639; color: white; font-weight: 500; }
.btn:hover{background-color: #30336b; color: white;}

.btn-wrapper .btn {
    padding: 10px 40px;
    margin-top: 40px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.btn-wrapper .btn:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.btn-wrapper .btn:hover, .btn-wrapper .btn:focus, .btn-wrapper .btn:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.btn-wrapper .btn:hover:before, .btn-wrapper .btn:focus:before, .btn-wrapper .btn:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
  .bg-overlay-archive {
    background: url(custom/images/my-translation-services-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding: 70px 0 30px 0;
}
.bg-red { background-color: #b40639!important;}
#page-banner .box-inner{display: flex;}
#page-banner .box-inner .img-box{margin-right: 15px}
#page-banner .box .box-title{font-size: 17px; margin-top: 0px; padding-top: 6px; font-weight: 600; margin-bottom: 0px; line-height: 26px;}
#page-banner .box .box-title span{display: inline}
.contant-block h2,
.contant-block h3,
.contant-block h4,
.contant-block h5,
.contant-block h6{
  font-size: 24px;
    color: #b40639;
    font-weight: 500;}

.contant-block ul{padding: 0px;}
    .contant-block li {
      list-style: none;
    border: 1px solid #1CB5E0;
    color: #000;
    font-weight: 500;
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border-left: 5px solid #b40639!important;
}
.bg-overlay-archive .btn{padding:5px;}
          #assign_services .card-title a {
    font-size: 17px;
    display: block;
    padding: 7px;
}
#assign_services .collapsed i {
    transform: rotate(180deg);
}
#assign_services i {
    float: right;
    margin-top: 3px;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: white;
    content: "/";
}
 /* Counter Section */
 
 
 .counter-block {
    padding: 50px;
    border-radius: 10px;
    position: absolute;
    width: 100%;
    z-index:auto;
}
  .eee {
    position: relative;
    height: 155px;
    z-index: 1;
    margin-bottom: 80px;
}

    .counter-block:before {
    left: -16px;
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    bottom: 10%;
    display: block;
    background-image: linear-gradient(-45deg, rgba(180, 6, 57, 0.9) 45%, rgba(180, 6, 57, 0.3) 100%);
    box-shadow: 0 0 50px 0 rgba(20,49,167,.05);
    z-index: -1;
    border-radius: 10px;
}
    
    
     .counter-block:after {
    right: -16px;
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    top: 10%;
    display: block;
    background-image: linear-gradient(45deg, rgba(180, 6, 57, 0.9) 45%, rgba(180, 6, 57, 0.3) 100%);
    box-shadow: 0 0 50px 0 rgba(20,49,167,.05);
    z-index: -1;
    border-radius: 10px;
}
    
 
 
 
.counter-block .count{font-size: 30px; font-weight: 500; margin-bottom: 5px;  color: rgba(0,51,102,1);}
.counter-block .text{margin-bottom: 0px; font-size: 18px;   font-weight: 500;}
.text-red{color: #b40639}




 
div ::-webkit-scrollbar {
    width: 5px;
    }


div ::-webkit-scrollbar-thumb {
    background: #b40639;
    border-radius: 10px;
}



div ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}



#services-list-template {
    padding: 30px 0px;
}

#services-list-template .services-list-box .services-list-title {
    margin: 0;
    padding: 15px 20px;
    color: white;
    font-size: 18px;
    
    font-weight: 400;
    border-radius: 7px 7px 0px 0px;
}    


#services-list-template .services-list-box ul.list li {
     
    font-weight: 500;
    margin-bottom: 10px;
    text-align: justify;
    padding-left: 15px;
    line-height: 26px;
}


#services-list-template .services-list-box ul li:before {
  font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-right: 10px;
    color: #b40639;
    font-size: 18px;
}
    
 











.list-with-hover li{margin-bottom:10px;}
.bg-overlay-archive .banner-title{font-size: 36px; text-align: center; font-weight: 700; margin-bottom:15px!important;}
/*body{font-family: 'Exo', sans-serif; font-size: 16px;}*/
body{font-family: 'Roboto', sans-serif; font-size: 16px;}
.wsmenu{font-family: 'Roboto', sans-serif!important}
h1,h2,h3,h4,h5{ font-family: 'Exo', sans-serif; text-transform: capitalize; }
p,
li{text-align: justify; font-size: 16px; font-weight: 400; line-height: 26px;}
.section-padding{padding: 60px 0px}

a{color:#000; text-decoration: none}
a:hover{color:#000; text-decoration: none}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{font-size: 15px;}
.heading-title{color:#b40639;font-size: 30px;}
.block-title{font-size: 26px;color:#b40639; font-weight: 500}

.heading{margin-bottom: 50px;text-align: center;}
.heading .heading-subtitle{text-align: center; width:60%; margin: auto}

.main-form-block  .btn.add-more-btn{padding:5px 30px;}
/* Welconme */

#welcome .list-with-signed li{border-bottom: 1px dotted #000; padding: 8px 0px}
#welcome .list-with-signed li a:before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;color:rgba(0,51,102,1);}
#welcome .borderd-list li{
    float: left;
    width: 48%;
    margin-right: 2%;
    border: 1px solid #1CB5E0;
    color: #000;
    font-weight: 500;
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    
}


/* Hero Banner*/
#hero-banner{padding: 60px 0px}
#hero-banner h1{color:white;}
#hero-banner{background-image: linear-gradient(to bottom right,rgba(0,51,102,.9) 45%,rgba(51,102,255,.3) 100%)}
  #hero-banner h1{text-transform: capitalize; font-size: 36px}
	#hero-banner .most-headings p{margin: 20px 0px}
	#hero-banner	.banner-features .feature{background-color: white; display: flex; padding:20px; margin: 20px 0px; border-radius: 10px; font-weight: 500}
	#hero-banner .banner-features .feature p {margin-bottom: 0px; font-weight: 600; font-size: 18px}
	#hero-banner .banner-features .feature i{font-size: 28px;color:  #003366; font-weight: 700; margin-right: 10px;}

	.main-form-block input[type=submit]{background-color:#b40639; font-weight: 500}
  .main-form-block .form-title{color:#b40639;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;}
	.main-form-block{padding: 15px 15px 15px 15px;
    background-color: white;
    border-radius: 10px;}

  .main-form-block .form-control{color:#000!important; background-color: #f8f9fa; margin-bottom: 15px; font-weight: 400; border:none; outline: none}
  .main-form-block  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000!important;
  font-weight: 400;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.bg-gradiant-red{background-image: linear-gradient(to right bottom, rgba(180, 6, 57, 0.9) 45%, rgba(180, 6, 57, 0.3) 100%);}
.bg-gradiant-blue{background-image: linear-gradient(to bottom right,rgba(0,51,102,.9) 45%,rgba(51,102,255,.3) 100%);}

.contant-block{height: 550px; overflow-y: auto; padding-right: 15px;}
.contant-block::-webkit-scrollbar {  height: 5px;  width: 5px;}
.contant-block::-webkit-scrollbar-track {  box-shadow: inset 0 0 2px grey;   border-radius: 10px;}
.contant-block::-webkit-scrollbar-thumb {  background: #b40639;   border-radius: 10px;}


#page-banner {padding: 70px 0px 30px 0px}
#page-banner h1{text-transform: capitalize; font-size: 36px}
#page-banner .most-headings p{margin: 20px 0px}
/*#page-banner .feature{background-color: white; display: flex; padding:20px; margin: 20px 0px; border-radius: 10px; font-weight: 500}
#page-banner .feature p {margin-bottom: 0px; font-weight: 600; font-size: 18px}
#page-banner .feature img{margin-right: 10px}
#page-banner .box .box-title span{display: inline}
*/



.text-blue{color:rgba(0,51,102,1);}
.bg-blue{background-color:rgba(0,51,102,1);}
/* Process*/

#process.process .box{box-shadow: 0 20px 40px rgba(10,10,10,.1);
    -moz-box-shadow: 0 20px 40px rgba(10,10,10,.1);
    -webkit-box-shadow: 0 20px 40px rgba(10,10,10,.1);
    text-align: center; height: 230px;
    border:2px solid rgba(0,51,102,1);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
    /*transform: translate3d(0,-20px,0);*/}
#process.process .box p{margin-bottom: 0px; text-align: center;}

#process.process .box .icon{background: rgba(0,51,102,1);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 85px;
    text-align: center;
    color: white;
    margin: auto;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    font-size: 40px;
    font-weight: 800;}

#process.process .box{margin-top: 20px;  position: relative;}
    #process.process .box .box-title{margin-top: 50px; color:#b40639; font-size: 24px;}
    #process.process .box .box-title:after{content: "";
    border-bottom: 2px #b40639 solid;
    display: block;
    width: 65px;
    box-shadow: 0 5px 10px 2 rgba(229,75,75,.3);
    margin: 15px auto;}


    /* Testimonials */

#testimonials.testimonials{background-image:url(custom/images/happy-clients.jpg);background-attachment: fixed;}
#testimonials .testimonial{background-color: white; border-bottom: 1px solid #b40639; padding: 15px 15px 0px 15px;}
#testimonials .testimonial .testimonial-header{display: flex}

.testimonial{ margin: 0 20px 50px; }
.testimonial .pic{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: capitalize;
    
}
.testimonial .post{
    display: block;
    font-size:18px;
}
.testimonial .description{
    padding: 20px 22px;
    background: rgba(0,51,102,1);
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin: 0 -15px;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #5d7aa7 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}
.owl-theme .owl-controls{
    margin-top: 10px;
    margin-left: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #fff;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;
    color: #1f487e;
}
.owl-next:before{ content: "\f054"; }

/* Call To Action */

	#call-to-action{padding: 50px 0px 40px 0px}

/* Accordion */
.accordion [data-toggle="collapse"]{background-color: #b40639; width: 100%; text-align: left; color:white!important; padding:15px 15px;}
.accordion [data-toggle="collapse"] .card-title{color:white;}
.accordion [data-toggle="collapse"].collapsed{background-color: #f3f3f3;  border-radius:0px; color:#000!important;}
.accordion [data-toggle="collapse"].collapsed .card-title{color:#000!important}
.accordion .card{border: 0px; background-color: initial;}
.accordion .card-body{padding: 0px; }
.accordion .card-body p{text-align: justify; padding: 0px 15px; margin-top: 10px; margin-bottom:0 }
.accordion .accordion-item{margin-bottom: 15px}
.accordion .card-header{margin-top: 0px!important;border-radius:5px!important; 
	border-bottom: 0px;border-left: 5px solid rgba(0,51,102,1)!important;  }
.accordion .card-header .card-title{cursor: pointer; text-transform: capitalize;}
.accordion .card-header:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";  float: right;}
.accordion .card-header.collapsed:after { /* symbol for "collapsed" panels */    content: "\f067";}


/* Border List*/
.border-list li {
	

        border: 1px solid #1CB5E0;
    color: #000;
    font-weight: 500;
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border-left: 5px solid #b40639!important;
}


.child-mega-menu li ul{width: 710px}
.child-mega-menu li ul li{width: 50%}
/* Footer*/

.img-100{width: 100%;height: auto;}
footer{background-color: rgba(0,51,102,.9); padding: 50px 0px}
footer .footer-logo .logo-text{font-size: 20px; padding:0px 10px}
footer .footer-logo .rating{color:orange; text-align: center;}
footer .footer-logo .dated{margin-top: 15px;}
footer img{    width: auto;  background-color: white; padding: 10px; border-radius:5px;  vertical-align: middle;margin: 10px auto;   }
footer .collapse:not(.show) {    display: block;}
footer .footer-title {    font-size: 20px;    font-weight: 500;    margin-bottom: 15px;}
footer li {    font-size: 14px;    line-height: 24px;    color: white; margin-bottom: 5px;}

footer li a {    color: white!important;}
footer .countries li {    line-height: 26px;    width: 50%;    float: left;}

.sidebar-services	.list li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-right: 10px;
    color: #b40639;
    font-size: 18px;
}


.page-content-special ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-right: 10px;
    color: #b40639;
    font-size: 18px;
}




.sidebar-services .card-header{font-size: 18px}

/* Payment*/

 #payment input[type=submit]{width: 49%; float: left; margin-top: 10px}
    #payment button[type=reset]{width:49%;float: right; margin-top: 10px}
    #payment select{margin-bottom: 7px}
    #payment input{margin-bottom: 7px}
    #payment label{font-weight: 500}
    
    a{color:#000; text-decoration: none}
a:hover{color:#000; text-decoration: none}
.bg-red{background-color: #b40639;}
.text-red{color: #b40639;}
.box{transition: .5s ease-in-out;padding:20px;border-radius: 10px;color:#000;background-color: white;margin-bottom: 30px;}
.box.bg-red{color:white;}
.box .box-title{font-size: 20px; color:rgba(0,51,102,1)!important}
.box .box-title span{display: block}

#services.services .box{border-bottom: 2px solid #b40639; height: 450px}
#services.services .box:hover{transition: all .4s ease-in-out; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
transform: translate3d(0,-10px,0);
    transition: .3s ease-in-out;}

#services.services .img-box{text-align: center;}
#services.services .img-box img{margin: 20px 0px}
#services.services .box .box-title{text-align: center;margin-bottom: 10px;}
#services.services .box .box-title span{display: block}
.img-block img{border:2px solid rgba(0,51,102,.9)}

/* 404 Template */
.no-page-found{padding:30px 0px; padding-bottom:60px;}
.no-page-found  .error-box .err { font-size: 36px;font-weight: 600;}
.no-page-found .error-box .errtr {    color: #b40639;    font-size: 60px;    display: block;    margin-left: 10px;}
.no-page-found .error-box .errt { font-size: 22px;margin-left: 10px;}
.no-page-found .error-box .form-control{margin-bottom:10px;}
.no-page-found .error-box .icon-search{display:none;}
.no-page-found  .error-box .screen-reader-text:first-child{display:none;}
.no-page-found  .error-box .not-found{ background-color: #e6edff; padding: 15px 0;}
.no-page-found  .error-box input.search-field{width:85%;}
.no-page-found   .error-box input[type=search]{font-size: 1rem;    font-weight: 400;    line-height: 1.5;   color: #495057;    padding:6px;    width:82%;    background-color: #fff;
    background-clip: padding-box;    border: 1px solid #ced4da;    border-radius: .25rem;}
.no-page-found  .error-box button[type=submit]{       border-radius: 6px;    background: #b40639;    color: white;    border: initial;    border-radius: 0px;    padding: 5px 15px;
    font-size: 18px;   }
.no-page-found  .error-box .links .btn{background: #212529;    border: none;    border: 1px solid #fff;    color: #fff;    padding: 15px 30px;    border-radius: 19px;    cursor: pointer;}
 
    @media only screen and (max-width: 767px) {
        
.no-page-found .error-box .err{font-size:20px;margin-top: 20px; display: block;}
.no-page-found .error-box .errtr{font-size:35px;}
.no-page-found .error-box .bbtn{margin:10px;}
.no-page-found .error-box .links{margin-top:15px;}
.card-404 .errt {font-size: 27px; display: block; margin-left: 10px;}
.card-404 {  margin: 15px 0px; padding: 20px; text-align: center;}
.pagenot .row, .pagenot .col-md-9{display:initial;}
.nopage { padding: 20px 0px; margin-top: 27px;}
    }



/* why choose section in homepage */
 #bottom-bg-why-us{background: url("https://www.mytranslationservices.com/wp-content/themes/mytranslationservices/custom/images/translations-services.webp");
    height: 246px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
     }
     #why-choose-us .middle-sec{margin: 0 -10px;}
    #why-choose-us .middle-sec .h4{  
     color: #b40639;font-family: 'Exo';}
     #why-choose-us .middle-sec .h5{font-family: 'Exo';}
     
         
    #why-choose-us .borderd-list-why-choose li{float: left;
    width: 100%;
    border: 2px solid #e2e2e2;
    color: #000;
    font-weight: 600;
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-family: 'Exo';}
    .mr-10{ margin-right: 10%;}
    .ml-10{margin-left: 10%;}
    #why-choose-us .borderd-list-why-choose li:before{ font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f124";
    margin-right:10px;
    color: #b40639;
    display: inline-block;
    transform: rotate(45deg);
     }
    
    .border-page-temp{border: 1px solid rgba(0,0,0,.125);}
    .page-content-special h2{font-size: 24px;
    color: #b40639;
    font-weight: 500;}
  .page-content-special h1{font-size: 36px;
    color: #b40639;
    font-weight: 500;}  
  
     
        @media only screen and (max-width: 767px) {
     .mr-10 {margin-right: 0%;}
     .ml-10{margin-left: 0%;} 
     #bottom-bg-why-us {height: 60px;}
            
        }
/* why choose section in homepage end */






/*--------------------thanks page new--------------------*/
#thanks-top-banner{background-image:url('assets/images/bg-thanks-mt.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:#b40639;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:26px }   
#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:#f6f6f6; margin: 0 auto 30px; padding:15px 0px; border: 1px solid #b40639;}    
#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: #b40639;
    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 #b40639;
}

#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: 1px solid #fc9928;
    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
    { background-image:url('assets/images/backgroundp01-mt.jpg');background-size:cover;
      background-repeat:no-repeat;padding:70px 0px;
      font-family: 'Exo', sans-serif;
    }       

#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: #003366;
    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: #003366;
    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:#b40639;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('assets/images/bgp02-my.jpg');background-size:cover;
      background-repeat:no-repeat;padding:70px 0px;
      font-family: 'Exo', sans-serif;
    }       

#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: #b40639;
    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-currency {
    color: #b40639;
    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 #003366;
  margin-left: 100%;
}

.process-details{background-color: #003366;
    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--------------------*/