body{font-family: 'Montserrat', sans-serif;background-color: #0f1521;color: white;}
h1, h2{text-align: center;font-weight: 600;}
h1 {max-width: 900px;margin: 30px auto 10px auto;}
a:hover{text-decoration: none;}
:focus, button:focus{outline: none;box-shadow: none;}.cursior{cursor: pointer;}
.dflex{display: flex;align-items: center;}
.hd-scrollbar {height: 400px;overflow: auto;}
/*  tool-box-css  */
.hd-main-div, .hd-steps, .main_area {max-width: 80%;margin: 0 auto;}
.hd-main-div .row {border: 2px solid #475569;background-color: #0f172a;}
textarea {display: flex;width: 100%;padding: 1rem;border: 0;resize: none;background-color: #0f172a;color: white;}
.hd-output {width: 100%;padding: 1rem 0;text-align: left;}
.bordr-right{border-right: 3px solid #475569;}
.cb-box {display: flex;gap: .75rem;}
.counter-box{display: flex;flex-direction: row;align-items: center;gap: 1rem;font-size: 14px;font-weight: 600;}
.counter-box span{display: block;border-radius: 1.5rem;}
.bottom-count-box {display: flex;align-items: center;justify-content: space-between;padding: 1rem;height: 80px;}
.hd-btns {background-color: #ffc50d;border: 2px solid #ffc50d;border-radius: 5px;color: #000;font-weight: 600;min-height: 48px;min-width: 175px;cursor: pointer;}
.pro-btn{padding: 12px 10px; display: inline-block; color: #000 !important; }
.roundtop {border-radius: 10px 10px 0px 0px;}
.pt_bg1A202E {background-color: #1A202E;}.bg0f1521{background-color: #0f1521!important;}
.right-side button{background-color: #0f1521;color: white;border: 2px solid #475569;padding: 6px 18px;border-radius: 50px;font-weight: 500}
.hd-lang .dropdown-toggle {background-color: #0f1521;border: 2px solid #475569;color: white;min-width: 200px;font-weight: 500;
    background-position: 10px center;padding: 10px;border-radius: 5px;}
.roundbottom{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; position: relative;}
.bdr-btm{border-bottom: 5px solid #ffc50d;width: 106px;position: absolute;top: 35px}
.simplyfiy{font-weight: 600;font-size: 20px}
.default-color{color: #ffc50d;}
.result-btns a{cursor: pointer;}
.cimgs{width: 65%;}
.f7imgs{width: 65%;}
/*part1-css-start*/
.bg-main{
    background-image: url("../images/dot-a-white.png") ;
    padding-bottom: 40px;
}
.hd-main-div-nav{max-width: 90%;margin: 0 auto; padding: 10px 0px;}
.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 197, 13, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}
.navbar-light .navbar-nav .nav-link{color: rgb(255 255 255) !important;}
.hd-main-div-nav a{color: rgb(255 255 255); font-size: 17px;  font-weight: 600; display: inline-block}
.hd-main-div-nav a:hover{color: #ffc50d}
.nav-login-icon{display: inline-block;  vertical-align: sub;}
.navbar-nav li{padding: 10px}
.lg-btn{border:  1px solid #ffc50d; border-radius: 5px; padding: 10px 36px !important; background: #ffc50d !important; font-weight: 600 !important; color: black !important; text-align: center}
.tool-heading .top-hd-tag{color: #ffc50d}
.tool-heading h1{font-size: 2.5rem}
.tool-btn{padding: 13px 10px;   border: none; background-color: #0f1521;color: white;font-weight: 500; cursor: pointer; display: inline-block;}
.toolactive{border-bottom: 3px solid #ffc50d !important;}
/*part1-css-end*/
/*part2-css*/
.hd-sec-second{display: flex;align-items: center;justify-content: space-around;max-width: 85%;margin: 0 auto;}
.p-detector{border: 2px solid #475569;padding: 14px;border-radius: 50px;height: 56px;display: flex;align-items: center;justify-content: space-between;font-weight: 500}
.p-detector .p-detec-img {background: url(../images/bullet_tick.svg) no-repeat left center;height: 24px;width: 24px;margin-right: 10px;}
.ai_check{font-weight: normal; color: rgb(34 197 94)}
/* part-3 */
.des-sty{display: list-item;}.des-sty::marker{font-size: 30px;color: #ffc50d;}
.bypas_tool h2, .hitw h2{font-size: 36px; font-weight:500;}
/*part-4*/
.rg-gene-clr, .rtt-txt{background-color: #0f172a;padding: 3rem;}
.rg-gene-clr .rg-parts{text-align: center;padding: 15px;}.rg-gene-clr img{margin-bottom: 20px; width: 64px;
                                                             height:64px;}
/*part-5*/
.rg-reword .col-md-6 {padding: 30px 20px;color: black;margin-top: 26px;max-width: 49%;}
.rt-tool .img {float: right;height: 180px; width: 180px;}.rt-tool .img img {height: 100%}
.bgFFF7E7 {background-color: #FFF7E7;}.bgF2FFF8 {background-color: #F2FFF8;}
.bgEDFAFF {background-color: #EDFAFF;}.bgFAF4FF {background-color: #FAF4FF;}
.bgebf1f8 {background-color: #ebf1f8;}.bgffe9e1 {background-color: #ffe9e1;}
/* part-6  */
.fix-before {justify-content: space-evenly;}.fix-before p{display: flex;}
.fix-before p:before {content:url('../images/bullet_tick.svg');margin-right: 10px; height: 20px;width: 20px;}
/*part-7*/
#accordion .card {margin-bottom: 30px;border-radius: 10px;border: none;padding: 1px 5px;background-color: #0f1521;color: white;}
#accordion .card-header {border-bottom: none;border-radius: 10px;color: white;}
#accordion .card button {position: relative;text-decoration: none;font-size: 20px;font-weight: 600!important;
    padding: 6px 28px 6px 0;cursor: pointer;width: 100%;text-align: left; background-color: #0f1521; color: #fff}
#accordion .card-body {padding-top: 0;color: white;}
#accordion .card-header button:after {content: "-";width: 28px;height: 28px;transform: rotate(0deg);position: absolute;right: 15px;top: 8px;}
#accordion .card button.collapsed:after {content: "+";width: 28px;height: 28px;transform: rotate(180deg);position: absolute;right: 33px;top: 10px;}
.ft_main{max-width: 100%;margin: 0 auto; background-color: rgb(23 32 47); padding: 20px 0px; border-top: 1px solid rgb(71 85 115)}
.ft_main li a{color: #ffffff !important; font-size: 14px;}
.content_head{ margin: 0px auto; padding: 60px 40px; margin-top: 20px; border-radius: 10px;
    border:2px solid #475569;}
.ch_heading{text-align: left !important; margin: 0px;}
.ch_content{margin-top: 20px;}
.lower_content{margin: 0px auto; margin-top: 20px;}
.lower_content .des-sty{ margin-left: 25px;}
@media only screen and (min-width: 200px) and (max-width: 320px) {.auth-form{padding: 1rem; font-size:  10px !important;}.pricing-cards{justify-content: center !important;}.plan-features{padding-left: 5px;}.loader img{width: 50%;height: 25%;}}
@media only screen and (min-width: 200px) and (max-width: 767px) {.bg-main nav{justify-content: center;}.hd-btns{min-width: 126px;min-height: 43px;}.result-btns{padding: 0px 15px !important;}.bottom-count-box{align-items: flex-end;}.tool-heading h1{font-size: 1.5rem;} #tool-area-head{padding-left: 0px; padding-right: 0px;} #tool-area-head button{width: 100%} #tool-area{border-bottom: 3px solid #475569; border-right: 0px} .hd-sec-second{flex-wrap: wrap;} .p-detector{margin-bottom: 12px;} .hitw .container{flex-direction: column-reverse} .hitw .container .p-5{padding: 0px 3rem !important;} .rg-gene-clr .dflex{flex-wrap: wrap} .p5 img{width: 100%;} .p5 p{} .rg-reword .col-md-6{max-width: 90%; margin: 10px 20px;} .rtt-txt .dflex{flex-direction: column; align-items: flex-start; text-align: left;}.rtt-txt .my-3{font-size: 1.5rem} .main_area .btn{white-space: normal} .hitw img{width: 90%} .ft_main p{text-align: center; padding: 15px 0px;} .ft_main ul{font-size: 13px;text-align: center; justify-content: flex-start !important;}.content_head{flex-direction: column-reverse;    padding: 60px 20px;}.hd-main-div h1{font-size: 1.5rem;}.hd-main-div{text-align: center}.hd-main-div img{width: 60%}.hd-main-div p{text-align: left;} .portion-5 .prt5-switch{flex-direction: column-reverse}.portion-5 .prt5-clm{flex-direction: column}.portion-9 .prt9-switch{flex-direction: column-reverse}.portion-9 .prt9-clm{flex-direction: column} .auth-form{padding: 1rem; font-size:  12px;}.loader img{width: 50% !important;height: 25% !important;} #ai_checker .toolactive{display: block;} #ai_checker .bottom-count-box{align-items: stretch; flex-direction: column; justify-content: flex-end;} #ai_checker .hd-output{padding: 0px !important;}}

@media only screen and (min-width: 767px) and (max-width: 1024px) {.tool-heading h1{font-size: 2rem;}.hd-btns{min-width: 150px;min-height: 43px;}.result-btns{padding: 0px 15px !important;}.bottom-count-box{align-items: flex-end;}.hd-sec-second{flex-wrap: wrap;} .p-detector{margin-bottom: 12px;} .hitw .container{flex-direction: column-reverse} .hitw .container .p-5{padding: 0px 3rem !important;} .rg-gene-clr .dflex{flex-wrap: wrap} .p5 img{width: 100%;} .p5 p{} .rg-reword .col-md-6{max-width: 94%; margin: 10px 20px;}.rg-reword{flex-direction: column} .rtt-txt .dflex{flex-direction: row;} .main_area .btn{white-space: normal} .hitw img{width: 90%} .ft_main p{text-align: center; padding: 15px 0px;} .ft_main ul{font-size: 13px;text-align: center; justify-content: flex-start !important;}.content_head{flex-direction: column-reverse; padding: 60px 0px;}.hd-main-div img{width: 100%}.hd-main-div h1{font-size: 1.5rem;}.portion-9 .prt9-switch{flex-direction: column-reverse}.portion-9 .prt9-clm{flex-direction: column}.navbar-expand-lg .navbar-nav .nav-link{padding-right: .5rem;padding-left: .5rem;font-size: 14px;}#ai_checker .hd-output{padding: 0px !important;}}
/*login register css*/
#login-container .hd-btns {background-color: #ffc50d;border: 2px solid #ffc50d;border-radius: 5px;color: #000;font-weight: 600;min-height: 48px;width:100%;cursor: pointer;}
input{width:100%;font-size:1rem}.auth-container{max-width:1200px;margin:0px auto;padding:2rem;min-height:70vh}.auth-form {background-color: rgb(25 33 47); padding: 2rem; border-radius: 10px; border: 2px solid #475569; box-shadow: 0 0 15px rgba(0, 0, 0, .1); max-width: 500px;  margin: 0 auto}.form-title{text-align:center;color:var(--primary-color);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500}input{padding: .8rem; border: 1px solid rgb(226 232 240);  border-radius:5px;background-color: rgb(37 46 61); color: #fff;}input:focus{outline:0;border-color:#ffc50d;box-shadow:0 0 5px rgba(26,188,156,.3)}.form-footer{text-align:center;margin-top:1.5rem;}.form-footer a{color:#ffc50d;text-decoration:none}@media (max-width:768px){.auth-container{padding:1rem;margin:1rem auto}}
.google-login{border: 2px solid #ffc50d;border-radius: 5px;color: #fff;font-weight: 600;width:100%;cursor: pointer; display: inline-block; padding: 10px 0px; text-align: center; text-decoration: none !important;}
.google-login:hover{
    color: #fff;
}
.BtT{
    color: #000 !important;
}
.line {
    flex-grow: 1;
    height: 2px;
    background-color: #ffc50d;
}
.text {
    margin: 0 10px;
    font-weight: bold;
    white-space: nowrap;
}
.forgotpass, .forgotpass:hover{
    text-align: right;
    text-decoration: none !important;
    color: #ffc50d;
}
.form-group textarea{
    border: 1px solid rgb(226 232 240);
    border-radius: 5px;
    background-color: rgb(37 46 61);
    color: #fff;
}
.loader{
    display: none;
    position: absolute;
    background-color: #0f172a;
    opacity: 0.7;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.loader img{
    width: 10%;
    height: 25%;
}
.result_percentage{
    font-size: 3rem;
    text-align: center;
    padding-top: 40px;
    color: #ffc50d;
}
.result_heading{
    text-align: center;
    font-size: 30px;
    font-weight: 400;
}
.hm-result{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}