.banner {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/ico-banner.webp), #171717;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 54%, cover;
    padding: 90px 0;
}
.red {
    background: #141414;
    box-shadow: 0 0 11px #181818;
}
body{
    background: #ffffff;
}
h1{
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}
h2{
    font-size: 40px;
    font-weight: 700;
}
.l-t{
    color: #C8C8C8;
}
p{
    font-size: 17px;
    line-height: 26px;
}
.sit-btn{
    background: linear-gradient(90deg, #EB4704 3.44%, #FE730D 47.88%, #FE5E04 96.99%);
    border-radius: 75px;
    color: #fff;
    padding: 10px 15px;
}
.sec-space{
    padding: 5vh 0;
}
.breadcrumbwl a, .cat span {
    background: #f35b23;
    color: #000 !important;
}
.breadcrumbwl a::after {
    background: #f35b23;
}
.what{
    background: linear-gradient(90deg, #EB4704 3.44%, #FE730D 47.88%, #FE5E04 96.99%);
    border-radius: 75px;
    color: #fff !important;
    padding: 10px 15px;
    border: 0px;
}
.tele{
    background: linear-gradient(90deg, #252221 3.44%, #45413E 47.88%, #665E59 96.99%);
    border-radius: 75px;
    color: #fff !important;
    padding: 8px 15px;
    border: 0px;
}
.whit-box {
    padding: 20px 20px;
    background: #ffffffb8;
    border-radius: 20px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.whit-box h5{
    font-size: 25px;
    font-weight: 700;
}
.mar-top{
    margin-top: 150px;
}
.mar-{
    margin-top: -105px;
}
.agenda {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/agenda.webp), #AE3D01;
    background-position: left bottom, center;
    background-size: 57%, cover;
    background-repeat: no-repeat;
}
.top-text {
    position: absolute;
    bottom: 25px;
    margin-bottom: 0;
    font-size: 20px;
    width: 100%;
    color: #000;
}
.ready{
    background: #171717;
    padding: 40px 60px;
    border-radius: 20px;
}
.line{
    position: relative;
}
.line:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background: #e84604;
    top: 0px;
    right: 20px;
    border-radius: 30px;
}
.benefit {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/bene.webp), #000;
    background-repeat: no-repeat;
    background-position: left center, center;
    background-size: 50% 100%, cover;
}
.cir-span {
    position: relative;
    left: -7px;
}
.card{
    background: transparent;
}
#accordion button[aria-expanded="true"]{
    font-weight: bold;
    font-size: 20px;
    color: #EC4B04;
    text-decoration: none;
}
#accordion button[aria-expanded="false"]{
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}
#accordion .collapse.show .card-body{
    padding-top: 0px;
    padding-left: 50px;
    position: relative;
}
#accordion .collapse.show .card-body:after {
    position: absolute;
    content: "";
    left: 26px;
    top: -13%;
    width: 5px;
    height: 100%;
    background: #D9D9D9;
    border-radius: 10px;
}
.card-body p{
    color: #E2E2E2;
}
.feat {
    background: #171717;
    padding: 65px 20px 20px 20px;
    border-radius: 15px;
    height: 100%;
    position: relative;
    margin-right: 45px;
}
.aerow {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/aerows.webp);
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px 10px 10px 25px;
    background-position: left;
}
.side-img {
    position: absolute;
    left: -25px;
    top: -17px;
}

.img_hide{
    overflow: hidden;
}
.img_hide img{
    transform: translateY(40%);
    transition: all .3s ease
}
.half_img:hover .img_hide img{
    transform: translateY(0%);
}
.gap-10{
    gap: 15px;
}
.gap-20{
    gap: 30px;
}
.grad_blurcard{
    box-sizing: border-box;
    padding: 30px;
    background: rgba(30, 24, 24, 0.3);
    backdrop-filter: blur(125px);
    border-radius: 10px;
}
.benefit1 {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/devserv_bg.jpg), #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;
}
.aerow1 {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/setting_exp.png);
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px 10px 10px 35px;
    background-position: left;
}
.grad_blurcard1{
    padding: 25px 30px 30px 60px;
    background: rgba(82, 82, 82, 0.5);
    backdrop-filter: blur(2px);
    border-radius: 10px;
    position: relative;
}
.grad_blurcard1hov{
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    border-radius: 50%;
    top: 27%;
    left: -5%;
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/right-arrowico.png), #1C1A1A;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.grad_blurcard1:hover .grad_blurcard1hov{
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/right-arrowico.png), #F95102;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.benefit2 {
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/icodev_peocessbg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;
}
.txt_fd{
    color: #C6C6C6;
}
.ps_min{
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.hov_round {
    background: linear-gradient(to bottom, #fd710d 23.64%, #f44500 48.36%, #fd710d 73.15%) !important;
}

/*--------------home form css========================*/
.darkblue {
    background: ;
}

.position_bx {
    width: 100%;
    background: #000000;
    position: absolute;
    left: -8%;
    border: 1px solid #ffffff59;
    top: -10%;
    border-radius: 10px 0;
}

.hov_round {
    height: 300px;
    width: 378px;
    background: linear-gradient(to bottom, #0169e0 23.64%, #0a2b87 48.36%, #0169e0 73.15%);
    background-size: 400%;
    animation: 4s linear infinite clocki;
    left: -73%;
    top: -43%;
    position: absolute;
}

.faq .container .card {
    background: #000000 !important;
}

.faq .btn {
    white-space: unset
}

.faq #accordion .card-body p {
    color: #fff !important
}

/* .faq .card-header h5 {
    background: url(../images/up1.png) right center/25px no-repeat
}
.faq .card-header h5.collapsed {
    background: url(../images/down1.png) right center/25px no-repeat
} */

.faq .card-header h3[aria-expanded=true] {
    background: url(../images/up1.png) right center/25px no-repeat
}

.faq .card-header h3[aria-expanded=false] {
    background: url(../images/down1.png) right center/25px no-repeat
}

.faq .card-header {
    border-bottom: 1px solid #3e3e3ec7;
    background-color: #000000 !important;   
}

.collapse.show {
    background: #1e1c1d;
}
.faq .collapse.show .card-body:after{
    display: none;
}
.faq .collapse.show .card-body{
    padding-top: 20px !important;
}
.faq  .card button{
    color: #FFF;
    font-size: 18px;
}
.benefit .collapse.show {
    background: none;
}
/* .ps_min .front-card{
   transition: all .3s ease;
   display: block;
   opacity:1;
}
.ps_min .back-card{
    transition: all .3s ease;
    display: none;
    opacity:0;
}
.ps_min:hover .front-card{
    transition: all .3s ease;
    display: none;
    opacity:0;
 }
 .ps_min:hover .back-card{
     transition: all .3s ease;
     display: block;
     opacity: 1;
 } */
 .ps_min {
    position: relative;
    width: 100%;
    height: 280px;
    text-align: center;
    color: #ecf0f1;
    border-radius: 0.8rem;
  }
  .face-front img{
    height: 100% !important;
    width: 100%;
  }
  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.8rem;
    transition: transform 0.5s ease-in-out;
    backface-visibility: hidden;
  }
  .face-back {
    transform: rotateY(180deg);
    
  }
  .ps_min:hover .face-front {
    transform: rotateY(-180deg);
  }
  .ps_min:hover .face-back {
    transform: rotateY(0deg);
    transform: rotateY(0deg);
    background: #3d3c3c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
  }




@keyframes clocki {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.corn_bx {
    border-radius: 0 4px 0 0;
    top: -14%;
    right: 4%;
}

.corn_bx,
.corn_bx_bottom {
    width: 150px;
    height: 107px;
    z-index: 0;
    overflow: hidden;
}

.corn_bx_bottom {
    background: #f91942;
    border-radius: 0 0 0 4px;
    bottom: 6%;
    left: -12%;
}

.corn_bx,
.corn_bx_bottom {
    width: 150px;
    height: 107px;
    z-index: 0;
    overflow: hidden;
}

.titlec {
    color: #fff;
    font-size: 35px;
}

.position_bx h3,
.position_bx p,
.position_bx span,
.darkblue p {
    color: #fff;
    text-align: left;
}

.position_bx hr {
    border-top: 2px solid #006bde !important;
}

.ico_scl {
    height: 35px;
    min-width: 35px;
    align-items: center;
    justify-content: center;
}

.ico_scl,
.ico_scl1 {
    border-radius: 50%;
    display: flex;
}

.darkblue h2 {
    color: #fff;
}

.darkblue .form-control {
    background: transparent;
    border: 1px solid #ffffff26;
}

.darkblue .form-control {
    color: #fff;
}

/*.darkblue option:nth-child(1){
    color: red;
}*/
.darkblue #phone_number {
    background: #030303;
}

.darkblue .input-group ul {
    background: transparent;
    border-bottom: 1px solid #ffffff26 !important;
    border: 1px solid #ffffff26;
}

.social-select i {
    height: auto;
}

.darkblue .init span {
    position: relative;
    left: 0px;
}

.darkblue span {
    position: relative;
    left: 5px;
}

.darkblue span span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.darkblue .init::after {
    right: 8px;
}

.darkblue .btn {
    border: 2px solid #065dbb;
}

.darkblue select option {
    color: #000;
}

::placeholder {
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #fff !important;
}

.init::after {
    left: 37px !important;
}
.con-div .bot-btn{
    position: absolute;
    bottom: 30px;
}
/*================================end==========================*/


@media (max-width: 991px) {
    .mar- {
        margin-top: 20px;
    }
    .mar-top {
        margin-top: 0px;
    }
    .whit-box{
        min-height: 200px;
    }
    .ready{
        padding: 20px;
    }
    .benefit {
        background: url(https://d2v79d41yqjm1s.cloudfront.net/Plurance/bene.webp), #000;
        background-repeat: no-repeat;
        background-position: left center, center;
        background-size: cover;
    }
}
@media (max-width: 768px) {
    h1 {
        font-size: 48px !important;
        font-weight: 700;
        color: #fff;
    }
    h2{
        font-size: 29px;
    }
    .benefit .card-header h5{
        display: flex;
        align-items: flex-start;
    }
    .top-text {
        position: absolute;
        bottom: 15px;
        margin-bottom: 0;
        font-size: 16px;
        width: 100%;
        color: #000;
    }
    .banner {
        background:  #171717;
    }
    .agenda {
        background:  #AE3D01 !important;
    }
    .cir-span img{
        max-width: 25px;
    }
    .benefit {
        background:  #000;
    }
    .benefit1 {
        background:  #000;
    }
    .benefit2 {
        background:#000;
    }
    .cir-span {
        position: relative;
        left: -7px;
        top: 10px;
    }
    .feat {
        margin-right: 0;
    }
}