.heading1{
    text-align: center;
    margin: 110px 0px 0px;
    padding: 0px 0px 50px;
}
.heading1 h5{
    
}
.heading1 h1{
    font-size: 50px;
    font-weight: 700;
    color: #252424;
    width: 100%;
    max-width: unset;
}
.heading1 h1 span{
    background: -webkit-linear-gradient(360deg, #0bb7fe 35%, #5052ee 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/********** VIDEO PART START ***********/
.video_bg{
    padding: 30px 0px;
}
.abt_vid {
    position: relative;
    background: transparent;
    padding: 15px;
    border-radius: 10px;
    width: fit-content;
    margin: auto;
}
.abt_vid .ban_vid {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 1570px;
    position: relative;
}
.abt_vid::before{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background: linear-gradient(45deg, #7848f6, #29b9f8);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 15px;
}
/********** VIDEO PART END ***********/

/********** GALLERY PART START ***********/
.gallery_bg{
    padding: 30px 0px 40px;
}
.gallery_bg .heading {
    text-align: center;
}
.gallery_bg .heading h1{
    margin: auto;
}
.gallery_bg .heading p{
    text-align: justify;
}
.gallery_carousel{
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.gallery_carousel img{
    border-radius: 6px;
}

.gallery_bg .owl-dots{
    display: block !important;
    text-align: center;
}
.gallery_bg .owl-dots .owl-dot{

}
.gallery_bg .owl-dots .owl-dot{
    background-color: #cfcfcf;
    width: 15px;
    height: 3px;
    margin: 19px 2px 0px;
    border-radius: 50px;
    transition: 0.5s ease-in-out;
}
.gallery_bg .owl-theme .owl-dots .owl-dot.active{
    background: #343ff5;
    width: 25px;
}

.off_tab{
    
}
.off_tab .tab2{
    margin: 0px;
}
.off_tab .tab2 li{
    width: 31%;
    display: inline-block;
}
.off_tab .tab2 .nav-link{
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px !important;
    border: 2px solid #d4d4d4;
    transition: 0.5s;
}
.off_tab .tab2 .nav-link:hover{
    border: 2px solid #343ff5 !important;
}
.off_tab .tab2 .nav-link.active {
    color: #343ff5 !important;
    border: 2px solid #343ff5 !important;
}
.off_tab .tab2 .nav-link img{
    border-radius: 3px;
}
.off_img{
    
}
.off_img img{
    background: #fff;
    padding: 13px;
    border-radius: 7px;
    border: 2px solid #343ff5;
}
/********** GALLERY PART END ***********/

/********** ABOUT PART START ***********/
.about_bg1{
    background: #fff;
}
.about_img{
    position: relative;
    width: 100%;
    max-width: 540px;
}
.about_img .img1{
    max-width: 330px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.about_img .img2{
    max-width: 250px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    top: -38px;
    box-shadow: rgb(99 99 99 / 28%) 0px 2px 8px 0px;
}
.about_img .img2 img{
    border-radius: 10px;
}
.about_img .img2 i{
    position: absolute;
    inset: 0;
    margin: auto;
    font-size: 13px;
    width: 35px;
    height: 35px;
    color: #ffffff;
    background: #343ff5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
}
.about_img .img2 .waves{
    width: 140px;
    height: 140px;
    background: repeating-radial-gradient(transparent, transparent, #343ff5, #343ff5 100px);
    right: 4px;
    bottom: 0px;
    top: -2px;
    left: 3px;
    margin: auto;
    z-index: 1;
}
.about_img .img3{
    max-width: 250px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    bottom: -45px;
    box-shadow: rgb(99 99 99 / 28%) 0px 2px 8px 0px;
}
/********** ABOUT PART END ***********/

/********** OUR PART START ***********/
.our_details{
    padding: 10px 0px 0px;
}
.our_details .img1{
    border-radius: 10px;
    width: 100%;
}
.our_details .img2{
    max-width: 60px;
    margin: 0px 0px 10px;
}
.our_details .our_text{
    position: relative;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    margin: 25px 0px 0px;
    width: 100%;
    max-width: 340px;
    margin: 25px auto 0px;
}
.our_details .our_text h3{
    font-weight: 600;
    font-size: 24px;
    color: #262626;
}
.our_details .our_text h3 span{
    display: block;
    padding: 10px 0px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}
.our_details .our_text p{
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    padding: 11px 0px 0px;
}
.our_details .our_text p i{
    margin: 0px 10px 0px 0px;
    color: #343ff5;
    font-size: 14px;
    position: relative;
    top: 1px;
}
/********** OUR PART END ***********/

/********** TEST PART START ***********/
.test_bg{
    background: #fff;
    padding: 45px 0px;
}
.test_bg .heading h2{
    background: #f8f8f8;
    padding: 10px !important;
    width: fit-content;
    border-radius: 10px;
    font-size: 15px;
}
.test_bg .heading h6{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 11px 0px !important;
}
.test_bg ul{
    margin: 35px 0px 0px;
    text-align: center;
    position: relative;
}
.test_bg .test_text{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 260px;
    margin: 10px auto;
}
.test_bg .test_text .img1{
    max-width: 30px;
}
.test_bg .test_text h3{
    line-height: 21px;
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0px;
    text-align: start;
}
.test_bg .test_text h4{
    text-align: start;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.test_bg .test_text .img2{
    max-width: 55px;
    border-radius: 7px;
    margin: 0px 5px 0px 0px;
}
.test_bg .owl-dots{
    display:none;
}
.test_bg .owl-carousel .owl-nav{
    display: block !important;
    position: absolute;
    top: -35px;
    right: 15px;
}
.test_bg .owl-carousel .owl-nav button{
    margin: 0px 5px;
    background: #f8f8f8 !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 1s ease;
}
.test_bg .owl-carousel .owl-nav button:hover{
    background:#343ff5 !important;
}
.test_bg .owl-carousel .owl-nav button:hover span{
    color:#fff;
}
.test_bg .owl-carousel .owl-nav button span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 15px;
    color: #343ff5;
    font-size: 22px;
    font-weight: 600;
    transition: 1s ease;
}
.test_vid{
    max-width: 500px;
    position: relative;
    margin: auto;
}
.test_vid .vid{
    
    
}
.test_vid .img2{
    border-radius: 10px;
}
.test_vid a{
    width: 100%;
    height: 100%;
    display: block;
}
.test_vid a i{
    position: absolute;
    inset: 0;
    margin: auto;
    font-size: 13px;
    width: 35px;
    height: 35px;
    color: #ffffff;
    background: #343ff5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
}
.test_vid a .waves{
    left: 0px;
    bottom: 0px;
    background: repeating-radial-gradient(transparent, transparent, #747beb, #343ff5 100px);
}
.vid_text{
    background: #202124;
    padding: 10px !important;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    width: fit-content;
    position: absolute;
    top: 25px;
    left: 10px;
}
.vid_text img{
    max-width: 44px;
    border-radius: 50% !important;
    margin: 0px 10px 0px 0px !important;
}
.vid_text1{
    background: #fff;
    color: #000;
    bottom: 0px;
    top: unset;
    right: 10px;
    left: unset;
}
/********** TEST PART END ***********/

/********** TEAM PART START ***********/
.team_bg{
    padding: 40px 0px;
}
.team_bg .heading{
    
}
.team_bg .heading h1{
    max-width:100%;
}
.team_bg .heading p{
    margin: 0px;
}
.team_part{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}
.team_card {
  width: 100%;
    overflow: hidden;
    height: 265px;
    background: #eaf3fa;
    transition: all 0.4s;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 900;
    padding: 15px;
}
.team_card:hover {
    cursor: pointer;
    background: #eaf3fa;
}
.first-content {
  height: 100%;
  width: 100%;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  border-radius: 15px;
}
.first-content img{
    border-radius: 5px;
}
.team_card:hover .first-content {
  height: 0px;
  opacity: 0;
}
.second-content {
  height: 0%;
  width: 100%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  transition: all 0.4s;
  font-size: 0px;
  transform: rotate(90deg) scale(-1);
}
.second-content h2{
    color: #343ff5;
    font-size: 23px;
    font-weight: 600;
}
.second-content p{
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    text-align: center;
}
.team_card:hover .second-content {
  opacity: 1;
  height: 100%;
  transform: rotate(0deg);
}
/********** TEAM PART END ***********/

/********** FAQ PART START ***********/
.faq_bg{
    padding: 40px 0px 50px;
}
.faq_bg .plan_tab{
    margin: 0px;
}
.faq_bg .plan_tab .tab{
    gap: 15px;
}
.faq_bg .plan_tab .nav-item .nav-link{
    background: #d4dfe9;
    color: #262626;
    font-weight: 600;
}
.faq_part{
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.faq_part h3{
    margin: 5px 0px 29px;
    display: flex;
    align-items: center;
    color: #454950;
    font-size: 21px;
    font-weight: 600;
}
.faq_part h3 img{
    max-width: 35px;
    margin: -3px 10px 0px 0px;
}
.faq{
    margin: 0px 0px 10px;
    position: relative;
    cursor: pointer;
    border-radius: 10px !important;
}
.faq .faq_ques{
    color: #1d222b;
    padding: 10px 25px 10px 7px;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #192f471c;
}
.faq_ques span{
    background: #343ff5;
    color: #ffffff;
    padding: 3px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px 6px 0px 0px;
    display: inline-flex;
    height: 25px;
    width: 25px;
    align-items: center;
    justify-content: center;
}
.faq_ans{
    color: #000;
    padding: 10px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    display:none;
}
.faq_ans a{
    color: #343ff5;
    font-size: 16px;
    font-weight: 600;
}
/********** FAQ PART END ***********/

/********** CARD PART START ***********/
.card_bg{
    
}

.card_grp{
    padding: 30px 0px;
}
.card_grp li{
    display: inline-block;
    width: 24%;
    vertical-align: middle;
    text-align: center;
}
.card_grp h1{
    font-weight: 700;
    font-size: 50px;
}
.card_grp h1 span{
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #737373;
    margin: 10px 0px 0px;
}

.card_part{
    background: #fff;
    margin: 40px 0px;
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}
.card_part .crd_con1 h1{
    font-size: 26px;
    font-weight: 600;
}
.card_part .crd_con1 p{
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0px 0px;
    line-height: 28px;
}
.card_con3{
    
}
.card_con3 .heading{
    text-align: center;
}
.card_con3 .heading h1{
    max-width: 100%;
}
.card_text{
    margin: 35px 0px;
}
.card_text_ryt{
    text-align: end;
}
.card_text h4{
    font-size: 21px;
    font-weight: 600;
}
.card_text p{
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.card_con4{
    padding: 30px 0px;
}
.card_con4_part{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}

.card_faq{
    padding: 30px 0px;
}
.card_faq .heading h1{
    max-width: 100%;
    text-align: center;
    margin: 0px 0px 25px;
}
.card_faq .faq{
    background: #fff;
    padding: 10px;
    position: relative;
}
.card_faq .faq_ques{
    color: #7b7b7b;
    font-size: 18px;
}
.card_faq .faq .faq_ques::after{
    content: "\25bc";
    font-size: 18px;
    color: #343ff5;
    right: 8px;
    top: 15px;
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_faq .faq_ans{
    color: #0e0e0e;
    font-size: 17px;
    font-weight: 400;
}
.card_faq .faq .faq_ans::after{
    content: "\25b2";
    position: absolute;
    right: 14px;
    top: 18px;
    color: #343ff5;
    background: #fff;
    border-radius: 50px;
    font-size: 18px;
    height: 30px;
    width: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    font-weight: 400;
}

.card_users{
    padding: 30px 0px;
}
.card_users .heading h1{
    text-align: center;
    margin: auto;
}
.card_users .heading p{
    max-width: 540px;
    text-align: center;
    margin: 5px auto 30px;
}
.user_carousel{
    
}
.user_box{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    max-width: 265px;
    margin: auto;
}
.user_box h5{
    font-size: 20px;
    font-weight: 600;
}
.user_box p{
    font-size: 14px;
}
.user_box .user_bot{
    margin: 25px 0px 10px;
}
.user_bot img{
    border-radius: 50%;
    float: left;
    max-width: 50px;
    margin: -5px 15px 0px 0px;
}
.user_bot h6{
    margin: 0px;
    font-size: 17px;
    font-weight: 600;
}
.user_bot h6 span{
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #737373;
    margin: 5px 0px 0px;
}
/********** CARD PART END ***********/


/************************card*************************/

.card-con1-bg{
    padding: 0px 0px 50px 0px;
    border-bottom: 1px solid #ffffff1a;
}
.card-con1-bg .card-head{
    text-align:center
}
.card-con1-bg .con1-card{
    padding: 0px 0px 0px 0px;
    width: 400px;
    height: 220px;
    transform: rotate(-90deg);
}
.card-con1-bg .card-head img{
    width: 290px;
    margin: 0px auto 20px;
    padding: 0px 0px;
}
.card-con1-bg .card-head h1{
    font-size: 62px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
    
    width: 70%;
    margin: auto;
    line-height: 1.4;
}
.card-con1-bg .card-head h2{
    color: #e1e1e3;
    
    font-size: 18px;
    font-weight: 400;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con1-bg .card-head b{
    color: #8128f5;
    padding: 1px 6px;
    border: 1px solid;
    border-radius: 5px;
}
.card-con1-bg .card-head .ban-but{
    padding: 0px 0px 0px !important;
}
.card-con1-bg .card-head ul{
    list-style:none;
    padding: 40px 0px 0px 0px;
    margin: 0px;
}
.card-con1-bg .card-head ul li{
    display:inline-block;
    padding: 0px 0px 0px 0px;
    vertical-align:top;
}
.card-con1-bg .card-head ul li .but2{
    background: transparent;
    border: 1px solid transparent;
    color: #fff;
    font-size: 16px;
    
    padding: 12px 18px;
    font-weight: 500;
    border-radius: 6px;
    transition: .7s;
    margin: 0px 0px 0px 0px;
}
.card-con1-bg .card-head ul li .but2 i{
    font-size: 14px;
    background: #8128f5;
    width: 33px;
    height: 33px;
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
.card-con2-bg{
    background-size:cover;
    padding: 50px 0px;
    border-bottom: 1px solid #0000001a;
    overflow:hidden;
    border-bottom: 10px solid #ffffff;
}
.card-con2-bg .crd-con2-lft{
    padding: 60px 0px 0px 0px;
}

.card-con2-bg .crd-con2-lft h1{
    font-size: 22px;
    color: #8128f5;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft h2{
    font-size: 24px;
    color: #262626;
    font-weight: 500;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft p{
    
    font-size: 14px;
    color: #565656;
    font-weight: 500;
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft ul{
        list-style: none;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft ul li{
    display: block;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft ul li i{
    float:left;
}
.card-con2-bg .crd-con2-lft ul li p{
    font-size: 14px;
    color: #565656;
    font-weight: 500;
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-lft ul li p img{
    padding: 0px 10px 0px 0px;
    width: 50px;
}
.card-con2-bg .crd-con2-lft ul li p i{
    font-size: 11px;
    color: #8128f5;
    margin: 5px 5px 0px 0px;
}
.card-con2-bg .crd-con2-rht{
    padding: 0px 0px 0px 0px;
}
.card-con2-bg .crd-con2-rht .card-img{
    padding: 0px 0px 0px 0px;
    width: auto;
    margin: 20px auto;
}
.con3 .crd-con2-rht {
    padding: 0px 0px 0px 0px;
}
.con3 .crd-con2-rht ul{
    list-style:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.con3 .crd-con2-rht ul li{
    display: inline-block;
    padding: 30px 0px 30px 0px;
    border-bottom: 1px solid #e9e9e96b;
}
.con3 .crd-con2-rht ul li i{
    font-size: 16px;
    color: #8128f5;
    float: left;
    margin: 4px 0px 0px 0px;
}
.con3 .crd-con2-rht ul li h1{
    font-size: 20px;
    color: #000;
    font-weight: 500;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
}
.con3 .crd-con2-rht ul li p{
    font-size: 14px;
    color: #565656;
    font-weight: 500;
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-con2-bg .rht-card1{
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.card-con2-bg .rht-card1 .card1{
    width: 100%;
    max-width: 350px;
    margin: auto;
}
.card-faq{
    background-size: cover;
    padding: 50px 0px 50px 0px;
}
.card-faq .crd-faq-lft{
    padding: 50px 0px 0px 0px;
}
.card-faq .crd-faq-lft h1{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-faq .crd-faq-lft h2{
    font-size: 17px;
    color: #565656;
    font-weight: 500;
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.card-faq .crd-faq-lft h2 a{
    color: #9145f5;
}
.card-faq .crd-faq-lft h2 a:hover{
    color: #fff;
}
.card-faq .rank-math-list-item {
    border-bottom: 1px solid #5900cc !important;
    background: #5900cc00;
    box-shadow: unset;
    border: none;
    border-radius: unset;
    margin-bottom: 10px;
    padding: 18px 10px;
}
.card-faq .rank-math-list-item .rank-math-question {
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
}
.card-faq .rank-math-list-item .rank-math-answer p {
    padding: 10px 0 0 26px !important;
    color: #cbc4c4;
    font-size: 13px;
    font-weight: 500;
}
/********************insurance****************************/



/********** INS PART START ***********/
.ins_bg2{
    padding: 40px 0px;
}
.ins_bg2 .heading h1{
    font-size: 30px;
    max-width: 100%;
}
.ins_cert_img{
    text-align: center;
    position: relative;
    width: fit-content;
    margin: auto;
}
.ins_cert_img::after{
    content: "";
    position: absolute;
    height: 250px;
    width: 115%;
    background: #7848f6;
    border-radius: 10px;
    top: -22px;
    left: -22px;
    right: 0;
    margin: auto;
}
.ins_cert_img img{
    max-width: 500px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.ins_bot{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    margin: 0px 0px 45px;
}
.ins_bot .heading{
    text-align: center;
}
.ins_bot .heading h1{
    max-width:100%;
}
.ins_bot .btns{
    margin: auto;
}

.ins_cert_part{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    margin: 0px 0px 20px;
}
.ins_cert_part .certBox img{
    filter: drop-shadow(0px 3px 3px #717171);
}
.cert_fav {
    position: relative;
    bottom: 5px;
}
.ins_cert_btn{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 45px 0px 0px;
}
.ins_cert_btn1{
    position: relative;
    right: 50px;
}
.ins_cert_btn2{
    position: relative;
    left: 50px;
}
/********** INS PART END ***********/

/********** RULES PART START ***********/
.rules_bg{
    padding:40px 0px;
}
.rules_bg h4{
    color: #262626;
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 20px;
}
.rules_bg p{
    display: inline-flex;
    text-align: justify;
    font-size: 16px;
    line-height: 27px;
}
.rules_bg i{
    margin: 3px 7px 0px 0px;
    color: #343ff5;
    font-size: 20px;
}
/********** RULES PART END ***********/

/********** SUPPORT PART START ***********/
.support_bg{
    padding: 15px 0px 40px;
}
.support_text .heading{
    text-align:start;
}
.support_text .heading h1{
    font-size: 35px;
    margin: 0px;
}
.support_text .heading p{
    margin: 10px 0px 30px;
    max-width: 395px;
    text-align: justify;
}
.sup_detail{
    
}
.sup_detail a{
    margin: 25px 0px;
    background: #fff;
    max-width: 300px;
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
}
.sup_detail i{
    border: 1px solid #343ff5;
    color: #343ff5;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px 10px 0px 0px;
    transition: 1s;
}
.sup_detail a:hover i{
    border: 1px solid #242424;
    background: #242424;
    color: #ffffff;
    border-radius: 50px;
    transform: rotate(360deg);
}

.form_1{
    position:relative;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    max-width: 600px;
    margin: auto;
}
.form_1 form{
    position: relative;
    z-index: 1;
}
.form_block{
    position:relative;
    margin: 35px 0px;
    z-index: 1;
}
.inpts{
    padding: 10px 15px;
    border: 1px solid #6f6f6f6b;
    outline: none;
    position: relative;
    background: transparent;
    color: #343ff5;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}
.inpts ~ .focus-bg:before,
.inpts ~ .focus-bg:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #eaf3fa;
    transition: 0.3s;
    z-index: -1;
}
.inpts:focus ~ .focus-bg:before,
.has-content.inpts ~ .focus-bg:before{
    transition: 0.3s;
    width: 50%;
    height: 100%;
}
.inpts ~ .focus-bg:after{
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.inpts:focus ~ .focus-bg:after,
.has-content.inpts ~ .focus-bg:after{
    transition: 0.3s;
    width: 50%;
    height: 100%;
}
.inpts ~ label{
    position: absolute;
    left: 14px;
    top: -14px;
    color: #252424;
    font-size: 14px;
    width: fit-content;
    height: 17px;
    background: #fff;
    transition: 0.3s;
    z-index: 1;
    letter-spacing: 0.5px;
}
.inpts:focus ~ label, .has-content.inpts ~ label{
    top: -22px;
    left: 0;
    font-size: 13px;
    font-weight: 500;
    color: #343ff5;
    transition: 0.3s;
}
.sbm_btn{
    text-align:center;
}
.sbmt{
    background: #343ff5;
    border: 1px solid #343ff5;
    color: #fff;
    border-radius: 7px;
    padding: 5px 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    z-index: 2;
    transition: all 0.3s ease;
    overflow: hidden;
    box-shadow: inset 0 0 0 0 #7d88a7;
}
.sbmt:hover {
    border: 1px solid #3f3f41;
    color: #242424 !important;
    transition: 1s;
    box-shadow: inset 350px 0 0 0 #ffffff;
}

/********** SUPPORT PART END ***********/

/********** SIGNUP PART START ************/
.sign_bg{
    background: url(../images/sign_bg1.html);
    background-size: 100% 100%;
    background-position: center !important;
    padding: 0px 0px 5px;
    min-height: 100vh;
    overflow: hidden;
    position:relative;
}
.sign_bg::before{
    content: "";
    position:absolute;
    height: 100%;
    width: 51%;
    background: #fff;
    z-index: -1;
    left: 0;
    top: 0;
}
.sign_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px 15px;
}
.sign_head .logo{
    max-width: 170px;
    margin: -10px 0px 0px;
}
.sign_head .backhome{
    font-size: 17px;
    font-weight: 600;
}
.sign_head .backhome i{
    background: #dfe3fd;
    color: #414cf6;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 21px;
    font-weight: 400;
    transition: 0.5s;
}
.sign_head .backhome i:hover{
    background: #fff;
    filter: drop-shadow(1px 2px 2px #565656);
    color: #000;
}
.sign_text{
    text-align: center;
    margin: 10px 0px 25px;
}
.sign_text h1{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
    max-width: unset;
}
.sign_text h1 span{
    background: -webkit-linear-gradient(360deg, #0bb7fe 35%, #5052ee 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sign_text p{
    text-align: unset;
    max-width: unset;
    margin: 0px;
    font-size: 17px;
    font-weight: 400;
}
.sign_bg .form_block{
    margin: 24px 0px;
}
.terms h6{
    text-align: center;
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0px 25px;
}
.terms h6 a{
    color: #343ff5;
}
.terms h6 a:hover{
    color:#242424;
}
.sign_robo{
    max-width: 505px;
    margin: auto;
    position:relative;
}
.sign_robo img{
    position:absolute;
    top:10px;
}
.login_bg{
    min-height: 100vh;
}
.log_bot{
    display: flex;
    justify-content: space-between;
    margin: 35px 0px 0px;
}
.log_bot a{
    font-size: 14px;
    font-weight: 600;
}
.login_bg .form_block {
    margin: 35px auto;
    max-width: 500px;
}
.log_social{
    margin: 65px auto 0px;
    display: flex;
    justify-content: space-evenly;
    max-width: 500px;
}
.login_vid{
    max-width: 550px;
    margin: auto;
}
.login_vid .vid{
    width: 100%;
}
.icon-content {
    margin: 0 10px;
    position: relative;
}
.icon-content .tooltip {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #323233;
    color: #fff;
    padding: 3px 15px 5px;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transition: all 0.3s ease;
    text-align: center;
}
.icon-content:hover .tooltip {
    opacity: 1;
    visibility: visible;
    top: -35px;
    top: -45px;
}
.icon-content .link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #4d4d4d;
    background-color: #dfe3fd;
    transition: all 0.3s ease-in-out;
}
.icon-content .link:hover {
    box-shadow: 3px 2px 45px 0px rgb(0 0 0 / 12%);
}
.icon-content .link svg {
    width: 22px;
    height: 30px;
}
.icon-content .link[data-social="telegram"]:hover {
    color: #0088cc;
}

/********** SIGNUP PART END ************/

.reg_bg {
    padding: 30px 0px;
}
.reg_bg .heading{
    background: linear-gradient(180deg, #fff 5%, #e9f2fb 45%);
    border: 2px dashed #3c3e3f;
    text-align: center;
    border-radius: 10px;
    padding: 25px 15px;
    max-width: 800px;
    margin: auto;
    position: relative;
}
.reg_bg .heading h1{ 
    font-size: 35px;
    font-weight: 700;
    margin: 0px auto 15px;
    position: relative;
}
.reg_bg .heading h5{
    color: #343ff5;
    font-size: 17px;
    font-weight: 500;
    position: relative;
}
.reg_bg .heading p{
    margin: 25px auto 15px;
    text-align: center;
    position: relative;
}
.reg_bg .heading p span{
    background: #b05cf2;
    height: 15px;
    width: 15px;
    margin: 0px 10px -2px 0px;
    border-radius: 50%;
    display: inline-block;
}
.reg_bg .error{
    margin: 10px auto 0px !important;
    background: #dce3f1;
}
.reg_bg img{
    position: absolute;
    top: -55px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.08;
    width: 40%;
}
.reg_bg .btns{
    margin: auto;
}


@media  (max-width:1199px){
    .sign_bg .main{
        z-index: -11;
    }
}

@media  (max-width:991px){
    .gallery_bg .row{
        flex-direction: column-reverse;
    }
    .off_tab {
        margin: 30px 0px 0px;
    }
    .off_tab .tab2 li {
        width: 12%;
    }
    .off_tab .tab2 .nav-link {
        padding: 2px;
    }
    .team_card{
        max-width: 260px;
        margin: 15px auto;
    }
    .first-content img {
        max-width: 225px;
    }
    .faq_bg .plan_tab .nav-item {
        width: 23%;
        margin: 0px 0px 20px;
    }
    .card_text, .card_text_ryt {
        margin: 16px 0px;
        text-align: center;
    }
    .support_text .heading {
        text-align: center;
    }
    .support_text .heading p {
        max-width: 100%;
        text-align: center;
    }
    .sup_detail a {
        margin: 25px auto;
    }
    .sign_bg::before{
        width: 100%;
    }
    .test_bg .heading h2{
        margin: 0px auto 5px;
    }
    .test_bg .test_text {
        max-width: 90%;
    }
    .test_vid {
        margin: 30px auto 0px;
    }
    .vid_text img {
        max-width: 22px;
    }
    

}

@media  (max-width:767px){
    .first-content img {
        max-width: 195px;
    }
    .faq_bg .plan_tab .nav-item {
        width: 48%;
    }
    .card_grp li{
        width: 49%;
    }
    .ins_cert_part .certBox1{
        margin: 35px auto 0px;
    }
    .off_tab .tab2 {
        justify-content: unset;
        gap: 13px;
    }
}

@media  (max-width:576px){
    .heading1 {
        margin: 80px 0px 0px;
        padding: 0px 0px 10px;
    }
    .heading1 h1 {
        font-size: 30px;
    }
    .heading1 h5 {
        font-size: 12px;
    }
    .video_bg {
        padding: 15px 0px;
    }
    .abt_vid::before{
        height: 70%;
        width: 95%;
        top: 4px;
    }
    .gallery_bg {
        padding: 15px 0px 20px;
    }
    .off_tab .tab2{
        gap: 0px;
    }
    .off_tab .tab2 li {
        width: 21%;
        margin: 0px 5px 9px;
    }
    .team_bg {
        padding: 15px 0px;
    }
    .team_part{
        padding: 7px;
    }
    .team_part .mt-5 {
        margin-top: 5px !important;
    }
    .first-content img {
        max-width: 210px;
    }
    .faq_bg {
        padding: 20px 0px;
    }
    .faq_bg .plan_tab{
        margin: 0px 0px 20px;
    }
    .faq_bg .plan_tab .nav-item {
        width: 49%;
        margin: 0px 0px 0px;
    }
    .faq_bg .plan_tab .tab {
        gap: 4px;
    }
    .faq_part h3{
        font-size: 17px;
    }
    .faq_part h3 img {
        max-width: 30px;
    }
    .faq .faq_ques{
        padding: 5px 0px 7px;
        font-size: 13px;
    }
    .faq_ans{
        padding: 5px;
        font-size: 14px !important;
        line-height: 21px;
    }
    .faq_ques span{
        font-size: 10px;
        margin: 0px 1px 0px 0px;
        height: 20px;
        width: 20px;
    }
    .card_grp {
        padding: 10px 0px;
    }
    .card_grp h1 {
        font-size: 25px;
    }
    .card_grp h1 span {
        font-size: 9px;
    }
    .card_part{
        margin: 15px 0px;
        padding: 10px;
    }
    .card_part .crd_con1 h1 {
        font-size: 20px;
    }
    .card_part .crd_con1 p {
        font-size: 13px;
        line-height: 20px;
    }
    .card_text h4 {
        font-size: 18px;
    }
    .card_text p {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        margin: 0px;
    }
    .card_con4_part{
        padding: 10px;
    }
    .card_con4_part .card_text p{
        text-align: start;
        margin: 0px 0px 10px;
    }
    .card_users {
        padding: 15px 0px;
    }
    .user_bot img{
        margin: -3px 8px 0px 0px;
    }
    .card_faq {
        padding: 0px 0px 20px;
    }
    .card_faq .faq .faq_ques::after{
        right: 1px;
        top: 7px;
    }
    .card_faq .faq .faq_ans::after{
        right: 5px;
        top: 13px;
    }
    .ins_bg2 {
        padding: 15px 0px;
    }
    .ins_text {
        margin: 18px 0px 0px;
    }
    .ins_cert_img{
        margin: 10px auto 0px;
    }
    .ins_cert_img img {
        max-width: 185px;
    }
    .ins_cert_img::after{
        height: 188px;
        top: -15px;
        left: -14px;
    }
    .ins_bg2 .heading h1 {
        font-size: 20px;
    }
    .ins_bot{
        padding: 10px;
        margin: 0px 0px 35px;
    }
    .ins_cert_part{
        padding: 10px;
        margin: 10px 0px 20px;
    }
    .ins_cert_part .mt-5 {
        margin-top: 15px !important;
    }
    .rules_bg {
        padding: 15px 0px;
    }
    .rules_bg h4{
        font-size: 18px;
    }
    .rules_bg p{
        font-size: 14px;
        line-height: 22px;
    }
    .support_bg {
        padding: 15px 0px 20px;
    }
    .support_text .heading h1 {
        font-size: 27px;
    }
    .sup_detail a {
        margin: 9px auto;
        padding: 12px 10px;
        font-size: 13px;
    }
    .form_1{
        padding: 10px;
    }
    .form_block{
        margin: 25px 0px;
    }
    .inpts{
        padding: 5px 15px;
        font-size: 15px;
    }
    .sign_text {
        margin: 30px 0px 5px;
    }
    .sign_head .logo {
        max-width: 140px;
    }
    .sign_text h1 {
        font-size: 27px;
    }
    .sign_text p{
        font-size: 14px;
    }
    .log_bot a {
        font-size: 11px;
    }
    .log_social {
        margin: 45px auto 0px;
    }
    .log_bot a {
        font-size: 12px;
    }
    .reg_bg .heading h1 {
        font-size: 27px;
    }
    .reg_bg .heading h5 {
        font-size: 11px;
    }
    .reg_bg .heading p {
        font-size: 12px;
        margin: 11px auto 15px;
    }
}