/*@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

h1, h2, h3, h4, h5, h6{
    font-family: "Inter", sans-serif;
    color: #22272f;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    /*display: none;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color:#516278;
    /*margin-bottom: 20px;*/
}
.sec3-text p {
    margin-bottom: 2rem;
}
#get-a-quote .modal-content {
    background: transparent;
    border: 0px;
}
header {
    background: #F6F7F9;
}
.popup-form button {
    position: absolute;
    top: -20px;
    right: 0px;
    border-radius: 50%;
    border: 0px;
    font-size: 21px;
    width: 30px;
    height: 32px !important;
    background-color:#067CFF;
    z-index: 99;
}
.main-logo img{width:200px;}
.main-container{
    width: 90%;
    margin: 0 auto;
}
.main-menu #navbarCollapse {
    justify-content: space-around;
}
.main-menu .navbar-nav a {
    font-size: 16px;
    font-weight: 500;
    padding-right: .75rem!important;
    padding-left: .75rem!important;
    color: #20426e;
}
.main-menu .navbar-nav a.active {
    /*color: #067CFF;*/
}
.rating-span {
    background:#516278;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
}
.review-item .nav-link {
    line-height: 1;
}
.review-item {
    margin-left: 10px;
}
.call-btn a {
    background: #067CFF;
    padding: 12px 24px;
    display: inline-block;
    text-decoration: none;
    border-radius: 7px;
    width: 190px;
    text-align: center;
    /* -webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1); */
    /* animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1); */
    box-shadow: 0 0 0 2px #067CFF;
    color: #fff !important;
    font-size: 14px !important;
    position: relative;
}
.call-btn a::after {
    content: "50% OFF";
    position: absolute;
    border: 1px solid #fbfbfb;
    width: 85px;
    height: 25px;
    color: #fbfbfb;
    font-size: 13px;
    bottom: -12px;
    right: 0px;
    border-radius: 4px;
    background-color: #bf1212;
    box-sizing: border-box;
    animation: zoom-in-zoom-out 1s ease infinite;
}
.call-btn2 a {
    background: #067CFF;
    padding: 12px 24px;
    display: inline-block;
    text-decoration: none;
    border-radius: 7px;
    width: 145px;
    text-align: center;
    box-shadow: 0 0 0 2px #067CFF;
    color: #fff !important;
    font-size: 14px !important;
    margin-left: 10px;
}
@keyframes zoom-in-zoom-out {
  0% {
    scale: 70%;
  }
  50% {
    scale: 100%;
  }
  100% {
    scale: 70%;
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}
.brandsec {
    background: #f1f1ef;
    padding:10px 0px;
}
.popup-image {
    background: #FFD85F;
    display: grid;
    align-items: end;
}
.popup-image img {
    width:100%;
    position: relative;
    left: -12px;
}
.banner-sec {
    padding: 40px 0px;
    /*background: url(../images/r11.webp);*/
    /*background-size: 100%;*/
    /*background-position: center;*/
    /*background-attachment:fixed;*/
    background-color: #F6F7F9;
}

.banner-sec .row {
    align-items: center;
}
.banner-heading {
    padding-right: 10%;
}
.banner-heading h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #22272f;
    text-transform: capitalize;}

.banner-heading p {
    color: #20426e;
    font-size: 16px;
    line-height: 1.8;
    margin:20px 0px;
}
.form-col{
    position: relative;
}
.main-form {
    padding: 32px 40px;
    width: 80%;
    background: #fff;
    padding: 32px 20px;
    border: 1px solid #efefef;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .07);
    border-radius: 10px;
    position: relative;
    float: right;
}
.form-col:before {
    content: '';
    position: absolute;
    right: 0px;
    width: 100%;
    height: 400px;
    background: #067CFF;
    border-radius: 15px;
    background: url(/payforexpert/images/grid.png);
    top: 10%;
}
.main-form h2 {
    font-weight: 600;
    text-align: center;
}
.main-form h2 span {
    display: block;
    color: #516278;
    font-weight: 700;
}
.popup-form {
    background: #ffffff;
    padding: 0px;
}
.popup-form .form.main-form {
    width: 100%;
}
.counter li {
    display: inline-block;
    width: 32%;
    margin-top: 40px;
    color:#20426e;
}
.counter li h2 {
    font-weight: 700;
}
.banner-heading a.btn-blue {

    background: #ffffff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #08b984;
    transition: background .3s;
    cursor: pointer;
    padding: 13px 30px;
    text-decoration: none;
}
.main-form input {
    background: #f3f6fa;
    width: 100%;
    border: none;
    border-radius: 5px;
    min-height: 50px;
    box-shadow: unset;
    margin-bottom: 10px;
    padding: 15px;
}
.main-form textarea {
    background: #f3f6fa;
    width: 100%;
    border: none;
    border-radius: 5px;
    min-height: 50px;
    margin-bottom: 10px;
    padding: 15px;
}
.main-form input[type='submit'] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: #067CFF;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    transition: background .3s;
    cursor: pointer;
}
.home-list li {
    width: 47%;
    display: inline-block;
}
.sec-2 .main-container {
    background: #f3f6fa;
    padding: 40px;
    border-radius: 20px;
    padding-bottom: 0px;
    margin-top: 40px;
}
.sec-2 .row {
    align-items: center;
}
.sec2-text {
    padding-right: 15%;
}
.sec2-text h2{
    font-size: 40px;
    font-weight: 600;
}
.sec2-image img{
    width: 100%;
}

.rating-icon {
    display: inline-block;
    padding: 15px 19px;
}

.sec3-heading {
    text-align: center;
    padding: 40px 0px;
}
.sec3-heading h2 {
    font-weight: 700;
    font-size: 40px;
}
.sec3-text {
    padding: 50px;
    border-radius: 20px;
    margin-bottom: 30px;
}
.sec3-text h3{
    font-weight: 600;
}
.row.hs3rw {
    align-items: center;
}
.row.hs3rw.sec_2 {
    background: #f3f6fa;
    padding: 40px;
    border-radius: 50px;
}
.hs3rw h2 {
    line-height: 50px;
    font-size: 40px;
    font-weight: 600;
}
.hs3rw p{
  line-height: 28px;
  font-size: 15px;

}
.hs3rw img {
    /*width: 75%;*/
    border-radius: 25px;
}
.hs3rw{
    text-align:center;
}
.clpr {
    text-align: left;
}
.sec3-text img{width:100%;}
.homesection3 li {

    line-height: 2.5;
    position:relative;
    font-weight: 500;
    list-style: none;

}
.homesection3 li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 17px;
    left: -22px;
    position: absolute;
    top: 0px;
    color: #7dce3c;
    font-weight: 800;
}
.list-scroll {
    height: 130px;
    overflow-y: scroll;
}
.list-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.list-scroll::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.list-scroll::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}



.list-scroll2 {
    height: 400px;
    overflow-y: scroll;
}
.list-scroll2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.list-scroll2::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.list-scroll2::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}
.sec_btn{
  margin-top: 30px;
}

.sec_btn a {
    text-decoration: none;
    color:#fff;
    position:relative;
}
.banner-form .sec_btn a::after {
    content: "50% OFF";
    position: absolute;
    border: 2px solid #fbfbfb;
    width: 100px;
    height: 28px;
    color: #fbfbfb;
    font-size: 17px;
    top: -20px;
    right: 20px;
    border-radius: 10px;
    background-color: #bf1212;
    box-sizing: border-box;
}
.sec_btn .btn_pink{
  border-radius: 0px 100px 100px 100px !important;
  padding: 12px 40px !important;
  font-size: 16px !important;
}
.btn_whatsapp {
    background: #7dce3c;
    color: #fff ;
    transition: 0.2s ease-in-out ;
    border-radius: 5px;
    padding: 12px 35px ;
    font-size: 16px ;
    text-decoration: none;
}
.btn_order {
    background: #067CFF;
    color: #fff;
    transition: 0.2s ease-in-out;
    border-radius: 5px;
    padding: 12px 35px;
    font-size: 16px;
    text-decoration: none;
}
.banner-sec .btn_order{
    background: #067CFF;
    color: #fff;
}
.btn_org{
  background: #372370 ;
  font-size: 15px !important;
  padding: 12px 25px !important;
  color: #fff ;
  border-radius: 5px ;
  border: 1px solid var(--torg);
  transition: 0.2s ease-in-out ;
}
.btn_org:hover{
  background: #000  ;
  color: #fff;
  transform: scale(1.1);
}
.homesection3 {
    padding: 30px 0px;
}
.course-btn {
    border-radius: 7px;
    padding: 10px 20px;
    background: #f3f6fa;
    margin: 6px;
    color: #22272f;
    display: inline-block;
    font-weight: 500;
}
.sec-4 {
    margin: 40px 0px;
}
.sec-4 .main-container {
    background: #F6F7F9;
    border-radius: 20px;
    padding: 50px;
}
.sec4-text {
    text-align: center;
}
.sec4-text h2 {
    font-weight: 700;
    font-size: 40px;
}
.safe-box {
    margin: 30px 4px;
    margin-bottom: 0px;
}
.safe-box h3 {
    /*font-family: 'PT Serif', serif;*/
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    /*color: #191a15;*/
    margin-bottom: 20px;
}

.safe-box h3 i {
    background: #fff;
    padding: 15px 20px;
    border-radius: 7px;
    color: #7dce3c;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    font-size: 25px;
    margin-right: 5px;
}

/* slider */
.sec-5 .row {
    align-items: center;
}
.sec5-heading h2 {
    font-size: 40px;
    font-weight: 700;
   margin-block: 50px;
}
.stands-text {
    color: #96999e;
    font-size: 18px;
    font-weight: 600;
}
.stands-slider .slick-current .stands-text {
    color: #000;
}
.slider-d-text h3 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 30px;
}
.slider-d-text p {
    line-height: 1.8;
}

.slider-paper {
    /*background: #f3f6fa;*/
    padding: 20px;
    text-align: center;
}
.slider-paper img{
    /*width:78%;*/
    border-radius: 25px;}
.stand-slider-c{margin: 0px 40px}
.stand-slider-c .slick-slide {
    text-align: center;
}
.stand-slider-c .slick-slide img {
    display: inline-block !important;
}
.stand-slider-c .slick-prev:before, .slick-next:before {
 
    color: #000;
  
}
.faqs-sec {
    background:#22272F;
    padding: 50px 0px;
}
.faqs-text h2 {
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 40px;
}
.accordion-fqs .accordion-item {
    background: transparent;
    border: 1px solid #fff !important;
    margin-top: 10px;
}

.accordion-fqs .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.accordion-fqs .accordion-button::after {
    filter: brightness(0) invert(1) !important;
}
.accordion-fqs button.accordion-button.collapsed {
    background: #22272F !important;
    
    color: #fff;
}
.accordion-fqs .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
 }
 .accordion-fqs .accordion-body {
    padding: 1rem 1.25rem;
    color: #ededed;
}

/* client */
.sec6-text {
    text-align: center;
    padding: 50px 0px;
}
.sec6-text h2 {
    font-size: 38px;
    font-weight: 700;
}
.client-box {
    background: #e8f5ee;
    margin: 10px;
    padding: 20px;
}
.client-box h3 {
    font-size: 20px;
    font-weight: 700;
}
.sec-6 .slick-current .client-box{
    background: #fdf3d7;
}

.review__item-rating-stars {
    padding: 0px;
}
.review__item-rating-stars li {
    color: #fbb040;
}
.client-box label {
    font-size: 12px;
    color: #939393;
}
.logos-images ul{text-align: center;}
.logos-images li {
    display: inline-block;
    width: 195px;
    vertical-align: middle;
    margin: 15px 0px;
}

.sec-7 .main-container {
    background: #333B47;
    padding: 40px;
    border-radius: 25px;
    text-align: center;
    margin-block: 40px;
}
.sec7-text h2 {
    font-size: 37px;
    color: #fff;
    font-weight: 700;
    margin: 7px 19%;
}
.sec7-text h2 span {
    color: #7dce3c;
}
.sec7-text p{
    color: #fff;
}

.banner-form input {
    padding: 10px;
    border-radius: 5px;
    width: 36%;
    border: 0px;
    margin: 4px 0px;
}
.banner-form input[type='submit'] {
    background: #067CFF;
    color: #fff;
}

.middle-form .main-container {
    
    padding: 20px;
}
.middle-form .sec7-text h2 {
    font-size: 30px;
    margin: 0;
}
.middle-form .banner-form input {
    width: 100%;
    margin-bottom:20px;
    
}
.sec-8{
    padding:50px 0px ;
}
.sec-8 .main-container{
    position: relative;
}
.video-tab {
    display: none;
}
#videotab-1{
    display: block;
}
.video-tab-text {
    padding: 15px 25px;
    background: #fff;
}
.video-tab-text p{
 display: none;
}

.video-tab-text {
    position: absolute;
    width: 50%;
    right: 0px;
    border-top: 1px solid #eee;
}
.video-tab-text1 {
    border: 0px;
}
.video-tab-text.active {
    border: 1px solid #efefef;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    border-radius: 20px;
    border-top: 0px;
}
.video-tab-text.active p{
    display: block;
}
#tab-text-2 {
    top: 66%;
}

.video-tab-text2.active {
    top: 49% !important;
}
.video-tab-text2.active2 {
    top: 50% !important;
    
}
#tab-text-3 {
   bottom:0px;
}
.video-tab-text3.active {
    bottom:0px !important;
    transition:all 0.5s ease-in-out;
}
.video-tab-text {
    cursor: pointer;
}

.sec-8 #tab-text-1 {
}
#tab-text-2 p{

}

/* FOOTER SECTION START */
.footer{
  padding-top: 50px;
  background-color: #22272F;
  /*background-image: url('../images/footer-bg.webp')*/
}
.footre_rw{
  align-items: flex-start;
  display: flex;
}
.fcol1 img{
  width: 65%;
  margin-right: auto;
  display: block;
}
.fcol1 p{
  font-size: 15px;
  color: #a6abba;
  line-height: 30px;
  /*font-weight: 300;*/
  margin-top: 20px;
    padding-right: 8%;
}
.fcol2 h3 {
  color: #fff;
  font-size: 25px;
  letter-spacing: 2px;
}
.fcol3 h3{
  color: #fff;
  font-size: 25px;
  letter-spacing: 2px;
}
.fcol2 ul{
  padding-left: 20px;
  margin-top: 20px;
}
.fcol3 ul{
  padding-left: 20px;
  margin-top: 20px;
}
.fcol2 ul li {
  margin-top: 10px;
  list-style-type: disclosure-closed;
  padding-bottom: 10px;
}
.fcol3 ul li {
  margin-top: 10px;
  list-style-type: disclosure-closed;
  color: #7dce3c;
  font-size: 15px;
}
.fcol2 ul li::marker {
    color: #7dce3c;
}

.fcol2 ul li:hover{
  color: var(--torg);
}
.fcol3 ul li:hover{
  color: var(--torg);
}
.fcol2 ul li a{
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
}
.fcol2 ul li a:hover{
  color: #fff;
}
.fcol3 ul li a{
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}
.fcol3 ul li a:hover{

}

.fcol4 p{
  color: var(--tblack);
  font-size: 15px;
}
.sociallinks h3{
  color: var(--twhite);
}
.sociallinks a i {
  color: var(--torg);
  background: var(--twhite);
  padding: 10px 12px;
  border-radius: 100px;
  font-size: 20px;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.sociallinks a i:hover{
  background: var(--tblue);
  color: var(--twhite);
}
.fcol1 img {
    width: 200px;
    filter: brightness(0) invert(1);
}
/* FOOTER SECTION END */

.copy {
    background: #22272F;
    padding: 10px 0px;
}
.copy p{
    margin-bottom:0px;
    color:#fff;
}
.copr2 p{text-align:right}
.copr2 p a{color:#fff; text-decoration:none}

.animated-star {
  animation: pulseStar 1.6s ease-in-out infinite;
  color: #f5c518; /* Gold-like colour */
}

@keyframes pulseStar {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}
/*==========================WA================*/

.floating-social-icons .wa-btn {
    font-weight: 600;
    vertical-align: middle;
    padding: 12px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #023838;
    color: #FFF !important;
    border-radius: 0 10px 0;
    text-align: center;
    font-size: 18px;
    z-index: 10;
    border: 2px solid #023838;
    animation: headShake 2s infinite;
}
.floating-social-icons .wa-btn::after {
    content: "50% OFF";
    position: absolute;
    border: 2px solid #fbfbfb;
    width: 100px;
    height: 28px;
    color: #fbfbfb;
    font-size: 17px;
    top: -20px;
    right: 20px;
    border-radius: 10px;
    background-color: #bf1212;
    box-sizing: border-box;
}
.floating-social-icons .wa-btn::after {
    /*content: "2";*/
    /*position: absolute;*/
    /*border: 2px solid #fbfbfb;*/
    /*width: 26px;*/
    /*height: 26px;*/
    /*color: #fbfbfb;*/
    /*font-size: 16px;*/
    /*top: -19px;*/
    /*right: 20px;*/
    /*border-radius: 50%;*/
    /*background-color: #bf1212;*/
    /*box-sizing: border-box;*/

}
.floating-social-icons .wa-btn a{
     color: #FFF !important;
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}
/*=========end==========*/
@media screen and (max-width:991px){
     .banner-sec {text-align: center; background-position: top;}
    .main-menu .navbar-nav .yellow-btn{display:none;} 
    .main-menu #navbarCollapse {
    position: absolute;
    width: 100%;
    top: 60px;
    background: #eee;
    padding: 20px;
}
    .sec-2 .row {flex-direction: column-reverse;}
.sec2-text {
    padding-right: 0;
    margin: 30px 0px;
    text-align: center;
}
.banner-heading h1{font-size:30px;}
.main-form h2 {font-size: 20px;}
.sec2-text h2 {font-size: 30px;}
.hs3rw h2 {line-height: 40px;font-size: 30px; margin-top: 2.5rem;}

.sec4-text h2 {font-size: 30px;}
.sec5-heading {text-align: center;}
.hs3rw img {width: 75%;}
}

@media screen and (max-width:767px){
    .slider-paper {
   
    display: none;
}
.row.hs3rw.sec_2 {
    padding: 40px 10px 40px 15px;

}
.sec_btn {
   
    text-align: center;

}
    .counter li span {font-size: 20px;}
    .popup-image img {  display:none; width: 50%;margin: 0 auto;}
.banner-heading {padding-right: 0%;}
.banner-sec {background-size: cover;}
.banner-heading h1 {font-size: 24px;}
.main-form {width: 100%;float: none;}
.form-col:before {width: 100%;}
.sec3-heading h2 {font-size: 24px;}
.sec3-text {text-align: center;}
.main-container .row {flex-direction: row-reverse;}
.safe-box {text-align: center;}
.safe-box h3 i {display: block;width: 65px;margin: 0 auto; margin-bottom: 10px;}
.sec5-heading h2 {font-size: 24px;}
 .sec_btn a {display: inline-block;margin-bottom: 5px;}
    .main-form {margin-top: 25px;}
.clpr {text-align: center;margin-top: 40px;}
.clpr ul{text-align:left;}
.home-list li {
     width: 100%; 
     display: block; 
}
.logos-images li{width: 100px;}
.logos-images li img {width: 100%;height: 35px;}
.video-tab-text{position:inherit;width:100%;}
.sec-8 {padding: 0px 0px;}
.sec6-text {padding: 20px 0px;}
.sec7-text h2 {font-size: 24px;margin: 7px 0%;}
.banner-form input {width: 100%;}
.course-btn {padding: 6px 10px;margin: 2px;font-size: 12px;}
.sec4-text h2 {font-size: 22px;}
.floating-social-icons .wa-btn {font-size: 14px;}
.floating-social-icons .wa-btn::after {width: 87px;height: 23px;font-size: 12px;
}
}
.modal-backdrop {
    z-index: 2000000000 !important;
}
.modal {
    z-index: 2000000002 !important;
    
}