<>
body .top_nav .nav_link li .head-butonss,
body .top_nav .nav_link li .head-butonss:hover,
body .top_nav .nav_link li body .head-butonss:focus{
background:#0373dd!important;
padding:11px 20px!important;
color:#fff!important;
border-radius:50px;
margin:0 5px;border:0;
font-weight:700;
width: 100%;
}
body .top_nav .nav_link li .plans-bottun,
body .top_nav .nav_link li .plans-bottun:focus,
body .top_nav .nav_link li .plans-bottun:hover{
background: #29cf8e;
border-radius: 50px;
margin: 0 0;
border: 0;
font-weight: 700;
margin-left:14px;
}
.mr4px{margin-right: 4px;}
.pro_plans{display: flex!important;align-items: flex-start;}
body .top_nav .nav_link li .plans-bottun .pricingBtn,body .top_nav .nav_link li .plans-bottun button{
border: 0;
padding:11px 20px!important;
background: transparent;
width: 100%;
outline:none;
font-weight:700;
}
body .top_nav .nav_link li .plans-bottun .change_langImage{
background: #000000;
padding: 5px 3px;
border-radius: 100px;
margin-top: -5px;
width: 16px;
margin-left: 5px;
}
body .top_nav .nav_link li .plans-bottun .dropdown-menu .achor-pring-plans{
display: block;
margin:5px 0px;
padding: 10px;
position: relative;
border-bottom: 1px solid #d2d2d2;
background: transparent;
border-radius: 0;
font-size:12px;
}
body .top_nav .nav_link li .plans-bottun .dropdown-menu .cap-pro{
position: absolute;
right: 10px;
top: 5px;
}
.plans-bottun{box-shadow:1px 1px 20px 10px #29cf8e;background:#fff;color:#222;box-shadow:0 0 10px 2px #29cf8e;animation-duration:14s;animation-iteration-count:infinite}
.plans-bottun .pricingBtn,.plans-bottun button{animation-duration:14s;animation-iteration-count:infinite}
@keyframes example{10%{box-shadow:0 0 10px 2px #29cf8e;background:#fff;color:#222} 20%{box-shadow:none;background:#29cf8e;color:#fff} 30%{box-shadow:0 0 10px 2px #29cf8e;background:#fff;color:#222} 40%{box-shadow:none;background:#29cf8e;color:#fff} 50%{box-shadow:0 0 10px 2px #29cf8e;background:#fff;color:#222} 60%{box-shadow:none;background:#29cf8e;color:#fff} 70%{box-shadow:0 0 10px 2px #29cf8e;background:#fff;color:#222} 80%{box-shadow:none;background:#29cf8e;color:#fff} 90%{box-shadow:0 0 10px 2px #29cf8e;background:#fff;color:#222} 100%{box-shadow:none;background:#29cf8e;color:#fff} } @keyframes example2{10%{color:#222} 20%{color:#fff} 30%{color:#222} 40%{color:#fff} 50%{color:#222} 60%{color:#fff} 70%{color:#222} 80%{color:#fff} 90%{color:#222} 100%{color:#fff} }
.btn.by_self:hover,.by_self,.by_self:active,.by_self:focus{margin:10px 5px 0px 0px;background:0 0;box-shadow:none!important;color:#222!important;border:none;outline:0!important}.by_self img{display:inline-block;width:30px;display:inline-block;height:30px;margin-top:-5px;border-radius:50%}.mood-liniking a,.mood-liniking a:hover{display:block;padding:10px;color:#222}.self_testing .linked_{margin:0px 6px 0px 4px}.extra_content .btn.dropdown-toggle{color:#000}.dropdown-menu{width:210px;padding:0;left:0}.add-class-for-flag{padding:20px;border-radius:6px!important}.add-class-for-flag li a,.add-class-for-flag li a:hover{border-radius:0!important;border-bottom:1px solid #e4e9ee}.add-class-for-flag li .setting-flag{margin:0 5px}.add-class-for-flag li:last-child a{border-bottom:none}.add-class-for-flag li a{padding:3px 10px}.flag-images{width:16px;margin:-3px 3px 0 0}.extra_content .dropdown-toggle{outline:0!important;box-shadow:none!important}.extra_content .dropdown-toggle:active{box-shadow:none!important} .dropdown-toggle::after{display:inline-block;margin-left:-2px;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;}.top_nav{min-height:60px}
.top_nav .nav_link li a{
color: #202020;
font-size: 14px;
transition: .5s;
margin-right: 5px;
}
.add-class-for-flag {
padding: 20px;
border-radius: 6px!important;
}
.profile_hidden{
display:none;
}
>
<>
.nav_link .nav-item{white-space: nowrap; max-width:120px;}
.nav_link .nav-item a{width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}
.search_bar_nav.nav-item{width:50px;}
.extra_content{width:70px !important;margin: 0px 10px 0px 0px;}
body .top_nav .nav_link li .plans-bottunbody .top_nav .nav_link li .plans-bottun:hoverbody .top_nav .nav_link li .plans-bottun:focus{margin-left:15px;width: 175px;}
/* .search_box_options li {
float: left;
width: 230px;
} */
>
<>
@media only screen and (max-width:1199.9px){.main_ser_feild{display:block;right:inherit;position:inherit;top:0;width:100%}.main_ser_feild .search_box{width:100%!important}.search_bar_nav #ser_icon{display:none}}.srch_icon{width:25px;margin-top:-5px}@media only screen and (max-width:600px){body .top_nav .nav_link li .plans-bottun,body .top_nav .nav_link li .plans-bottun:focus,body .top_nav .nav_link li .plans-bottun:hover{margin:10px;width:90%}body .top_nav .nav_link li .head-butonss,body .top_nav .nav_link li .head-butonss:hover,body .top_nav .nav_link li body .head-butonss:focus{margin:10px;width:90%}.by_self{display:block;}.mobile_ss{width:100%}.nav_link .nav-item{max-width:100% !important; } .search_bar_nav.nav-item{width: 100%;}}
@media (max-width: 1199.9px){
.navbar-nav .dropdown-menu.navbar-nav .open .dropdown-menu {width: fit-content;} .hwm100{width: 100%!important;}
}
.add-class-for-flag{min-width:90%;}
.modal {
display: none;
font-family: poppinsregular;
/*position: fixed;*/
padding-top:50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.s_fd_m_maindiv{
background-color: #f7f9fb;
width: 30%;
/*position: fixed;*/
top: 16%;
right: 0;
z-index: 1;
left: 0;
margin: 0 auto;
}
.s_fd_m_checkboxes{
/*display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
padding-right:6%;
margin-top: 3%;
margin-bottom: 3%;
}
.s_fd_m_checkboxes ,.myradio label{
}
.mb{margin-bottom: 10px; display: block;}
.s_fd_m_fs18{font-size:16px;}
.s_fd_m_feedmodal label{
font-weight: normal!important;
color: black!important;
font-size: 15px;
margin-left: .5rem;
}
.s_fd_m_related-select{
height: 40px;
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
padding-left: 10px;
background-color: transparent;
appearance: none;
}
.s_fd_m_textarea1{
border-radius: 5px!important;
border: 1px solid #ddd!important;
resize: none!important;
background: #eaeff4!important;
overflow-y: auto!important;
}
.s_fd_m_feedback-submit{
width: 100%;
height: 40px;
background-color: #0373dd;
border: none;
border-radius: 6px;
color: white;
}
.s_fd_m_feedback-icon:hover {color: #000;background-color:#ddd; }
.s_fd_m_feedback-icon:focus {outline: none;color: white;}
.s_fd_m_feedback-submit:hover {color: #000;background-color:#ddd;}
.s_fd_m_feedback-icon .spanimge{
background: #005fb9;
padding: 11px;
display: inline-block;
width: 50px;
float: left;
}
.s_fd_m_feedback-icon .spantext{padding:10px;display:inline-block;}
.s_fd_m_feedback-icon,.s_fd_m_feedback-icon:hover,.s_fd_m_feedback-icon:focus,.s_fd_m_feedback-icon:hover{
position: fixed;
bottom: 1rem;
right: 1.5rem;
min-width: 160px;
text-align: left;
background: #0373DD;
color: #fff;
font-size: 18px;
border-radius: 4px;
border:0px;
padding:0px;
z-index:100
}
.s_fd_m_close{
float:right;
font-size:30px;
font-weight:400;
line-height:1;
margin-right:10px;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:1.2;
display:flex;
justify-content:flex-end;
border:none;
background-color:transparent;
}
.p68{padding:6% 8%;font-family: 'Poppins',sans-serif;}.bb0{border-bottom:none!important;}.set-font{font-weight:700;color:black;line-height: 18px;}.fhmt4{margin-top: 4%;}.fhmy3{margin-top: 3%; margin-bottom: 3%;}.sbt-div{border-top:none;text-align:left;padding-top:0px;display:flex;justify-content:flex-start;}.chkboxes2{display:grid;margin-top:3%;margin-bottom:3%;}.pr6{padding-right: 6%;}.pr5{padding-right: 5%;}.lh2{line-height: 2;}
.s_fd_m_checkboxes.myradio label{font-weight:400!important;margin-bottom: 0px}.posr{position:relative;}
.myradio label .equalToRadio{
margin: 0px 5px;
font-size: 14px;
}
.s_fd_m_checkboxes .myradio {
overflow:hidden;
display:inline-block;
padding:10px 0px;
}
.pringmobile{display:none}
@media screen and (max-width:992px){
.s_fd_m_maindiv{width:50% !important;}.by_self{margin:20px 12px}
body .top_nav .nav_link li .head-butonss{
margin:12px 0px;
}
body .top_nav .nav_link li .plans-bottun{
margin:0px 0px 10px 0px;
}
}
@media screen and (max-width:600px){.s_fd_m_maindiv{right:7% !important;width:80% !important;top:0;}.extra_content{text-align:center}}
@media (max-width: 600px){
.logo{width:190px;}
.navbar-inverse .navbar-header .navbar-toggle{margin:17px 0px!important;}
/*.pringmobile{float:right}*/
.pringmobile{display: inline-block;}
.pringmobile img{margin: 16px 5px;}
.tcl{text-align: left!important;}
}
.tcl button.dropdown-toggle{
padding: 6px 10px !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.tcl button.dropdown-toggle::after{
margin-left: .255em !important;
}
>
<>
.cus_scrollbar {overflow: auto;text-align: -webkit-center;}
.cus_scrollbar::-webkit-scrollbar-track {border-radius: 10px;background-color: #e3e7ed;}
.cus_scrollbar::-webkit-scrollbar {width: 5px;height: 5px;background-color: transparent;}
.cus_scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #767676;}
.bg-color{background:#ebf1f8}
.boxes{
gap: 10px;
padding: 8px 20px;
display: block;
background: #fff;
margin: 8px 6px 0 0;
color: #000;
border: 1px solid #ccd6e200;
font-size: 14px;
border-radius: 6px;
display: flex;
align-items: center;
/* justify-content: center; */
text-align: center;
}
.boxes:hover{
box-shadow:7px 8px 15px -10px #222222a3;
}
.boxes:active{
border:1px solid #2899f0;
box-shadow:7px 8px 15px -10px #222222a3;
}
.boxesactive{
border: 1px solid #2899f0 !important;
box-shadow: 7px 8px 15px -10px #222222a3 !important;
}
.boxes a img{margin-right:5px;}
.flexi a:hover{text-decoration:none;}
.flexi{
width: max-content;
gap: 10px;
padding: 15px 20px;
display: flex;
}
#ddbtn{
/* background-color: #3498db;
color: #fff;
border: none;
padding: 8px 40px 8px 16px;
border-radius: 4px;
cursor: pointer;*/
position: relative;
}
#ddbtn::after,#ddbtnfooter::after{
display: inline-block;
width: 0;
height: 0;
margin-left: 0.3em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
position: absolute;
/*right: 1rem;*/
top: 50%;
transform: translateY(-50%);
}
#ddbtn:focus{outline:none;}
#ddbtn:active{box-shadow:none;}
>
< type="text/css">
.NgAeRaaW-b-fsd{
background: #EBF1F8;
width: 100%;
min-height:70px;
position: sticky;
z-index: 10;
}
.NgAeRaaW-b-fsd .inner-disection{
width:1020px;
margin: 0px auto;
background: #ebf1f8;
overflow: hidden;
padding: 10px;
}
.NgAeRaaW-b-fsd .inner-disection .set-anchor{
overflow: hidden;
display: inline-block;
width: 100%;
}
.NgAeRaaW-b-fsd .logo-section{float: left;padding-top:7px;}
.NgAeRaaW-b-fsd .list-section{float: left; text-align:left;padding:0;}
/*.NgAeRaaW-b-fsd .list-section ul{margin:0px;padding:0px;}
.NgAeRaaW-b-fsd .list-section ul li{list-:none; padding: 10px; font-weight: 700; font-size: 16px; display: inline-flex;color: #000;}
.NgAeRaaW-b-fsd .list-section ul li img{width:20px; margin: -2px 5px 0px 0px;}*/
.NgAeRaaW-b-fsd .list-section p{padding:10px;font-weight:700;font-size:16px;display:inline-flex;color:#000;margin:0;}
.NgAeRaaW-b-fsd .list-section img{width:150px}
.NgAeRaaW-b-fsd .try-Noew{float:left; text-align:center;padding:0;}
.NgAeRaaW-b-fsd .try-Noew .innertryNOew{
background:#282c3f;
display:inline-block;
color: #fff;
outline:none;
width:90%;
border-radius:6px;
}
.NgAeRaaW-b-fsd .try-Noew img{
background: #000000;
padding: 15px 14px;
display: inline-block;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
color: #fff;
outline: none;
float: right;
}
.NgAeRaaW-b-fsd .try-Noew span{
padding: 10px;
display: inline-block;
font-weight: 700;
}
@media only screen and (max-width: 1274px) {
.NgAeRaaW-b-fsd .list-section {text-align:left;}
.NgAeRaaW-b-fsd .inner-disection{width: 100%}
}
@media only screen and (max-width: 992px) {
.NgAeRaaW-b-fsd .list-section,.NgAeRaaW-b-fsd .try-Noew.logo-section{text-align:center;}
}
@media only screen and (max-width: 767px){
.NgAeRaaW-b-fsd{height: auto;}
.NgAeRaaW-b-fsd .try-Noew span{font-size: 12px; padding: 12px 20px;width: -webkit-fill-available;}
.NgAeRaaW-b-fsd .try-Noew img{padding: 15px;height: 40px;}
.list-section{display:none}
.NgAeRaaW-b-fsd .try-Noew{text-align:center}
.NgAeRaaW-b-fsd .try-Noew .innertryNOew{display:flex;width:100%;}
}
@media only screen and (max-width: 500px){
/* .NgAeRaaW-b-fsd .try-Noew .innertryNOew{display:none;} */
.NgAeRaaW-b-fsd .sdet-anchor{display:flex;flex-direction: column; gap:20px;}
}
>
<> .grammerly-bioShow {background:#fff; height: 460px; width: 800px; margin: 0px auto; } .grammerly-bioShow .heading-pop{background: #E8F5FF; position: relative; height: 300px; display: flex; align-items: center; padding: 20px; } .grammerly-bioShow .heading-pop .heading-pop-texting{width: 70%; margin: 0px auto; color: #000; } .grammerly-bioShow .heading-pop img{width: 100%; position: absolute; bottom: -66px; left: 0; } .grammerly-bioShow .heading-pop span.cross_icon{background: #0C0C0C; padding: 10px 10px; border-radius: 100px; height: 15px; width: 15px; position: absolute; right: 10px; text-align: center; color: #fff; font-weight: 700; top: 10px; } .grammerly-bioShow .heading-pop p {text-align: center; width: 100%; } .grammerly-bioShow .heading-pop .EliminateGrammar {font-size:30px; } .grammerly-bioShow .heading-pop .Grammarlyhelps {font-size: 20px; margin-top: 20px; display: inline-block; } .grammarlyButtons{padding:20px; } .grammarlyButtons span{display: inline-block; } .grammarlyButtons .grammarlyYes{width: 48%; float: left; margin: 30px 5px; background: #19A434; padding:3px 2px; border-radius: 100px; color: #fff; box-shadow: inset -2px 0px 20px 0px #000; height: 60px; text-align: center;display: flex;} .grammarlyButtons .grammarlyno{width:48%; float: left; margin: 30px 5px; background: #C23D3D; padding: 3px 2px; border-radius: 100px; color: #fff; box-shadow: inset -2px 0px 20px 0px #000; height: 60px; text-align: center;display: flex;} .grammarlyButtons .grammarlyYes .yes{border-radius: 100px; background: #fff; padding: 10px 15px; color: #000; font-weight: 700; margin: 5px; display: inline-block;} .grammarlyButtons .grammarlyno .no{border-radius: 100px; background: #fff; padding: 12px 20px; color: #000; font-weight: 700; font-size: 14px; margin: 5px;} #bio_ep_close{z-index:100;} .removeBio{z-index: 200;position: absolute;height: 60px;display: inline-block;bottom: 105px;right: 34px;width: 367px;cursor: pointer;background:er-radius: 100px;} >