.topicsdes h1,.topicsdes h2,.topicsdes h3,.topicsdes h4,.topicsdes h5,.topicsdes h6 {
 font-family: "Lilita One", sans-serif;
 text-transform: capitalize;
}
.topicsdes p,.topicsdes ul,.topicsdes li,.topicsdes span{
  font-family: sans-serif;
     font-size: 19px;
    text-align: justify;
    line-height: 32px;
}
.topicsdes {
    margin: 39px 0 168px 0;
}
.topicsdesset1 h1 {
    text-align: center;
    font-size: 69px;
    margin: 17px 0 5px 0;
    color: #195292;
}
.topicsdesset1 img {
    filter: drop-shadow(6px 13px 10px black);
    border-radius: 12px 12px;
    width: 100%;
    margin: 33px 10px 10px 10px;
}
.topicsdesset2 h2 {
    margin: -28px 0 44px 0;
    font-size: 56px;
    text-align: center;
}
.topicsdesset2 {
    margin: 295px 0 0 0;
    background: #f0f0ff;
    padding: 70px 68px 20px 71px;
}
.topicsdesset2 h3 {
    text-align: center;
    margin: 0   0 56px 0;
    font-size: 38px;
    font-family: sans-serif;
}
.topicsdesset3 h3 {
    text-align: center;
    font-size: 72px;
    margin: 22px 0 10px 0;
    padding: 11px;
}
.topicsdesset3 h4{
    text-align: center;
    font-size: 48px;
}
.topicsdesset3 ul {
    position: relative;
    left: 37%;
}
.topicsdesset3 {
    background: #b0f3d7;
    border-radius: 12px;
    filter: drop-shadow(2px 4px 6px black);
    margin: 102px 0 -173px 0;
}
.topicsdesset3 .shapes .shape{filter:none;}
.topicsdesset4 h4 {
    text-align: center;
    color: #5e3e94;
    font-size: 46px;
    margin: 37px -4px 10px 0;
}
.topicsdesset4 p{
    margin: 0 0 40px 0;
}
.bxe {
    background: linear-gradient(to right, #ffb638, #b9801e);
    color: #000000;
    width: 416px;
    font-weight: bold;
    font-size: 26px;
    height: 53px;
    margin: 24px 0 52px 751px;
    border-radius: 10px;
    transform: perspective(500px) rotateY(-15deg);
    box-shadow: 2px 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.bxe:hover {
    transform: perspective(500px) rotateY(15deg);
    text-shadow: -6px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0 0 5px rgba(0, 0, 0, 0.2);
}
.bxe ::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, white, transparent);
    left: -100%;
    transition: 0.5s;
}
.bxe:hover::before {left: 100%;}
.boxe {
    background: linear-gradient(to right, #ff2100, #5f0c1b);
    color: #ffffff;
    width: 302px;
    font-weight: bold;
    font-size: 26px;
    padding: 8px;
    height: 60px;
    margin: 0 0 32px 0px;
    border-radius: 10px;
    transform: perspective(500px) rotateY(-15deg);
    box-shadow: 2px 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.boxe:hover {
    transform: perspective(500px) rotateY(15deg);
    text-shadow: -6px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0 0 5px rgba(0, 0, 0, 0.2);
}
.boxe ::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, white, transparent);
    left: -100%;
    transition: 0.5s;
}
.boxe:hover::before {left: 100%;}
:root {
  --size:50px;
}
.shapes, .glass {
    position: fixed;
    inset: 0;
    z-index: -1;
}
.glass {z-index: -10;}
.shape {
  position: absolute;
  width: var(--size);
  z-index: -10;
  aspect-ratio: 1;
  border-radius: 50%;
}
.shape-yellow {
    background-color: rgb(176 171 241 / 25%);
}
.shape-salmon {
    background-color: rgb(216 213 255 / 19%);
}
.stepss h5 {
    text-align: left;
    font-size: 41px;
    margin: 125px 0 27px 0;
    color: #e57e7e;
}
.topicsdesset6 {
    animation: webclr linear 2s infinite;
    box-shadow: 5px 8px 8px -2px #6a6a6a;
    text-align: center;
    font-size: 40px;
    position: relative;
    left: -83px;
    width: 100%;
    padding: 18px 25px 20px 14px;
    margin: 96px 0 91px 0;
    border-radius: 11%;
}
.topicsdesset6 h2 {
    text-align: center;
    font-size: 62px;
    color: #000000;
    line-height: 77px;
    padding: 10px 0px 20px 0px;
}
.topicsdesset6 h2 span{
    font-size: 34px;
    font-weight: 800;
}
.topicsdesset7 h3 {
    font-size: 53px;
    margin: 0 0 10px 0;
}
.topicsdesset7 h3 {
    font-size: 53px;
    margin: 53px 0 10px 0;
}
@keyframes bgip{
    0%{background: repeating-radial-gradient(#fde8e8, #e7c3c3 50px);}
    25%{background: repeating-radial-gradient(#fde8e8, #e7c3c3 100px);}
    50%{background: repeating-radial-gradient(#fde8e8, #e7c3c3 200px);}
    75%{background: repeating-radial-gradient(#fde8e8, #e7c3c3 400px);}
    100%{background: repeating-radial-gradient(#fde8e8, #e7c3c3 50px);}
}
@keyframes webclr{
    0%{background: radial-gradient(#b8c5ff, transparent);}
    50%{ background: radial-gradient(#b8ffe4, transparent);}
    75%{ background: radial-gradient(#d7ffb8, transparent);}
    100%{ background: radial-gradient(#ffecb8, transparent);}
}
:root{ --main-color : #E44A3D; }
.cntip i{
    font-size: 46px;
    margin: 0 0  0 -33px;
}
.cntip span {
    position: absolute;
    z-index: 10;
    font-size: 70px;
    top: 96px;
    left: 129px;
    color: #5e3e94;
}
.countert .cntip span:nth-child(2) {
  margin-left: 100px
}
#noonesp{
    top: 99px;
    left: 109px;
}
#noonesp1{
    top: 96px;
    left: 87px;
}
#noonesp2{
    top: 96px;
    left: 97px;
}
#noonesp3{
    font-size: 41px;
    left: 97px;
    top: 100px;
}
#noonesp4 {
    font-size: 26px;
    left: 94px;
    top: 116px;
}
.countert h6 {
    font-size: 30px;
    color: #e57e7e;
}
.graphicsdesset10 h3 {
    text-align: center;
    font-size: 42px;
    margin: 42px 0 0 0;
}
 .buttons {
     margin-top: 50px;
     text-align: center;
}
 .buttonss {
     margin-top: 50px;
     text-align: center;
}
.blob-btn, .blob-btns {
    z-index: 1;
    position: relative;
    filter: drop-shadow(2px 4px 6px black);
    padding: 20px 46px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #172a38;
    font-size: 20px;
    font-weight: bold;
    transition: color 0.5s;
    cursor: pointer;
    border-radius: 12px;
}
.blob-btn:before, .blob-btns:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #172a35;
    border-radius: 12px;
}
.blob-btn:after, .blob-btns:after {
     content: "";
     z-index: -2;
     position: absolute;
     left: 3px;
     top: 3px;
     width: 100%;
     height: 100%;
     transition: all 0.3s 0.2s;
       border-radius: 12px;
}
.blob-btn:hover, .blob-btns:hover {
     color: #fff;
     border-radius: 30px;
}
.blob-btn:hover:after, .blob-btns:hover:after {
     transition: all 0.3s;
     left: 0;
     top: 0;
     border-radius: 12px;
}
.blob-btn__inner,.blob-btns__inner {
     z-index: -1;
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
    border-radius: 12px;
     background: #fff;
}
.blob-btn__blobs,.blob-btns__blobs  {
     position: relative;
     display: block;
     height: 100%;
     filter: url('#goo');
}
.blob-btn__blob,.blob-btns__blob  {
     position: absolute;
     top: 2px;
     width: 25%;
     height: 100%;
     background: #172a35;
     border-radius: 100%;
     transform: translate3d(0, 150%, 0) scale(1.7);
     transition: transform 0.45s;
}
@supports (filter: url('#goo')) {
     transform: translate3d(0, 150%, 0) scale(1.4);
}
.blob-btn__blob:nth-child(1),.blob-btns__blob:nth-child(1) {
     left: 0%;
     transition-delay: 0s;
}
.blob-btn__blob:nth-child(2),.blob-btns__blob:nth-child(2) {
     left: 30%;
     transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3),.blob-btns__blob:nth-child(3) {
     left: 60%;
     transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4),.blob-btns__blob:nth-child(4) {
     left: 90%;
     transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
     transform: translateZ(0) scale(1.7);
}
.blob-btns:hover .blob-btns__blob {
     transform: translateZ(0) scale(1.7);
}

.graphicsdesset10 h3 span {
    color: #5e3e94;
    font-size: 34px;
    font-weight: 900;
}
.graphicsdesset10 h4 {
    width: 64%;
    margin: -57px 10px 10px 80px;
    font-size: 19px;

}
.gdcl {
    transform: scale(0.9);
    box-shadow: inset 7px 1px 1px #5e3e94, 1px 5px 1px #de3c2e;
    border-radius: 12px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 55px;
    width: 57%;
    margin: 40px 10px 39px 10px;
}
.graphicsdesset11s {
    margin: 69px 0 0 0;
    background: repeating-linear-gradient(56deg, #9d98f3, transparent 977px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 13px;
    padding: 30px 40px;
}
.graphicsdesset11s h5 {
    background: repeating-linear-gradient(45deg, #9d98f3, #9d98f3 1000px);
    padding: 10px;
    border-radius: 12px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 66%;
    width: 301px;
    z-index:10;
}
.graphicsdesset11:hover img {
animation:ifadlash linear 2s infinite;
}
.gpics h6  i {margin: 0 10px 0px 0px;}
.gpics{
    border-radius: 12px;
    padding: 18px;
    transition-duration: 2s;
}
.gpics:hover{animation: mymove 5s infinite;transition-duration: 2s;}
@keyframes mymove {
  from {background-color:#9d98f3; background-size: 0%;}
  to {background-color: #9d98f3; background-size: 100%;}
}
.gpics h6 {
    font-size: 25px;
    color: #5e3e94;
}
#gpics {
    text-align: center;
    font-weight: bolder;
}
.graphicsdesset12 h5 {
    text-align: left;
    font-size: 47px;
    margin: 74px 0 0 0;
}
.graphicsdesset12 p b{
    font-size: 42px;
    color: #5e3e94;
}
/*faq*/
.graphicsdesset16 section {
    padding: 60px;
}
.graphicsdesset16 a,.graphicsdesset16  a:hover,.graphicsdesset16 a:focus,.graphicsdesset16 a:active {
    text-decoration: none;
    outline: none;
}
.graphicsdesset16 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.card-body{
    font-family: "Josefin Sans", sans-serif;
    font-size: 19px;
}
.graphicsdesset13 h5 {
    text-align: center;
    font-size: 47px;
    margin: 30px 10px 0px 10px;
}
.graphicsdesset14 h5 {
    text-align: left;
    font-size: 58px;
    color: #5e3e94;
    margin: 20px 0 0px 0;
}
.graphicsdesset14 h6 {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    margin: 0px 0 0 0;
}
.dfd{
    text-align: center;
}
.section-title h4 span{

    font-size: 44px;
    color: #5e3e94;

}
option{
    background: white;
}
.stepss p{
    margin: 0 0 30px 0;
}
.dfaa{
    margin: 40px;
}
.dfd button {
    margin: 11px 0 5px 0;
    font-size: 22px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    padding: 10px;
    border-radius: 12px;
    font-weight: 900;
    box-shadow: 1px 1px 1px 1px dfd;
}
.dfd  img{    width: 72%;}
.graphicsdesset15 h5 {
    text-align: center;
    font-size: 40px;
    margin: 51px 0 46px 0;
}
.graphicsdesset15 img{
    width: 71%;
    filter: drop-shadow(0px 1px 3px black);
}
.graphicsdesset14:hover img{
animation:ifalash linear 2s infinite ;
}
.graphicsdesset15 ul>li{
    margin: -40px 0 0 39px;
}
@keyframes ifalash{
    0%{ transform: translateX(10%); opacity: 1; transition-duration: 2s;}
    100%{ transform: translateX(85%); opacity: 0; transition-duration: 2s;}

}
@keyframes ifadlash{
    0%{ transform: translateY(85%); opacity: 1; transition-duration: 2s;}
    100%{ transform: translateY(10%); opacity: 0; transition-duration: 2s;}

}
.graphicsdesset15 ul>i{
    color: #085696;
}
#topicsform h4 {
    text-align: center;
    font-size: 49px;
    padding: 12px;
    margin: 0px 0  11px 104px;
}
/*popup form design*/
.Customized-App-form2 {
    transform: translate(166px, 51px);
    background: linear-gradient(45deg, #99e9c4, #aaefc7a3);
    background-size: 10px;
    max-width: 80%;
    border-width: 8px;
    height: auto;
    border-radius: 10px;
}

.Customized-App-form2 img{
    width: 173px;
    position: absolute;
    transition-duration: 2s;

}
.Customized-App-form2:hover img{ transform: scaleX(-1);
transition-duration: 2s;}
.Customized-App-form2 form{
    text-transform: capitalize;
}
.form-group label {
    float: left;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
    display: table-cell;
    position: relative;
}
.form-popup-bg2 {
  position: fixed;
  left: 0;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  overflow-y: auto;
  z-index: 100000;  
}
.form-popup-bg2.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 1.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 1.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-popup-bg2:before{
    content:'';
    background-color: #fff;
    opacity: .25;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.topicsform {
    padding: 24px;
}
.topicsform h4 {
    text-align: center;
    font-size: 41px;
    padding: 12px;
    margin: 0px 0  11px 0;
}
.topicsform button {
    width: 100%;
    background: #1a1a1a;
    padding: 10px;
    text-transform: capitalize;
    border-bottom: darkblue;
    border-radius: 12px;
    filter: drop-shadow(2px 4px 6px black);
    font-size: 20px;
    font-weight: 800;
    color: #8ac0a3;
    transition-duration: 2s;
}
.topicsform button:hover{
     background: #8ac0a3;
     transition-duration: 2s;
     color: #1a1a1a;
     filter: none;
}
.r-cards--left-384 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 384px 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.r-cards__purple {
    z-index: 1;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-style: dotted;
    background-position: 122% 60%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 681px 972px,auto;
    border-radius: 6px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    line-height: 160%;
    display: flex;
    position: relative;
    height: 400px;
    margin: 0 0 73px 0;
    overflow: scroll;
    overflow-x: hidden;
    border-width: 2px;
}
.r-title--30 {
    font-size: 30px;
    font-weight: 400;
    line-height: 38px
}
.r-title--30.pad-r--m40-d20 {
    padding-right: 20px
}
.r-check-icon--24 {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}
.r-cards__list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex
}
.r-cards__item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.r-cards__circle--white {
    background-color: #ffffff29;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}
.r-cards__gray {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--r-bg-gray);
    color: #000;
    border-radius: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex
}
.r-cards__circle--gradient {
    color: var(--white);
    background-color: #212121;
    background-image: linear-gradient(135deg,#5c5cd7b8,#a451eeb8),linear-gradient(315deg,#e9aac3,#b27ac4);
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}
.r-icon--24 {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}
.r-cards__content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex
}
.r-text--gray-14 {
    color: var(--r-text-gray);
    font-size: 14px;
    line-height: 22px
}
.r-cards__top {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex
}
.r-cards__icon {
    z-index: 1;
    position: absolute;
    top: 16px;
    right: 16px
}
.r-width--864 {
    max-width: 864px
}
.hero {
    padding-top: 7.5rem;
    position: relative
}
@media (width<=80rem) {
    .hero {
        padding-top: 6.5rem
    }
}
.hero__inner {
    background-color: #f5f6fb;
    background-image: image-set("hero-hero_bg.jpg" 1x,"hero-hero_bg.webp" 1x);
    background-position: 50%;
    background-size: cover;
    position: relative
}
@media (width<=50rem) {
    .hero__inner: before {
        content:"";
        pointer-events: none;
        background-image: linear-gradient(#fff 0,#0000 100%);
        height: 1rem;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .hero__inner:after {
        content: "";
        pointer-events: none;
        background-image: linear-gradient(0deg,#fff 0,#0000 100%);
        height: 2rem;
        display: block;
        position: absolute;
        bottom: 3.4rem;
        left: 0;
        right: 0
    }
}
.hero__content {
    grid-template-columns: 1fr 25.25rem;
    grid-template-areas: "h1 form""features form""ratings form";
    justify-content: space-between;
    align-items: start;
    gap: 2.5rem 7.5rem;
    padding-top: 4rem;
    padding-bottom: 5rem;
    display: grid
}
@media (width<=80rem) {
    .hero__content {
        grid-template-columns: 4fr 3fr;
        gap: 2.5rem 2rem
    }
}
@media (width<=50rem) {
    .hero__content {
        grid-template-columns: 1fr;
        grid-template-areas: "h1""form""features""ratings";
        gap: 1.5rem;
        padding-top: .5rem;
        padding-bottom: 0
    }
}
.hero__h1 {
    font-size: var(--font-size-xxl);
    line-height: var(--line-height-xxl);
    grid-area: h1;
    max-width: 36rem;
    font-weight: 700;
}
.hero__h1[data-heading-hidden=true]:before {
    content: "A-Plus Homework Help For All"
}
@media (width<=50rem) {
    .hero__h1 {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxxl)
    }
}
.hero__features-list {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    flex-wrap: wrap;
    grid-area: features;
    justify-content: start;
    align-items: center;
    margin-top: -.5rem;
    margin-bottom: 0;
    margin-left: -.5rem;
    padding-left: 0;
    font-weight: 400;
    list-style: none;
    display: flex
}
@media (width<=50rem) {
    .hero__features-list {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s);
        margin-top: -.25rem;
        margin-left: -.25rem
    }
}
.hero__feature-item {
    background-color: var(--c-white);
    border-radius: 2rem;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    gap: .75rem;
    margin: .5rem;
    padding: .25rem 1rem .25rem .25rem;
    display: grid
}
@media (width<=50rem) {
    .hero__feature-item {
        gap: .375rem;
        margin: .25rem;
        padding: .125rem .5rem .125rem .125rem
    }
}
.hero__feature-item-icon {
    color: var(--c-green-normal);
    background-color: var(--c-green-light);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}
@media (width<=50rem) {
    .hero__feature-item-icon {
        width: 1.5rem;
        height: 1.5rem
    }
}
.hero__feature-item-icon svg {
    width: 1.25rem;
    height: 1.25rem
}
@media (width<=50rem) {
    .hero__feature-item-icon svg {
        width: .75rem;
        height: .75rem
    }
}
.hero__ratings {
    background-color: var(--c-white);
    border-radius: .75rem;
    grid-area: ratings;
    grid-template-columns: repeat(3,auto);
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
    padding: 1.75rem 2rem;
    display: grid;
    box-shadow: 0 16px 48px #00000014
}
@media (width<=50rem) {
    .hero__ratings {
        z-index: 1;
        margin-top: 1rem;
        padding: 1rem;
        position: relative
    }
}
.hero__ratings-item {
    grid-auto-flow: column;
    align-items: center;
    gap: 1rem;
    display: grid
}
@media (width<=80rem) {
    .hero__ratings-item {
        grid-auto-flow: row;
        gap: 0
    }
}
.hero__ratings-item-value {
    grid-auto-flow: column;
    align-items: center;
    gap: .5rem;
    display: grid
}
@media (width<=80rem) {
    .hero__ratings-item-value {
        order: 2;
        justify-content: center
    }
}
.hero__ratings-item-value:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C12.346 2 12.662 2.19643 12.8152 2.5067L15.413 7.7695L21.2224 8.61863C21.5647 8.66867 21.8489 8.90867 21.9557 9.23777C22.0624 9.56687 21.973 9.928 21.7252 10.1694L17.5223 14.263L18.5142 20.0463C18.5727 20.3874 18.4324 20.7321 18.1525 20.9355C17.8725 21.1388 17.5013 21.1656 17.195 21.0046L12 18.2725L6.80497 21.0046C6.49868 21.1656 6.12751 21.1388 5.84753 20.9355C5.56755 20.7321 5.42733 20.3874 5.48583 20.0463L6.47772 14.263L2.27481 10.1694C2.02698 9.928 1.93764 9.56687 2.04435 9.23777C2.15105 8.90867 2.43531 8.66867 2.77764 8.61863L8.58704 7.7695L11.1848 2.5067C11.338 2.19643 11.654 2 12 2Z' fill='%23FFCB47'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    display: block
}
.hero__form {
    background-color: var(--c-gray-light);
    border-radius: 1rem;
    grid-area: form;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 2.5rem;
    display: grid;
    position: relative
}
@media (width<=50rem) {
    .hero__form {
        gap: 1rem;
        padding: 1.25rem
    }
}
.hero__form:before {
    content: "";
    background-image: url(_shared-img-arrow.svg);
    background-position: 50% 10.75rem;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7.25rem;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% + 3.25rem)
}
@media (width<=80rem) {
    .hero__form: before {
        content:none
    }
}
.hero__form:after {
    content: "Not AI Generated";
    writing-mode: vertical-lr;
    color: var(--c-white);
    background-color: var(--c-violet-normal);
    border-radius: 0 .25rem .25rem 0;
    width: max-content;
    padding: .625rem;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    top: 3.25rem;
    right: 100%;
    transform: rotate(-180deg)
}
@media (width<=50rem) {
    .hero__form: after {
        content:none
    }
}
.hero__field {
    gap: .5rem;
    display: grid
}
.hero__field-label {
    justify-self: start;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4
}
.hero__submit-wrap {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 8px;
    display: grid
}
.hero__submit-text {
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    display: grid
}
.hero__submit-text svg {
    width: 1.5rem;
    height: 1.5rem
}
.hero__input--select {
    background-image: url(_shared-img-icon_black_arrow_down.svg);
    background-position: right .875rem top .625rem;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    padding-right: 2.75rem
}
/*radio*/
/* Container */
.topicschose {
    margin: 104px 0px -181px 0px;
    background: #30854d;
    padding: 23px;
    border-radius: 0px;
}
.topicschose p {
    margin: 15px 0 23px 406px;
    font-size: 21px;
    text-transform: capitalize;
    font-style: italic;
}
.topicschose h4 span {
    background: #bbbbd3;
    padding: 9px;
    font-size: 15px;
    border-radius: 100%;
    margin: 5px 0 0 0;
    margin: 0 0 19px0 0;
}
.topicschose h4 {
    text-align: center;
    background: #eaeaf1;
    width: 20%;
    position: relative;
    font-family: sans-serif;
    padding: 2px;
    border-radius: 35px;
    left: 42%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 16px;
}
.topicschose .bxe {
    margin: 40px 0 23px 726px;
}
.topicschose h3 {
    text-align: center;
    font-size: 64px;
    color: #ffb300;
}
.topicschose  p,{
    font-family: sans-serif;
    font-size: 19px;
    text-align: center;
    line-height: 32px;
}
.r-journal__forms {
    display: flex;
    flex-direction: row;
    gap: 59px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #ddd;
    max-width: 62%;
    left: 1;
    position: relative;
    left: 21%;
}
/* Container */
/* Each option */
.r-radio--main {
    position: relative;
    padding: 12px 20px 12px 50px; /* leave space for circle */
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
    display: flex;
    align-items: center;
}
/* Hover effect */
.r-radio--main:hover {
    border-color: #007bff;
    background-color: #e9f5ff;
}
/* Custom circle for tick */
.r-radio--main::before {
    content: '';
    position: absolute;
    left: 15px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.3s ease;
}
/* Tick mark */
.r-radio--main.r-active::after {
    content: '✔';
    position: absolute;
    left: 17px;
    top: 10px;
    font-size: 18px;
    color: #007bff;
}
/* Active option background */
.r-radio--main.r-active {
    border-color: #007bff;
    background-color: #e6f0ff;
    color: #000;
    font-weight: bold;
}
.r-radio__label {
    font-size: 16px;
    user-select: none;
}
.topicsdesigner h4 {
    text-align: left;
    font-size: 111px;
    margin: 40px 0 0 0;
}
.topicsdesigner ul>li {
    background: #d8d8e7;
    padding: 10px 0 10px 0;
    width: 30%;
    text-align: center;
    transition-duration: 2s;
    border-radius: 26px;
    margin: 0 0 0 9px;
}
.topicsdesigner ul>li>span {
    background: #ffffff;
    padding: 10px 7px 9px 10px;
    border-radius: 48px;
    /* height: 40px; */
    /* width: 40px; */
    /* position: relative; */
}
.topicsdesigner ul>li:hover {
    transform: scale(1.1);
    transition-duration: 2s;
    border-style: solid;
}
.topicsdesigner .aeassy ul{
    font-family: sans-serif;
    font-size: 19px;
    text-align: justify;
    line-height: 32px;
    display: flex;
    margin: 17px 0 20px 0;
}
.topicsdesigner p {
    font-family: sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 32px;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 -94px 0 94px;
}
.topicsdesset7 img {
    width: 47%;
    right: 908px;
    top: -75px;
    position: absolute;
    margin: 0;
}
.topicsdes i {
    color: #254e8e;
}
.iclsa {
    font-size: 34px!important;
    position: absolute;
    left: 86%;
    top: 7px;
    background: #195292;
    width: 13%;
    height: 15%;
    padding: 13px 12px 18px 12px;
    color: white!important;
}
.topicsdesset2 ul>li {
    margin: -42px 0 0 43px;
}
.eassytopicsa ul>li>span{
    /* background: darkblue; */
    border-bottom: 3px double darkblue;
    padding: 6px;
    text-align: left;
    font-weight: 800;
    padding: 0 0 0 0;
}
.eassytopicsa h4 {
    padding: 10px;
    background: repeating-linear-gradient(45deg, #a8dfff, transparent 234px);
    width: 97%;
    border-radius: 12px 12px 12px 12px;
    text-align: center;
}
.topicsdesigner {
    background: #81cd96;
    padding: 15px 237px;
    margin: 0 0  121px 0;
}
.topicsdesset4 button {
    background: repeating-linear-gradient(359deg, #0e78ef, transparent 257px);
    padding: 30px;
    width: 17%;
    position: relative;
    left: 42%;
    color: #000000;
    border-radius: 13px;
    /* opacity: 4.1; */
    font-size: 23px;
    margin: 45px 0 81px  0;
    font-family: 'Lilita One';
    /* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */
    box-shadow: 4px 7px 11px 2px;
}
.topicsdesset6 p {
    position: relative;
    left: 20%;
    text-align: center;
    font-size: 23px;
    line-height: 97px;
    margin: -33px 0 2px  0;
}
.Customized-App-form2 {
    transform: translate(115px, 204px);
}






.topicschose img {
    position: absolute;
    left: 79%;
    width: 23%;
    /* bottom: 45%; */
}
.topicsdesset3 img {
    position: absolute;
    width: 16%;
    top: 13px;
    left: 49px;
}


.topic-projectfrm {
    margin: 0 0 97px 0;
}
.topic-projectfrm h3 {
    margin: 149px 0 36px 0;
    font-size: 34px;
    text-align: left;
    font-family: 'Roboto Slab';
    font-weight: 700;
}
.faqs {
    padding: 0px 52px 0 51px;
    max-width: 41%;
    border-radius: 12px;
    margin: -52px 56px -40px 1px;
    background: repeating-linear-gradient(142deg, #e7e7e7, #c5ffe2 598px);
}
.topic-projectfrm p {
    display: none;
    font-size: 18px;
    font-style: italic;
    margin: -14px 0 30px 28px;
}
.topic-projectfrm h4 {
    margin: -31px 0 32px 24px;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 20px;
    padding: 10px;
    border-radius: 12px;
    background: white;
}
.topic-projectfrm h4:hover{
  transition-duration: 2s;
    border-bottom: 1px dotted darkblue;
    background: #e1e1e3;
}
.topic-projectfrm i {
    border-radius: 12px;
    background: #e3e3e3;
    padding: 8px;
    font-weight: 700;
    color: #000759;
}
.topic-projectfrm span {
    background: #ffffff;
    padding: 7px;
    border-radius: 7px;
    color: #1a9b69;
}
.frmdes h5 {
    margin: 73px 158px 35px 158px;
    font-size: 34px;
    font-weight: 700;
    text-transform: capitalize;
    color: darkblue;
    text-align: center;
}
.frmdes label,.frmdsec label{
    border: none;
    font-weight: 700;
    font-size: 15px;
    background: none;
    margin: 0 0 0 -9px;
    font-family: sans-serif;
    text-transform: capitalize;
}

.frmdes input{
    background: white;
    border-bottom: 1px darkblue dotted;
    border-top: 1px darkblue dotted;
    border-left: 0px darkblue dotted;
    border-right: 0px darkblue dotted;
}
.frmdes input:hover{
    border-top: 0px darkblue dotted;
}
.frmdes {
    margin: 70px 129px 0 133px;
    padding: 10px 44px 10px 44px;
    border-radius: 15px;
    background: #d3e7ee;
    border: 1px darkblue dotted;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #003064;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 24 94 / 25%);
}
.frmdes h5 {
    margin: 12px 119px 35px 119px;
    font-size: 34px;
    font-weight: 700;
    line-height: 49px;
    text-transform: capitalize;
    color: #0e9d73;
    text-align: center;
}
.frmdsec    input:hover{}

.frmdsec h5 {
    margin: 0px 0 33px 0;
    font-size: 54px;
    line-height: 69px;
    font-weight: 900;
    font-family: 'Oswald';
    text-align: center;
    color: #0e9d73;
}
.frmdsec  form {
    margin: 0px 0 0 0px;
}
.frmdsec {
    padding: 17px 20px;
    margin: 26px  -125px 33px 0px;
    border-radius: 12px;
    box-shadow: 0px 2px 13px 0px darkblue;
    background: #ebebf1;
}

.frmdsec:hover input{
  background: darkgray;
  color: darkblue;
  font-weight: 500;
}
.frmdsec:hover select{  background: darkgray;
  color: darkblue;
  font-weight: 500;}
.frmdsec button {
    color: white;
    background: #0e9d73;
    cursor: pointer;
}
.frmdsec button:hover{
    color: white;
    background: #f5830a;
}


/*newmodification*/

.topic-projectfrm {
    margin: 0 0 97px 0;
    background: #c5ffe2;
}
.topic-projectfrm {
    margin: 0 0 97px 0;
    background: #c5ffe2;
    padding: 0 272px;
}
.topicsdesset2 {
    margin: 65px 0 0 0;
    background: #f0f0ff;
    padding: 70px 68px 20px 71px;
}


.topicsdesset3 {
    background: #b0f3d7;
    border-radius: 12px;
    filter: drop-shadow(2px 4px 6px black);
    margin: 102px 0 100px 0;
}
.topicschose {
    margin: 104px 0px 100px 0px;
    background: #30854d;
    padding: 23px;
    border-radius: 0px;
}
.topicschose p {
    margin: 15px 0 23px 362px;
    font-size: 21px;
    text-transform: capitalize;
    font-style: italic;
}
.asa{
    left: 73%!important;
    animation: zoomFade 4s ease-in-out infinite alternate;
  }

  /* keyframes define pannrom */
  @keyframes zoomFade {
    0% {
      transform: scale(1);
      opacity: 0.6;
    }
    100% {
      transform: scale(1.1);
      opacity: 1;
    }
  }










































/*-----------------------------------------------------------------Responsive for Mobile-----------------------------------------------------------------------------------------------------*/
@media (min-width: 321px) and (max-width: 375px) {
.topicsdes {
    margin: -117px 0 168px 0;
}

.topicsdes p, .topicsdes ul, .topicsdes li, .topicsdes span {
    font-size: 17px;
    line-height: 30px;
} 
.topicsdesset1 h1 {
    font-size: 26px;
}  
.topicsdesset1 img {
    width: 100%;
    margin: 0px 10px 0px 0px;
}
.topicsdesset2 {
    margin: 105px 0 0 0;
    background: #f0f0ff;
    padding: 0px 16px 20px 25px;
}
.topicsdesset2 h2 {
    margin: 22px 0 0 0;
    font-size: 20px;
}
.graphicsdesset16 section {
    padding: 0px;
    width: 100%;
    margin: 8px 0 0% -10px;
    min-height: 80vh;
}
.faq .section-title h2 {
    margin-bottom: 10px;
}
.section-title h2 span {
    font-size: 34px;
}
.topicsdesset3 h3 {
    font-size: 22px;
    margin: 10px 0 5px 0;
    padding: 11px;
}
.bxe {
    width: 244px;
    font-size: 17px;
    height: 53px;
    margin: 0 0 32px 20px;
}
.topicsdesset4 h4 {
    font-size: 24px;
    margin: 37px -4px 10px 0;
}
.topicsform h4 {
    text-align: justify;
    font-size: 21px;
    padding: 12px;
    margin: 0px 0  0px 0;
}
.Customized-App-form2 {
    transform: translate(0px, 51px);
    max-width: 100%;
}
.topicsform {
    padding: 9px;
}
.form-group {
    margin-bottom: 1px;
}
.form-group label {
    margin-top: 5px;
}
.Customized-App-form2 {
    max-width: 100%;
    height: 749px;
}
#topicsform h4 {
    font-size: 20px;
    padding: 12px;
    margin: 0px -18px  11px 56px;
}
.Customized-App-form2 img {
    width: 116px;
    left: -5%;
}
#topicsform h4 {
    font-size: 19px;
    padding: 13px;
    line-height: 29px;
    margin: -5px -18px  11px 40px;
}
.stepss h5 {
    font-size: 20px;
    margin: 85px 0 9px 0;
    line-height: 30px;
}

.content {
      align-items: baseline;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.topicsform button {
    width: 100%;
    padding: 9px;
    font-size: 18px;
    margin: 9px 0 3px 0;
}
.content .list {
    width: 100%;
}
.content .text-content {
    width: 101%;
    height: 100%;
    margin: 68px 0 0 0;
}
.text {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    margin: 0;
    color: black;
}
.topicsdesset6 {
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.topicsdesset6 h2 {
    font-size: 22px;
    line-height: 33px;
    padding: 39px 0px 20px 0px;
}
.boxe {
    width: 248px;
    font-size: 22px;
}
.topicsdesset7 h3 {
    font-size: 22px;
    margin: 53px 0 10px 0;
}
.buttons {
    margin-top: 30px;
}
.topicsdesset7 img {
    width: 100%;
    margin: 0px 0 0 0px;
}
.graphicsdesset8 h3 {
    margin: 10px 0 19px 0;
    font-size: 20px;
    line-height: 31px;
}
.count-up {
    display: flex;
    flex-direction: column;
}
.countert {
    transform: scale(1);
}
.section-title h4 span {
    font-size: 39px;
    line-height: 45px;
    margin: 0 0 0 0;
}
.cntip span {
    z-index: 10;
    font-size: 48px;
}
.countert h6 {
    font-size: 20px;
}
.count-numbers {
    font-size: 29px;
    margin: 0 0 0 -31px;
}
.graphicsdesset10 h3 {
    text-align: center;
    font-size: 24px;
    margin: 2px 0 0 0;
}
.graphicsdesset10 h3 span {
    font-size: 24px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 40px 10px 39px 10px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 64%;
    width: 31%;
    bottom: -19%;
}
.blob-btn, .blob-btns {
    padding: 8px 13px;
    margin-bottom: 30px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 0px 10px 19px 10px;
}
.graphicsdesset11s {
    margin: 11px 0 0 0;
    padding: 25px 0px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 17px;
    width: 57%;
    margin: 0px 10px 19px 10px;
}
.col-lg-12 h5:nth-child(2) {
    width: 103%;
}
.graphicsdesset11s h5 {
    padding: 10px;
    border-radius: 12px;
    font-size: 16px;
}
.col-lg-12 p:nth-child(3) {
    width: 100%;
}
.graphicsdesset10 h4 {
    width: 74%;
    margin: -59px 10px 10px 79px;
    font-size: 19px;
}
.gdcl {
    margin: 0 0 12px 0;
}
.col-lg-12 h5:nth-child(4),.col-lg-12 p:nth-child(5),.col-lg-12 h5:nth-child(6),.col-lg-12 p:nth-child(7),.col-lg-12 h5:nth-child(8),
.col-lg-12 p:nth-child(9) {
    width: 100%;
}
.graphicsdesset12 h5 {
    text-align: left;
    font-size: 23px;
    margin: 24px 0 0 0;
}
.graphicsdesset13 h5 {
    font-size: 27px;
    margin: 30px 10px 0px 10px;
}
.graphicsdesset14 h5 {
    font-size: 24px;
    margin: 20px 0 0px 0;
}
.graphicsdesset14 h6 {
    font-size: 24px;
    line-height: 37px;
    margin: 0px 0 0 0;
}
.boe {
    width: 100%;
    font-size: 17px;
    margin: 0;
    height: 53px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 73%;
    width: 22%;
}
.Customized-App-form2 {
    transform: translate(0px, 63px);
}
.eassytopicsa h4 {
    padding: 10px;
    background: repeating-linear-gradient(45deg, #a8dfff, transparent 234px);
    width: 100%;
    font-size: 20px;
    border-radius: 12px 12px 12px 12px;
    text-align: left;
}
.Customized-App-form2 {
    transform: translate(5px, 56px);
}
.iclsa {
    font-size: 15px!important;
    position: absolute;
    left: 83%;
    top: 7px;
    background: #195292;
    width: 14%;
    height: 10%;
    padding: 13px 12px 18px 12px;
    color: white!important;
}
.topicsdesset3 h4 {
    text-align: center;
    font-size: 22px;
}
.topicsdesset3 {
    margin: 52px 0 -45px 0;
}
.topicsdesset3 ul {
    position: relative;
    left: 6%;
    display: block;
}
.topicschose h3 {
    text-align: center;
    font-size: 24px;
    color: #ffb300;
}
.topicschose p {
    margin: 15px 0 23px 4px;
    font-size: 16px;
}
.r-journal__forms {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 15px;
    max-width: 100%;
    left: 1;
    left: 0%;
}
.topicschose .bxe {
    margin: 40px 0 23px 18px;
}
.topicschose h4 {
    width: 100%;
    padding: 2px;
    left: 0%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 15px;
}
.topicschose {
    margin: 104px 0px -27px 0px;
}
.topicsdesset4 button {
    padding: 10px;
    width: 92%;
    position: relative;
    left: 15px;
    font-size: 23px;
    margin: 45px 0 81px  0;
}
.topicsdesigner {
    padding: 15px 20px;
    margin: 0 0  121px 0;
}
.topicsdesigner h4 {
    text-align: left;
    font-size: 26px;
    margin: 4px 0 0 0;
}
.topicsdesigner ul>li {
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0 0 0 9px;
}
.topicsdesigner .aeassy ul {
    font-family: sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 32px;
    gap: 16px;
    display: flex;
    margin: 17px 0 20px 0;
    flex-direction: column;
}
.topicsdesset6 {
    text-align: center;
    font-size: 20px;
    left: 0;
    width: 100%;
    padding: 18px 25px 20px 14px;
    margin: 23px 0 45px 0;
}
.topicsdesset6 p {
    position: relative;
    left: 0%;
    text-align: center;
    font-size: 16px;
    line-height: 97px;
    margin: 0 2px 20px 0;
}
.topicsdesset7 img {
    width: 47%;
    right: 192px;
    top: 0;
    position: absolute;
    margin: 0;
}
.topicsdesset7 img {
    /* width: 100%; */
    /* margin: 0px 0 0 0px; */
    display: none;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 4px 0 0px;
    width: 99%;
}



.topic-projectfrm {
    margin: 0 0 178px 0;
    background: #c5ffe2;
    padding: 0 31px;
}
.topic-projectfrm h3 {
    margin: 34px 0 36px 0;
    font-size: 23px;
    text-align: center;
}
.faqs {
    padding: 0px 0px 0 0px;
    max-width: 100%;
    margin: -52px 0px -40px 0px;

}
.frmdsec {
    padding: 17px 20px;
    margin: 26px  5px 33px 0px;
}
.frmdsec h5 {
    margin: 0px 0 0px 0;
    font-size: 24px;
    line-height: 41px;
}
.topicsdesset3 img {
    display: none;
}
.topicschose img {
    display: none;
}
}
@media (min-width: 376px) and (max-width: 425px) {
.topicsdes {
    margin: -117px 0 168px 0;
}

.topicsdes p, .topicsdes ul, .topicsdes li, .topicsdes span {
    font-size: 17px;
    line-height: 30px;
} 
.topicsdesset1 h1 {
    font-size: 26px;
}  
.topicsdesset1 img {
    width: 100%;
    margin: 0px 10px 0px 0px;
}
.topicsdesset2 {
    margin: 105px 0 0 0;
    background: #f0f0ff;
    padding: 0px 16px 20px 25px;
}
.topicsdesset2 h2 {
    margin: 22px 0 0 0;
    font-size: 20px;
}
.graphicsdesset16 section {
    padding: 0px;
    width: 100%;
    margin: 8px 0 0% -10px;
    min-height: 80vh;
}
.faq .section-title h2 {
    margin-bottom: 10px;
}
.section-title h2 span {
    font-size: 34px;
}
.topicsdesset3 h3 {
    font-size: 22px;
    margin: 10px 0 5px 0;
    padding: 11px;
}
.bxe {
    width: 244px;
    font-size: 17px;
    height: 53px;
    margin: 0 0 32px 20px;
}
.topicsdesset4 h4 {
    font-size: 24px;
    margin: 37px -4px 10px 0;
}
.topicsform h4 {
    text-align: justify;
    font-size: 21px;
    padding: 12px;
    margin: 0px 0  0px 0;
}
.Customized-App-form2 {
    transform: translate(0px, 51px);
    max-width: 100%;
}
.topicsform {
    padding: 9px;
}
.form-group {
    margin-bottom: 1px;
}
.form-group label {
    margin-top: 5px;
}
.Customized-App-form2 {
    max-width: 100%;
    height: 749px;
}
#topicsform h4 {
    font-size: 20px;
    padding: 12px;
    margin: 0px -18px  11px 56px;
}
.Customized-App-form2 img {
    width: 116px;
    left: -5%;
}
#topicsform h4 {
    font-size: 19px;
    padding: 13px;
    line-height: 29px;
    margin: -5px -18px  11px 40px;
}
.stepss h5 {
    font-size: 20px;
    margin: 85px 0 9px 0;
    line-height: 30px;
}

.content {
      align-items: baseline;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.topicsform button {
    width: 100%;
    padding: 9px;
    font-size: 18px;
    margin: 9px 0 3px 0;
}
.content .list {
    width: 100%;
}
.content .text-content {
    width: 101%;
    height: 100%;
    margin: 68px 0 0 0;
}
.text {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    margin: 0;
    color: black;
}
.topicsdesset6 {
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.topicsdesset6 h2 {
    font-size: 22px;
    line-height: 33px;
    padding: 39px 0px 20px 0px;
}
.boxe {
    width: 248px;
    font-size: 22px;
}
.topicsdesset7 h3 {
    font-size: 22px;
    margin: 53px 0 10px 0;
}
.buttons {
    margin-top: 30px;
}
.topicsdesset7 img {
    width: 100%;
    margin: 0px 0 0 0px;
}
.graphicsdesset8 h3 {
    margin: 10px 0 19px 0;
    font-size: 20px;
    line-height: 31px;
}
.count-up {
    display: flex;
    flex-direction: column;
}
.countert {
    transform: scale(1);
}
.section-title h4 span {
    font-size: 39px;
    line-height: 45px;
    margin: 0 0 0 0;
}
.cntip span {
    z-index: 10;
    font-size: 48px;
}
.countert h6 {
    font-size: 20px;
}
.count-numbers {
    font-size: 29px;
    margin: 0 0 0 -31px;
}
.graphicsdesset10 h3 {
    text-align: center;
    font-size: 24px;
    margin: 2px 0 0 0;
}
.graphicsdesset10 h3 span {
    font-size: 24px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 40px 10px 39px 10px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 64%;
    width: 31%;
    bottom: -19%;
}
.blob-btn, .blob-btns {
    padding: 8px 13px;
    margin-bottom: 30px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 0px 10px 19px 10px;
}
.graphicsdesset11s {
    margin: 11px 0 0 0;
    padding: 25px 0px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 17px;
    width: 57%;
    margin: 0px 10px 19px 10px;
}
.col-lg-12 h5:nth-child(2) {
    width: 103%;
}
.graphicsdesset11s h5 {
    padding: 10px;
    border-radius: 12px;
    font-size: 16px;
}
.col-lg-12 p:nth-child(3) {
    width: 100%;
}
.graphicsdesset10 h4 {
    width: 74%;
    margin: -59px 10px 10px 79px;
    font-size: 19px;
}
.gdcl {
    margin: 0 0 12px 0;
}
.col-lg-12 h5:nth-child(4),.col-lg-12 p:nth-child(5),.col-lg-12 h5:nth-child(6),.col-lg-12 p:nth-child(7),.col-lg-12 h5:nth-child(8),
.col-lg-12 p:nth-child(9) {
    width: 100%;
}
.graphicsdesset12 h5 {
    text-align: left;
    font-size: 23px;
    margin: 24px 0 0 0;
}
.graphicsdesset13 h5 {
    font-size: 27px;
    margin: 30px 10px 0px 10px;
}
.graphicsdesset14 h5 {
    font-size: 24px;
    margin: 20px 0 0px 0;
}
.graphicsdesset14 h6 {
    font-size: 24px;
    line-height: 37px;
    margin: 0px 0 0 0;
}
.boe {
    width: 100%;
    font-size: 17px;
    margin: 0;
    height: 53px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 73%;
    width: 22%;
}
.Customized-App-form2 {
    transform: translate(0px, 63px);
}
.eassytopicsa h4 {
    padding: 10px;
    background: repeating-linear-gradient(45deg, #a8dfff, transparent 234px);
    width: 100%;
    font-size: 20px;
    border-radius: 12px 12px 12px 12px;
    text-align: left;
}
.Customized-App-form2 {
    transform: translate(5px, 56px);
}
.iclsa {
    font-size: 15px!important;
    position: absolute;
    left: 83%;
    top: 7px;
    background: #195292;
    width: 14%;
    height: 10%;
    padding: 13px 12px 18px 12px;
    color: white!important;
}
.topicsdesset3 h4 {
    text-align: center;
    font-size: 22px;
}
.topicsdesset3 {
    margin: 52px 0 -45px 0;
}
.topicsdesset3 ul {
    position: relative;
    left: 6%;
    display: block;
}
.topicschose h3 {
    text-align: center;
    font-size: 24px;
    color: #ffb300;
}
.topicschose p {
    margin: 15px 0 23px 4px;
    font-size: 16px;
}
.r-journal__forms {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 15px;
    max-width: 100%;
    left: 1;
    left: 0%;
}
.topicschose .bxe {
    margin: 40px 0 23px 18px;
}
.topicschose h4 {
    width: 100%;
    padding: 2px;
    left: 0%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 15px;
}
.topicschose {
    margin: 104px 0px -27px 0px;
}
.topicsdesset4 button {
    padding: 10px;
    width: 92%;
    position: relative;
    left: 15px;
    font-size: 23px;
    margin: 45px 0 81px  0;
}
.topicsdesigner {
    padding: 15px 20px;
    margin: 0 0  121px 0;
}
.topicsdesigner h4 {
    text-align: left;
    font-size: 26px;
    margin: 4px 0 0 0;
}
.topicsdesigner ul>li {
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0 0 0 9px;
}
.topicsdesigner .aeassy ul {
    font-family: sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 32px;
    gap: 16px;
    display: flex;
    margin: 17px 0 20px 0;
    flex-direction: column;
}
.topicsdesset6 {
    text-align: center;
    font-size: 20px;
    left: 0;
    width: 100%;
    padding: 18px 25px 20px 14px;
    margin: 23px 0 45px 0;
}
.topicsdesset6 p {
    position: relative;
    left: 0%;
    text-align: center;
    font-size: 16px;
    line-height: 97px;
    margin: 0 2px 20px 0;
}
.topicsdesset7 img {
    width: 47%;
    right: 192px;
    top: 0;
    position: absolute;
    margin: 0;
}
.topicsdesset7 img {
    /* width: 100%; */
    /* margin: 0px 0 0 0px; */
    display: none;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 4px 0 0px;
    width: 99%;
}

.topic-projectfrm {
    margin: 0 0 178px 0;
    background: #c5ffe2;
    padding: 0 31px;
}
.topic-projectfrm h3 {
    margin: 34px 0 36px 0;
    font-size: 23px;
    text-align: center;
}
.faqs {
    padding: 0px 0px 0 0px;
    max-width: 100%;
    margin: -52px 0px -40px 0px;

}
.frmdsec {
    padding: 17px 20px;
    margin: 26px  5px 33px 0px;
}
.frmdsec h5 {
    margin: 0px 0 0px 0;
    font-size: 24px;
    line-height: 41px;
}
.topicsdesset3 img {
    display: none;
}
.topicschose img {
    display: none;
}
}
@media (min-width: 426px) and (max-width: 576px) {
.topicsdes {
    margin: -117px 0 168px 0;
}

.topicsdes p, .topicsdes ul, .topicsdes li, .topicsdes span {
    font-size: 17px;
    line-height: 30px;
} 
.topicsdesset1 h1 {
    font-size: 26px;
}  
.topicsdesset1 img {
    width: 100%;
    margin: 0px 10px 0px 0px;
}
.topicsdesset2 {
    margin: 105px 0 0 0;
    background: #f0f0ff;
    padding: 0px 16px 20px 25px;
}
.topicsdesset2 h2 {
    margin: 22px 0 0 0;
    font-size: 20px;
}
.graphicsdesset16 section {
    padding: 0px;
    width: 100%;
    margin: 8px 0 0% -10px;
    min-height: 80vh;
}
.faq .section-title h2 {
    margin-bottom: 10px;
}
.section-title h2 span {
    font-size: 34px;
}
.topicsdesset3 h3 {
    font-size: 22px;
    margin: 10px 0 5px 0;
    padding: 11px;
}
.bxe {
    width: 244px;
    font-size: 17px;
    height: 53px;
    margin: 0 0 32px 20px;
}
.topicsdesset4 h4 {
    font-size: 24px;
    margin: 37px -4px 10px 0;
}
.topicsform h4 {
    text-align: justify;
    font-size: 21px;
    padding: 12px;
    margin: 0px 0  0px 0;
}
.Customized-App-form2 {
    transform: translate(0px, 51px);
    max-width: 100%;
}
.topicsform {
    padding: 9px;
}
.form-group {
    margin-bottom: 1px;
}
.form-group label {
    margin-top: 5px;
}
.Customized-App-form2 {
    max-width: 100%;
    height: 749px;
}
#topicsform h4 {
    font-size: 20px;
    padding: 12px;
    margin: 0px -18px  11px 56px;
}
.Customized-App-form2 img {
    width: 116px;
    left: -5%;
}
#topicsform h4 {
    font-size: 19px;
    padding: 13px;
    line-height: 29px;
    margin: -5px -18px  11px 40px;
}
.stepss h5 {
    font-size: 20px;
    margin: 85px 0 9px 0;
    line-height: 30px;
}

.content {
      align-items: baseline;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.topicsform button {
    width: 100%;
    padding: 9px;
    font-size: 18px;
    margin: 9px 0 3px 0;
}
.content .list {
    width: 100%;
}
.content .text-content {
    width: 101%;
    height: 100%;
    margin: 68px 0 0 0;
}
.text {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    margin: 0;
    color: black;
}
.topicsdesset6 {
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.topicsdesset6 h2 {
    font-size: 22px;
    line-height: 33px;
    padding: 39px 0px 20px 0px;
}
.boxe {
    width: 248px;
    font-size: 22px;
}
.topicsdesset7 h3 {
    font-size: 22px;
    margin: 53px 0 10px 0;
}
.buttons {
    margin-top: 30px;
}
.topicsdesset7 img {
    width: 100%;
    margin: 0px 0 0 0px;
}
.graphicsdesset8 h3 {
    margin: 10px 0 19px 0;
    font-size: 20px;
    line-height: 31px;
}
.count-up {
    display: flex;
    flex-direction: column;
}
.countert {
    transform: scale(1);
}
.section-title h4 span {
    font-size: 39px;
    line-height: 45px;
    margin: 0 0 0 0;
}
.cntip span {
    z-index: 10;
    font-size: 48px;
}
.countert h6 {
    font-size: 20px;
}
.count-numbers {
    font-size: 29px;
    margin: 0 0 0 -31px;
}
.graphicsdesset10 h3 {
    text-align: center;
    font-size: 24px;
    margin: 2px 0 0 0;
}
.graphicsdesset10 h3 span {
    font-size: 24px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 40px 10px 39px 10px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 64%;
    width: 31%;
    bottom: -19%;
}
.blob-btn, .blob-btns {
    padding: 8px 13px;
    margin-bottom: 30px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 0px 10px 19px 10px;
}
.graphicsdesset11s {
    margin: 11px 0 0 0;
    padding: 25px 0px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 17px;
    width: 57%;
    margin: 0px 10px 19px 10px;
}
.col-lg-12 h5:nth-child(2) {
    width: 103%;
}
.graphicsdesset11s h5 {
    padding: 10px;
    border-radius: 12px;
    font-size: 16px;
}
.col-lg-12 p:nth-child(3) {
    width: 100%;
}
.graphicsdesset10 h4 {
    width: 74%;
    margin: -59px 10px 10px 79px;
    font-size: 19px;
}
.gdcl {
    margin: 0 0 12px 0;
}
.col-lg-12 h5:nth-child(4),.col-lg-12 p:nth-child(5),.col-lg-12 h5:nth-child(6),.col-lg-12 p:nth-child(7),.col-lg-12 h5:nth-child(8),
.col-lg-12 p:nth-child(9) {
    width: 100%;
}
.graphicsdesset12 h5 {
    text-align: left;
    font-size: 23px;
    margin: 24px 0 0 0;
}
.graphicsdesset13 h5 {
    font-size: 27px;
    margin: 30px 10px 0px 10px;
}
.graphicsdesset14 h5 {
    font-size: 24px;
    margin: 20px 0 0px 0;
}
.graphicsdesset14 h6 {
    font-size: 24px;
    line-height: 37px;
    margin: 0px 0 0 0;
}
.boe {
    width: 100%;
    font-size: 17px;
    margin: 0;
    height: 53px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 73%;
    width: 22%;
}
.Customized-App-form2 {
    transform: translate(0px, 63px);
}
.eassytopicsa h4 {
    padding: 10px;
    background: repeating-linear-gradient(45deg, #a8dfff, transparent 234px);
    width: 100%;
    font-size: 20px;
    border-radius: 12px 12px 12px 12px;
    text-align: left;
}
.Customized-App-form2 {
    transform: translate(5px, 56px);
}
.iclsa {
    font-size: 15px!important;
    position: absolute;
    left: 83%;
    top: 7px;
    background: #195292;
    width: 14%;
    height: 10%;
    padding: 13px 12px 18px 12px;
    color: white!important;
}
.topicsdesset3 h4 {
    text-align: center;
    font-size: 22px;
}
.topicsdesset3 {
    margin: 52px 0 -45px 0;
}
.topicsdesset3 ul {
    position: relative;
    left: 6%;
    display: block;
}
.topicschose h3 {
    text-align: center;
    font-size: 24px;
    color: #ffb300;
}
.topicschose p {
    margin: 15px 0 23px 4px;
    font-size: 16px;
}
.r-journal__forms {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 15px;
    max-width: 100%;
    left: 1;
    left: 0%;
}
.topicschose .bxe {
    margin: 40px 0 23px 18px;
}
.topicschose h4 {
    width: 100%;
    padding: 2px;
    left: 0%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 15px;
}
.topicschose {
    margin: 104px 0px -27px 0px;
}
.topicsdesset4 button {
    padding: 10px;
    width: 92%;
    position: relative;
    left: 15px;
    font-size: 23px;
    margin: 45px 0 81px  0;
}
.topicsdesigner {
    padding: 15px 20px;
    margin: 0 0  121px 0;
}
.topicsdesigner h4 {
    text-align: left;
    font-size: 26px;
    margin: 4px 0 0 0;
}
.topicsdesigner ul>li {
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0 0 0 9px;
}
.topicsdesigner .aeassy ul {
    font-family: sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 32px;
    gap: 16px;
    display: flex;
    margin: 17px 0 20px 0;
    flex-direction: column;
}
.topicsdesset6 {
    text-align: center;
    font-size: 20px;
    left: 0;
    width: 100%;
    padding: 18px 25px 20px 14px;
    margin: 23px 0 45px 0;
}
.topicsdesset6 p {
    position: relative;
    left: 0%;
    text-align: center;
    font-size: 16px;
    line-height: 97px;
    margin: 0 2px 20px 0;
}
.topicsdesset7 img {
    width: 47%;
    right: 192px;
    top: 0;
    position: absolute;
    margin: 0;
}
.topicsdesset7 img {
    /* width: 100%; */
    /* margin: 0px 0 0 0px; */
    display: none;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 4px 0 0px;
    width: 99%;
}

.topic-projectfrm {
    margin: 0 0 178px 0;
    background: #c5ffe2;
    padding: 0 31px;
}
.topic-projectfrm h3 {
    margin: 34px 0 36px 0;
    font-size: 23px;
    text-align: center;
}
.faqs {
    padding: 0px 0px 0 0px;
    max-width: 100%;
    margin: -52px 0px -40px 0px;

}
.frmdsec {
    padding: 17px 20px;
    margin: 26px  5px 33px 0px;
}
.frmdsec h5 {
    margin: 0px 0 0px 0;
    font-size: 24px;
    line-height: 41px;
}
.topicsdesset3 img {
    display: none;
}
.topicschose img {
    display: none;
}
}
@media (min-width: 577px) and (max-width: 991px) {
.topicsdes {
    margin: -117px 0 168px 0;
}

.topicsdes p, .topicsdes ul, .topicsdes li, .topicsdes span {
    font-size: 17px;
    line-height: 30px;
} 
.topicsdesset1 h1 {
    font-size: 26px;
}  
.topicsdesset1 img {
    width: 100%;
    margin: 0px 10px 0px 0px;
}
.topicsdesset2 {
    margin: 105px 0 0 0;
    background: #f0f0ff;
    padding: 0px 16px 20px 25px;
}
.topicsdesset2 h2 {
    margin: 22px 0 0 0;
    font-size: 20px;
}
.graphicsdesset16 section {
    padding: 0px;
    width: 100%;
    margin: 8px 0 0% -10px;
    min-height: 80vh;
}
.faq .section-title h2 {
    margin-bottom: 10px;
}
.section-title h2 span {
    font-size: 34px;
}
.topicsdesset3 h3 {
    font-size: 22px;
    margin: 10px 0 5px 0;
    padding: 11px;
}
.bxe {
    width: 244px;
    font-size: 17px;
    height: 53px;
    margin: 0 0 32px 20px;
}
.topicsdesset4 h4 {
    font-size: 24px;
    margin: 37px -4px 10px 0;
}
.topicsform h4 {
    text-align: justify;
    font-size: 21px;
    padding: 12px;
    margin: 0px 0  0px 0;
}
.Customized-App-form2 {
    transform: translate(0px, 51px);
    max-width: 100%;
}
.topicsform {
    padding: 9px;
}
.form-group {
    margin-bottom: 1px;
}
.form-group label {
    margin-top: 5px;
}
.Customized-App-form2 {
    max-width: 100%;
    height: 749px;
}
#topicsform h4 {
    font-size: 20px;
    padding: 12px;
    margin: 0px -18px  11px 56px;
}
.Customized-App-form2 img {
    width: 116px;
    left: -5%;
}
#topicsform h4 {
    font-size: 19px;
    padding: 13px;
    line-height: 29px;
    margin: -5px -18px  11px 40px;
}
.stepss h5 {
    font-size: 20px;
    margin: 85px 0 9px 0;
    line-height: 30px;
}

.content {
      align-items: baseline;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.topicsform button {
    width: 100%;
    padding: 9px;
    font-size: 18px;
    margin: 9px 0 3px 0;
}
.content .list {
    width: 100%;
}
.content .text-content {
    width: 101%;
    height: 100%;
    margin: 68px 0 0 0;
}
.text {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    margin: 0;
    color: black;
}
.topicsdesset6 {
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.topicsdesset6 h2 {
    font-size: 22px;
    line-height: 33px;
    padding: 39px 0px 20px 0px;
}
.boxe {
    width: 248px;
    font-size: 22px;
}
.topicsdesset7 h3 {
    font-size: 22px;
    margin: 53px 0 10px 0;
}
.buttons {
    margin-top: 30px;
}
.topicsdesset7 img {
    width: 100%;
    margin: 0px 0 0 0px;
}
.graphicsdesset8 h3 {
    margin: 10px 0 19px 0;
    font-size: 20px;
    line-height: 31px;
}
.count-up {
    display: flex;
    flex-direction: column;
}
.countert {
    transform: scale(1);
}
.section-title h4 span {
    font-size: 39px;
    line-height: 45px;
    margin: 0 0 0 0;
}
.cntip span {
    z-index: 10;
    font-size: 48px;
}
.countert h6 {
    font-size: 20px;
}
.count-numbers {
    font-size: 29px;
    margin: 0 0 0 -31px;
}
.graphicsdesset10 h3 {
    text-align: center;
    font-size: 24px;
    margin: 2px 0 0 0;
}
.graphicsdesset10 h3 span {
    font-size: 24px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 40px 10px 39px 10px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 64%;
    width: 31%;
    bottom: -19%;
}
.blob-btn, .blob-btns {
    padding: 8px 13px;
    margin-bottom: 30px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 23px;
    width: 100%;
    margin: 0px 10px 19px 10px;
}
.graphicsdesset11s {
    margin: 11px 0 0 0;
    padding: 25px 0px;
}
.graphicsdesset11 h4 {
    text-align: left;
    font-size: 17px;
    width: 57%;
    margin: 0px 10px 19px 10px;
}
.col-lg-12 h5:nth-child(2) {
    width: 103%;
}
.graphicsdesset11s h5 {
    padding: 10px;
    border-radius: 12px;
    font-size: 16px;
}
.col-lg-12 p:nth-child(3) {
    width: 100%;
}
.graphicsdesset10 h4 {
    width: 74%;
    margin: -59px 10px 10px 79px;
    font-size: 19px;
}
.gdcl {
    margin: 0 0 12px 0;
}
.col-lg-12 h5:nth-child(4),.col-lg-12 p:nth-child(5),.col-lg-12 h5:nth-child(6),.col-lg-12 p:nth-child(7),.col-lg-12 h5:nth-child(8),
.col-lg-12 p:nth-child(9) {
    width: 100%;
}
.graphicsdesset12 h5 {
    text-align: left;
    font-size: 23px;
    margin: 24px 0 0 0;
}
.graphicsdesset13 h5 {
    font-size: 27px;
    margin: 30px 10px 0px 10px;
}
.graphicsdesset14 h5 {
    font-size: 24px;
    margin: 20px 0 0px 0;
}
.graphicsdesset14 h6 {
    font-size: 24px;
    line-height: 37px;
    margin: 0px 0 0 0;
}
.boe {
    width: 100%;
    font-size: 17px;
    margin: 0;
    height: 53px;
}
.graphicsdesset11 img {
    position: absolute;
    left: 73%;
    width: 22%;
}
.Customized-App-form2 {
    transform: translate(0px, 63px);
}
.eassytopicsa h4 {
    padding: 10px;
    background: repeating-linear-gradient(45deg, #a8dfff, transparent 234px);
    width: 100%;
    font-size: 20px;
    border-radius: 12px 12px 12px 12px;
    text-align: left;
}
.Customized-App-form2 {
    transform: translate(5px, 56px);
}
.iclsa {
    font-size: 15px!important;
    position: absolute;
    left: 83%;
    top: 7px;
    background: #195292;
    width: 14%;
    height: 10%;
    padding: 13px 12px 18px 12px;
    color: white!important;
}
.topicsdesset3 h4 {
    text-align: center;
    font-size: 22px;
}
.topicsdesset3 {
    margin: 52px 0 -45px 0;
}
.topicsdesset3 ul {
    position: relative;
    left: 6%;
    display: block;
}
.topicschose h3 {
    text-align: center;
    font-size: 24px;
    color: #ffb300;
}
.topicschose p {
    margin: 15px 0 23px 4px;
    font-size: 16px;
}
.r-journal__forms {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 15px;
    max-width: 100%;
    left: 1;
    left: 0%;
}
.topicschose .bxe {
    margin: 40px 0 23px 18px;
}
.topicschose h4 {
    width: 100%;
    padding: 2px;
    left: 0%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 15px;
}
.topicschose {
    margin: 104px 0px -27px 0px;
}
.topicsdesset4 button {
    padding: 10px;
    width: 92%;
    position: relative;
    left: 15px;
    font-size: 23px;
    margin: 45px 0 81px  0;
}
.topicsdesigner {
    padding: 15px 20px;
    margin: 0 0  121px 0;
}
.topicsdesigner h4 {
    text-align: left;
    font-size: 26px;
    margin: 4px 0 0 0;
}
.topicsdesigner ul>li {
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0 0 0 9px;
}
.topicsdesigner .aeassy ul {
    font-family: sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 32px;
    gap: 16px;
    display: flex;
    margin: 17px 0 20px 0;
    flex-direction: column;
}
.topicsdesset6 {
    text-align: center;
    font-size: 20px;
    left: 0;
    width: 100%;
    padding: 18px 25px 20px 14px;
    margin: 23px 0 45px 0;
}
.topicsdesset6 p {
    position: relative;
    left: 0%;
    text-align: center;
    font-size: 16px;
    line-height: 97px;
    margin: 0 2px 20px 0;
}
.topicsdesset7 img {
    width: 47%;
    right: 192px;
    top: 0;
    position: absolute;
    margin: 0;
}
.topicsdesset7 img {
    /* width: 100%; */
    /* margin: 0px 0 0 0px; */
    display: none;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 4px 0 0px;
    width: 99%;
}
}
@media (min-width: 1240px) and (max-width: 1280px) {
.topicsdesset3 ul {
    position: relative;
    left: 30%;
}
html,body{
    max-width:100%;
    overflow-x:hidden;
}
.bxe {
    width: 416px;
    font-weight: bold;
    font-size: 26px;
    height: 53px;
    margin: 24px 0 52px 366px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.topicschose p {
    margin: 15px 41px 23px 71px;
    font-size: 21px;
    text-transform: capitalize;
    font-style: italic;
}
.topicschose h3 {
    text-align: center;
    font-size: 86px;
    color: #ffb300;
}
.r-journal__forms {
    display: flex;
    flex-direction: row;
    gap: 59px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #ddd;
    max-width: 92%;
    left: 1;
    position: relative;
    left: 5%;
}
.topicschose .bxe {
    margin: 40px 0 23px 391px;
}
.topicschose h4 {
    text-align: center;
    background: #a5a5a9;
    width: 35%;
    position: relative;
    font-family: sans-serif;
    padding: 2px;
    border-radius: 35px;
    left: 33%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 16px;
}
.topicsdesset4 button {
    background: repeating-linear-gradient(359deg, #0e78ef, transparent 257px);
    padding: 30px;
    width: 29%;
    position: relative;
    left: 36%;
    color: #000000;
    border-radius: 13px;
    /* opacity: 4.1; */
    font-size: 23px;
    margin: 45px 0 81px  0;
    font-family: 'Lilita One';
    /* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */
    box-shadow: 4px 7px 11px 2px;
}
.topicsdesigner {
    background: #81cd96;
    padding: 15px 23px;
    margin: 0 0  118px 0;
}
.topicsdesset6 {
    animation: webclr linear 2s infinite;
    box-shadow: 5px 8px 8px -2px #6a6a6a;
    text-align: center;
    font-size: 40px;
    position: relative;
    left: -94px;
    width: 122%;
    padding: 18px 25px 20px 14px;
    margin: 63px 0 91px 0;
    border-radius: 11%;
}
.topicsdesset6 p {
    position: relative;
    left: 1%;
    text-align: center;
    font-size: 23px;
    line-height: 97px;
    margin: -33px 0 2px  0;
}
.sa {
    background: #f9f9f9;
    box-shadow: 3px 1px 22px 2px #195292;
    padding: 3px 34px 0 55px;
    border-radius: 14px;
    margin: 0 52px 0 202px;
}
.topicsdesset7 img {
    width: 47%;
    right: 707px;
    top: 76px;
    position: absolute;
    margin: 0;
}
.topic-projectfrm {
    margin: 0 0 97px 0;
    background: #c5ffe2;
    padding: 0 146px;
}
.faqs {
    padding: 0px 28px 0 29px;
    max-width: 39%;
    border-radius: 12px;
    margin: -52px 56px -40px 1px;
    background: repeating-linear-gradient(142deg, #e7e7e7, #c5ffe2 598px);
}
.topic-projectfrm h3 {
    margin: 136px 0 36px 0;
    font-size: 27px;
    text-align: left;
    font-family: 'Roboto Slab';
    font-weight: 700;
}
.topicsdesset3 img {
    position: absolute;
    width: 24%;
    top: 14px;
    left: 5px;
}
.asa {
    left: 79%!important;
    width: 255px;
    top: 53px;
    animation: zoomFade 4s ease-in-out infinite alternate;
    /* position: absolute; */
}
.topicschose img {
    position: absolute;
    left: 79%;
    width: 23%;
    margin: 202px 0px 0 -31px;
    /* bottom: 45%; */
}
.r-journal__forms {
    display: flex;
    flex-direction: row;
    gap: 13px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #ddd;
    max-width: 80%;
    left: 1;
    position: relative;
    left: 3%;
}
.faqs {
    padding: 0px 28px 0 29px;
    max-width: 39%;
    border-radius: 12px;
    margin: -52px 16px -40px 1px;
    background: repeating-linear-gradient(142deg, #e7e7e7, #c5ffe2 598px);
}
.asa {
    left: 80%!important;
    width: 199px!important;
    top: 96px;
    animation: zoomFade 4s ease-in-out infinite alternate;
    /* position: absolute; */
}
}
@media (min-width: 1290px) and (max-width: 1536px) {
    .topicsdesset3 ul {
    position: relative;
    left: 33%;
}
.bxe {
    width: 416px;
    font-weight: bold;
    font-size: 26px;
    height: 53px;
    margin: 25px 0 52px 519px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.topicschose .bxe {
    margin: 40px 0 23px 366px;
}
.topicschose h4 {
    text-align: center;
    background: #eaeaf1;
    width: 35%;
    position: relative;
    font-family: sans-serif;
    padding: 2px;
    border-radius: 35px;
    left: 31%;
    margin: 16px 0 42px 0;
    padding: 10px 10px;
    font-size: 16px;
}
.topicsdesset2 {
    margin: 295px 0 0 0;
    background: #f0f0ff;
    padding: 70px 24px 20px 24px;
}
.topicsdesset4 button {
    background: repeating-linear-gradient(359deg, #0e78ef, transparent 257px);
    padding: 30px;
    width: 25%;
    position: relative;
    left: 36%;
    color: #000000;
    border-radius: 13px;
    /* opacity: 4.1; */
    font-size: 23px;
    margin: 45px 0 81px  0;
    font-family: 'Lilita One';
    /* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */
    box-shadow: 4px 7px 11px 2px;
}
.topicsdesigner {
    background: #81cd96;
    padding: 15px 65px;
    margin: 0 0  121px 0;
}
.topicsdesset6 p {
    position: relative;
    left: 0%;
    text-align: center;
    font-size: 23px;
    line-height: 97px;
    margin: -33px 0 2px  0;
}
.r-journal__forms {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #ddd;
    max-width: 79%;
    left: 1;
    position: relative;
    left: 10%;
}
.topicschose p {
    margin: 15px 0 23px 39px;
    font-size: 21px;
    text-transform: capitalize;
    font-style: italic;
}
.topicschose h3 {
    text-align: center;
    font-size: 92px;
    color: #ffb300;
}
.Customized-App-form2 {
    transform: translate(114px, 75px);
}
.iclsa {
    font-size: 34px!important;
    left: 86%;
    top: 2px;
    width: 13%;
    height: 16%;
    padding: 13px 12px 18px 12px;
}
.topic-projectfrm {
    margin: 0 0 97px 0;
    background: #c5ffe2;
    padding: 0 149px;
}
.topicsform button {
    width: 100%;
    padding: 10px;
    font-size: 17px;
}
.topicschose {
    margin: 104px 0px 100px 0px;
    background: #30854d;
    padding: 23px 271px 0 0px;
    border-radius: 0px;
}
.topicschose img {
    position: absolute;
    left: 74%;
    width: 29%;
    margin: 79px 0 0 0;
    /* bottom: 45%; */
}
.topicsdesset3 img {
    position: absolute;
    width: 22%;
    left: 42px;
    top: -22px;
}
.asa {
    left: 73%!important;
    left: 53px;
    top: 0px;
}
.topic-projectfrm p {
    display: none;
    font-size: 18px;
    font-style: italic;
    margin: -19px 0 26px 30px;
}
}
@media (min-width: 1925px) and (max-width: 2131px) {
.topicsdesset3 img {
    position: absolute;
    width: 16%;
    top: 10px;
    left: 49px;
}
    .topicschose img {
    position: absolute;
    left: 79%;
    width: 22%;
    /* bottom: 45%; */
    margin: 10px 0 0 0;
}
 .topicschose img {
    position: absolute;
    left: 79%;
    width: 22%;
    /* bottom: 45%; */
    margin: -33px 0 0 0;
}   
.topicschose h4 {
    text-align: center;
    background: #eaeaf1;
    width: 20%;
    position: relative;
    font-family: sans-serif;
    padding: 2px;
    border-radius: 35px;
    left: 36%;
    margin: 16px 0 0 0;
    padding: 10px 10px;
    font-size: 16px;
}
.topicsdesset3 img {
    position: absolute;
    width: 16%;
    top: -30px;
    left: 49px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}